WordPress.org

snow-monkey-blocks/trunk/dist/blocks/spider-contents-slider/index.asset.php

r3026781	r3030085
1		<?php return array('dependencies' => array('lodash', 'react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '~~b114ce824f976ac1af41~~');
	1	<?php return array('dependencies' => array('lodash', 'react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '');

snow-monkey-blocks/trunk/dist/blocks/spider-contents-slider/index.js

r3026781	r3030085
1		(()=>{var e={1685:e=>{"use strict";var t=function(e){return parseInt(e,16)};e.exports=function(e,s){var o,a,l=function(e){return"#"===e.charAt(0)?e.slice(1):e}(e),r=function(e){var s=e.g,o=e.b,a=e.a;return{r:t(e.r),g:t(s),b:t(o),a:+(t(a)/255).toFixed(2)}}({r:(a=3===(o=l).length\|\|4===o.length)?"".concat(o.slice(0,1)).concat(o.slice(0,1)):o.slice(0,2),g:a?"".concat(o.slice(1,2)).concat(o.slice(1,2)):o.slice(2,4),b:a?"".concat(o.slice(2,3)).concat(o.slice(2,3)):o.slice(4,6),a:(a?"".concat(o.slice(3,4)).concat(o.slice(3,4)):o.slice(6,8))\|\|"ff"});return function(e,t){var s,o=e.r,a=e.g,l=e.b,r=e.a,n=(s=t,!isNaN(parseFloat(s))&&isFinite(s)?t:r);return"rgba(".concat(o,", ").concat(a,", ").concat(l,", ").concat(n,")")}(r,s)}},3967:(e,t)=>{var s;!function(){"use strict";var o={}.hasOwnProperty;function a(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=r(e,l(s)))}return e}function l(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)o.call(e,s)&&e[s]&&(t=r(t,s));return t}function r(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(s=function(){return a}.apply(t,[]))\|\|(e.exports=s)}()}},t={};function s(o){var a=t[o];if(void 0!==a)return a.exports;var l=t[o]={exports:{}};return e[o](l,l.exports,s),l.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.blocks,t=window.wp.i18n,o=JSON.parse('{"u2":"snow-monkey-blocks/spider-contents-slider","Y4":{"sizeSlug":{"type":"string","default":"full"},"dots":{"type":"boolean","default":false},"arrows":{"type":"boolean","default":false},"fade":{"type":"boolean","default":false},"shuffle":{"type":"boolean","default":false},"shifted":{"type":"boolean","default":false},"gutter":{"type":"string"},"interval":{"type":"number","default":0},"autoplayButton":{"type":"boolean","default":false},"duration":{"type":"number","default":0},"lgSlidesToShow":{"type":"number","default":1},"mdSlidesToShow":{"type":"number","default":1},"smSlidesToShow":{"type":"number","default":1},"canvasPadding":{"type":"object","default":{}},"sliderClientIds":{"type":"string","default":"[]"},"border":{"type":"object","default":{"color":"","style":"","width":1,"radius":0}},"boxShadow":{"type":"object","default":{"color":"","opacity":0.1,"blur":10,"position":""}}},"be":{"align":["wide","full"],"spacing":{"margin":true}}}'),a=window.React,l=(0,a.createElement)("svg",{viewBox:"0 0 24 24"},(0,a.createElement)("path",{d:"M5,5.78V18.22a.78.78,0,0,0,.78.78H18.22a.78.78,0,0,0,.78-.78V5.78A.78.78,0,0,0,18.22,5H5.78A.78.78,0,0,0,5,5.78m12.44,12H6.56a.38.38,0,0,1-.39-.39V6.56a.38.38,0,0,1,.39-.39H17.44a.38.38,0,0,1,.39.39V17.44a.38.38,0,0,1-.39.39"}),(0,a.createElement)("path",{d:"M6.17,14.16l3.06-2.23a.22.22,0,0,1,.22,0l2.34,1.5a.21.21,0,0,0,.24,0l3-2.83a.19.19,0,0,1,.27,0l3.09,3v1.16l-3.09-3a.18.18,0,0,0-.27,0l-3,2.82a.19.19,0,0,1-.24,0L9.45,13.11a.18.18,0,0,0-.22,0L6.17,15.33Z"}),(0,a.createElement)("path",{d:"M2.22,5H0V6.17H1.44a.38.38,0,0,1,.39.39V17.44a.38.38,0,0,1-.39.39H0V19H2.22A.78.78,0,0,0,3,18.22V5.78A.78.78,0,0,0,2.22,5Z"}),(0,a.createElement)("path",{d:"M24,17.83H22.56a.38.38,0,0,1-.39-.39V6.56a.38.38,0,0,1,.39-.39H24V5H21.78a.78.78,0,0,0-.78.78V18.22a.78.78,0,0,0,.78.78H24Z"}));var r=s(3967),n=s.n(r),i=s(1685),d=s.n(i);const c=window.wp.blockEditor,m=window.wp.components,u=window.wp.data,p=window.wp.element,h=(0,p.forwardRef)((function({icon:e,size:t=24,...s},o){return(0,p.cloneElement)(e,{width:t,height:t,...s,ref:o})})),b=window.wp.primitives,f=(0,a.createElement)(b.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,a.createElement)(b.Path,{d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm1.13 9.38l.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z"}));function v(){const e={disableCustomColors:!(0,c.useSetting)("color.custom"),disableCustomGradients:!(0,c.useSetting)("color.customGradient")},s=(0,c.useSetting)("color.palette.custom"),o=(0,c.useSetting)("color.palette.theme"),a=(0,c.useSetting)("color.palette.default"),l=(0,c.useSetting)("color.defaultPalette");e.colors=(0,p.useMemo)((()=>{const e=[];return o&&o.length&&e.push({name:(0,t._x)("Theme","Indicates this palette comes from the theme.","snow-monkey-blocks"),colors:o}),l&&a&&a.length&&e.push({name:(0,t._x)("Default","Indicates this palette comes from WordPress.","snow-monkey-blocks"),colors:a}),s&&s.length&&e.push({name:(0,t._x)("Custom","Indicates this palette comes from the theme.","snow-monkey-blocks"),colors:s}),e}),[a,o,s]);const r=(0,c.useSetting)("color.gradients.custom"),n=(0,c.useSetting)("color.gradients.theme"),i=(0,c.useSetting)("color.gradients.default"),d=(0,c.useSetting)("color.defaultGradients");return e.gradients=(0,p.useMemo)((()=>{const e=[];return n&&n.length&&e.push({name:(0,t._x)("Theme","Indicates this palette comes from the theme.","snow-monkey-blocks"),gradients:n}),d&&i&&i.length&&e.push({name:(0,t._x)("Default","Indicates this palette comes from WordPress.","snow-monkey-blocks"),gradients:i}),r&&r.length&&e.push({name:(0,t._x)("Custom","Indicates this palette is created by the user.","snow-monkey-blocks"),gradients:r}),e}),[r,n,i]),e}function w({settings:e,label:s}){const o={},l={},r=e.map(((e,s)=>{if(e.hasOwnProperty("colorValue")&&e.hasOwnProperty("onColorChange")){o.color=e.colorValue,l.color=e.onColorChange;const r=(0,c.__experimentalUseMultipleOriginColorsAndGradients)();return r.colors=r.colors.map((e=>{const t=e.colors.filter((e=>!e.color.match(/^var\(/)));return!(1>t.length)&&(e.colors=t,e)})).filter(Boolean),(0,a.createElement)("div",{className:"smb-color-gradient-settings-dropdown",key:s},(0,a.createElement)(c.__experimentalColorGradientSettingsDropdown,{settings:[{label:(0,t.__)("Color","snow-monkey-blocks"),colorValue:e.colorValue,onColorChange:e.onColorChange}],__experimentalIsRenderedInSidebar:!0,...r}))}return e.hasOwnProperty("opacityValue")&&e.hasOwnProperty("onOpacityChange")?(o.opacity=e.opacityValue,l.opacity=e.onOpacityChange,(0,a.createElement)(m.RangeControl,{key:s,label:(0,t.__)("Opacity","snow-monkey-blocks"),value:Number(e.opacityValue.toFixed(1)),onChange:e.onOpacityChange,min:0,max:1,step:.1})):e.hasOwnProperty("horizontalValue")&&e.hasOwnProperty("onHorizontalChange")?(o.horizontal=e.horizontalValue,l.horizontal=e.onHorizontalChange,(0,a.createElement)(m.RangeControl,{key:s,label:(0,t.__)("Horizontal","snow-monkey-blocks"),value:e.horizontalValue,onChange:e.onHorizontalChange,min:null!==(r=e?.min)&&void 0!==r?r:-100,max:null!==(n=e?.max)&&void 0!==n?n:100})):e.hasOwnProperty("verticalValue")&&e.hasOwnProperty("onVerticalChange")?(o.vertical=e.verticalValue,l.vertical=e.onVerticalChange,(0,a.createElement)(m.RangeControl,{key:s,label:(0,t.__)("Vertical","snow-monkey-blocks"),value:e.verticalValue,onChange:e.onVerticalChange,min:null!==(i=e?.min)&&void 0!==i?i:-100,max:null!==(d=e?.max)&&void 0!==d?d:100})):e.hasOwnProperty("blurValue")&&e.hasOwnProperty("onBlurChange")?(o.blur=e.blurValue,l.blur=e.onBlurChange,(0,a.createElement)(m.RangeControl,{key:s,label:(0,t.__)("Blur","snow-monkey-blocks"),value:e.blurValue,onChange:e.onBlurChange,min:null!==(u=e?.min)&&void 0!==u?u:0,max:null!==(h=e?.max)&&void 0!==h?h:100})):e.hasOwnProperty("spreadValue")&&e.hasOwnProperty("onSpreadChange")?(o.spread=e.spreadValue,l.spread=e.onSpreadChange,(0,a.createElement)(m.RangeControl,{key:s,label:(0,t.__)("Spread","snow-monkey-blocks"),value:e.spreadValue,onChange:e.onSpreadChange,min:null!==(b=e?.min)&&void 0!==b?b:-100,max:null!==(f=e?.max)&&void 0!==f?f:100})):e.hasOwnProperty("positionValue")&&e.hasOwnProperty("onPositionChange")?(o.position=e.positionValue,l.position=e.onPositionChange,(0,a.createElement)(m.SelectControl,{key:s,label:(0,t.__)("Position","snow-monkey-blocks"),value:e.positionValue,onChange:e.onPositionChange,options:[{value:"",label:(0,t.__)("Outline","snow-monkey-blocks")},{value:"inset",label:(0,t.__)("Inset","snow-monkey-blocks")}]})):(0,a.createElement)(p.Fragment,{key:s});var r,n,i,d,u,h,b,f}));return(0,a.createElement)(m.__experimentalToolsPanel,{label:s\|\|(0,t.__)("Box Shadow","snow-monkey-blocks"),className:"smb-box-shadow-tools-panel"},(0,a.createElement)(m.__experimentalToolsPanelItem,{label:s\|\|(0,t.__)("Box Shadow","snow-monkey-blocks"),hasValue:()=>e.some((e=>{if(e.hasOwnProperty("defaultValue")){let t;return e.hasOwnProperty("opacityValue")?t=e.opacityValue:e.hasOwnProperty("horizontalValue")?t=e.horizontalValue:e.hasOwnProperty("verticalValue")?t=e.verticalValue:e.hasOwnProperty("blurValue")?t=e.blurValue:e.hasOwnProperty("spreadValue")?t=e.spreadValue:e.hasOwnProperty("positionValue")&&(t=e.positionValue),void 0!==t&&e.defaultValue!==t}return!1})),isShownByDefault:!0,onDeselect:()=>{e.forEach((e=>{if(e.hasOwnProperty("defaultValue")){let t;e.hasOwnProperty("onOpacityChange")?t=e.onOpacityChange:e.hasOwnProperty("onHorizontalChange")?t=e.onHorizontalChange:e.hasOwnProperty("onVerticalChange")?t=e.onVerticalChange:e.hasOwnProperty("onBlurChange")?t=e.onBlurChange:e.hasOwnProperty("onSpreadChange")?t=e.onSpreadChange:e.hasOwnProperty("onPositionChange")&&(t=e.onPositionChange),void 0!==t&&t(e.defaultValue)}}))}},r))}function g(e){const{desktop:t,tablet:s,mobile:o}=e,l=[];return t&&l.push({name:"desktop",title:(0,a.createElement)(m.Dashicon,{icon:"desktop"})}),s&&l.push({name:"tablet",title:(0,a.createElement)(m.Dashicon,{icon:"tablet"})}),o&&l.push({name:"mobile",title:(0,a.createElement)(m.Dashicon,{icon:"smartphone"})}),(0,a.createElement)(m.TabPanel,{className:"smb-inspector-tabs",tabs:l},(e=>{if(e.name){if("desktop"===e.name)return t();if("tablet"===e.name)return s();if("mobile"===e.name)return o()}}))}void 0===c.__experimentalUseMultipleOriginColorsAndGradients&&(c.__experimentalUseMultipleOriginColorsAndGradients=v),window.lodash;const _=(e,t=0,s=null)=>(e=Number(e),(isNaN(e)\|\|e<t)&&(e=t),null!==s&&e>s&&(e=s),e);void 0===c.__experimentalUseMultipleOriginColorsAndGradients&&(c.__experimentalUseMultipleOriginColorsAndGradients=v);const y=["snow-monkey-blocks/spider-contents-slider-item"],k=o.Y4,S=o.be,E=[{attributes:{...k},supports:{...S},save({attributes:e,className:t}){const{arrows:s,dots:o,fade:l,shifted:r,gutter:i,interval:m,duration:u,lgSlidesToShow:p,mdSlidesToShow:h,smSlidesToShow:b,canvasPadding:f,border:v,boxShadow:w,sliderClientIds:g}=e,_=JSON.parse(g),y="wide"===e.align,k="full"===e.align,S=r&&!l&&(y\|\|k),E=n()("smb-spider-slider","smb-spider-contents-slider",t,{"smb-spider-slider--shifted":S,[`smb-spider-slider--gutter-${i}`]:!!i}),x=String(v.width).match(/^\d+$/)?`${v.width}px`:v.width,N=String(v.radius).match(/^\d+$/)?`${v.radius}px`:v.radius,C={"--smb-spider-contents-slider--canvas-offset-top":!!f?.top&&`${f?.top}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-right":!!f?.right&&l&&`${f?.right}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-bottom":!!f?.bottom&&`${f?.bottom}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-left":!!f?.left&&l&&`${f?.left}px`\|\|void 0,"--smb-spider-slider--gap":!i&&!l&&(!!f?.right\|\|!!f?.left)&&(f?.right+f?.left)/2+"px"\|\|void 0,"--smb-spider-contents-slider--slide-border-width":!!v.color&&0<parseInt(x)&&x\|\|void 0,"--smb-spider-contents-slider--slide-border-color":v.color\|\|void 0,"--smb-spider-contents-slider--slide-border-type":v.style\|\|void 0,"--smb-spider-contents-slider--slide-border-radius":0<parseInt(N)&&N\|\|void 0,"--smb-spider-contents-slider--slide-box-shadow":w.color?`0 0 ${w.blur}px ${d()(w.color,w.opacity)}`:void 0};return(0,a.createElement)("div",{...c.useBlockProps.save({className:E,style:C}),"data-fade":l?"true":"false","data-interval":0<m?1e3m:void 0,"data-duration":0<u?1e3u:void 0,"data-lg-slide-to-show":!l&&1<p?p:void 0,"data-md-slide-to-show":!l&&1<h?h:void 0,"data-sm-slide-to-show":!l&&1<b?b:void 0},(0,a.createElement)("div",{className:"spider"},S&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference"})),(0,a.createElement)("div",{...c.useInnerBlocksProps.save({className:"spider__canvas"})}),s&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),o&&(0,a.createElement)("div",{className:"spider__dots"},_.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))}},{attributes:{...k},supports:{...S},save({attributes:e,className:t}){const{arrows:s,dots:o,fade:l,shifted:r,gutter:i,interval:m,duration:u,lgSlidesToShow:p,mdSlidesToShow:h,smSlidesToShow:b,canvasPadding:f,border:v,boxShadow:w,sliderClientIds:g}=e,_=JSON.parse(g),y="wide"===e.align,k="full"===e.align,S=r&&!l&&(y\|\|k),E=n()("smb-spider-slider","smb-spider-contents-slider",t,{"smb-spider-slider--shifted":S,[`smb-spider-slider--gutter-${i}`]:!!i}),x=String(v.width).match(/^\d+$/)?`${v.width}px`:v.width,N=String(v.radius).match(/^\d+$/)?`${v.radius}px`:v.radius,C={"--smb-spider-contents-slider--canvas-offset-top":!!f?.top&&`${f?.top}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-right":!!f?.right&&l&&`${f?.right}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-bottom":!!f?.bottom&&`${f?.bottom}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-left":!!f?.left&&l&&`${f?.left}px`\|\|void 0,"--smb-spider-slider--gap":!i&&!l&&(!!f?.right\|\|!!f?.left)&&(f?.right+f?.left)/2+"px"\|\|void 0,"--smb-spider-contents-slider--slide-border-width":!!v.color&&0<parseInt(x)&&x\|\|void 0,"--smb-spider-contents-slider--slide-border-color":v.color\|\|void 0,"--smb-spider-contents-slider--slide-border-radius":0<parseInt(N)&&N\|\|void 0,"--smb-spider-contents-slider--slide-box-shadow":w.color?`0 0 ${w.blur}px ${d()(w.color,w.opacity)}`:void 0};return(0,a.createElement)("div",{...c.useBlockProps.save({className:E,style:C}),"data-fade":l?"true":"false","data-interval":0<m?1e3m:void 0,"data-duration":0<u?1e3u:void 0,"data-lg-slide-to-show":!l&&1<p?p:void 0,"data-md-slide-to-show":!l&&1<h?h:void 0,"data-sm-slide-to-show":!l&&1<b?b:void 0},(0,a.createElement)("div",{className:"spider"},S&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference"})),(0,a.createElement)("div",{...c.useInnerBlocksProps.save({className:"spider__canvas"})}),s&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),o&&(0,a.createElement)("div",{className:"spider__dots"},_.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))}},{attributes:{...k},supports:{...S},save({attributes:e,className:t}){const{arrows:s,dots:o,fade:l,shifted:r,gutter:i,interval:d,duration:m,lgSlidesToShow:u,mdSlidesToShow:p,smSlidesToShow:h,canvasPadding:b,sliderClientIds:f}=e,v=JSON.parse(f),w="wide"===e.align,g="full"===e.align,_=r&&!l&&(w\|\|g),y=n()("smb-spider-slider","smb-spider-contents-slider",t,{"smb-spider-slider--shifted":_,[`smb-spider-slider--gutter-${i}`]:!!i}),k={"--smb-spider-contents-slider--canvas-offset-top":`${b?.top}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-right":l&&`${b?.right}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-bottom":`${b?.bottom}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-left":l&&`${b?.left}px`\|\|void 0,"--smb-spider-slider--gap":!i&&!l&&(b?.right+b?.left)/2+"px"\|\|void 0};return(0,a.createElement)("div",{...c.useBlockProps.save({className:y,style:k}),"data-fade":l?"true":"false","data-interval":0<d?1e3d:void 0,"data-duration":0<m?1e3m:void 0,"data-lg-slide-to-show":!l&&1<u?u:void 0,"data-md-slide-to-show":!l&&1<p?p:void 0,"data-sm-slide-to-show":!l&&1<h?h:void 0},(0,a.createElement)("div",{className:"spider"},_&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference"})),(0,a.createElement)("div",{...c.useInnerBlocksProps.save({className:"spider__canvas"})}),s&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),o&&(0,a.createElement)("div",{className:"spider__dots"},v.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))}},{attributes:{...k},supports:{...S},save({attributes:e,className:t}){const{arrows:s,dots:o,fade:l,shifted:r,gutter:i,interval:d,duration:m,lgSlidesToShow:u,mdSlidesToShow:p,smSlidesToShow:h,canvasPadding:b,sliderClientIds:f}=e,v=JSON.parse(f),w="wide"===e.align,g="full"===e.align,_=r&&!l&&(w\|\|g),y=n()("smb-spider-slider","smb-spider-contents-slider",t,{"smb-spider-slider--shifted":_,[`smb-spider-slider--gutter-${i}`]:!!i}),k={paddingTop:b?.top\|\|void 0,paddingBottom:b?.bottom\|\|void 0,paddingRight:b?.right\|\|void 0,paddingLeft:b?.left\|\|void 0},S={marginRight:b?.right\|\|void 0,marginLeft:b?.left\|\|void 0};return(0,a.createElement)("div",{...c.useBlockProps.save({className:y}),"data-fade":l?"true":"false","data-interval":0<d?1e3d:void 0,"data-duration":0<m?1e3m:void 0,"data-lg-slide-to-show":!l&&1<u?u:void 0,"data-md-slide-to-show":!l&&1<p?p:void 0,"data-sm-slide-to-show":!l&&1<h?h:void 0},(0,a.createElement)("div",{className:"spider"},_&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference",style:S})),(0,a.createElement)("div",{...c.useInnerBlocksProps.save({className:"spider__canvas",style:k})}),s&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),o&&(0,a.createElement)("div",{className:"spider__dots"},v.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))}},{attributes:{...k},supports:{...S},save({attributes:e,className:t}){const{arrows:s,dots:o,fade:l,shifted:r,gutter:i,interval:d,duration:m,lgSlidesToShow:u,mdSlidesToShow:p,smSlidesToShow:h,canvasPadding:b,sliderClientIds:f}=e,v=JSON.parse(f),w="wide"===e.align,g="full"===e.align,_=r&&!l&&(w\|\|g),y=n()("smb-spider-slider","smb-spider-contents-slider",t,{"smb-spider-slider--shifted":_,[`smb-spider-slider--gutter-${i}`]:!!i}),k={paddingTop:b?.top\|\|void 0,paddingBottom:b?.bottom\|\|void 0,paddingRight:b?.right\|\|void 0,paddingLeft:b?.left\|\|void 0};return(0,a.createElement)("div",{...c.useBlockProps.save({className:y}),"data-fade":l?"true":"false","data-interval":0<d?1e3d:void 0,"data-duration":0<m?1e3m:void 0,"data-lg-slide-to-show":!l&&1<u?u:void 0,"data-md-slide-to-show":!l&&1<p?p:void 0,"data-sm-slide-to-show":!l&&1<h?h:void 0},(0,a.createElement)("div",{className:"spider"},_&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference"})),(0,a.createElement)("div",{...c.useInnerBlocksProps.save({className:"spider__canvas",style:k})}),s&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),o&&(0,a.createElement)("div",{className:"spider__dots"},v.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))}},{attributes:{...k},supports:{...S},save({attributes:e,className:t}){const{arrows:s,dots:o,fade:l,shifted:r,gutter:i,interval:d,duration:m,lgSlidesToShow:u,mdSlidesToShow:p,smSlidesToShow:h,canvasPadding:b,sliderClientIds:f}=e,v=JSON.parse(f),w="wide"===e.align,g="full"===e.align,_=r&&!l&&(w\|\|g),y=n()("smb-spider-slider","smb-spider-contents-slider",t,{"smb-spider-slider--shifted":_,[`smb-spider-slider--gutter-${i}`]:!!i}),k={paddingTop:b?.top\|\|void 0,paddingBottom:b?.bottom\|\|void 0};return(0,a.createElement)("div",{...c.useBlockProps.save({className:y}),"data-fade":l?"true":"false","data-interval":0<d?1e3d:void 0,"data-duration":0<m?1e3m:void 0,"data-lg-slide-to-show":!l&&1<u?u:void 0,"data-md-slide-to-show":!l&&1<p?p:void 0,"data-sm-slide-to-show":!l&&1<h?h:void 0},(0,a.createElement)("div",{className:"spider"},_&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference"})),(0,a.createElement)("div",{...c.useInnerBlocksProps.save({className:"spider__canvas",style:k})}),s&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),o&&(0,a.createElement)("div",{className:"spider__dots"},v.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))}}];(0,e.registerBlockType)(o.u2,{icon:{foreground:"#cd162c",src:l},keywords:[(0,t.__)("Carousel","snow-monkey-blocks")],edit:function({attributes:e,setAttributes:s,className:l,isSelected:r,clientId:i}){const{arrows:b,dots:v,fade:k,shuffle:S,shifted:E,gutter:x,interval:N,autoplayButton:C,duration:P,lgSlidesToShow:B,mdSlidesToShow:V,smSlidesToShow:I,canvasPadding:T,border:O,boxShadow:$,sliderClientIds:D}=e,Y=JSON.parse(D),A="wide"===e.align,R="full"===e.align,z=!k,H=E&&z&&(A\|\|R),M=(0,p.useRef)(),G=(0,p.useRef)(),F=(0,p.useRef)(),[J,L]=(0,p.useState)(void 0),[j,U]=(0,p.useState)(void 0),{updateBlockAttributes:W,selectBlock:Z}=(0,u.useDispatch)("core/block-editor"),{nowSliderClientIds:q,slides:K,hasChildSelected:Q}=(0,u.useSelect)((e=>{const t=e("core/block-editor").hasSelectedInnerBlock(i,!0);return{nowSliderClientIds:e("core/block-editor").getBlockOrder(i),slides:e("core/block-editor").getBlock(i).innerBlocks,hasChildSelected:t}}),[i]);(0,p.useEffect)((()=>{let e;0<K.length&&(e=K.reduce(((e,t)=>(!!e?.attributes?.boxShadow?.color&&0<e?.attributes?.boxShadow?.blur\|\|0)<(!!t?.attributes?.boxShadow?.color&&0<t?.attributes?.boxShadow?.blur\|\|0)?t:e)));const t=$?.color&&0<$?.blur?$?.blur:0,s=e?.attributes?.boxShadow?.color&&0<e?.attributes?.boxShadow?.blur?e?.attributes?.boxShadow?.blur:0;U(t>s?t:s)}),[K,$]),(0,p.useEffect)((()=>{s({canvasPadding:{...T,top:j,bottom:j,right:j,left:j}})}),[j]);const X=(0,u.useSelect)((e=>{const t=K.filter((t=>t.clientId===e("core/block-editor").getSelectedBlockClientId()));if(0<t.length)return L(t[0]),t[0]}),[i]);(0,p.useEffect)((()=>{0<q.length&&!J&&L(q[0]),s({sliderClientIds:JSON.stringify(q)}),q.forEach(((e,t)=>{W(e,{sliderId:t})}))}),[q,J]);const ee=!!M.current&&M.current.offsetWidth;(0,p.useEffect)((()=>{const e=!!M.current&&!!F.current&&H&&Math.floor(M.current.offsetWidth);e&&(M.current.style.setProperty("--spider--canvas-width",`${e}px`),F.current.style.width=`${e}px`);const t=!!G.current&&H&&Math.floor(G.current.offsetWidth);t&&M.current.style.setProperty("--spider--reference-width",`${t}px`)}),[ee,H]);const te=n()("smb-spider-slider","smb-spider-contents-slider",l,{"smb-spider-slider--shifted":H,[`smb-spider-slider--gutter-${x}`]:!!x}),se=String(O.width).match(/^\d+$/)?`${O.width}px`:O.width,oe=String(O.radius).match(/^\d+$/)?`${O.radius}px`:O.radius,ae={"--smb-spider-contents-slider--canvas-offset-top":!!T?.top&&`${T?.top}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-right":!!T?.right&&k&&`${T?.right}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-bottom":!!T?.bottom&&`${T?.bottom}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-left":!!T?.left&&k&&`${T?.left}px`\|\|void 0,"--smb-spider-slider--gap":!x&&!k&&(!!T?.right\|\|!!T?.left)&&(T?.right+T?.left)/2+"px"\|\|void 0,"--smb-spider-contents-slider--slide-border-width":!!O.color&&0<parseInt(se)&&se\|\|void 0,"--smb-spider-contents-slider--slide-border-color":O.color\|\|void 0,"--smb-spider-contents-slider--slide-border-type":O.style\|\|void 0,"--smb-spider-contents-slider--slide-border-radius":0<parseInt(oe)&&oe\|\|void 0,"--smb-spider-contents-slider--slide-box-shadow":$.color?`0 0 ${$.blur}px ${d()($.color,$.opacity)}`:void 0},le=[{value:"",label:(0,t.__)("None","snow-monkey-blocks")},{value:"s",label:(0,t.__)("S","snow-monkey-blocks")},{value:"m",label:(0,t.__)("M","snow-monkey-blocks")},{value:"l",label:(0,t.__)("L","snow-monkey-blocks")}],re=(0,c.useInnerBlocksProps)({className:"spider__canvas"},{allowedBlocks:y,orientation:"horizontal",renderAppender:!1});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(c.InspectorControls,{group:"dimensions"},(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>x!==o.Y4.gutter.default,isShownByDefault:!0,label:(0,t.__)("Gap","snow-monkey-blocks"),onDeselect:()=>s({gutter:o.Y4.gutter.default}),panelId:i},(0,a.createElement)(m.SelectControl,{label:(0,t.__)("Gap","snow-monkey-blocks"),value:x,onChange:e=>s({gutter:e}),options:le}))),(0,a.createElement)(c.InspectorControls,{group:"border"},(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>O.color!==o.Y4.border.default.color\|\|O.style!==o.Y4.border.default.style\|\|O.width!==o.Y4.border.default.width,isShownByDefault:!0,label:(0,t.__)("Border","snow-monkey-blocks"),onDeselect:()=>{s({border:{...O,color:o.Y4.border.default.color,style:o.Y4.border.default.style,width:o.Y4.border.default.width}})},panelId:i},(0,a.createElement)(m.__experimentalBorderBoxControl,{...(0,c.__experimentalUseMultipleOriginColorsAndGradients)(),className:"smb-border-box-control",enableAlpha:!0,enableStyle:!0,onChange:e=>{s({border:{...O,color:e?.color,style:e?.style,width:e?.width}})},popoverOffset:40,popoverPlacement:"left-start",value:{color:O.color,style:O.style,width:O.width},__experimentalIsRenderedInSidebar:!0})),(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>O.radius!==o.Y4.border.default.radius,isShownByDefault:!0,label:(0,t.__)("Border radius","snow-monkey-blocks"),onDeselect:()=>{s({border:{...O,radius:o.Y4.border.default.radius}})},panelId:i},(0,a.createElement)("div",{className:"smb-border-radius-control"},(0,a.createElement)(c.__experimentalBorderRadiusControl,{values:O.radius,onChange:e=>{s({border:{...O,radius:e}})}})))),(0,a.createElement)(c.InspectorControls,{group:"styles"},(0,a.createElement)(w,{settings:[{colorValue:$.color\|\|"",onColorChange:e=>{s({boxShadow:{...$,color:e}})}},{opacityValue:$.opacity,onOpacityChange:e=>{s({boxShadow:{...$,opacity:e}})}},{blurValue:$.blur,onBlurChange:e=>{s({boxShadow:{...$,blur:e}})},max:10}],defaultValues:{...o.Y4.boxShadow.default}})),(0,a.createElement)(c.InspectorControls,null,(0,a.createElement)(m.__experimentalToolsPanel,{label:(0,t.__)("Block settings","snow-monkey-blocks")},(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>b!==o.Y4.arrows.default,isShownByDefault:!0,label:(0,t.__)("Display arrows","snow-monkey-blocks"),onDeselect:()=>s({arrows:o.Y4.arrows.default})},(0,a.createElement)(m.ToggleControl,{label:(0,t.__)("Display arrows","snow-monkey-blocks"),checked:b,onChange:e=>s({arrows:e})})),(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>v!==o.Y4.dots.default,isShownByDefault:!0,label:(0,t.__)("Display dots","snow-monkey-blocks"),onDeselect:()=>s({dots:o.Y4.dots.default})},(0,a.createElement)(m.ToggleControl,{label:(0,t.__)("Display dots","snow-monkey-blocks"),checked:v,onChange:e=>s({dots:e})})),(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>k!==o.Y4.fade.default,isShownByDefault:!0,label:(0,t.__)("Fade","snow-monkey-blocks"),onDeselect:()=>s({fade:o.Y4.fade.default})},(0,a.createElement)(m.ToggleControl,{label:(0,t.__)("Fade","snow-monkey-blocks"),checked:k,onChange:e=>s({fade:e})})),(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>S!==o.Y4.shuffle.default,isShownByDefault:!0,label:(0,t.__)("Shuffle slides","snow-monkey-blocks"),onDeselect:()=>s({shuffle:o.Y4.shuffle.default})},(0,a.createElement)(m.ToggleControl,{label:(0,t.__)("Shuffle slides","snow-monkey-blocks"),checked:S,onChange:e=>s({shuffle:e})})),z&&(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>E!==o.Y4.shifted.default,isShownByDefault:!0,label:(0,t.__)("Shifting the slider","snow-monkey-blocks"),onDeselect:()=>s({shifted:o.Y4.shifted.default})},(0,a.createElement)(m.ToggleControl,{label:(0,t.__)("Shifting the slider","snow-monkey-blocks"),help:E&&(!R\|\|!A)&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(h,{icon:f,style:{fill:"#d94f4f"}}),(0,t.__)("It must be full width (.alignfull) or wide width (.alignwide).","snow-monkey-blocks")),checked:E,onChange:e=>s({shifted:e})})),(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>N!==o.Y4.interval.default,isShownByDefault:!0,label:(0,t.__)("Autoplay Speed in seconds","snow-monkey-blocks"),onDeselect:()=>s({interval:o.Y4.interval.default})},(0,a.createElement)(m.RangeControl,{label:(0,t.__)("Autoplay Speed in seconds","snow-monkey-blocks"),help:(0,t.__)('If "0", no scroll.',"snow-monkey-blocks"),value:N,onChange:e=>s({interval:_(e,0,10)}),min:"0",max:"10"})),0<N&&(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>C!==o.Y4.autoplayButton.default,isShownByDefault:!0,label:(0,t.__)("Autoplay Speed in seconds","snow-monkey-blocks"),onDeselect:()=>s({autoplayButton:o.Y4.autoplayButton.default})},(0,a.createElement)(m.ToggleControl,{label:(0,t.__)("Display pause button for autoplay","snow-monkey-blocks"),checked:C,onChange:e=>s({autoplayButton:e})})),(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>P!==o.Y4.duration.default,isShownByDefault:!0,label:(0,t.__)("Animation speed in seconds","snow-monkey-blocks"),onDeselect:()=>s({duration:o.Y4.duration.default})},(0,a.createElement)(m.RangeControl,{label:(0,t.__)("Animation speed in seconds","snow-monkey-blocks"),help:(0,t.__)('If "0", default animation speed.',"snow-monkey-blocks"),value:P,onChange:e=>s({duration:_(e,0,10)}),min:"0",max:"5",step:"0.1"})),!k&&(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>B!==o.Y4.lgSlidesToShow.default\|\|V!==o.Y4.mdSlidesToShow.default\|\|I!==o.Y4.smSlidesToShow.default,isShownByDefault:!0,label:(0,t.__)("Slides settings","snow-monkey-blocks"),onDeselect:()=>s({lgSlidesToShow:o.Y4.lgSlidesToShow.default,mdSlidesToShow:o.Y4.mdSlidesToShow.default,smSlidesToShow:o.Y4.smSlidesToShow.default})},(0,a.createElement)(g,{desktop:()=>(0,a.createElement)(m.RangeControl,{label:(0,t.__)("# of slides to show (Large window)","snow-monkey-blocks"),value:B,onChange:e=>s({lgSlidesToShow:_(e,1,6)}),min:"1",max:6<Y.length?6:Y.length}),tablet:()=>(0,a.createElement)(m.RangeControl,{label:(0,t.__)("# of slides to show (Medium window)","snow-monkey-blocks"),value:V,onChange:e=>s({mdSlidesToShow:_(e,1,6)}),min:"1",max:6<Y.length?6:Y.length}),mobile:()=>(0,a.createElement)(m.RangeControl,{label:(0,t.__)("# of slides to show (Small window)","snow-monkey-blocks"),value:I,onChange:e=>s({smSlidesToShow:_(e,1,6)}),min:"1",max:6<Y.length?6:Y.length})})))),(0,a.createElement)("div",{...(0,c.useBlockProps)({className:te,style:ae,ref:M}),"data-fade":k?"true":"false","data-shuffle":S?"true":"false","data-interval":0<N?1e3N:void 0,"data-lg-slide-to-show":!k&&1<B?B:void 0,"data-md-slide-to-show":!k&&1<V?V:void 0,"data-sm-slide-to-show":!k&&1<I?I:void 0},(0,a.createElement)("div",{className:"spider"},H&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference",ref:G})),(0,a.createElement)("div",{...re,ref:F}),b&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),(0<N&&C\|\|v)&&(0,a.createElement)("div",{className:"spider__dots"},C&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)("button",{className:"spider__stop",title:(0,t.__)("Pause autoplay","snow-monkey-blocks")},"⏸"),(0,a.createElement)("button",{className:"spider__start",title:(0,t.__)("Start autoplay","snow-monkey-blocks")},"▶")),v&&Y.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))),(r\|\|Q)&&(0,a.createElement)("div",{className:"smb-slider-pagination"},Y.map(((e,t)=>(0,a.createElement)(m.Button,{variant:J===e\|\|X?.clientId===e?"primary":"secondary",onClick:()=>{L(e),Z(e)},key:t},(0,a.createElement)("span",null,t+1)))),(0,a.createElement)(c.InnerBlocks.ButtonBlockAppender,null))))},save:function({attributes:e,className:s}){const{arrows:o,dots:l,fade:r,shuffle:i,shifted:m,gutter:u,interval:p,autoplayButton:h,duration:b,lgSlidesToShow:f,mdSlidesToShow:v,smSlidesToShow:w,canvasPadding:g,border:_,boxShadow:y,sliderClientIds:k}=e,S=JSON.parse(k),E="wide"===e.align,x="full"===e.align,N=m&&!r&&(E\|\|x),C=n()("smb-spider-slider","smb-spider-contents-slider",s,{"smb-spider-slider--shifted":N,[`smb-spider-slider--gutter-${u}`]:!!u}),P=String(_.width).match(/^\d+$/)?`${_.width}px`:_.width,B=String(_.radius).match(/^\d+$/)?`${_.radius}px`:_.radius,V={"--smb-spider-contents-slider--canvas-offset-top":!!g?.top&&`${g?.top}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-right":!!g?.right&&r&&`${g?.right}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-bottom":!!g?.bottom&&`${g?.bottom}px`\|\|void 0,"--smb-spider-contents-slider--canvas-offset-left":!!g?.left&&r&&`${g?.left}px`\|\|void 0,"--smb-spider-slider--gap":!u&&!r&&(!!g?.right\|\|!!g?.left)&&(g?.right+g?.left)/2+"px"\|\|void 0,"--smb-spider-contents-slider--slide-border-width":!!_.color&&0<parseInt(P)&&P\|\|void 0,"--smb-spider-contents-slider--slide-border-color":_.color\|\|void 0,"--smb-spider-contents-slider--slide-border-type":_.style\|\|void 0,"--smb-spider-contents-slider--slide-border-radius":0<parseInt(B)&&B\|\|void 0,"--smb-spider-contents-slider--slide-box-shadow":y.color?`0 0 ${y.blur}px ${d()(y.color,y.opacity)}`:void 0};return(0,a.createElement)("div",{...c.useBlockProps.save({className:C,style:V}),"data-fade":r?"true":"false","data-shuffle":i?"true":"false","data-interval":0<p?1e3p:void 0,"data-duration":0<b?1e3*b:void 0,"data-lg-slide-to-show":!r&&1<f?f:void 0,"data-md-slide-to-show":!r&&1<v?v:void 0,"data-sm-slide-to-show":!r&&1<w?w:void 0},(0,a.createElement)("div",{className:"spider"},N&&(0,a.createElement)("div",{className:"c-container"},(0,a.createElement)("div",{className:"spider__reference"})),(0,a.createElement)("div",{...c.useInnerBlocksProps.save({className:"spider__canvas"})}),o&&(0,a.createElement)("div",{className:"spider__arrows"},(0,a.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,a.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),(0<p&&h\|\|l)&&(0,a.createElement)("div",{className:"spider__dots"},h&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)("button",{className:"spider__stop",title:(0,t.__)("Pause autoplay","snow-monkey-blocks")},"⏸"),(0,a.createElement)("button",{className:"spider__start",title:(0,t.__)("Start autoplay","snow-monkey-blocks")},"▶")),l&&S.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))},deprecated:E,example:{attributes:{arrows:!0,dots:!0},innerBlocks:[{name:"snow-monkey-blocks/spider-contents-slider-item",attributes:{contentPadding:"s"},innerBlocks:[{name:"core/paragraph",attributes:{content:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."}}]},{name:"snow-monkey-blocks/spider-contents-slider-item",attributes:{contentPadding:"s"},innerBlocks:[{name:"core/paragraph",attributes:{content:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."}}]}]}})})()})();
	1	(()=>{var e={1685:e=>{"use strict";var t=function(e){return parseInt(e,16)};e.exports=function(e,s){var o,a,&&S.map(((e,t)=>(0,a.createElement)("button",{className:"spider__dot","data-id":t,key:t},t)))))},deprecated:E,example:{attributes:{arrows:!0,dots:!0},innerBlocks:[{name:"snow-monkey-blocks/spider-contents-slider-item",attributes:{contentPadding:"s"},innerBlocks:[{name:"core/paragraph",attributes:{content:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."}}]},{name:"snow-monkey-blocks/spider-contents-slider-item",attributes:{contentPadding:"s"},innerBlocks:[{name:"core/paragraph",attributes:{content:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."}}]}]}})})()})();

