initial
This commit is contained in:
commit
9883323161
17470 files changed
+4470592
No files matched your search
@@ -0,0 +1,42 @@
|
||||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"apiVersion": 3,
|
||||
"name": "jetpack/image-compare",
|
||||
"title": "Image Compare",
|
||||
"description": "Compare two images with a slider. Works best with images of the same size.",
|
||||
"keywords": [
|
||||
"juxtapose",
|
||||
"photos",
|
||||
"pictures",
|
||||
"side by side",
|
||||
"slider"
|
||||
],
|
||||
"version": "12.5.0",
|
||||
"textdomain": "jetpack",
|
||||
"category": "media",
|
||||
"icon": "<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 4h-6v1.5h6c.3 0 .5.2.5.5v.4l-3.6 3.5L15 8.1v1.8l2.6 1.7c.1.1.3.1.4.1.2 0 .4-.1.5-.2l3-2.9V18c0 .3-.2.5-.5.5h-6V20h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM1 6v12c0 1.1.9 2 2 2h10.5V4H3c-1.1 0-2 .9-2 2zm11 12.5H3c-.3 0-.5-.2-.5-.5v-1.4L5 14.7l1.5-1.1.1-.1 3 1.9c.1.1.3.1.4.1.2 0 .4-.1.5-.2L12 14v4.5zm0-6.6l-2.1 2L7 12c-.1-.1-.3-.1-.4-.1h-.1c-.1 0-.3.1-.4.1l-1.1.9-2.5 1.8V6c0-.3.2-.5.5-.5h9v6.4z'/></svg>",
|
||||
"supports": {
|
||||
"align": [
|
||||
"wide",
|
||||
"full"
|
||||
]
|
||||
},
|
||||
"attributes": {
|
||||
"imageBefore": {
|
||||
"type": "object",
|
||||
"default": {}
|
||||
},
|
||||
"imageAfter": {
|
||||
"type": "object",
|
||||
"default": {}
|
||||
},
|
||||
"caption": {
|
||||
"type": "string"
|
||||
},
|
||||
"orientation": {
|
||||
"type": "string",
|
||||
"default": "horizontal"
|
||||
}
|
||||
},
|
||||
"editorScript": "jetpack-blocks-editor"
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array('wp-dom-ready'), 'version' => '5f1107c6cde2eef48fb5');
|
||||
@@ -0,0 +1 @@
|
||||
div.juxtapose{font-family:Helvetica,Arial,sans-serif;width:100%}div.jx-slider{color:#f3f3f3;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}div.jx-handle{cursor:col-resize;height:100%;margin-left:-20px;position:absolute;width:40px;z-index:9}.vertical div.jx-handle{cursor:row-resize;height:40px;margin-left:0;margin-top:-20px;width:100%}div.jx-control{background-color:currentColor;height:100%;margin-left:auto;margin-right:auto;width:3px}.vertical div.jx-control{background-color:currentColor;height:3px;position:relative;top:50%;transform:translateY(-50%);width:100%}div.jx-controller{background-color:currentColor;bottom:0;height:60px;margin:auto auto auto -3px;position:absolute;top:0;width:9px}.vertical div.jx-controller{height:9px;margin-left:auto;margin-right:auto;position:relative;top:-3px;width:100px}div.jx-arrow{bottom:0;margin:auto;top:0}.vertical div.jx-arrow,div.jx-arrow{height:0;position:absolute;transition:all .2s ease;width:0}.vertical div.jx-arrow{left:0;margin:0 auto;right:0}div.jx-arrow.jx-left{border-color:#0000 currentcolor #0000 #0000;border-style:solid;border-width:8px 8px 8px 0;left:2px}div.jx-arrow.jx-right{border-color:#0000 #0000 #0000 currentcolor;border-style:solid;border-width:8px 0 8px 8px;right:2px}.vertical div.jx-arrow.jx-left{border-color:#0000 #0000 currentcolor;border-style:solid;border-width:0 8px 8px;left:0;top:2px}.vertical div.jx-arrow.jx-right{border-color:currentcolor #0000 #0000;border-style:solid;border-width:8px 8px 0;bottom:2px;right:0;top:auto}:is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-left{left:-1px}:is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-right{right:-1px}.vertical :is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-left{left:0;top:0}.vertical :is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-right{bottom:0;right:0}div.jx-image{display:inline-block;height:100%;overflow:hidden;position:absolute;top:0}.vertical div.jx-image{left:0;top:auto;width:100%}div.jx-slider div.jx-image img{height:100%!important;margin-bottom:0;max-height:none!important;max-width:none!important;position:absolute;width:auto!important;z-index:5}div.jx-slider.vertical div.jx-image img{height:auto!important;width:100%!important}div.jx-image.jx-left{background-position:0;left:0}div.jx-image.jx-left img{left:0}div.jx-image.jx-right{background-position:100%;right:0}div.jx-image.jx-right img{bottom:0;right:0}.veritcal div.jx-image.jx-left{background-position:top;top:0}.veritcal div.jx-image.jx-left img{top:0}.vertical div.jx-image.jx-right{background-position:bottom;bottom:0}.veritcal div.jx-image.jx-right img{bottom:0}div.jx-image div.jx-label{background-color:#000;background-color:#000000b3;color:#fff;display:inline-block;font-size:1em;line-height:18px;padding:.25em .75em;position:relative;top:0;vertical-align:middle;white-space:nowrap;z-index:10}div.jx-image.jx-left div.jx-label{float:left;left:0}div.jx-image.jx-right div.jx-label{float:right;right:0}.vertical div.jx-image div.jx-label{display:table;position:absolute}.vertical div.jx-image.jx-right div.jx-label{bottom:0;left:0;top:auto}div.jx-image.transition{transition:width .5s ease}div.jx-handle.transition{transition:left .5s ease}.vertical div.jx-image.transition{transition:height .5s ease}.vertical div.jx-handle.transition{transition:top .5s ease}div.jx-controller:focus,div.jx-image.jx-left div.jx-label:focus,div.jx-image.jx-right div.jx-label:focus,figure.wp-block-jetpack-image-compare figcaption{font-size:85%;text-align:center}div.jx-control{color:#fff}.vertical div.jx-controller,div.jx-controller{border-radius:50%;height:48px;width:48px}div.jx-controller{margin-left:-22.5px}.vertical div.jx-controller{transform:translateY(-19.5px)}.vertical div.jx-arrow.jx-left,.vertical div.jx-arrow.jx-right,div.jx-arrow.jx-left,div.jx-arrow.jx-right{background-repeat:no-repeat;border:none;height:24px;width:24px;will-change:transform;z-index:1}div.jx-arrow.jx-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjQgMTggOCAxMmw1LjQtNiAxLjIgMS00LjYgNSA0LjYgNXoiLz48L3N2Zz4=);left:0}div.jx-arrow.jx-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjYgNiA5LjQgN2w0LjYgNS00LjYgNSAxLjIgMSA1LjQtNnoiLz48L3N2Zz4=);right:0}div.vertical :is(div.jx-arrow.jx-left,div.jx-arrow.jx-right){transform:rotate(90deg)}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var t={65742(){},79366(t,e,i){"object"==typeof window&&window.Jetpack_Block_Assets_Base_Url&&(i.p=window.Jetpack_Block_Assets_Base_Url)},98490(t){"use strict";t.exports=window.wp.domReady}},e={};function i(s){var n=e[s];if(void 0!==n)return n.exports;var r=e[s]={exports:{}};return t[s](r,r.exports,i),r.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t;globalThis.importScripts&&(t=globalThis.location+"");var e=globalThis.document;if(!t&&e&&(e.currentScript&&"SCRIPT"===e.currentScript.tagName.toUpperCase()&&(t=e.currentScript.src),!t)){var s=e.getElementsByTagName("script");if(s.length)for(var n=s.length-1;n>-1&&(!t||!/^http(s?):/.test(t));)t=s[n--].src}if(!t)throw new Error("Automatic publicPath is not supported in this browser");t=t.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=t+"../"})(),(()=>{"use strict";i(79366)})(),(()=>{"use strict";var t=i(98490),e=i.n(t);i(65742);e()(function(){const t={sliders:[],OPTIMIZATION_ACCEPTED:1,OPTIMIZATION_WAS_CONSTRAINED:2};function e(t,e){const i=this;this.image=new Image,this.loaded=!1,this.image.onload=function(){i.loaded=!0,e._onLoaded()},this.image.src=t.src,this.image.alt=t.alt||"",this.label=t.label||!1}function i(t,e){t&&t.classList.add(e)}function s(t,e){t&&t.classList.remove(e)}function n(t){return{width:parseInt(window.getComputedStyle(t).width,10),height:parseInt(window.getComputedStyle(t).height,10)}}function r(t,e){let i;if("string"==typeof e||"number"==typeof e)i=parseInt(e,10);else{const s=t.getBoundingClientRect(),n={top:s.top+document.body.scrollTop+document.documentElement.scrollTop,left:s.left+document.body.scrollLeft+document.documentElement.scrollLeft},r=t.offsetWidth;i=(function(t){let e;return e=t.pageX?t.pageX:t.touches?t.touches[0].pageX:t.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,e}(e)-n.left)/r*100}return i}function o(t,e,i){let s;if("string"==typeof e||"number"==typeof e)s=parseInt(e,10);else{const n=t.getBoundingClientRect(),r={top:n.top+i.body.scrollTop+i.documentElement.scrollTop,left:n.left+i.body.scrollLeft+i.documentElement.scrollLeft},o=t.offsetHeight;s=(function(t){let e;return e=t.pageY?t.pageY:t.touches?t.touches[0].pageY:t.clientY+document.body.scrollTop+document.documentElement.scrollTop,e}(e)-r.top)/o*100}return s}const a={animate:!0,showLabels:!0,makeResponsive:!0};function l(t){return"string"!=typeof t?Boolean(t):!("false"===t||""===t)}function h(t,i,s){let n;for(n in this.element=t,this.options={animate:!0,showLabels:!0,makeResponsive:!0,startingPosition:"50%",mode:"horizontal",callback:null},this.options)n in s&&(this.options[n]=n in a?l(s[n]):s[n]);2===i.length&&(this.imgBefore=new e(i[0],this),this.imgAfter=new e(i[1],this))}h.prototype={updateSlider:function(t,e){let n;n="vertical"===this.options.mode?o(this.slider,t,this.sliderParentDocument):r(this.slider,t),n=n.toFixed(2)+"%";const a=parseFloat(n),l=100-a+"%";a>0&&a<100&&(s(this.handle,"transition"),s(this.rightImage,"transition"),s(this.leftImage,"transition"),this.options.animate&&e&&(i(this.handle,"transition"),i(this.leftImage,"transition"),i(this.rightImage,"transition")),"vertical"===this.options.mode?(this.handle.style.top=n,this.leftImage.style.height=n,this.rightImage.style.height=l):(this.handle.style.left=n,this.leftImage.style.width=n,this.rightImage.style.width=l),this.sliderPosition=n)},getPosition:function(){return this.sliderPosition},displayLabel:function(t,e){const i=document.createElement("div");i.className="jx-label",i.setAttribute("tabindex",0),function(t,e){document.body.textContent?t.textContent=e:t.innerText=e}(i,e),t.appendChild(i)},setStartingPosition:function(t){this.options.startingPosition=t},calculateDims:function(t,e){const i=(s=this.imgBefore.image,{width:s.naturalWidth,height:s.naturalHeight,aspect:function(){return this.width/this.height}}).aspect();var s;return t?e=t/i:e&&(t=e*i),{width:t,height:e,ratio:i}},responsivizeIframe:function(t){return t.height<window.innerHeight?t.ratio>=1&&(this.wrapper.style.paddingTop=parseInt((window.innerHeight-t.height)/2)+"px"):t.height>window.innerHeight&&(t=this.calculateDims(0,window.innerHeight),this.wrapper.style.paddingLeft=parseInt((window.innerWidth-t.width)/2)+"px"),t},setWrapperDimensions:function(){const t=n(this.wrapper.parentNode).width,e=n(this.wrapper.parentNode).height;let i=this.calculateDims(t,e);window.location===window.parent.location||this.options.makeResponsive||(i=this.responsivizeIframe(i)),this.wrapper.style.height=parseInt(i.height)+"px",this.wrapper.style.width=parseInt(i.width)+"px"},optimizeWrapper:function(e){let i=t.OPTIMIZATION_ACCEPTED;return this.imgBefore.image.naturalWidth>=e&&this.imgAfter.image.naturalWidth>=e?(this.wrapper.style.width=e+"px",i=t.OPTIMIZATION_WAS_CONSTRAINED):this.imgAfter.imageLine truncated
|
||||
@@ -0,0 +1 @@
|
||||
div.juxtapose{font-family:Helvetica,Arial,sans-serif;width:100%}div.jx-slider{color:#f3f3f3;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}div.jx-handle{cursor:col-resize;height:100%;margin-right:-20px;position:absolute;width:40px;z-index:9}.vertical div.jx-handle{cursor:row-resize;height:40px;margin-right:0;margin-top:-20px;width:100%}div.jx-control{background-color:currentColor;height:100%;margin-left:auto;margin-right:auto;width:3px}.vertical div.jx-control{background-color:currentColor;height:3px;position:relative;top:50%;transform:translateY(-50%);width:100%}div.jx-controller{background-color:currentColor;bottom:0;height:60px;margin:auto -3px auto auto;position:absolute;top:0;width:9px}.vertical div.jx-controller{height:9px;margin-left:auto;margin-right:auto;position:relative;top:-3px;width:100px}div.jx-arrow{bottom:0;margin:auto;top:0}.vertical div.jx-arrow,div.jx-arrow{height:0;position:absolute;transition:all .2s ease;width:0}.vertical div.jx-arrow{left:0;margin:0 auto;right:0}div.jx-arrow.jx-left{border-color:#0000 #0000 #0000 currentcolor;border-style:solid;border-width:8px 0 8px 8px;right:2px}div.jx-arrow.jx-right{border-color:#0000 currentcolor #0000 #0000;border-style:solid;border-width:8px 8px 8px 0;left:2px}.vertical div.jx-arrow.jx-left{border-color:#0000 #0000 currentcolor;border-style:solid;border-width:0 8px 8px;right:0;top:2px}.vertical div.jx-arrow.jx-right{border-color:currentcolor #0000 #0000;border-style:solid;border-width:8px 8px 0;bottom:2px;left:0;top:auto}:is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-left{right:-1px}:is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-right{left:-1px}.vertical :is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-left{right:0;top:0}.vertical :is(div.jx-handle:active,div.jx-handle:hover) div.jx-arrow.jx-right{bottom:0;left:0}div.jx-image{display:inline-block;height:100%;overflow:hidden;position:absolute;top:0}.vertical div.jx-image{right:0;top:auto;width:100%}div.jx-slider div.jx-image img{height:100%!important;margin-bottom:0;max-height:none!important;max-width:none!important;position:absolute;width:auto!important;z-index:5}div.jx-slider.vertical div.jx-image img{height:auto!important;width:100%!important}div.jx-image.jx-left{background-position:100%;right:0}div.jx-image.jx-left img{right:0}div.jx-image.jx-right{background-position:0;left:0}div.jx-image.jx-right img{bottom:0;left:0}.veritcal div.jx-image.jx-left{background-position:top;top:0}.veritcal div.jx-image.jx-left img{top:0}.vertical div.jx-image.jx-right{background-position:bottom;bottom:0}.veritcal div.jx-image.jx-right img{bottom:0}div.jx-image div.jx-label{background-color:#000;background-color:#000000b3;color:#fff;display:inline-block;font-size:1em;line-height:18px;padding:.25em .75em;position:relative;top:0;vertical-align:middle;white-space:nowrap;z-index:10}div.jx-image.jx-left div.jx-label{float:right;right:0}div.jx-image.jx-right div.jx-label{float:left;left:0}.vertical div.jx-image div.jx-label{display:table;position:absolute}.vertical div.jx-image.jx-right div.jx-label{bottom:0;right:0;top:auto}div.jx-image.transition{transition:width .5s ease}div.jx-handle.transition{transition:right .5s ease}.vertical div.jx-image.transition{transition:height .5s ease}.vertical div.jx-handle.transition{transition:top .5s ease}div.jx-controller:focus,div.jx-image.jx-left div.jx-label:focus,div.jx-image.jx-right div.jx-label:focus,figure.wp-block-jetpack-image-compare figcaption{font-size:85%;text-align:center}div.jx-control{color:#fff}.vertical div.jx-controller,div.jx-controller{border-radius:50%;height:48px;width:48px}div.jx-controller{margin-right:-22.5px}.vertical div.jx-controller{transform:translateY(-19.5px)}.vertical div.jx-arrow.jx-left,.vertical div.jx-arrow.jx-right,div.jx-arrow.jx-left,div.jx-arrow.jx-right{background-repeat:no-repeat;border:none;height:24px;width:24px;will-change:transform;z-index:1}div.jx-arrow.jx-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzLjQgMTggOCAxMmw1LjQtNiAxLjIgMS00LjYgNSA0LjYgNXoiLz48L3N2Zz4=);right:0}div.jx-arrow.jx-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjYgNiA5LjQgN2w0LjYgNS00LjYgNSAxLjIgMSA1LjQtNnoiLz48L3N2Zz4=);left:0}div.vertical :is(div.jx-arrow.jx-left,div.jx-arrow.jx-right){transform:rotate(-90deg)}
|
||||
Reference in new issue
Block a user