FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-addons
/
cozy-blocks
/
dist
/
slider
/
build
Edit File: index.js
(()=>{"use strict";var e,o={839:()=>{const e=window.wp.blocks,o=window.wp.i18n,n=window.wp.blockEditor,i=window.wp.components,a=window.React,t=window.wp.primitives,l=(0,a.createElement)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,a.createElement)(t.Path,{d:"M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6zM10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6z"})),s=window.wp.element,r=window.wp.compose,d=window.wp.data,c=(0,a.createElement)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(t.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})),p=(0,a.createElement)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(t.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})),h=(0,a.createElement)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(t.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})),g=window.ReactJSXRuntime,u=()=>(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"16px",marginBottom:"10px"},children:[(0,g.jsx)("p",{children:(0,g.jsxs)("svg",{width:"41",height:"48",viewBox:"0 0 41 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{d:"M0 34.7721L6.88004 38.677V15.8055L20.4542 7.80977L23.9872 9.4833L30.4953 5.57841L20.4542 -7.62939e-06L0 11.9006V34.7721Z",fill:"#38DAC7"}),(0,g.jsx)("path",{d:"M32.9284 6.87939L34.2126 7.61318L12.3825 19.904L12.1991 40.45L20.6376 45.8616L41.0001 33.6625V35.4969L20.6376 47.6043L10.8232 41.2755V18.9868L32.9284 6.87939Z",fill:"#5566CA"}),(0,g.jsx)("path",{d:"M37.6063 9.53936L36.2305 8.71385L14.217 21.3716V38.9824L20.5459 43.5685L41.0001 31.3694V29.5349L20.5459 41.8258L15.5928 38.2486V22.1054L37.6063 9.53936Z",fill:"#5566CA"}),(0,g.jsx)("path",{d:"M41.0001 11.3738L39.5325 10.5483L17.3356 23.2061V37.2397L20.5459 39.6244L41.0001 27.4253V25.6826L20.5459 37.79L18.9866 36.5976V24.1233L41.0001 11.3738Z",fill:"#5566CA"})]})}),(0,g.jsx)("h2",{style:{fontSize:"18px",fontFamily:"Inter",marginTop:"-5px",marginBottom:"15px"},children:(0,o.__)("Access Without Limits!","cozy-addons")}),(0,g.jsx)("p",{style:{textAlign:"center",lineHeight:"20px"},children:(0,o.__)("Access more blocks and advanced features for effortless design. Upgrade today for a richer web-building experience!","cozy-addons")}),(0,g.jsx)("a",{href:"https://cozythemes.com/pricing-and-plans/",target:"_blank",children:(0,g.jsx)("button",{className:"cozy-block-premium-button",style:{backgroundColor:"#5566ca",borderRadius:"20px",padding:"10px",border:"none",color:"#fff",fontFamily:"Inter",fontSize:"10px",fontWeight:"500",cursor:"pointer"},children:(0,g.jsxs)("div",{style:{display:"flex",gap:"5px",margin:"0"},children:[(0,g.jsx)("div",{children:(0,g.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,g.jsx)("path",{d:"M9.29768 0.0630875L0.24397 5.2847C-0.109583 5.48778 -0.0646564 5.97987 0.286944 6.12828L2.36334 6.99919L7.97527 2.05487C8.0827 1.95919 8.23506 2.10565 8.14325 2.21695L3.43767 7.94822V9.52017C3.43767 9.98102 3.99437 10.1626 4.26784 9.8287L5.50821 8.31924L7.94206 9.33857C8.21943 9.45573 8.53588 9.28194 8.58666 8.98317L9.99306 0.547365C10.0595 0.152913 9.6356 -0.132186 9.29768 0.0630875Z",fill:"white"})})}),(0,g.jsx)("div",{children:(0,o.__)("Upgrade to Pro","cozy-addons")})]})})})]})}),b=(0,s.memo)((({attributes:e,setAttributes:a})=>{const[t,l]=(0,s.useState)(""),r=Object.keys(cozyShapeDivider.collection).filter((e=>e.toLowerCase().includes(t.toLowerCase()))),[b,v]=(0,s.useState)(!0),m=(o,n)=>{let i={...e.shapeDivider.margin};i={...i,top:n,right:n,bottom:n,left:n},a(b?{...e,shapeDivider:{...e.shapeDivider,margin:i}}:{...e,shapeDivider:{...e.shapeDivider,margin:{...e.shapeDivider.margin,[o]:n}}})},_=(0,d.select)("core/editor").getEditorSettings().colors,[x,y]=(0,s.useState)("general");return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(n.InspectorControls,{group:"settings",children:[(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("General","cozy-addons"),opened:"general"===x,onToggle:()=>y("general"),children:[!cozyBlockAssets.isPremium&&(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Layout","cozy-addons"),options:[{label:(0,o.__)("Default","cozy-addons"),value:"default"},{label:(0,o.__)("Thumbnail (Pro)","cozy-addons"),value:"default"}],value:e?.layout,onChange:o=>a({...e,layout:o})}),cozyBlockAssets.isPremium&&(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Layout","cozy-addons"),options:[{label:(0,o.__)("Default","cozy-addons"),value:"default"},{label:(0,o.__)("Thumbnail","cozy-addons"),value:"thumbs"}],value:e?.layout,onChange:o=>a({...e,layout:o})}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Enable Pagination","cozy-addons"),checked:e.hasPagination,onChange:o=>{a({...e,hasPagination:o})}}),e.hasPagination&&(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Dynamic Bullets","cozy-addons"),checked:e.pagination.dynamicBullets,onChange:o=>a({pagination:{...e.pagination,dynamicBullets:o}})}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Enable Navigation","cozy-addons"),checked:e.hasNavigation,onChange:e=>a({hasNavigation:e})}),e.hasNavigation&&(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Display on Hover","cozy-addons"),checked:e.hoverShow,onChange:e=>a({hoverShow:e}),help:(0,o.__)("*Note: Displays 'Navigation' only after hovering the block.")})]}),(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("Slider Options","cozy-addons"),opened:"slider-options"===x,onToggle:()=>y("slider-options"),children:[(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Direction","cozy-addons"),options:[{label:(0,o.__)("Horizontal","cozy-addons"),value:"horizontal"},{label:(0,o.__)("Vertical","cozy-addons"),value:"vertical"}],value:e.direction,onChange:o=>a({...e,direction:o})}),"vertical"===e.direction&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(i.TextControl,{label:(0,o.__)("Height","cozy-addons"),type:"number",min:100,step:1,value:e.height,onChange:o=>a({...e,height:Math.abs(o)})})}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Loop","cozy-addons"),checked:e.sliderOptions.loop,onChange:o=>a({sliderOptions:{...e.sliderOptions,loop:o}})}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Autoplay","cozy-addons"),checked:e.sliderOptions.autoplay.status,onChange:o=>a({sliderOptions:{...e.sliderOptions,autoplay:{...e.sliderOptions.autoplay,status:o}}})}),e.sliderOptions.autoplay.status&&(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Delay","cozy-addons"),min:0,max:2e4,step:1,value:e.sliderOptions.autoplay.delay,onChange:o=>a({sliderOptions:{...e.sliderOptions,autoplay:{...e.sliderOptions.autoplay,delay:Math.abs(o)}}}),help:(0,o.__)("*Autoplay delay.","cozy-addons")}),!cozyBlockAssets.isPremium&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(i.BaseControl,{children:[(0,g.jsxs)("div",{style:{display:"flex",gap:"15px"},children:[(0,g.jsx)(i.BaseControl.VisualLabel,{children:(0,o.__)("Speed (ms)","cozy-addons")}),(0,g.jsx)("p",{className:"cozy-block-pro-label",children:(0,o.__)("PRO","cozy-addons")})]}),(0,g.jsx)(i.RangeControl,{min:0,max:5e3,value:e.sliderOptions.speed,help:(0,o.__)("*Greater the value, greater the delay.","cozy-addons"),disabled:!0})]}),(0,g.jsxs)(i.BaseControl,{children:[(0,g.jsxs)("div",{style:{display:"flex",gap:"15px"},children:[(0,g.jsx)(i.BaseControl.VisualLabel,{children:(0,o.__)("Slides Per View (ms)","cozy-addons")}),(0,g.jsx)("p",{className:"cozy-block-pro-label",children:(0,o.__)("PRO","cozy-addons")})]}),(0,g.jsx)(i.TextControl,{type:"number",value:e.sliderOptions.slidesPerView,help:(0,o.__)("*Accepts fractional value.","cozy-addons"),disabled:!0})]}),(0,g.jsxs)(i.BaseControl,{children:[(0,g.jsxs)("div",{style:{display:"flex",gap:"15px"},children:[(0,g.jsx)(i.BaseControl.VisualLabel,{children:(0,o.__)("Slide Effect","cozy-addons")}),(0,g.jsx)("p",{className:"cozy-block-pro-label",children:(0,o.__)("PRO","cozy-addons")})]}),(0,g.jsx)(i.SelectControl,{value:e.sliderOptions.effect,options:[{label:(0,o.__)("Default","cozy-addons"),value:"none"}],disabled:!0})]})]}),cozyBlockAssets.isPremium&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Slides Per View","cozy-addons"),min:1,max:10,step:.1,value:e.sliderOptions.slidesPerView,onChange:o=>a({sliderOptions:{...e.sliderOptions,slidesPerView:o}}),help:(0,o.__)("*Note: Accepts fractional value.","cozy-addons")}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Centered Slides","cozy-addons"),checked:e.sliderOptions.centeredSlides,onChange:o=>a({...e,sliderOptions:{...e.sliderOptions,centeredSlides:o}})}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Space Between Slides","cozy-addons"),min:0,max:500,step:1,value:e.sliderOptions.spaceBetween,onChange:o=>a({sliderOptions:{...e.sliderOptions,spaceBetween:o}})}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Speed (ms)","cozy-addons"),min:0,max:5e3,step:1,value:e.sliderOptions.speed,onChange:o=>a({sliderOptions:{...e.sliderOptions,speed:Math.abs(o)}}),help:(0,o.__)("*Greater the value, greater the delay.","cozy-addons")}),(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Slide Effect","cozy-addons"),value:e.sliderOptions.effect,options:[{label:(0,o.__)("Default","cozy-addons"),value:"none"},{label:(0,o.__)("Fade","cozy-addons"),value:"fade"},{label:(0,o.__)("Cover Flow","cozy-addons"),value:"coverflow"},{label:(0,o.__)("Cube","cozy-addons"),value:"cube"},{label:(0,o.__)("Cards","cozy-addons"),value:"cards"}],onChange:o=>a({sliderOptions:{...e.sliderOptions,effect:o}})})]})]}),"thumbs"===e?.layout&&(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("Thumbnail Options","cozy-addons"),opened:"thumbnail-options"===x,onToggle:()=>y("thumbnail-options"),children:[(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Direction","cozy-addons"),options:[{label:(0,o.__)("Horizontal","cozy-addons"),value:"horizontal"},{label:(0,o.__)("Vertical","cozy-addons"),value:"vertical"}],value:e?.thumbOptions?.direction,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,direction:o}})}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Loop","cozy-addons"),checked:e?.thumbOptions?.loop,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,loop:o}})}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Centered Slides","cozy-addons"),checked:e?.thumbOptions?.centeredSlides,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,centeredSlides:o}})}),"vertical"===e?.thumbOptions?.direction&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Left","cozy-addons"),value:"left"},{label:(0,o.__)("Right","cozy-addons"),value:"right"}],value:e?.thumbOptions?.position,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,position:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Horizontal Spacing","cozy-addons"),value:e?.thumbOptions?.horizontalSpacing,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,horizontalSpacing:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Vertical Spacing","cozy-addons"),value:e?.thumbOptions?.verticalSpacing,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,verticalSpacing:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Gap","cozy-addons"),value:e?.thumbOptions?.gap,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,gap:o}})})}),"horizontal"===e?.thumbOptions?.direction&&(0,g.jsxs)(i.__experimentalToggleGroupControl,{label:(0,o.__)("Thumbnail Alignment","cozy-addons"),isBlock:!0,value:e?.thumbOptions?.horizontalJustify,onChange:o=>a({...e,thumbOptions:{...e?.thumbOptions,horizontalJustify:o}}),children:[(0,g.jsx)(i.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Left","cozy-addons"),value:"left",icon:c}),(0,g.jsx)(i.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Center","cozy-addons"),value:"center",icon:p}),(0,g.jsx)(i.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Right","cozy-addons"),value:"right",icon:h})]}),"vertical"===e?.thumbOptions?.direction&&(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Thumbnail Alignment","cozy-addons"),options:[{label:(0,o.__)("Top","cozy-addons"),value:"top"},{label:(0,o.__)("Center","cozy-addons"),value:"center"},{label:(0,o.__)("Bottom","cozy-addons"),value:"bottom"}],value:e?.thumbOptions.verticalJustify,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,verticalJustify:o}})})]})}),(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("Shape Divider","cozy-addons"),opened:"shape-divider"===x,onToggle:()=>y("shape-divider"),children:[(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Enable Shape Divider","cozy-addons"),checked:e.shapeDivider.enabled,onChange:o=>a({...e,shapeDivider:{...e.shapeDivider,enabled:o}})}),e.shapeDivider.enabled&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(i.BaseControl,{children:[(0,g.jsx)(i.BaseControl.VisualLabel,{children:(0,o.__)("Select Shape Divider","cozy-addons")}),(0,g.jsx)("div",{className:"cozy-shape-divider-list",children:r.map(((o,n)=>{let t=cozyShapeDivider.collection[o];return(0,g.jsxs)(i.Button,{style:{position:"relative"},onClick:()=>{var o;!cozyBlockAssets.isPremium&&n>2&&(t='<svg viewBox="0 0 519 134" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">\n <path d="M0 134H519V0L0 134Z" width="519"/>\n </svg>'),o=t,a({...e,shapeDivider:{...e.shapeDivider,svg:o}})},children:[(0,g.jsx)("div",{title:o,className:"cozy-shape-divider "+(!cozyBlockAssets.isPremium&&n>2?"color-fade":""),dangerouslySetInnerHTML:{__html:t}}),!cozyBlockAssets.isPremium&&n>2&&(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("svg",{className:"cozy-pro-icon",width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("rect",{width:"9",height:"9",rx:"4.5",fill:"#FD1321"}),(0,g.jsx)("path",{d:"M6.76623 4.22015L6.1411 4.61049L6.14078 4.61069C5.87051 4.77888 5.52524 4.67925 5.37514 4.40541C5.37511 4.40536 5.37508 4.4053 5.37505 4.40525L4.61108 3.01283L4.54619 2.89457L4.48131 3.01283L3.71733 4.40525C3.7173 4.4053 3.71727 4.40536 3.71724 4.40541C3.56729 4.67898 3.22091 4.77925 2.95115 4.61041L6.76623 4.22015ZM6.76623 4.22015L6.17049 5.875H2.9219L2.3259 4.21945L2.95098 4.61031L6.76623 4.22015ZM7.0651 3.99559L6.96233 3.97846L6.91621 3.8738C6.90294 3.84368 6.89619 3.81343 6.89619 3.78125C6.89619 3.65082 6.99535 3.5625 7.09619 3.5625C7.19704 3.5625 7.29619 3.65082 7.29619 3.78125C7.29619 3.91168 7.19704 4 7.09619 4C7.09707 4 7.09545 4.00006 7.08987 3.99938C7.08392 3.99866 7.07693 3.99756 7.0651 3.99559ZM2.17638 3.87547L2.13203 3.97813L2.02728 3.99559C2.01545 3.99756 2.00846 3.99866 2.00252 3.99938C1.99787 3.99994 1.99597 4 1.99597 4C1.99597 4 1.99604 4 1.99619 4C1.89535 4 1.79619 3.91168 1.79619 3.78125C1.79619 3.65151 1.89562 3.5625 1.99713 3.5625C2.09797 3.5625 2.19713 3.65082 2.19713 3.78125C2.19713 3.81201 2.19006 3.84379 2.17638 3.87547ZM4.6676 2.70272L4.54619 2.80674L4.42478 2.70272C4.37707 2.66185 4.34619 2.60108 4.34619 2.53125C4.34619 2.40082 4.44535 2.3125 4.54619 2.3125C4.64704 2.3125 4.74619 2.40082 4.74619 2.53125C4.74619 2.60108 4.71531 2.66185 4.6676 2.70272ZM2.69619 6.8125V6.6875H6.39619V6.8125H2.69619Z",stroke:"white",strokeWidth:"0.5"})]})})]},o)}))})]}),(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Top","cozy-addons"),value:"top"},{label:(0,o.__)("Bottom","cozy-addons"),value:"bottom"}],value:e.shapeDivider.position,onChange:o=>a({...e,shapeDivider:{...e.shapeDivider,position:o}})}),(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Flip","cozy-addons"),options:[{label:(0,o.__)("Left","cozy-addons"),value:"left"},{label:(0,o.__)("Right","cozy-addons"),value:"right"}],value:e.shapeDivider.flip,onChange:o=>a({...e,shapeDivider:{...e.shapeDivider,flip:o}})})]})]}),!cozyBlockAssets.isPremium&&(0,g.jsx)(u,{})]},"setting"),(0,g.jsxs)(n.InspectorControls,{group:"styles",children:["thumbs"===e.layout&&(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("Thumbnail Styles","cozy-addons"),opened:"thumbnail-styles"===x,onToggle:()=>y("thumbnail-styles"),children:[(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Thumbnail Width","cozy-addons"),value:e?.thumbOptions?.width,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,width:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Thumbnail Height","cozy-addons"),value:e?.thumbOptions?.height,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,height:o}})})}),(0,g.jsx)(i.ToggleControl,{label:(0,o.__)("Responsive Visibility","cozy-addons"),checked:e?.thumbOptions?.responsive?.enabled,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,responsive:{...e.thumbOptions.responsive,enabled:o}}})}),e?.thumbOptions?.responsive?.enabled&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Responsive Width","cozy-addons"),value:e?.thumbOptions?.responsive?.width,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,responsive:{...e.thumbOptions.responsive,width:o}}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Responsive Height","cozy-addons"),value:e?.thumbOptions?.responsive?.height,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,responsive:{...e.thumbOptions.responsive,height:o}}})})})]}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e?.thumbOptions?.radius,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,radius:o}})})}),(0,g.jsx)(i.TabPanel,{className:"cozy-tab-panel",activeClass:"active-tab",tabs:[{name:"slider-tab__default",title:(0,o.__)("Default","cozy-addons"),className:"tab-one"},{name:"slider-tab__active",title:(0,o.__)("Active","cozy-addons"),className:"tab-two"}],children:t=>(0,g.jsxs)(g.Fragment,{children:["slider-tab__default"===t.name&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(i.__experimentalBorderControl,{label:(0,o.__)("Outline","cozy-addons"),enableAlpha:!0,isCompact:!0,colors:_,value:e?.thumbOptions?.default?.border,onChange:o=>a({...e,thumbOptions:{...e?.thumbOptions,default:{...e?.thumbOptions?.default,border:o}}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Outline Offset","cozy-addons"),value:e?.thumbOptions?.default?.offset,onChange:o=>a({...e,thumbOptions:{...e?.thumbOptions,default:{...e?.thumbOptions?.default,offset:o}}})})}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Opacity","cozy-addons"),min:0,max:100,step:1,value:e?.thumbOptions?.default?.opacity,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,default:{...e.thumbOptions.default,opacity:o}}})})]}),"slider-tab__active"===t.name&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(i.__experimentalBorderControl,{label:(0,o.__)("Outline","cozy-addons"),enableAlpha:!0,isCompact:!0,colors:_,value:e?.thumbOptions?.active?.border,onChange:o=>a({...e,thumbOptions:{...e?.thumbOptions,active:{...e?.thumbOptions?.active,border:o}}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Outline Offset","cozy-addons"),value:e?.thumbOptions?.active?.offset,onChange:o=>a({...e,thumbOptions:{...e?.thumbOptions,active:{...e?.thumbOptions?.active,offset:o}}})})}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Opacity","cozy-addons"),min:0,max:100,step:1,value:e?.thumbOptions?.active?.opacity,onChange:o=>a({...e,thumbOptions:{...e.thumbOptions,active:{...e.thumbOptions.default,opacity:o}}})})]})]})})]})}),e.hasPagination&&(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("Pagination Styles","cozy-addons"),opened:"bullet-styles"===x,onToggle:()=>y("bullet-styles"),children:[(0,g.jsxs)(i.__experimentalToggleGroupControl,{label:(0,o.__)("Align","cozy-addons"),isBlock:!0,value:e.pagination?.align,onChange:o=>a({pagination:{...e.pagination,align:o}}),children:[(0,g.jsx)(i.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Left","cozy-addons"),value:"left",icon:c}),(0,g.jsx)(i.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Center","cozy-addons"),value:"center",icon:p}),(0,g.jsx)(i.__experimentalToggleGroupControlOptionIcon,{label:(0,o.__)("Right","cozy-addons"),value:"right",icon:h})]}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Vertical Positioning","cozy-addons"),min:-500,max:500,step:1,value:e.pagination.bottom,onChange:o=>a({pagination:{...e.pagination,bottom:o}})}),"left"===e.pagination?.align&&(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Horizontal Positioning","cozy-addons"),min:0,max:300,step:1,value:e.pagination?.left,onChange:o=>a({pagination:{...e.pagination,left:o}})}),"right"===e.pagination?.align&&(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Horizontal Positioning","cozy-addons"),min:0,max:300,step:1,value:e.pagination?.right,onChange:o=>a({pagination:{...e.pagination,right:o}})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Gap","cozy-addons"),value:e.pagination.gap,onChange:o=>a({...e,pagination:{...e.pagination,gap:o}})})}),(0,g.jsx)(i.TabPanel,{className:"cozy-tab-panel",activeClass:"active-tab",tabs:[{name:"slider-tab__default",title:(0,o.__)("Default","cozy-addons"),className:"tab-one"},{name:"slider-tab__active",title:(0,o.__)("Active","cozy-addons"),className:"tab-two"}],children:t=>(0,g.jsxs)(g.Fragment,{children:["slider-tab__default"===t.name&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Width","cozy-addons"),value:e.pagination.width,onChange:o=>a({pagination:{...e.pagination,width:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Height","cozy-addons"),value:e.pagination.height,onChange:o=>a({pagination:{...e.pagination,height:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.pagination.borderRadius,onChange:o=>a({pagination:{...e.pagination,borderRadius:o}})})}),(0,g.jsx)(n.PanelColorSettings,{enableAlpha:!0,className:"cozy-color-control",title:(0,o.__)("Color","cozy-addons"),colorSettings:[{value:e.pagination.color,onChange:o=>a({pagination:{...e.pagination,color:o}}),label:(0,o.__)("Default","cozy-addons")},{value:e.pagination.colorHover,onChange:o=>a({pagination:{...e.pagination,colorHover:o}}),label:(0,o.__)("Hover","cozy-addons")}]})]}),"slider-tab__active"===t.name&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Width","cozy-addons"),value:e.pagination.activeWidth,onChange:o=>a({pagination:{...e.pagination,activeWidth:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Height","cozy-addons"),value:e.pagination.activeHeight,onChange:o=>a({pagination:{...e.pagination,activeHeight:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(i.__experimentalBorderControl,{enableAlpha:!0,isCompact:!0,colors:_,label:(0,o.__)("Border","cozy-addons"),value:e.pagination?.activeBorder,onChange:o=>a({pagination:{...e.pagination,activeBorder:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Border Offset","cozy-addons"),value:e.pagination?.activeOffset,onChange:o=>a({pagination:{...e.pagination,activeOffset:o}})})}),(0,g.jsx)("div",{className:"components-base-control",children:(0,g.jsx)(n.HeightControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.pagination.activeBorderRadius,onChange:o=>a({pagination:{...e.pagination,activeBorderRadius:o}})})}),(0,g.jsx)(n.PanelColorSettings,{enableAlpha:!0,className:"cozy-color-control",title:(0,o.__)("Color","cozy-addons"),colorSettings:[{value:e.pagination.activeColor,onChange:o=>a({pagination:{...e.pagination,activeColor:o}}),label:(0,o.__)("Default","cozy-addons")},{value:e.pagination.activeColorHover,onChange:o=>a({pagination:{...e.pagination,activeColorHover:o}}),label:(0,o.__)("Hover","cozy-addons")},{value:e.pagination?.activeBorderHover,onChange:o=>a({pagination:{...e.pagination,activeBorderHover:o}}),label:(0,o.__)("Border (Hover)","cozy-addons")}]})]})]})})]}),e.hasNavigation&&(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("Navigation Style","cozy-addons"),opened:"nav-styles"===x,onToggle:()=>y("nav-styles"),children:[(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Icon Size","cozy-addons"),value:e.navigation.iconSize,min:1,max:50,onChange:o=>a({navigation:{...e.navigation,iconSize:Math.abs(o)}})}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Icon Rotate","cozy-addons"),value:e.navigation.iconRotate,min:0,step:45,max:360,onChange:o=>a({navigation:{...e.navigation,iconRotate:Math.abs(o)}})}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Icon Box Width","cozy-addons"),value:e.navigation.iconBoxWidth,min:1,max:50,onChange:o=>a({navigation:{...e.navigation,iconBoxWidth:Math.abs(o)}})}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Icon Box Height","cozy-addons"),value:e.navigation.iconBoxHeight,min:1,max:50,onChange:o=>a({navigation:{...e.navigation,iconBoxHeight:Math.abs(o)}})}),(0,g.jsx)(i.SelectControl,{label:(0,o.__)("Border Type","cozy-addons"),options:[{label:(0,o.__)("None","cozy-addons"),value:"none"},{label:(0,o.__)("Solid","cozy-addons"),value:"solid"},{label:(0,o.__)("Double","cozy-addons"),value:"double"},{label:(0,o.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,o.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,o.__)("Groove","cozy-addons"),value:"groove"}],value:e.navigation.borderType,onChange:o=>a({...e,navigation:{...e.navigation,borderType:o}})}),"none"!==e.navigation.borderType&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Border Width","cozy-addons"),min:1,max:50,step:1,value:e.navigation.borderWidth,onChange:o=>a({...e,navigation:{...e.navigation,borderWidth:o}})}),(0,g.jsx)(n.PanelColorSettings,{enableAlpha:!0,className:"cozy-color-control",title:(0,o.__)("Border Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Default","cozy-addons"),value:e.navigation.borderColor,onChange:o=>a({...e,navigation:{...e.navigation,borderColor:o}})},{label:(0,o.__)("Hover","cozy-addons"),value:e.navigation.borderColorHover,onChange:o=>a({...e,navigation:{...e.navigation,borderColorHover:o}})}]})]}),(0,g.jsx)(i.RangeControl,{label:(0,o.__)("Border Radius","cozy-addons"),value:e.navigation.borderRadius,min:0,max:50,onChange:o=>a({navigation:{...e.navigation,borderRadius:o}})}),(0,g.jsx)(n.PanelColorSettings,{enableAlpha:!0,className:"cozy-color-control",title:(0,o.__)("Color","cozy-addons"),colorSettings:[{value:e.navigation.color,onChange:o=>a({navigation:{...e.navigation,color:o}}),label:(0,o.__)("Icon (Default)","cozy-addons")},{value:e.navigation.colorHover,onChange:o=>a({navigation:{...e.navigation,colorHover:o}}),label:(0,o.__)("Icon (Hover)","cozy-addons")},{value:e.navigation.backgroundColor,onChange:o=>a({navigation:{...e.navigation,backgroundColor:o}}),label:(0,o.__)("Background (Default)","cozy-addons")},{value:e.navigation.backgroundColorHover,onChange:o=>a({navigation:{...e.navigation,backgroundColorHover:o}}),label:(0,o.__)("Background (Hover)","cozy-addons")}]})]}),e.shapeDivider.enabled&&(0,g.jsxs)(i.PanelBody,{title:(0,o.__)("Shape Divider Styles","cozy-addons"),opened:"shape-divider-styles"===x,onToggle:()=>y("shape-divider-styles"),children:[(0,g.jsxs)(i.BaseControl,{children:[(0,g.jsx)(i.BaseControl.VisualLabel,{children:(0,o.__)("Margin","cozy-addons")}),(0,g.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,g.jsx)("button",{className:"cozy-link-styles "+(b?"":"cozy-attr-link-disabled"),onClick:()=>v(!b),children:(0,g.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,g.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,g.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,g.jsx)(i.TextControl,{type:"number",step:1,label:(0,o.__)("Top","cozy-addons"),value:e.shapeDivider.margin.top,onChange:e=>m("top",e)}),(0,g.jsx)(i.TextControl,{type:"number",step:1,label:(0,o.__)("Right","cozy-addons"),value:e.shapeDivider.margin.right,onChange:e=>m("right",e)}),(0,g.jsx)(i.TextControl,{type:"number",step:1,label:(0,o.__)("Bottom","cozy-addons"),value:e.shapeDivider.margin.bottom,onChange:e=>m("bottom",e)}),(0,g.jsx)(i.TextControl,{type:"number",step:1,label:(0,o.__)("Left","cozy-addons"),value:e.shapeDivider.margin.left,onChange:e=>m("left",e)})]})]}),(0,g.jsx)(i.TextControl,{label:(0,o.__)("Height","cozy-addons"),type:"number",min:1,value:e.shapeDivider.height,onChange:o=>a({...e,shapeDivider:{...e.shapeDivider,height:Math.abs(o)}})}),(0,g.jsx)(n.PanelColorSettings,{enableAlpha:!0,className:"cozy-color-control",title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Normal","cozy-addons"),value:e.shapeDivider.color,onChange:o=>a({...e,shapeDivider:{...e.shapeDivider,color:o}})}]})]})]},"style")]})}));function v(e,o){function n(e,o){return o&&Object.keys(o).length<4?1===Object.keys(o).length?`\n ${e}: ${o};\n `:`\n ${e}: ${o?.width} ${o?.style} ${o?.color};\n `:o&&4===Object.keys(o).length?"border"===e?`\n border-top: ${o.top?.width} ${o.top?.style} ${o.top?.color};\n border-right: ${o.right?.width} ${o.right?.style} ${o.right?.color};\n border-bottom: ${o.bottom?.width} ${o.bottom?.style} ${o.bottom?.color};\n border-left: ${o.left?.width} ${o.left?.style} ${o.left?.color};\n `:`\n ${e}: ${o.top} ${o.right} ${o.bottom} ${o.left};\n `:""}return`\n #${e} {\n\t\theight: ${"vertical"===o.direction?o.height+"px":"auto"};\t\n\t}\n\n #${e} .swiper-button-prev::after, #${e} .swiper-button-next::after {\n font-size: ${o.navigation.iconSize}px;\n }\n #${e} .swiper-button-prev, #${e} .swiper-button-next {\n width: ${o.navigation.iconBoxWidth}px;\n height: ${o.navigation.iconBoxHeight}px;\n border-radius: ${o.navigation.borderRadius}px;\n border-style: ${o.navigation.borderType};\n border-width: ${o.navigation.borderWidth}px;\n border-color: ${o.navigation.borderColor};\n color: ${o.navigation.color};\n background-color: ${o.navigation.backgroundColor};\n\t transform: rotate(${o.navigation.iconRotate}deg);\n }\n #${e} .swiper-button-prev:hover, #${e} .swiper-button-next:hover {\n color: ${o.navigation.colorHover};\n background-color: ${o.navigation.backgroundColorHover};\n\t border-color: ${o.navigation.borderColorHover};\n }\n\n #${e} .swiper-pagination {\n bottom: var(--swiper-pagination-bottom, ${o.pagination.bottom}px) !important;\n text-align: ${o.pagination?.align?o.pagination?.align:"center"};\n ${"left"===o.pagination?.align?"padding-left:"+o.pagination?.left+"px;":""}\n ${"right"===o.pagination?.align?"padding-right:"+o.pagination?.right+"px;":""}\n }\n #${e} .swiper-pagination .swiper-pagination-bullet {\n width: ${o.pagination.width};\n height: ${o.pagination.height};\n border-radius: ${o.pagination.borderRadius};\n background-color: ${o.pagination.color};\n }\n #${e} .swiper-pagination .swiper-pagination-bullet-active {\n width: ${o.pagination.activeWidth};\n height: ${o.pagination.activeHeight};\n ${n("outline",o.pagination?.activeBorder)}\n outline-offset: ${o.pagination?.activeOffset};\n border-radius: ${o.pagination.activeBorderRadius};\n background-color: ${o.pagination.activeColor};\n }\n #${e}.swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 0 var(--swiper-pagination-bullet-horizontal-gap, ${o.pagination.gap?o.pagination.gap:"4px"}) !important;\n }\n #${e}.swiper-vertical .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: var(--swiper-pagination-bullet-vertical-gap, ${o.pagination.gap?o.pagination.gap:"4px"}) 0 !important;\n }\n #${e} .swiper-pagination .swiper-pagination-bullet:hover {\n background-color: ${o.pagination.colorHover};\n }\n #${e} .swiper-pagination .swiper-pagination-bullet-active:hover {\n background-color: ${o.pagination.activeColorHover};\n outline-color: ${o.pagination?.activeBorderHover};\n }\n\n #${e} .cozy-shape-divider-wrapper svg{\n margin: ${o.shapeDivider.margin.top}px ${o.shapeDivider.margin.right}px ${o.shapeDivider.margin.bottom}px ${o.shapeDivider.margin.left}px;\n height: ${o.shapeDivider.height}px;\n fill: ${o.shapeDivider.color};\n }\n\n #${e} .thumb-slider {\n margin: ${o?.thumbOptions?.verticalSpacing} ${o?.thumbOptions?.horizontalSpacing};\n }\n #${e} .thumb-slider .swiper-wrapper {\n gap: ${o?.thumbOptions?.gap};\n }\n #${e} .thumb-slider .swiper-slide { \n max-width: ${o?.thumbOptions?.width};\n max-height: ${o?.thumbOptions?.height};\n opacity: ${parseFloat(o?.thumbOptions?.default?.opacity)/100};\n ${n("outline",o?.thumbOptions?.default?.border)}\n outline-offset: ${o?.thumbOptions?.default?.offset};\n border-radius: ${o?.thumbOptions?.radius};\n }\n #${e} .thumb-slider .swiper-slide-thumb-active {\n opacity: ${parseFloat(o?.thumbOptions?.active?.opacity)/100};\n ${n("outline",o?.thumbOptions?.active?.border)}\n outline-offset: ${o?.thumbOptions?.active?.offset};\n }\n #${e} .thumb-slider .swiper-slide img {\n width: ${o?.thumbOptions?.width};\n height: ${o?.thumbOptions?.height};\n border-radius: ${o?.thumbOptions?.radius};\n }\n `}const m=[["cozy-block/slide"],["cozy-block/slide"]],_=(0,s.memo)((({clientId:a})=>{const{insertBlock:t,selectBlock:s}=(0,d.useDispatch)(n.store),r=(0,d.useSelect)((e=>e(n.store).getBlock(a).innerBlocks));return(0,g.jsx)(i.ToolbarGroup,{children:(0,g.jsx)(i.ToolbarButton,{icon:l,onClick:()=>{const o=(0,e.createBlock)("cozy-block/slide");t(o,r.length,a,!1),s(o.clientId)},children:(0,o.__)("Add slide","cozy-addons")})})})),x=(0,s.memo)((()=>{const e=(0,n.useInnerBlocksProps)({className:"swiper-wrapper wp-block-cozy-block-slider__wrapper"},{allowedBlocks:["cozy-block/slide"],template:m,renderAppender:!1,orientation:"horizontal"});return(0,g.jsx)("div",{...e})})),y=(0,s.memo)((({clientId:e,attributes:o,blockId:i})=>{const a=(0,r.useRefEffect)((e=>(e.querySelector(".swiper-button-prev"),e.querySelector(".swiper-button-next"),e.querySelector(".swiper-pagination"),e.querySelector(".thumb-slider"),()=>{})),[o]);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(n.BlockControls,{children:(0,g.jsx)(_,{clientId:e})}),(0,g.jsx)("style",{dangerouslySetInnerHTML:{__html:v(i,o)}}),(0,g.jsxs)("div",{className:`cozy-block-slider swiper-container ${o.hoverShow?"hover-show":""} ${o.shapeDivider.enabled?"shape-divider-position-"+o.shapeDivider.position+" shape-divider-flip-"+o.shapeDivider.flip:""}`,id:i,ref:a,children:[(0,g.jsx)(x,{}),o.hasNavigation&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"swiper-button-prev"}),(0,g.jsx)("div",{className:"swiper-button-next"})]}),o.hasPagination&&(0,g.jsxs)("div",{className:`swiper-pagination swiper-pagination-bullets cozy-pagination swiper-pagination-${o?.direction?o?.direction:"horizontal"}`,children:[(0,g.jsx)("span",{className:"swiper-pagination-bullet swiper-pagination-bullet-active"}),(0,g.jsx)("span",{className:"swiper-pagination-bullet"}),(0,g.jsx)("span",{className:"swiper-pagination-bullet"})]}),o.shapeDivider.enabled&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"cozy-shape-divider-wrapper",dangerouslySetInnerHTML:{__html:o.shapeDivider.svg}})}),"thumbs"===o?.layout&&(0,g.jsx)("div",{className:`thumb-slider direction-${o?.thumbOptions?.direction}${"horizontal"===o?.thumbOptions?.direction?" justify-"+o?.thumbOptions.horizontalJustify:""}${"vertical"===o?.thumbOptions?.direction?" justify-"+o?.thumbOptions.verticalJustify:""} position-${o?.thumbOptions?.position}`,children:(0,g.jsx)("div",{className:"swiper-wrapper",children:o?.thumbMedia&&o?.thumbMedia.map(((e,n)=>(0,g.jsx)(g.Fragment,{children:o?.thumbMedia[n]&&(0,g.jsx)("div",{className:"swiper-slide",children:(0,g.jsx)("img",{src:o?.thumbMedia[n]})})})))})})]})]})})),C=(0,d.withSelect)(((e,o)=>({media:o.attributes.mediaId?e("core").getMedia(o.attributes.mediaId):void 0})))((function(e){const{attributes:o,setAttributes:i,clientId:a,media:t}=e;if(o.cover)return(0,g.jsx)("img",{src:o.cover});o.blockClientId=a;const l=(0,n.useBlockProps)({className:"cozy-block-wrapper cozy-block-slider-wrapper"}),r=`cozyBlock_${a.replace(/-/gi,"_")}`,c=(0,d.useSelect)((e=>e(n.store).getBlock(a).innerBlocks));return(0,s.useEffect)((()=>{const e=c.map((e=>e.attributes?.style?.background?.backgroundImage?.url));i({...o,thumbMedia:[...e]})}),[c]),(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{...l,children:(0,g.jsx)(y,{clientId:a,attributes:o,setAttributes:i,blockId:r})}),(0,g.jsx)(b,{attributes:o,setAttributes:i})]})})),j=JSON.parse('{"UU":"cozy-block/slider","DD":"Slider"}'),z=(0,g.jsxs)("svg",{width:"27",height:"20",viewBox:"0 0 27 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22 2H5V15H22V2ZM3 0V17H24V0H3Z",fill:"#0C50FF"}),(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 14V3H2V14H0Z",fill:"#0C50FF"}),(0,g.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25 14V3H27V14H25Z",fill:"#0C50FF"}),(0,g.jsx)("path",{d:"M20.117 8.76554L17.9927 10.8899C17.8458 11.0367 17.6084 11.0367 17.4631 10.8899L17.1101 10.5369C16.9633 10.39 16.9633 10.1526 17.1101 10.0073L18.6159 8.50156L17.1101 6.99578C16.9633 6.84895 16.9633 6.61153 17.1101 6.46626L17.4616 6.11012C17.6084 5.96329 17.8458 5.96329 17.9911 6.11012L20.1154 8.23446C20.2638 8.38129 20.2638 8.61871 20.117 8.76554Z",fill:"#0C50FF"}),(0,g.jsx)("path",{d:"M7.10993 8.76554L9.23427 10.8899C9.3811 11.0367 9.61853 11.0367 9.76379 10.8899L10.1168 10.5369C10.2636 10.39 10.2636 10.1526 10.1168 10.0073L8.61103 8.50156L10.1168 6.99578C10.2636 6.84895 10.2636 6.61153 10.1168 6.46626L9.76535 6.11012C9.61853 5.96329 9.3811 5.96329 9.23583 6.11012L7.1115 8.23446C6.9631 8.38129 6.9631 8.61871 7.10993 8.76554Z",fill:"#0C50FF"}),(0,g.jsx)("path",{d:"M10 19C10 18.4477 10.4477 18 11 18C11.5523 18 12 18.4477 12 19C12 19.5523 11.5523 20 11 20C10.4477 20 10 19.5523 10 19Z",fill:"#0C50FF",fillOpacity:"0.5"}),(0,g.jsx)("path",{d:"M13 19C13 18.4477 13.4477 18 14 18C14.5523 18 15 18.4477 15 19C15 19.5523 14.5523 20 14 20C13.4477 20 13 19.5523 13 19Z",fill:"#0C50FF"}),(0,g.jsx)("path",{d:"M16 19C16 18.4477 16.4477 18 17 18C17.5523 18 18 18.4477 18 19C18 19.5523 17.5523 20 17 20C16.4477 20 16 19.5523 16 19Z",fill:"#0C50FF",fillOpacity:"0.5"})]});(0,e.registerBlockType)(j.UU,{title:(0,o.__)(j.DD,"cozy-addons"),description:(0,o.__)("Immerse your audience in captivating visuals with our versatile 'Slider' block, perfect for showcasing images or content in a dynamic and engaging carousel.","cozy-addons"),icon:{src:z},example:{attributes:{cover:cozyBlockAssets.imageDir+"/preview_slider.jpg"},viewportWidth:1260},edit:C,save:function(e){const{attributes:o}=e,i=`cozyBlock_${(a=o.blockClientId,a.replace(/[;=()\s]/g,"")).replace(/-/gi,"_")}`;var a;return(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{...n.useBlockProps.save(),children:(0,g.jsxs)("div",{className:`cozy-block-slider swiper-container ${o.hoverShow?"hover-show":""} ${o.shapeDivider.enabled?"shape-divider-position-"+o.shapeDivider.position+" shape-divider-flip-"+o.shapeDivider.flip:""}`,id:i,children:[(0,g.jsx)("div",{className:"swiper-wrapper",children:(0,g.jsx)(n.InnerBlocks.Content,{})}),"thumbs"===o?.layout&&(0,g.jsx)("div",{className:`thumb-slider direction-${o?.thumbOptions?.direction}${"horizontal"===o?.thumbOptions?.direction?" justify-"+o?.thumbOptions.horizontalJustify:""}${"vertical"===o?.thumbOptions?.direction?" justify-"+o?.thumbOptions.verticalJustify:""} position-${o?.thumbOptions?.position}${o?.thumbOptions?.responsive?.enabled?" is-responsive-visible":""}`,children:(0,g.jsx)("div",{className:"swiper-wrapper",children:o?.thumbMedia&&o?.thumbMedia.map(((e,n)=>(0,g.jsx)(g.Fragment,{children:o?.thumbMedia[n]&&(0,g.jsx)("div",{className:"swiper-slide",children:(0,g.jsx)("img",{src:o?.thumbMedia[n]})})})))})}),o.hasNavigation&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("div",{className:"swiper-button-prev cozy-block-button-prev"}),(0,g.jsx)("div",{className:"swiper-button-next cozy-block-button-next"})]}),o.hasPagination&&(0,g.jsx)("div",{className:"swiper-pagination cozy-pagination"}),o.shapeDivider.enabled&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"cozy-shape-divider-wrapper",dangerouslySetInnerHTML:{__html:o.shapeDivider.svg}})})]})})})}})}},n={};function i(e){var a=n[e];if(void 0!==a)return a.exports;var t=n[e]={exports:{}};return o[e](t,t.exports,i),t.exports}i.m=o,e=[],i.O=(o,n,a,t)=>{if(!n){var l=1/0;for(c=0;c<e.length;c++){for(var[n,a,t]=e[c],s=!0,r=0;r<n.length;r++)(!1&t||l>=t)&&Object.keys(i.O).every((e=>i.O[e](n[r])))?n.splice(r--,1):(s=!1,t<l&&(l=t));if(s){e.splice(c--,1);var d=a();void 0!==d&&(o=d)}}return o}t=t||0;for(var c=e.length;c>0&&e[c-1][2]>t;c--)e[c]=e[c-1];e[c]=[n,a,t]},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};i.O.j=o=>0===e[o];var o=(o,n)=>{var a,t,[l,s,r]=n,d=0;if(l.some((o=>0!==e[o]))){for(a in s)i.o(s,a)&&(i.m[a]=s[a]);if(r)var c=r(i)}for(o&&o(n);d<l.length;d++)t=l[d],i.o(e,t)&&e[t]&&e[t][0](),e[t]=0;return i.O(c)},n=globalThis.webpackChunkslider=globalThis.webpackChunkslider||[];n.forEach(o.bind(null,0)),n.push=o.bind(null,n.push.bind(n))})();var a=i.O(void 0,[350],(()=>i(839)));a=i.O(a)})();
Save
Back