snow-monkey-blocks/trunk/dist/blocks/spider-pickup-slider/view.php

-                      r3026781
+                      r3030085
+        >
             <?php if ( $attributes['autoplayButton'] ) : ?>
+                <button class="spider__stop" title="<?php esc_html_e( 'Pause autoplay', 'snow-monkey-blocks' ); ?>">⏸</button>
+                <button class="spider__start" title="<?php esc_html_e( 'Start autoplay', 'snow-monkey-blocks' ); ?>">▶</button>
+                <button class="spider__stop">
+                    <svg
+                        width="12"
+                        height="16"
+                        viewBox="0 0 12 16"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                        title="<?php esc_html_e( 'Pause autoplay', 'snow-monkey-blocks' ); ?>"
+                    >
+                        <rect
+                            width="5"
+                            height="16"
+                            fill="currentColor"
+                        ></rect>
+                        <rect
+                            x="7"
+                            width="5"
+                            height="16"
+                            fill="currentColor"
+                        ></rect>
+                    </svg>
+                </button>
+                <button class="spider__start">
+                    <svg
+                        width="12"
+                        height="16"
+                        viewBox="0 0 12 16"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                        title="<?php esc_html_e( 'Start autoplay', 'snow-monkey-blocks' ); ?>"
+                    >
+                        <path
+                            d="M12 8L-2.29967e-06 16L-2.29967e-06 0L12 8Z"
+                            fill="currentColor"
+                        ></path>
+                    </svg>
+                </button>
             <?php endif; ?>

snow-monkey-blocks/trunk/dist/blocks/spider-slider/index.asset.php

r3026781	r3030085
1		<?php return array('dependencies' => array('lodash', 'react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '~~e09c3a2c6a016ffd243d~~');
	1	<?php return array('dependencies' => array('lodash', 'react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '');

snow-monkey-blocks/trunk/dist/blocks/spider-slider/index.js

r3026781	r3030085
1		(()=>{var e={3967:(e,t)=>{var a;!function(){"use strict";var s={}.hasOwnProperty;function l(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=r(e,i(a)))}return e}function i(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)s.call(e,a)&&e[a]&&(t=r(t,a));return t}function r(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))\|\|(e.exports=a)}()}},t={};function a(s){var l=t[s];if(void 0!==l)return l.exports;var i=t[s]={exports:{}};return e[s](i,i.exports,a),i.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var s in t)a.o(t,s)&&!a.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.blocks,t=window.wp.i18n,s=JSON.parse('{"u2":"snow-monkey-blocks/spider-slider","Y4":{"images":{"type":"array","default":[],"source":"query","selector":".smb-spider-slider .spider__slide","query":{"url":{"type":"string","source":"attribute","selector":".spider__figure","attribute":"src"},"alt":{"type":"string","source":"attribute","selector":".spider__figure","attribute":"alt"},"id":{"type":"string","source":"attribute","selector":".spider__figure","attribute":"data-image-id"},"width":{"type":"number","source":"attribute","selector":".spider__figure","attribute":"width"},"height":{"type":"number","source":"attribute","selector":".spider__figure","attribute":"height"},"caption":{"type":"string","source":"html","selector":".smb-spider-slider__item__caption","default":""}}},"sizeSlug":{"type":"string","default":"full"},"dots":{"type":"boolean","default":false},"dotsToThumbnail":{"type":"boolean","default":false},"arrows":{"type":"boolean","default":false},"fade":{"type":"boolean","default":false},"shuffle":{"type":"boolean","default":false},"shifted":{"type":"boolean","default":false},"gutter":{"type":"string","default":""},"aspectRatio":{"type":"string","default":""},"displayCaption":{"type":"boolean","default":false},"interval":{"type":"number","default":0},"autoplayButton":{"type":"boolean","default":false},"duration":{"type":"number","default":0},"lgSlidesToShow":{"type":"number","default":1},"mdSlidesToShow":{"type":"number","default":1},"smSlidesToShow":{"type":"number","default":1}},"be":{"align":["wide","full"],"spacing":{"margin":true}}}'),l=window.React,i=(0,l.createElement)("svg",{viewBox:"0 0 24 24"},(0,l.createElement)("path",{d:"M5,5.78V18.22a.78.78,0,0,0,.78.78H18.22a.78.78,0,0,0,.78-.78V5.78A.78.78,0,0,0,18.22,5H5.78A.78.78,0,0,0,5,5.78m12.44,12H6.56a.38.38,0,0,1-.39-.39V6.56a.38.38,0,0,1,.39-.39H17.44a.38.38,0,0,1,.39.39V17.44a.38.38,0,0,1-.39.39"}),(0,l.createElement)("path",{d:"M6.17,14.16l3.06-2.23a.22.22,0,0,1,.22,0l2.34,1.5a.21.21,0,0,0,.24,0l3-2.83a.19.19,0,0,1,.27,0l3.09,3v1.16l-3.09-3a.18.18,0,0,0-.27,0l-3,2.82a.19.19,0,0,1-.24,0L9.45,13.11a.18.18,0,0,0-.22,0L6.17,15.33Z"}),(0,l.createElement)("path",{d:"M2.22,5H0V6.17H1.44a.38.38,0,0,1,.39.39V17.44a.38.38,0,0,1-.39.39H0V19H2.22A.78.78,0,0,0,3,18.22V5.78A.78.78,0,0,0,2.22,5Z"}),(0,l.createElement)("path",{d:"M24,17.83H22.56a.38.38,0,0,1-.39-.39V6.56a.38.38,0,0,1,.39-.39H24V5H21.78a.78.78,0,0,0-.78.78V18.22a.78.78,0,0,0,.78.78H24Z"}));var r=a(3967),o=a.n(r);const n=window.wp.blockEditor,d=window.wp.components,m=window.wp.data,c=window.wp.element,u=(0,c.forwardRef)((function({icon:e,size:t=24,...a},s){return(0,c.cloneElement)(e,{width:t,height:t,...a,ref:s})})),p=window.wp.primitives,_=(0,l.createElement)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,l.createElement)(p.Path,{d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8zm1.13 9.38l.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z"}));function h(e){const{desktop:t,tablet:a,mobile:s}=e,i=[];return t&&i.push({name:"desktop",title:(0,l.createElement)(d.Dashicon,{icon:"desktop"})}),a&&i.push({name:"tablet",title:(0,l.createElement)(d.Dashicon,{icon:"tablet"})}),s&&i.push({name:"mobile",title:(0,l.createElement)(d.Dashicon,{icon:"smartphone"})}),(0,l.createElement)(d.TabPanel,{className:"smb-inspector-tabs",tabs:i},(e=>{if(e.name){if("desktop"===e.name)return t();if("tablet"===e.name)return a();if("mobile"===e.name)return s()}}))}window.lodash;const g=(e,t=0,a=null)=>(e=Number(e),(isNaN(e)\|\|e<t)&&(e=t),null!==a&&e>a&&(e=a),e);const f=["image"],w="full",b=s.Y4,v=s.be,E=[{attributes:{...b},supports:{...v},save({attributes:e,className:t}){const{images:a,aspectRatio:s,arrows:i,dots:r,dotsToThumbnail:d,fade:m,shifted:c,gutter:u,displayCaption:p,interval:_,duration:h,lgSlidesToShow:g,mdSlidesToShow:f,smSlidesToShow:w}=e;if(!a.length)return null;const b="wide"===e.align,v="full"===e.align,E=c&&!m&&(b\|\|v),y=o()("smb-spider-slider",t,{[`smb-spider-slider--${s}`]:!!s,"smb-spider-slider--shifted":E,[`smb-spider-slider--gutter-${u}`]:!!u});return(0,l.createElement)("div",{...n.useBlockProps.save({className:y}),"data-fade":m?"true":"false","data-interval":0<_?1e3_:void 0,"data-duration":0<h?1e3h:void 0,"data-lg-slide-to-show":!m&&1<g?g:void 0,"data-md-slide-to-show":!m&&1<f?f:void 0,"data-sm-slide-to-show":!m&&1<w?w:void 0},(0,l.createElement)("div",{className:"spider"},E&&(0,l.createElement)("div",{className:"c-container"},(0,l.createElement)("div",{className:"spider__reference"})),(0,l.createElement)("div",{className:"spider__canvas"},a.map(((e,t)=>(0,l.createElement)("div",{className:"spider__slide","data-id":t,key:t},(0,l.createElement)("div",{className:"smb-spider-slider__figure-wrapper"},(0,l.createElement)("img",{className:`spider__figure wp-image-${e.id}`,src:e.url,alt:e.alt,width:e.width\|\|e.sizes?.full?.width,height:e.height\|\|e.sizes?.full?.height,"data-image-id":e.id})),p&&!!e.caption&&(0,l.createElement)("div",{className:"smb-spider-slider__item"},(0,l.createElement)("div",{className:"smb-spider-slider__item__caption"},e.caption)))))),i&&(0,l.createElement)("div",{className:"spider__arrows"},(0,l.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,l.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),r&&(0,l.createElement)("div",{className:"spider__dots","data-thumbnails":d?"true":"false"},a.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},d?(0,l.createElement)("img",{className:`spider__figure wp-image-${e.id}`,src:e.url,alt:e.alt,width:e.width\|\|e.sizes?.full?.width,height:e.height\|\|e.sizes?.full?.height}):(0,l.createElement)(l.Fragment,null,t))))))}},{attributes:{...b},supports:{...v},save({attributes:e,className:t}){const{images:a,aspectRatio:s,arrows:i,dots:r,dotsToThumbnail:d,fade:m,shifted:c,gutter:u,displayCaption:p,interval:_,duration:h,lgSlidesToShow:g,mdSlidesToShow:f,smSlidesToShow:w}=e;if(!a.length)return null;const b="wide"===e.align,v="full"===e.align,E=c&&!m&&(b\|\|v),y=o()("smb-spider-slider",t,{[`smb-spider-slider--${s}`]:!!s,"smb-spider-slider--shifted":E,[`smb-spider-slider--gutter-${u}`]:!!u});return(0,l.createElement)("div",{...n.useBlockProps.save({className:y}),"data-fade":m?"true":"false","data-interval":0<_?1e3_:void 0,"data-duration":0<h?1e3h:void 0,"data-lg-slide-to-show":!m&&1<g?g:void 0,"data-md-slide-to-show":!m&&1<f?f:void 0,"data-sm-slide-to-show":!m&&1<w?w:void 0},(0,l.createElement)("div",{className:"spider"},E&&(0,l.createElement)("div",{className:"c-container"},(0,l.createElement)("div",{className:"spider__reference"})),(0,l.createElement)("div",{className:"spider__canvas"},a.map(((e,t)=>(0,l.createElement)("div",{className:"spider__slide","data-id":t,key:t},(0,l.createElement)("div",{className:"smb-spider-slider__figure-wrapper"},(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height,"data-image-id":e.id})),p&&!!e.caption&&(0,l.createElement)("div",{className:"smb-spider-slider__item"},(0,l.createElement)("div",{className:"smb-spider-slider__item__caption"},e.caption)))))),i&&(0,l.createElement)("div",{className:"spider__arrows"},(0,l.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,l.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),r&&(0,l.createElement)("div",{className:"spider__dots","data-thumbnails":d?"true":"false"},a.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},d?(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height}):(0,l.createElement)(l.Fragment,null,t))))))}},{attributes:{...b},supports:{...v},save({attributes:e,className:t}){const{images:a,aspectRatio:s,arrows:i,dots:r,dotsToThumbnail:d,fade:m,shifted:c,gutter:u,displayCaption:p,interval:_,lgSlidesToShow:h,mdSlidesToShow:g,smSlidesToShow:f}=e;if(!a.length)return null;const w="wide"===e.align,b="full"===e.align,v=!!c&&!m,E=o()("smb-spider-slider",t,{[`smb-spider-slider--${s}`]:!!s,"smb-spider-slider--shifted":v,[`smb-spider-slider--gutter-${u}`]:!!u});return(0,l.createElement)("div",{...n.useBlockProps.save({className:E}),"data-fade":m?"true":"false","data-interval":0<_?1e3_:void 0,"data-lg-slide-to-show":!m&&1<h?h:void 0,"data-md-slide-to-show":!m&&1<g?g:void 0,"data-sm-slide-to-show":!m&&1<f?f:void 0},(0,l.createElement)("div",{className:"spider"},(b\|\|w)&&(0,l.createElement)("div",{className:"c-container"},(0,l.createElement)("div",{className:"spider__reference"})),(0,l.createElement)("div",{className:"spider__canvas"},a.map(((e,t)=>(0,l.createElement)("div",{className:"spider__slide","data-id":t,key:t},(0,l.createElement)("div",{className:"smb-spider-slider__figure-wrapper"},(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height,"data-image-id":e.id})),p&&!!e.caption&&(0,l.createElement)("div",{className:"smb-spider-slider__item"},(0,l.createElement)("div",{className:"smb-spider-slider__item__caption"},e.caption)))))),i&&(0,l.createElement)("div",{className:"spider__arrows"},(0,l.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,l.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),r&&(0,l.createElement)("div",{className:"spider__dots","data-thumbnails":d?"true":"false"},a.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},d?(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height}):(0,l.createElement)(l.Fragment,null,t))))))}},{attributes:{...b},supports:{...v},save({attributes:e,className:t}){const{images:a,aspectRatio:s,arrows:i,dots:r,dotsToThumbnail:d,fade:m,shifted:c,gutter:u,displayCaption:p,interval:_,lgSlidesToShow:h,mdSlidesToShow:g,smSlidesToShow:f}=e;if(!a.length)return null;const w=!m&&"full"===e.align,b=!!c&&w,v=o()("smb-spider-slider",t,{[`smb-spider-slider--${s}`]:!!s,"smb-spider-slider--shifted":b,[`smb-spider-slider--gutter-${u}`]:!!u});return(0,l.createElement)("div",{...n.useBlockProps.save({className:v}),"data-fade":m?"true":"false","data-interval":0<_?1e3_:void 0,"data-lg-slide-to-show":!m&&1<h?h:void 0,"data-md-slide-to-show":!m&&1<g?g:void 0,"data-sm-slide-to-show":!m&&1<f?f:void 0},(0,l.createElement)("div",{className:"spider"},b&&(0,l.createElement)("div",{className:"c-container"},(0,l.createElement)("div",{className:"spider__reference"})),(0,l.createElement)("div",{className:"spider__canvas"},a.map(((e,t)=>(0,l.createElement)("div",{className:"spider__slide","data-id":t,key:t},(0,l.createElement)("div",{className:"smb-spider-slider__figure-wrapper"},(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height,"data-image-id":e.id})),p&&!!e.caption&&(0,l.createElement)("div",{className:"smb-spider-slider__item"},(0,l.createElement)("div",{className:"smb-spider-slider__item__caption"},e.caption)))))),i&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,l.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),r&&(0,l.createElement)("div",{className:"spider__dots","data-thumbnails":d?"true":"false"},a.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},d?(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height}):(0,l.createElement)(l.Fragment,null,t))))))}},{attributes:{...b},supports:{align:["wide","full"]},migrate:e=>("16to9"===e.aspectRatio&&(e.aspectRatio="16x9"),"4to3"===e.aspectRatio&&(e.aspectRatio="4x3"),e),save({attributes:e,className:t}){const{images:a,aspectRatio:s,arrows:i,dots:r,dotsToThumbnail:d,fade:m,displayCaption:c,interval:u,lgSlidesToShow:p,mdSlidesToShow:_,smSlidesToShow:h}=e;if(!a.length)return null;const g=o()("smb-spider-slider",t,{[`smb-spider-slider--${s}`]:!!s});return(0,l.createElement)("div",{...n.useBlockProps.save({className:g}),"data-fade":m?"true":"false","data-interval":0<u?1e3u:void 0,"data-lg-slide-to-show":!m&&1<p?p:void 0,"data-md-slide-to-show":!m&&1<_?_:void 0,"data-sm-slide-to-show":!m&&1<h?h:void 0},(0,l.createElement)("div",{className:"spider"},(0,l.createElement)("div",{className:"spider__canvas"},a.map(((e,t)=>(0,l.createElement)("div",{className:"spider__slide","data-id":t,key:t},(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height,"data-image-id":e.id}),c&&!!e.caption&&(0,l.createElement)("div",{className:"smb-spider-slider__item"},(0,l.createElement)("div",{className:"smb-spider-slider__item__caption"},e.caption)))))),i&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,l.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),r&&(0,l.createElement)("div",{className:"spider__dots","data-thumbnails":d?"true":"false"},a.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},d?(0,l.createElement)("img",{className:"spider__figure",src:e.url,alt:e.alt,width:e.width,height:e.height}):(0,l.createElement)(l.Fragment,null,t))))))}}],y={attributes:{images:[{url:`${smb.pluginUrl}/dist/img/photos/beach-sand-coast2756.jpg`},{url:`${smb.pluginUrl}/dist/img/photos/man-guy-photographer1579.jpg`},{url:`${smb.pluginUrl}/dist/img/photos/building-architecture-sky2096.jpg`}],arrows:!0,dots:!0}};(0,e.registerBlockType)(s.u2,{icon:{foreground:"#cd162c",src:i},keywords:[(0,t.__)("Carousel","snow-monkey-blocks")],edit:function({attributes:e,setAttributes:a,className:i,isSelected:r,clientId:p}){const{images:b,sizeSlug:v,aspectRatio:E,arrows:y,dots:k,dotsToThumbnail:N,fade:S,shuffle:T,shifted:x,gutter:C,displayCaption:D,interval:P,autoplayButton:z,duration:B,lgSlidesToShow:Y,mdSlidesToShow:I,smSlidesToShow:R}=e,V=!!b.length,{getSettings:$}=(0,m.useSelect)((e=>({getSettings:e("core/block-editor").getSettings})),[]),{resizedImages:A}=(0,m.useSelect)((e=>({resizedImages:b.map((t=>t.id&&r?e("core").getMedia(t.id,{context:"view"}):null)).filter(Boolean)})),[r,b,p]),F="wide"===e.align,M="full"===e.align,H=!S,j=x&&H&&(F\|\|M),O=(0,c.useRef)(),G=(0,c.useRef)(),L=(0,c.useRef)(),U=!!O.current&&O.current.offsetWidth;(0,c.useEffect)((()=>{const e=!!O.current&&!!L.current&&j&&Math.floor(O.current.offsetWidth);e&&(O.current.style.setProperty("--spider--canvas-width",`${e}px`),L.current.style.width=`${e}px`);const t=!!G.current&&j&&Math.floor(G.current.offsetWidth);t&&O.current.style.setProperty("--spider--reference-width",`${t}px`)}),[U]);const W=o()("smb-spider-slider",i,{[`smb-spider-slider--${E}`]:!!E,"smb-spider-slider--shifted":j,[`smb-spider-slider--gutter-${C}`]:!!C}),Z=function(e,t,a){return(0,c.useMemo)((()=>function(){if(!e\|\|0===e.length)return;const{imageSizes:s}=a();let l={};t&&(l=e.reduce(((e,t)=>{if(!t.id)return e;const a=s.reduce(((e,a)=>{const s=t.sizes?.[a.slug]?.url,l=t.media_details?.sizes?.[a.slug]?.source_url;return{...e,[a.slug]:s\|\|l}}),{});return{...e,[parseInt(t.id,10)]:a}}),{}));const i=Object.values(l);return s.filter((({slug:e})=>i.some((t=>t[e])))).map((({name:e,slug:t})=>({value:t,label:e})))}()),[e,t])}(A,r,$),q=[{value:"",label:(0,t.__)("Default","snow-monkey-blocks")},{value:"16x9",label:(0,t.__)("16:9","snow-monkey-blocks")},{value:"4x3",label:(0,t.__)("4:3","snow-monkey-blocks")}],J=[{value:"",label:(0,t.__)("None","snow-monkey-blocks")},{value:"s",label:(0,t.__)("S","snow-monkey-blocks")},{value:"m",label:(0,t.__)("M","snow-monkey-blocks")},{value:"l",label:(0,t.__)("L","snow-monkey-blocks")}],K=(0,l.createElement)(n.MediaPlaceholder,{addToGallery:V,isAppender:V,className:i,disableMediaButtons:V&&!r,icon:!V&&"format-gallery",labels:{title:!V&&(0,t.__)("Slider","snow-monkey-blocks"),instructions:!V&&(0,t.__)("Drag images, upload new ones or select files from your library.","snow-monkey-blocks")},onSelect:e=>{const t=e.map((e=>{if(!e.id)return e;const t=e?.sizes[v]?v:w,a=e?.sizes[t]?.url,s=e?.sizes[t]?.width,l=e?.sizes[t]?.height;return{url:a,alt:e.alt,id:e.id,width:s,height:l,caption:e.caption}}));a({images:t})},accept:"image/",allowedTypes:f,multiple:!0,value:b});return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(n.InspectorControls,{group:"dimensions"},(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>C!==s.Y4.gutter.default,isShownByDefault:!0,label:(0,t.__)("Gap","snow-monkey-blocks"),onDeselect:()=>a({gutter:s.Y4.gutter.default}),panelId:p},(0,l.createElement)(d.SelectControl,{label:(0,t.__)("Gap","snow-monkey-blocks"),value:C,onChange:e=>a({gutter:e}),options:J}))),(0,l.createElement)(n.InspectorControls,null,(0,l.createElement)(d.__experimentalToolsPanel,{label:(0,t.__)("Block settings","snow-monkey-blocks")},(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>v!==s.Y4.sizeSlug.default,isShownByDefault:!0,label:(0,t.__)("Images size","snow-monkey-blocks"),onDeselect:()=>a({sizeSlug:s.Y4.sizeSlug.default})},(0,l.createElement)(d.SelectControl,{label:(0,t.__)("Images size","snow-monkey-blocks"),value:v,options:Z,onChange:e=>{const t=A.map((t=>{if(!t.id)return t;const a=t?.media_details?.sizes?.[e]?e:w,s=t?.media_details?.sizes?.[a]?.source_url,l=t?.media_details?.sizes?.[a]?.width,i=t?.media_details?.sizes?.[a]?.height;return{url:s,alt:t.alt,id:t.id,width:l,height:i,caption:t.caption.rendered}}));a({images:t,sizeSlug:e})},help:(0,t.__)("Select the size of the source image.")})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>E!==s.Y4.aspectRatio.default,isShownByDefault:!0,label:(0,t.__)("Aspect ratio","snow-monkey-blocks"),onDeselect:()=>a({aspectRatio:s.Y4.aspectRatio.default})},(0,l.createElement)(d.SelectControl,{label:(0,t.__)("Aspect ratio","snow-monkey-blocks"),value:E,onChange:e=>a({aspectRatio:e}),options:q})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>y!==s.Y4.arrows.default,isShownByDefault:!0,label:(0,t.__)("Display arrows","snow-monkey-blocks"),onDeselect:()=>a({arrows:s.Y4.arrows.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Display arrows","snow-monkey-blocks"),checked:y,onChange:e=>a({arrows:e})})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>k!==s.Y4.dots.default,isShownByDefault:!0,label:(0,t.__)("Display dots","snow-monkey-blocks"),onDeselect:()=>a({dots:s.Y4.dots.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Display dots","snow-monkey-blocks"),checked:k,onChange:e=>a({dots:e})})),k&&(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>N!==s.Y4.dotsToThumbnail.default,isShownByDefault:!0,label:(0,t.__)("Change dots to thumbnails","snow-monkey-blocks"),onDeselect:()=>a({dotsToThumbnail:s.Y4.dotsToThumbnail.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Change dots to thumbnails","snow-monkey-blocks"),checked:N,onChange:e=>a({dotsToThumbnail:e})})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>S!==s.Y4.fade.default,isShownByDefault:!0,label:(0,t.__)("Fade","snow-monkey-blocks"),onDeselect:()=>a({fade:s.Y4.fade.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Fade","snow-monkey-blocks"),checked:S,onChange:e=>a({fade:e})})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>T!==s.Y4.shuffle.default,isShownByDefault:!0,label:(0,t.__)("Shuffle slides","snow-monkey-blocks"),onDeselect:()=>a({shuffle:s.Y4.shuffle.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Shuffle slides","snow-monkey-blocks"),checked:T,onChange:e=>a({shuffle:e})})),H&&(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>x!==s.Y4.shifted.default,isShownByDefault:!0,label:(0,t.__)("Shifting the slider","snow-monkey-blocks"),onDeselect:()=>a({shifted:s.Y4.shifted.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Shifting the slider","snow-monkey-blocks"),help:x&&(!M\|\|!F)&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)(u,{icon:_,style:{fill:"#d94f4f"}}),(0,t.__)("It must be full width (.alignfull) or wide width (.alignwide).","snow-monkey-blocks")),checked:x,onChange:e=>a({shifted:e})})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>D!==s.Y4.displayCaption.default,isShownByDefault:!0,label:(0,t.__)("Display caption","snow-monkey-blocks"),onDeselect:()=>a({displayCaption:s.Y4.displayCaption.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Display caption","snow-monkey-blocks"),checked:D,onChange:e=>a({displayCaption:e})})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>P!==s.Y4.interval.default,isShownByDefault:!0,label:(0,t.__)("Autoplay Speed in seconds","snow-monkey-blocks"),onDeselect:()=>a({interval:s.Y4.interval.default})},(0,l.createElement)(d.RangeControl,{label:(0,t.__)("Autoplay Speed in seconds","snow-monkey-blocks"),help:(0,t.__)('If "0", no scroll.',"snow-monkey-blocks"),value:P,onChange:e=>a({interval:g(e,0,10)}),min:"0",max:"10"})),0<P&&(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>z!==s.Y4.autoplayButton.default,isShownByDefault:!0,label:(0,t.__)("Autoplay Speed in seconds","snow-monkey-blocks"),onDeselect:()=>a({autoplayButton:s.Y4.autoplayButton.default})},(0,l.createElement)(d.ToggleControl,{label:(0,t.__)("Display pause button for autoplay","snow-monkey-blocks"),checked:z,onChange:e=>a({autoplayButton:e})})),(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>B!==s.Y4.duration.default,isShownByDefault:!0,label:(0,t.__)("Animation speed in seconds","snow-monkey-blocks"),onDeselect:()=>a({duration:s.Y4.duration.default})},(0,l.createElement)(d.RangeControl,{label:(0,t.__)("Animation speed in seconds","snow-monkey-blocks"),help:(0,t.__)('If "0", default animation speed.',"snow-monkey-blocks"),value:B,onChange:e=>a({duration:g(e,0,10)}),min:"0",max:"5",step:"0.1"})),!S&&(0,l.createElement)(d.__experimentalToolsPanelItem,{hasValue:()=>Y!==s.Y4.lgSlidesToShow.default\|\|I!==s.Y4.mdSlidesToShow.default\|\|R!==s.Y4.smSlidesToShow.default,isShownByDefault:!0,label:(0,t.__)("Slides settings","snow-monkey-blocks"),onDeselect:()=>a({lgSlidesToShow:s.Y4.lgSlidesToShow.default,mdSlidesToShow:s.Y4.mdSlidesToShow.default,smSlidesToShow:s.Y4.smSlidesToShow.default})},(0,l.createElement)(h,{desktop:()=>(0,l.createElement)(d.RangeControl,{label:(0,t.__)("# of slides to show (Large window)","snow-monkey-blocks"),value:Y,onChange:e=>a({lgSlidesToShow:g(e,1,6)}),min:"1",max:6<b.length?6:b.length}),tablet:()=>(0,l.createElement)(d.RangeControl,{label:(0,t.__)("# of slides to show (Medium window)","snow-monkey-blocks"),value:I,onChange:e=>a({mdSlidesToShow:g(e,1,6)}),min:"1",max:6<b.length?6:b.length}),mobile:()=>(0,l.createElement)(d.RangeControl,{label:(0,t.__)("# of slides to show (Small window)","snow-monkey-blocks"),value:R,onChange:e=>a({smSlidesToShow:g(e,1,6)}),min:"1",max:6<b.length?6:b.length})})))),V?(0,l.createElement)("div",{...(0,n.useBlockProps)({className:W,ref:O}),"data-fade":S?"true":"false","data-shuffle":T?"true":"false","data-lg-slide-to-show":!S&&1<Y?Y:void 0,"data-md-slide-to-show":!S&&1<I?I:void 0,"data-sm-slide-to-show":!S&&1<R?R:void 0},(0,l.createElement)("div",{className:"spider"},j&&(0,l.createElement)("div",{className:"c-container"},(0,l.createElement)("div",{className:"spider__reference",ref:G})),(0,l.createElement)("div",{className:"spider__canvas",ref:L},b.map(((e,t)=>(0,l.createElement)("div",{className:"spider__slide","data-id":t,key:t},(0,l.createElement)("div",{className:"smb-spider-slider__figure-wrapper"},(0,l.createElement)("img",{className:`spider__figure wp-image-${e.id}`,src:e.url,alt:e.alt,width:e.width\|\|e.sizes?.full?.width,height:e.height\|\|e.sizes?.full?.height,"data-image-id":e.id})),D&&!!e.caption&&(0,l.createElement)("div",{className:"smb-spider-slider__item"},(0,l.createElement)("div",{className:"smb-spider-slider__item__caption"},e.caption)))))),y&&(0,l.createElement)("div",{className:"spider__arrows"},(0,l.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,l.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),(0<P&&z\|\|k)&&(0,l.createElement)("div",{className:"spider__dots","data-thumbnails":N?"true":"false"},z&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)("button",{className:"spider__stop",title:(0,t.__)("Pause autoplay","snow-monkey-blocks")},"⏸"),(0,l.createElement)("button",{className:"spider__start",title:(0,t.__)("Start autoplay","snow-monkey-blocks")},"▶")),k&&b.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},N?(0,l.createElement)("img",{className:`spider__figure wp-image-${e.id}`,src:e.url,alt:e.alt,width:e.width\|\|e.sizes?.full?.width,height:e.height\|\|e.sizes?.full?.height}):(0,l.createElement)(l.Fragment,null,t))))),K):(0,l.createElement)("div",{...(0,n.useBlockProps)({ref:O})},K))},save:function({attributes:e,className:a}){const{images:s,aspectRatio:i,arrows:r,dots:d,dotsToThumbnail:m,fade:c,shuffle:u,shifted:p,gutter:_,displayCaption:h,interval:g,autoplayButton:f,duration:w,lgSlidesToShow:b,mdSlidesToShow:v,smSlidesToShow:E}=e;if(!s.length)return null;const y="wide"===e.align,k="full"===e.align,N=p&&!c&&(y\|\|k),S=o()("smb-spider-slider",a,{[`smb-spider-slider--${i}`]:!!i,"smb-spider-slider--shifted":N,[`smb-spider-slider--gutter-${_}`]:!!_});return(0,l.createElement)("div",{...n.useBlockProps.save({className:S}),"data-fade":c?"true":"false","data-shuffle":u?"true":"false","data-interval":0<g?1e3g:void 0,"data-duration":0<w?1e3w:void 0,"data-lg-slide-to-show":!c&&1<b?b:void 0,"data-md-slide-to-show":!c&&1<v?v:void 0,"data-sm-slide-to-show":!c&&1<E?E:void 0},(0,l.createElement)("div",{className:"spider"},N&&(0,l.createElement)("div",{className:"c-container"},(0,l.createElement)("div",{className:"spider__reference"})),(0,l.createElement)("div",{className:"spider__canvas"},s.map(((e,t)=>(0,l.createElement)("div",{className:"spider__slide","data-id":t,key:t},(0,l.createElement)("div",{className:"smb-spider-slider__figure-wrapper"},(0,l.createElement)("img",{className:`spider__figure wp-image-${e.id}`,src:e.url,alt:e.alt,width:e.width\|\|e.sizes?.full?.width,height:e.height\|\|e.sizes?.full?.height,"data-image-id":e.id})),h&&!!e.caption&&(0,l.createElement)("div",{className:"smb-spider-slider__item"},(0,l.createElement)("div",{className:"smb-spider-slider__item__caption"},e.caption)))))),r&&(0,l.createElement)("div",{className:"spider__arrows"},(0,l.createElement)("button",{className:"spider__arrow","data-direction":"prev"},"Prev"),(0,l.createElement)("button",{className:"spider__arrow","data-direction":"next"},"Next"))),(0<g&&f\|\|d)&&(0,l.createElement)("div",{className:"spider__dots","data-thumbnails":m?"true":"false"},f&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)("button",{className:"spider__stop",title:(0,t.__)("Pause autoplay","snow-monkey-blocks")},"⏸"),(0,l.createElement)("button",{className:"spider__start",title:(0,t.__)("Start autoplay","snow-monkey-blocks")},"▶")),d&&s.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},m?(0,l.createElement)("img",{className:`spider__figure wp-image-${e.id}`,src:e.url,alt:e.alt,width:e.width\|\|e.sizes?.full?.width,height:e.height\|\|e.sizes?.full?.height}):(0,l.createElement)(l.Fragment,null,t))))))},deprecated:E,example:y})})()})();
	1	(()=>{var e={3967:(e,t)=>{var a;!function(){"use strict";var s={}.hasOwnProperty;function l(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=r(e,i(a)))}return e}function i(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var a in e)s.call(e,a)&&e[a]&&(t=r(t,a));return t}function r(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))\|\|(e.exports=a)}()}},t={};function a(s){var l=t[s];if(void 0!==l)return l.exports;var i=t[s]={exports:{}};return e[s](i,i.exports,a),i.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var s in t)a.o(t,s)&&!a.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.blocks,t=window.wp.i18n,s=JSON.parse('{"u2":"snow-monkey-blocks/spider-slider","Y4":{"images":{"type":"array","default":[],"source":"query","selector":".smb-spider-slider .spider__slide","query":{"url":{"type":"string","source":"attribute","selector":".spider__figure","attribute":"src"},"alt":{"type":"string","source":"attribute","selector":".spider__figure","attribute":"alt"},"id":{"type":"string","source":"attribute","selector":".spider__figure","attribute":"data-image-id"},"width":{"type":"number","source":"attribute","selector":".spider__figure","attribute":"width"},"height":{"type":"number","source":"attribute","selector":".spider__figure","attribute":"height"},"caption":{"type":"string","source":"html","selector":".smb-spider-slider__item__caption","default":""}}},"sizeSlug":{"type":"string","default":"full"},"dots":{"type":"boolean","default":false},"dotsToThumbnail":{"type":"boolean","default":false},"arrows":{"type":"boolean","default":false},"fade":{"type":"boolean","default":false},"shuffle":{"type":"boolean","default":false},"shifted":{"type":"boolean","default":false},"gutter":{"type":"string","default":""},"aspectRatio":{"type":"string","default":""},"displayCaption":{"type":"boolean","default":false},"interval":{"type":"number","default":0},"autoplayButton":{"type":"boolean","default":false},"duration":{"type":"number","default":0},"lgSlidesToShow":{"type":"number","default":1},"mdSlidesToShow":{"type":"number","default":1},"smSlidesToShow":{"type":"number","default":1}},"be":{"align":["wide","full"],"spacing":{"margin":true}}}'),l=window.React,i=(0,l.createElement)("svg",{viewBox:"0 0 24 24"},(0,l.createElement)("path",{d:"M5,5.78V18.22a.78.78,0,0,0,.78.78H18.22a.78.78,0,0,0,.78-.78V5.78A.78.78,0,0,0,18.22,5H5.78A.78.78,0,0,0,5,5.78m12.44,12H6.56a.38.38,0,0,1-.39-.39V6.56a.38.38,0,0,1,.39-.39H17.44a.38.38,0,0,1,.39.39V17.44a.38.38,0,0,1-.39.39"}),(0,l.createElement)("path",{d:"M6.17,14.16l3.06-2.23a.22.22,0,0,1,.22,0l2.34,1.5a.21.21,0,0,0,.24,0l3-2.83a.19.19,0,0,1,.27,0l3.09,3v1.16l-3.09-3a.18.18,0,0,0-.27,0l-3,2.82a.19.19,0,0,1-.24,0L9.45,13.11a.18.18,0,0,0-.22,0L6.17,15.33Z"}),(0,l.createElement)("path",{d:"M2.22,5H0V6.17H1.44a.38.38,0,0,1,.39.39V17.44a.38.38,0,0,1-.39.39H0V19H2.22A.78.78,0,0,0,3,18.22V5.78A.78.78,0,0,0,2.22,5Z"}),(0,l.createElement)("path",{d:"M24,17.83H22.56a.38.38,0,0,1-.39-.39V6.56a.38.38,0,0,1,.39-.39H24V5H21.78a.78.78,0,0,0-.78.78V18.22a.78.78,0,0,0,.78.78H24Z"}));var r=a(3967),o=a.n(r);const n=window.wp.blockEditor,d=window.wp.components,m=window.wp.data,c=window.wp.element,u=(0,c.forwardRef)((function({icon:e,size:t=24,...a},s){return(0,c.cloneElement)(e,{width:t,height:t,...a,ref:s})})),p=window.wp.primitives,)),d&&s.map(((e,t)=>(0,l.createElement)("button",{className:"spider__dot","data-id":t,key:t},m?(0,l.createElement)("img",{className:`spider__figure wp-image-${e.id}`,src:e.url,alt:e.alt,width:e.width\|\|e.sizes?.full?.width,height:e.height\|\|e.sizes?.full?.height}):(0,l.createElement)(l.Fragment,null,t))))))},deprecated:E,example:y})})()})();

snow-monkey-blocks/trunk/dist/packages/spider/dist/css/spider.css

r3027223	r3030085
1		:root{--spider--transition-duration:1s;--spider--arrow-button-size:44px;--spider--arrow-clickable-size:var(--spider--arrow-button-size);--spider--arrow-size:10px;--spider--arrow-color:#fff;--spider--dots-gap:10px;--spider--dot-size:10px;--spider--dot-clickable-size:44px;--spider--dot-color:#ccc;--spider--dot-current-color:#333}.spider{position:relative}.spider__reference{box-sizing:border-box!important}[style="--spider-canvas-width:"] .spider__canvas{--spider--canvas-width:var(--spider-canvas-width)}[style="--spider-reference-width:"] .spider__canvas{--spider--reference-width:var(--spider-reference-width)}.spider__canvas{overflow-scrolling:touch;box-sizing:content-box!important;display:flex;overflow:scroll hidden;-ms-overflow-style:none;scrollbar-width:none}.spider__canvas::-webkit-scrollbar{display:none}.spider__canvas.is-dragging a{pointer-events:none}.spider__slide{align-items:center;display:flex;flex:1 0 100%!important;justify-content:center;max-width:100%;opacity:0;position:relative;scroll-snap-align:start!important}.spider__slide[data-visible=true]{opacity:1}.spider__figure{height:auto;max-height:none;max-width:100%;width:auto}.spider__arrows{display:flex;justify-content:space-between;pointer-events:none}.spider__arrows .spider__arrow{pointer-events:auto}.spider>.spider__arrows{left:0;position:absolute;right:0;top:calc(50% - var(--spider--arrow-clickable-size)/2);z-index:1}.spider__arrow{background-color:transparent;border:none;border-radius:0;cursor:pointer;font-size:0!important;height:var(--spider--arrow-clickable-size);line-height:0!important;outline:none;padding:0;position:relative;width:var(--spider--arrow-clickable-size)}.spider__arrow:focus-visible{outline:1px solid #5e9ed6}.spider__arrow:before{content:"";display:block;height:var(--spider--arrow-size);position:absolute;width:var(--spider--arrow-size)}.spider__arrow[data-direction=prev]{left:0}.spider__arrow[data-direction=prev]:before{border-bottom:1px solid var(--spider--arrow-color);border-left:1px solid var(--spider--arrow-color);left:calc(50% - var(--spider--arrow-size)/2);top:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider__arrow[data-direction=next]{right:0}.spider__arrow[data-direction=next]:before{border-right:1px solid var(--spider--arrow-color);border-top:1px solid var(--spider--arrow-color);bottom:calc(50% - var(--spider--arrow-size)/2);right:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider>.spider__arrow{position:absolute;top:calc(50% - var(--spider--arrow-button-size)/2);z-index:1}.spider__start,.spider__stop{background-color:transparent;border:none;border-radius:0;cursor:pointer;font-family:Arial,sans-serif;line-height:1;outline:none;padding:0;position:relative}.spider__start:focus-visible,.spider__stop:focus-visible{outline:1px solid #5e9ed6;outline-offset:2px}[data-interval].is-auto-playing .spider__start,[data-interval]:not(.is-auto-playing) .spider__stop{display:none}.spider__dots{align-items:center;display:flex;gap:var(--spider--dots-gap);justify-content:center}.spider+.spider__dots{margin-top:1.5em}.spider__dots>.spider__start>svg,.spider__dots>.spider__stop>svg{max-height:var(--spider--dot-size);max-width:var(--spider--dot-size)}.spider__dots[data-thumbnails=true] .spider__dot>.spider__figure{width:100%}.spider__dots:not([data-thumbnails=true]){--spider--dots-gap:calc(var(--spider--dot-clickable-size) - var(--spider--dot-size));min-height:var(--spider--dot-clickable-size)}.spider__dots:not([data-thumbnails=true]) .spider__dot{background-color:var(--spider--dot-color);border-radius:100%;font-size:0;height:var(--spider--dot-size);line-height:0;width:var(--spider--dot-size)}.spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true]{background-color:var(--spider--dot-current-color)}.spider__dots:not([data-thumbnails=true]) .spider__dot:before,.spider__dots:not([data-thumbnails=true]) .spider__start:before,.spider__dots:not([data-thumbnails=true]) .spider__stop:before{content:"";display:block;height:var(--spider--dot-clickable-size);inset:50%;position:absolute;transform:translate(-50%,-50%);width:var(--spider--dot-clickable-size)}.spider__dot{align-items:center;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:flex;justify-content:center;outline:none;padding:0;position:relative}.spider__dot:focus-visible{outline:1px solid #5e9ed6;outline-offset:2px}[data-fade=true]{--spider--transition-duration:.2s}[data-fade=true] .spider__canvas{overflow-x:hidden;position:relative!important}[data-fade=true] .spider__slide{max-width:100%!important;position:relative!important;transition-duration:var(--spider--transition-duration);transition-property:opacity,visibility;transition-timing-function:ease-in;width:100%!important}[data-fade=true] .spider__slide[data-active=true]{opacity:1;visibility:visible;z-index:1}
	1	:root{--spider--transition-duration:1s;--spider--arrow-button-size:44px;--spider--arrow-clickable-size:var(--spider--arrow-button-size);--spider--arrow-size:10px;--spider--arrow-color:#fff;--spider--dots-gap:10px;--spider--dot-size:10px;--spider--dot-clickable-size:44px;--spider--dot-color:#ccc;--spider--dot-current-color:#333}.spider{position:relative}.spider__reference{box-sizing:border-box!important}[style="--spider-canvas-width:"] .spider__canvas{--spider--canvas-width:var(--spider-canvas-width)}[style="--spider-reference-width:"] .spider__canvas{--spider--reference-width:var(--spider-reference-width)}.spider__canvas{overflow-scrolling:touch;box-sizing:content-box!important;display:flex;overflow:scroll hidden;-ms-overflow-style:none;scrollbar-width:none}.spider__canvas::-webkit-scrollbar{display:none}.spider__canvas.is-dragging a{pointer-events:none}.spider__slide{align-items:center;display:flex;flex:1 0 100%!important;justify-content:center;max-width:100%;opacity:0;position:relative;scroll-snap-align:start!important}.spider__slide[data-visible=true]{opacity:1}.spider__figure{height:auto;max-height:none;max-width:100%;width:auto}.spider__arrows{display:flex;justify-content:space-between;pointer-events:none}.spider__arrows .spider__arrow{pointer-events:auto}.spider>.spider__arrows{left:0;position:absolute;right:0;top:calc(50% - var(--spider--arrow-clickable-size)/2);z-index:1}.spider__arrow{background-color:transparent;border:none;border-radius:0;cursor:pointer;font-size:0!important;height:var(--spider--arrow-clickable-size);line-height:0!important;outline:none;padding:0;position:relative;width:var(--spider--arrow-clickable-size)}.spider__arrow:focus-visible{outline:1px solid #5e9ed6}.spider__arrow:before{content:"";display:block;height:var(--spider--arrow-size);position:absolute;width:var(--spider--arrow-size)}.spider__arrow[data-direction=prev]{left:0}.spider__arrow[data-direction=prev]:before{border-bottom:1px solid var(--spider--arrow-color);border-left:1px solid var(--spider--arrow-color);left:calc(50% - var(--spider--arrow-size)/2);top:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider__arrow[data-direction=next]{right:0}.spider__arrow[data-direction=next]:before{border-right:1px solid var(--spider--arrow-color);border-top:1px solid var(--spider--arrow-color);bottom:calc(50% - var(--spider--arrow-size)/2);right:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider>.spider__arrow{position:absolute;top:calc(50% - var(--spider--arrow-button-size)/2);z-index:1}.spider__start,.spider__stop{background-color:transparent;border:none;border-radius:0;cursor:pointer;font-family:Arial,sans-serif;line-height:1;outline:none;padding:0;position:relative}.spider__start:focus-visible,.spider__stop:focus-visible{outline:1px solid #5e9ed6;outline-offset:2px}[data-interval].is-auto-playing .spider__start,[data-interval]:not(.is-auto-playing) .spider__stop{display:none}.spider__dots{align-items:center;display:flex;gap:var(--spider--dots-gap);justify-content:center}.spider+.spider__dots{margin-top:1.5em}.spider__dots>.spider__start>svg,.spider__dots>.spider__stop>svg{max-height:var(--spider--dot-size);max-width:var(--spider--dot-size)}.spider__dots[data-thumbnails=true] .spider__dot>.spider__figure{width:100%}.spider__dots:not([data-thumbnails=true]){--spider--dots-gap:calc(var(--spider--dot-clickable-size) - var(--spider--dot-size));min-height:var(--spider--dot-clickable-size)}.spider__dots:not([data-thumbnails=true]) .spider__dot{background-color:var(--spider--dot-color);border-radius:100%;font-size:0;height:var(--spider--dot-size);line-height:0;width:var(--spider--dot-size)}.spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true]{background-color:var(--spider--dot-current-color)}.spider__dots:not([data-thumbnails=true]) .spider__dot:before,.spider__dots:not([data-thumbnails=true]) .spider__start:before,.spider__dots:not([data-thumbnails=true]) .spider__stop:before{content:"";display:block;height:var(--spider--dot-clickable-size);inset:50%;position:absolute;transform:translate(-50%,-50%);width:var(--spider--dot-clickable-size)}.spider__dot{align-items:center;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:flex;justify-content:center;outline:none;padding:0;position:relative}.spider__dot:focus-visible{outline:1px solid #5e9ed6;outline-offset:2px}[data-fade=true]{--spider--transition-duration:.2s}[data-fade=true] .spider__canvas{overflow-x:hidden;position:relative!important}[data-fade=true] .spider__slide{max-width:100%!important;position:relative!important;transition-duration:var(--spider--transition-duration);transition-property:opacity,visibility;transition-timing-function:ease-in;width:100%!important}[data-fade=true] .spider__slide[data-active=true]{opacity:1;visibility:visible;z-index:1}

snow-monkey-blocks/trunk/dist/packages/spider/src/css/spider.scss

r3027223	r3030085
150	150	border: none;
151	151	border-radius: 0;
	152
152	153	font-family: Arial, sans-serif;
153	154	line-height: 1;

snow-monkey-blocks/trunk/readme.txt

-                      r3027223
+                      r3030085
 Donate link: https://www.amazon.co.jp/registry/wishlist/39ANKRNSTNW40
 Tags: gutenberg, block, blocks, editor, gutenberg blocks, page builder, landing page, microcopy, steps, call to action
 Stable tag: 20.4.1
+Stable tag: 20.4.
 Requires at least: 6.3
 Tested up to: 6.4
 …
 == Changelog ==
 = 20.4.1 =

snow-monkey-blocks/trunk/snow-monkey-blocks.php

r3027223	r3030085
2	2	/**
3	3	* Plugin name: Snow Monkey Blocks
4		* Version: 20.4.1
	4	* Version: 20.4.
5	5	* Description: Gutenberg blocks collection made by MonkeyWrench.
6	6	* Author: inc2734

snow-monkey-blocks/trunk/src/blocks/spider-contents-slider/deprecated.js

-                      r3026781
+                      r3030085
 import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 import metadata from './block.json';
 …
 export default [
+    {
         attributes: {

snow-monkey-blocks/trunk/src/blocks/spider-contents-slider/edit.js

-                      r3026781
+                      r3030085
                         { autoplayButton && (
                             <>
+                                <button
+                                    className="spider__stop"
+                                    title={ __(
+                                        'Pause autoplay',
+                                        'snow-monkey-blocks'
+                                    ) }
+                                >
+                                    ⏸
+                                <button className="spider__stop">
+                                    <svg
+                                        width="12"
+                                        height="16"
+                                        viewBox="0 0 12 16"
+                                        fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        title={ __(
+                                            'Pause autoplay',
+                                            'snow-monkey-blocks'
+                                        ) }
+                                    >
+                                        <rect
+                                            width="5"
+                                            height="16"
+                                            fill="currentColor"
+                                        ></rect>
+                                        <rect
+                                            x="7"
+                                            width="5"
+                                            height="16"
+                                            fill="currentColor"
+                                        ></rect>
+                                    </svg>
                                 </button>
+                                <button
+                                    className="spider__start"
+                                    title={ __(
+                                        'Start autoplay',
+                                        'snow-monkey-blocks'
+                                    ) }
+                                >
+                                    ▶
+                                <button className="spider__start">
+                                    <svg
+                                        width="12"
+                                        height="16"
+                                        viewBox="0 0 12 16"
+                                        fill="none"
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        title={ __(
+                                            'Start autoplay',
+                                            'snow-monkey-blocks'
+                                        ) }
+                                    >
+                                        <path
+                                            d="M12 8L-2.29967e-06 16L-2.29967e-06 0L12 8Z"
+                                            fill="currentColor"
+                                        ></path>
+                                    </svg>
                                 </button>
                             </>

snow-monkey-blocks/trunk/src/blocks/spider-contents-slider/save.js

-                      r3026781
+                      r3030085
                     { autoplayButton && (
                         <>
+                            <button
+                                className="spider__stop"
+                                title={ __(
+                                    'Pause autoplay',
+                                    'snow-monkey-blocks'
+                                ) }
+                            >
+                                ⏸
+                            <button className="spider__stop">
+                                <svg
+                                    width="12"
+                                    height="16"
+                                    viewBox="0 0 12 16"
+                                    fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    title={ __(
+                                        'Pause autoplay',
+                                        'snow-monkey-blocks'
+                                    ) }
+                                >
+                                    <rect
+                                        width="5"
+                                        height="16"
+                                        fill="currentColor"
+                                    ></rect>
+                                    <rect
+                                        x="7"
+                                        width="5"
+                                        height="16"
+                                        fill="currentColor"
+                                    ></rect>
+                                </svg>
                             </button>
+                            <button
+                                className="spider__start"
+                                title={ __(
+                                    'Start autoplay',
+                                    'snow-monkey-blocks'
+                                ) }
+                            >
+                                ▶
+                            <button className="spider__start">
+                                <svg
+                                    width="12"
+                                    height="16"
+                                    viewBox="0 0 12 16"
+                                    fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    title={ __(
+                                        'Start autoplay',
+                                        'snow-monkey-blocks'
+                                    ) }
+                                >
+                                    <path
+                                        d="M12 8L-2.29967e-06 16L-2.29967e-06 0L12 8Z"
+                                        fill="currentColor"
+                                    ></path>
+                                </svg>
                             </button>
                         </>

snow-monkey-blocks/trunk/src/blocks/spider-pickup-slider/view.php

-                      r3026781
+                      r3030085
+        >
             <?php if ( $attributes['autoplayButton'] ) : ?>
+                <button class="spider__stop" title="<?php esc_html_e( 'Pause autoplay', 'snow-monkey-blocks' ); ?>">⏸</button>
+                <button class="spider__start" title="<?php esc_html_e( 'Start autoplay', 'snow-monkey-blocks' ); ?>">▶</button>
+                <button class="spider__stop">
+                    <svg
+                        width="12"
+                        height="16"
+                        viewBox="0 0 12 16"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                        title="<?php esc_html_e( 'Pause autoplay', 'snow-monkey-blocks' ); ?>"
+                    >
+                        <rect
+                            width="5"
+                            height="16"
+                            fill="currentColor"
+                        ></rect>
+                        <rect
+                            x="7"
+                            width="5"
+                            height="16"
+                            fill="currentColor"
+                        ></rect>
+                    </svg>
+                </button>
+                <button class="spider__start">
+                    <svg
+                        width="12"
+                        height="16"
+                        viewBox="0 0 12 16"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                        title="<?php esc_html_e( 'Start autoplay', 'snow-monkey-blocks' ); ?>"
+                    >
+                        <path
+                            d="M12 8L-2.29967e-06 16L-2.29967e-06 0L12 8Z"
+                            fill="currentColor"
+                        ></path>
+                    </svg>
+                </button>
             <?php endif; ?>

snow-monkey-blocks/trunk/src/blocks/spider-slider/deprecated.js

-                      r3026781
+                      r3030085
 import { useBlockProps } from '@wordpress/block-editor';
 const blockAttributes = metadata.attributes;
 …
 export default [
+    {
         attributes: {

snow-monkey-blocks/trunk/src/blocks/spider-slider/edit.js

-                      r3026781
+                      r3030085
                             { autoplayButton && (
                                 <>
+                                    <button
+                                        className="spider__stop"
+                                        title={ __(
+                                            'Pause autoplay',
+                                            'snow-monkey-blocks'
+                                        ) }
+                                    >
+                                        ⏸
+                                    <button className="spider__stop">
+                                        <svg
+                                            width="12"
+                                            height="16"
+                                            viewBox="0 0 12 16"
+                                            fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            title={ __(
+                                                'Pause autoplay',
+                                                'snow-monkey-blocks'
+                                            ) }
+                                        >
+                                            <rect
+                                                width="5"
+                                                height="16"
+                                                fill="currentColor"
+                                            ></rect>
+                                            <rect
+                                                x="7"
+                                                width="5"
+                                                height="16"
+                                                fill="currentColor"
+                                            ></rect>
+                                        </svg>
                                     </button>
+                                    <button
+                                        className="spider__start"
+                                        title={ __(
+                                            'Start autoplay',
+                                            'snow-monkey-blocks'
+                                        ) }
+                                    >
+                                        ▶
+                                    <button className="spider__start">
+                                        <svg
+                                            width="12"
+                                            height="16"
+                                            viewBox="0 0 12 16"
+                                            fill="none"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            title={ __(
+                                                'Start autoplay',
+                                                'snow-monkey-blocks'
+                                            ) }
+                                        >
+                                            <path
+                                                d="M12 8L-2.29967e-06 16L-2.29967e-06 0L12 8Z"
+                                                fill="currentColor"
+                                            ></path>
+                                        </svg>
                                     </button>
                                 </>

snow-monkey-blocks/trunk/src/blocks/spider-slider/save.js

-                      r3026781
+                      r3030085
                     { autoplayButton && (
                         <>
+                            <button
+                                className="spider__stop"
+                                title={ __(
+                                    'Pause autoplay',
+                                    'snow-monkey-blocks'
+                                ) }
+                            >
+                                ⏸
+                            <button className="spider__stop">
+                                <svg
+                                    width="12"
+                                    height="16"
+                                    viewBox="0 0 12 16"
+                                    fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    title={ __(
+                                        'Pause autoplay',
+                                        'snow-monkey-blocks'
+                                    ) }
+                                >
+                                    <rect
+                                        width="5"
+                                        height="16"
+                                        fill="currentColor"
+                                    ></rect>
+                                    <rect
+                                        x="7"
+                                        width="5"
+                                        height="16"
+                                        fill="currentColor"
+                                    ></rect>
+                                </svg>
                             </button>
+                            <button
+                                className="spider__start"
+                                title={ __(
+                                    'Start autoplay',
+                                    'snow-monkey-blocks'
+                                ) }
+                            >
+                                ▶
+                            <button className="spider__start">
+                                <svg
+                                    width="12"
+                                    height="16"
+                                    viewBox="0 0 12 16"
+                                    fill="none"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    title={ __(
+                                        'Start autoplay',
+                                        'snow-monkey-blocks'
+                                    ) }
+                                >
+                                    <path
+                                        d="M12 8L-2.29967e-06 16L-2.29967e-06 0L12 8Z"
+                                        fill="currentColor"
+                                    ></path>
+                                </svg>
                             </button>
                         </>

Plugin Directory

Context Navigation

Changeset 3030085

Legend:

snow-monkey-blocks/trunk/dist/blocks/spider-contents-slider/index.asset.php

snow-monkey-blocks/trunk/dist/blocks/spider-contents-slider/index.js

snow-monkey-blocks/trunk/dist/blocks/spider-pickup-slider/view.php

snow-monkey-blocks/trunk/dist/blocks/spider-slider/index.asset.php

snow-monkey-blocks/trunk/dist/blocks/spider-slider/index.js

snow-monkey-blocks/trunk/dist/packages/spider/dist/css/spider.css

snow-monkey-blocks/trunk/dist/packages/spider/src/css/spider.scss

snow-monkey-blocks/trunk/readme.txt

snow-monkey-blocks/trunk/snow-monkey-blocks.php

snow-monkey-blocks/trunk/src/blocks/spider-contents-slider/deprecated.js

snow-monkey-blocks/trunk/src/blocks/spider-contents-slider/edit.js

snow-monkey-blocks/trunk/src/blocks/spider-contents-slider/save.js

snow-monkey-blocks/trunk/src/blocks/spider-pickup-slider/view.php

snow-monkey-blocks/trunk/src/blocks/spider-slider/deprecated.js

snow-monkey-blocks/trunk/src/blocks/spider-slider/edit.js

snow-monkey-blocks/trunk/src/blocks/spider-slider/save.js

Download in other formats: