@grapesjs/studio-sdk-plugins 1.0.29 → 1.0.30

package/dist/swiperComponent/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";const Q="app.grapesjs.com",ee="app-stage.grapesjs.com",ae="app2.grapesjs.com",le="app-stage2.grapesjs.com",H=[Q,ae,ee,le,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],se="license:check:start",ie="license:check:end",ne=()=>typeof window<"u",oe=({isDev:e,isStage:l})=>`${e?"":`https://${l?ee:Q}`}/api`,re=()=>{const e=ne()&&window.location.hostname;return!!e&&(H.includes(e)||H.some(l=>e.endsWith(l)))},ce=e=>e.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(l,a)=>(a?"-":"")+l.toLowerCase()),de=e=>typeof e<"u";async function pe({path:e,baseApiUrl:l,method:a="GET",headers:s={},params:n,body:b}){const f=`${l||oe({isDev:!1,isStage:!1})}${e}`,d={method:a,headers:{"Content-Type":"application/json",...s}};b&&(d.body=JSON.stringify(b));const u=n?new URLSearchParams(n).toString():"",o=u?`?${u}`:"",h=await fetch(`${f}${o}`,d);if(!h.ok)throw new Error(`HTTP error! status: ${h.status}`);return h.json()}var x=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(x||{});const G={[x.free]:0,[x.startup]:10,[x.business]:20,[x.enterprise]:30};function ue(e){const l=e;return l.init=a=>s=>e(s,a),l}const be=e=>ue(e);async function fe({editor:e,plan:l,pluginName:a,licenseKey:s,cleanup:n}){let b="",c=!1;const f=re(),d=o=>{console.warn("Cleanup plugin:",a,"Reason:",o),n()},u=(o={})=>{var S;const{error:h,sdkLicense:t}=o,i=(S=o.plan)==null?void 0:S.category;if(!(t||o.license)||h)d(h||"Invalid license");else if(i){const O=G[l],R=G[i];O>R&&d({pluginRequiredPlan:l,licensePlan:i})}};e.on(se,o=>{b=o==null?void 0:o.baseApiUrl,c=!0}),e.on(ie,o=>{u(o)}),setTimeout(async()=>{if(!c){if(f)return;if(s){const o=await he({licenseKey:s,pluginName:a,baseApiUrl:b});o&&u(o)}else d("The `licenseKey` option not provided")}},2e3)}async function he(e){const{licenseKey:l,pluginName:a,baseApiUrl:s}=e;try{return(await pe({baseApiUrl:s,path:`/sdk/${l||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const P=(e,l)=>{var a;return!!((a=e==null?void 0:e.classList)!=null&&a.contains(l))},ve=(e,l={})=>{var b;const a={},s=[],n=[];for(const c in e){const{value:f,...d}=e[c];s.push({id:c,name:c,changeProp:!0,category:l.category,...d}),a[c]=f,!de(f)&&n.push(c);const{subTraits:u={}}=d;for(const o in d.subTraits)(b=u[o])==null||b.forEach(h=>{const t=h.id||h.name;a[t]=h.value})}return{propKeys:Object.keys(a),propsNoValues:n,props:a,traits:s}},me=(e,l)=>{l.forEach(a=>{if(a.subTraits){const s=`${a.id||a.name}`,n=a.changeProp?`change:${s}`:`change:attributes:${s}`;e.on(n,()=>U(e,s)),U(e,s)}})},U=(e,l)=>{const a=e.getTrait(l),s=a.get("category"),n=a.get("subTraits")||{},c=(Object.values(n).flat()||[]).map(u=>u.id||u.name);e.removeTrait(c);const f=n[a.getValue()],d=e.getTraitIndex(l)+1;f&&e.addTrait(f.map(u=>({category:s,...u})),{at:d})},ge=(e,l)=>{l.forEach(a=>{const s=ce(a);s!==a&&e.has(s)&&e.set({[a]:e.get(s),[s]:void 0})})},m="swiper",M=`${m}-slide`,L=`${m}-wrapper`,k=`${m}-nav-prev`,D=`${m}-nav-next`,A=`${m}-pagination`,N=`${m}-scrollbar`,p={slider:`<svg viewBox="0 0 24 24">
+"use strict";const Q="app.grapesjs.com",ee="app-stage.grapesjs.com",ae="app2.grapesjs.com",le="app-stage2.grapesjs.com",H=[Q,ae,ee,le,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],se="license:check:start",ie="license:check:end",ne=()=>typeof window<"u",oe=({isDev:e,isStage:l})=>`${e?"":`https://${l?ee:Q}`}/api`,re=()=>{const e=ne()&&window.location.hostname;return!!e&&(H.includes(e)||H.some(l=>e.endsWith(l)))},ce=e=>e.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(l,a)=>(a?"-":"")+l.toLowerCase()),de=e=>typeof e<"u";async function pe({path:e,baseApiUrl:l,method:a="GET",headers:s={},params:n,body:b}){const f=`${l||oe({isDev:!1,isStage:!1})}${e}`,d={method:a,headers:{"Content-Type":"application/json",...s}};b&&(d.body=JSON.stringify(b));const u=n?new URLSearchParams(n).toString():"",o=u?`?${u}`:"",h=await fetch(`${f}${o}`,d);if(!h.ok)throw new Error(`HTTP error! status: ${h.status}`);return h.json()}var L=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(L||{});const G={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function ue(e){const l=e;return l.init=a=>s=>e(s,a),l}const be=e=>ue(e);async function fe({editor:e,plan:l,pluginName:a,licenseKey:s,cleanup:n}){let b="",c=!1;const f=re(),d=o=>{console.warn("Cleanup plugin:",a,"Reason:",o),n()},u=(o={})=>{var w;const{error:h,sdkLicense:t}=o,i=(w=o.plan)==null?void 0:w.category;if(!(t||o.license)||h)d(h||"Invalid license");else if(i){const O=G[l],R=G[i];O>R&&d({pluginRequiredPlan:l,licensePlan:i})}};e.on(se,o=>{b=o==null?void 0:o.baseApiUrl,c=!0}),e.on(ie,o=>{u(o)}),setTimeout(async()=>{if(!c){if(f)return;if(s){const o=await he({licenseKey:s,pluginName:a,baseApiUrl:b});o&&u(o)}else d("The `licenseKey` option not provided")}},2e3)}async function he(e){const{licenseKey:l,pluginName:a,baseApiUrl:s}=e;try{return(await pe({baseApiUrl:s,path:`/sdk/${l||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const E=(e,l)=>{var a;return!!((a=e==null?void 0:e.classList)!=null&&a.contains(l))},ve=(e,l={})=>{var b;const a={},s=[],n=[];for(const c in e){const{value:f,...d}=e[c];s.push({id:c,name:c,changeProp:!0,category:l.category,...d}),a[c]=f,!de(f)&&n.push(c);const{subTraits:u={}}=d;for(const o in d.subTraits)(b=u[o])==null||b.forEach(h=>{const t=h.id||h.name;a[t]=h.value})}return{propKeys:Object.keys(a),propsNoValues:n,props:a,traits:s}},me=(e,l)=>{l.forEach(a=>{if(a.subTraits){const s=`${a.id||a.name}`,n=a.changeProp?`change:${s}`:`change:attributes:${s}`;e.on(n,()=>U(e,s)),U(e,s)}})},U=(e,l)=>{const a=e.getTrait(l),s=a.get("category"),n=a.get("subTraits")||{},c=(Object.values(n).flat()||[]).map(u=>u.id||u.name);e.removeTrait(c);const f=n[a.getValue()],d=e.getTraitIndex(l)+1;f&&e.addTrait(f.map(u=>({category:s,...u})),{at:d})},ge=(e,l)=>{l.forEach(a=>{const s=ce(a);s!==a&&e.has(s)&&e.set({[a]:e.get(s),[s]:void 0})})},m="swiper",M=`${m}-slide`,k=`${m}-wrapper`,A=`${m}-nav-prev`,D=`${m}-nav-next`,_=`${m}-pagination`,C=`${m}-scrollbar`,p={slider:`<svg viewBox="0 0 24 24">
   <path d="M22 7.6c0-1-.5-1.6-1.3-1.6H3.4C2.5 6 2 6.7 2 7.6v9.8c0 1 .5 1.6 1.3 1.6h17.4c.8 0 1.3-.6 1.3-1.6V7.6zM21 18H3V7h18v11z" fill-rule="nonzero"/>
   <path d="M4 12.5L6 14v-3zM20 12.5L18 14v-3z"/>
 </svg>`,effect:`<svg viewBox="0 0 24 24">
@@ -21,25 +21,25 @@
   <path d="M2 12c0 5 4 9 9 9 2.4 0 4.7-1 6.4-2.6l-1.5-1.5A6.7 6.7 0 0 1 11 19a7 7 0 1 1 7-7h-3l4 4h.1l3.9-4h-3a9 9 0 0 0-18 0Z"/>
 </svg>`,prev:'<svg viewBox="0 0 24 24"><path d="M15.4 16.6 10.8 12l4.6-4.6L14 6l-6 6 6 6 1.4-1.4Z"/></svg>',next:'<svg viewBox="0 0 24 24"><path d="m8.6 16.6 4.6-4.6-4.6-4.6L10 6l6 6-6 6-1.4-1.4Z"/></svg>',add:`<svg viewBox="0 0 24 24">
   <path d="M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m1 5h-2v4H7v2h4v4h2v-4h4v-2h-4V7Z"/>
-</svg>`},j={id:"swiper-responsive",label:"Responsive",icon:p.responsive},K={id:"swiper-extra",label:"Extra",icon:p.extra},ye={actions:{type:"radio",label:!1,labelToTitle:!0,options:[{id:"r",label:"Reload slider",icon:p.reload},{id:"p",label:"Previous slide",icon:p.prev},{id:"n",label:"Next slide",icon:p.next},{id:"a",label:"Add new slide",icon:p.add}],setValue:({component:e,value:l})=>{var s;const a=(s=e.getView())==null?void 0:s.getSwiper();switch(l){case"r":e.reloadSlider();break;case"p":a==null||a.slidePrev();break;case"n":a==null||a.slideNext();break;case"a":e.addSlide();break}}},vertical:{type:"checkbox",label:"Vertical",value:!1},loop:{type:"checkbox",label:"Loop",value:!1},freeMode:{type:"checkbox",label:"Free mode",value:!1},autoHeight:{type:"checkbox",label:"Auto height",value:!1},navigation:{type:"checkbox",label:"Navigation",getValue:({component:e})=>!!e.findFirstType(k),setValue:({component:e,value:l})=>{var a,s;l?e.append([{type:k},{type:D}]):((a=e.findFirstType(k))==null||a.remove(),(s=e.findFirstType(D))==null||s.remove()),e.set({navigation:l})}},initialSlide:{type:"number",label:"Initial slide",min:0,value:"0"},speed:{type:"number",label:"Speed",tip:"Transition duration (in ms)",step:500,min:0,value:300},effect:{category:{id:"swiper-effect",label:"Effects",icon:p.effect},type:"select",label:"Effect Type",value:"slide",options:[{id:"slide",label:"Slide"},{id:"fade",label:"Fade"},{id:"cube",label:"Cube"},{id:"coverflow",label:"Coverflow"},{id:"flip",label:"Flip"},{id:"cards",label:"Cards"}],subTraits:{slide:[{type:"number",name:"slidesPerView",label:"Slides per view",changeProp:!0,min:1,value:1},{type:"number",name:"slidesPerGroup",label:"Slides per group",tip:"Numbers of slides for group sliding",changeProp:!0,min:1,value:1},{type:"number",name:"spaceBetween",label:"Space between",tip:"Distance between slides in px",changeProp:!0,min:0,value:0},{type:"number",name:"slidesOffsetBefore",label:"Slides offset before",tip:"Add additional slide offset in the beginning of the container (in px, before all slides)",changeProp:!0,min:0,value:0},{type:"number",name:"slidesOffsetAfter",label:"Slides offset after",tip:"Add additional slide offset in the end of the container (in px, after all slides)",changeProp:!0,min:0,value:0},{type:"checkbox",name:"centeredSlides",label:"Centered slides",tip:"If enabled, the active slide will be centered",changeProp:!0,value:!1}],fade:[{type:"checkbox",name:"crossFade",tip:"Enables slides cross fade",label:"Cross fade",changeProp:!0,value:!1}],cube:[{type:"checkbox",name:"cubeEffectShadow",label:"Shadow",changeProp:!0,value:!0},{type:"checkbox",name:"cubeEffectSlideShadows",label:"Slide shadows",changeProp:!0,value:!0},{type:"number",name:"cubeEffectShadowOffset",label:"Shadow offset",changeProp:!0,value:20},{type:"number",name:"cubeEffectShadowScale",label:"Shadow scale",changeProp:!0,value:.94}],coverflow:[{type:"number",name:"coverflowEffectDepth",tip:"Depth offset in px (slides translate in Z axis)",label:"Depth",changeProp:!0,min:0,value:100},{type:"number",name:"coverflowEffectModifier",tip:"Effect multiplier",label:"Modifier",changeProp:!0,step:.1,min:0,value:1},{type:"number",name:"coverflowEffectRotate",tip:"Slide rotate in degrees",label:"Rotate",changeProp:!0,min:0,value:50},{type:"number",name:"coverflowEffectScale",tip:"Slide scale effect",label:"Scale",changeProp:!0,min:0,step:.1,value:1},{type:"number",name:"coverflowEffectStretch",tip:"Stretch space between slides (in px)",label:"Stretch",changeProp:!0,min:0,value:0},{type:"checkbox",name:"coverflowEffectSlideShadows",tip:"Enables slides shadows",label:"Slide shadow",changeProp:!0,value:!0}],flip:[{type:"checkbox",name:"flipEffectLimitRotation",tip:"Limit edge slides rotation",label:"Limit rotation",changeProp:!0,value:!0},{type:"checkbox",name:"flipEffectSlideShadows",tip:"Enables slides shadows",label:"Slide shadows",changeProp:!0,value:!0}],cards:[{type:"number",name:"cardsEffectPerSlideOffset",tip:"Offset distance per slide (in px)",label:"Slide offset",changeProp:!0,min:0,value:8},{type:"number",name:"cardsEffectPerSlideRotate",tip:"Rotate angle per slide (in degrees)",label:"Slide rotate",changeProp:!0,min:0,value:2},{type:"checkbox",name:"cardsEffectRotate",tip:"Enables cards rotation",label:"Rotate",changeProp:!0,value:!0},{type:"checkbox",name:"cardsEffectSlideShadows",tip:"Enables slides shadows",label:"Slide shadows",changeProp:!0,value:!0}]}},autoplay:{category:{id:"swiper-autoplay",label:"Autoplay",icon:p.autoplay},type:"checkbox",label:"Enable Autoplay",value:!1,subTraits:{true:[{type:"checkbox",name:"autoplayEditor",label:"Autoplay in editor",tip:"Allow autoplay to run while editing in the canvas. Note: this may make selecting and editing slides difficult as they will automatically change.",changeProp:!0,value:!1},{type:"number",name:"autoplayDelay",label:"Delay",changeProp:!0,value:3e3},{type:"checkbox",name:"autoplayDisableOnInteraction",label:"Disable on interaction",changeProp:!0,value:!0},{type:"checkbox",name:"autoplayWaitForTransition",label:"Wait for transition",changeProp:!0,value:!0},{type:"checkbox",name:"autoplayPauseOnMouseEnter",label:"Pause on mouse enter",changeProp:!0,value:!1},{type:"checkbox",name:"autoplayReverseDirection",label:"Reverse direction",changeProp:!0,value:!1},{type:"checkbox",name:"autoplayStopOnLastSlide",label:"Stop on last slide",changeProp:!0,value:!1}]}},pagination:{category:{id:"swiper-pagination",label:"Pagination",icon:p.pagination},type:"select",label:"Pagination Type",options:[{id:"none",label:"None"},{id:"bullets",label:"Bullets"},{id:"progressbar",label:"Progressbar"},{id:"fraction",label:"Fraction"}],getValue:({component:e})=>e.findFirstType(A)?e.get("pagination")||"bullets":"none",setValue:({component:e,value:l})=>{const a=e.findFirstType(A);a==null||a.remove(),l!=="none"&&e.append({type:A}),e.set({pagination:l})},subTraits:{bullets:[{type:"checkbox",name:"dynamicBullets",label:"Dynamic bullets",changeProp:!0,value:!1},{type:"checkbox",name:"clickableBullets",label:"Clickable bullets",changeProp:!0,value:!0}],progressbar:[{type:"checkbox",name:"progressbarOpposite",label:"Progress opposite",changeProp:!0,value:!1}]}},scrollbar:{category:{id:"swiper-scrollbar",label:"Scrollbar",icon:p.scrollbar},type:"checkbox",label:"Enable Scrollbar",getValue:({component:e})=>!!e.findFirstType(N),setValue:({component:e,value:l})=>{const a=e.findFirstType(N);a==null||a.remove(),l&&e.append({type:N}),e.set({scrollbar:l})},subTraits:{false:[],true:[{type:"checkbox",name:"scrollbarDraggable",label:"Draggable",changeProp:!0,value:!1},{type:"checkbox",name:"scrollbarHide",label:"Hide",tip:"Hide scrollbar automatically after user interaction",changeProp:!0,value:!0}]}},parallax:{category:{id:"swiper-parallax",label:"Parallax",icon:p.parallax},type:"checkbox",label:"Enable Parallax",value:!1},mobile:{category:j,type:"checkbox",label:"Enable mobile breakpoint",value:!1,subTraits:{true:[{type:"number",name:"mobileBreakpoint",label:"Mobile breakpoint",tip:"Slide values below will be applied when the screen width is greater than this value",changeProp:!0,min:1,value:460},{type:"number",name:"mobileSlidesPerView",label:"Slides per view",changeProp:!0,min:1,value:1},{type:"number",name:"mobileSlidesPerGroup",label:"Slides per group",changeProp:!0,min:1,value:1},{type:"number",name:"mobileSpaceBetween",label:"Space between",changeProp:!0,min:0,value:0}]}},tablet:{category:j,type:"checkbox",label:"Enable tablet breakpoint",value:!1,subTraits:{true:[{type:"number",name:"tabletBreakpoint",label:"Tablet breakpoint",tip:"Slide values below will be applied when the screen width is greater than this value",changeProp:!0,min:1,value:991},{type:"number",name:"tabletSlidesPerView",label:"Slides per view",changeProp:!0,min:1,value:1},{type:"number",name:"tabletSlidesPerGroup",label:"Slides per group",changeProp:!0,min:1,value:1},{type:"number",name:"tabletSpaceBetween",label:"Space between",changeProp:!0,min:0,value:0}]}},allowTouchMove:{category:K,type:"checkbox",label:"Allow touch move",tip:"Allow touch interactions",value:!0},grabCursor:{category:K,type:"checkbox",label:"Grab cursor",tip:'If enabled, the user will see the "grab" cursor when hover the slider',value:!1}},Z="Slider",q="swiper",_=`${q}-`,Se=(e,l)=>{const{Components:a,Blocks:s,Commands:n}=e,{block:b}=l,c=ve(ye),f="core:preview",d=n.events,u=function(t){const i=this,E=window,S=i.__onLoad,O=i.__activeSlide,R=i.__inPreview,te=E._isEditor&&!R?t.autoplayEditor:!0,{cdnScript:$,cdnStyle:I,slidesPerView:F}=t||{},r=v=>isNaN(v)?void 0:parseFloat(v),z=()=>{const v={loop:t.loop,speed:t.speed,initialSlide:t.initialSlide,direction:t.vertical?"vertical":"horizontal",effect:t.effect,freeMode:t.freeMode,parallax:t.parallax,autoHeight:t.autoHeight,allowTouchMove:t.allowTouchMove,grabCursor:t.grabCursor,simulateTouch:!0,breakpoints:{},slidesPerView:isNaN(F)?F:r(F),slidesPerGroup:r(t.slidesPerGroup),spaceBetween:r(t.spaceBetween),slidesOffsetBefore:r(t.slidesOffsetBefore),slidesOffsetAfter:r(t.slidesOffsetAfter),centeredSlides:t.centeredSlides,fadeEffect:{crossFade:t.crossFade},cubeEffect:{shadow:t.cubeEffectShadow,slideShadows:t.cubeEffectSlideShadows,shadowOffset:r(t.cubeEffectShadowOffset),shadowScale:r(t.cubeEffectShadowScale)},coverflowEffect:{depth:r(t.coverflowEffectDepth),modifier:r(t.coverflowEffectModifier),rotate:r(t.coverflowEffectRotate),scale:r(t.coverflowEffectScale),stretch:r(t.coverflowEffectStretch),slideShadows:t.coverflowEffectSlideShadows},flipEffect:{limitRotation:t.flipEffectLimitRotation,slideShadows:t.flipEffectSlideShadows},cardsEffect:{perSlideOffset:r(t.cardsEffectPerSlideOffset),perSlideRotate:r(t.cardsEffectPerSlideRotate),rotate:t.cardsEffectRotate,slideShadows:t.cardsEffectSlideShadows},navigation:{nextEl:i.querySelector(".swiper-button-next"),prevEl:i.querySelector(".swiper-button-prev")},pagination:{type:t.pagination||"bullets",dynamicBullets:t.dynamicBullets,clickable:t.clickableBullets,progressbarOpposite:t.progressbarOpposite,el:i.querySelector(".swiper-pagination")},scrollbar:{el:i.querySelector(".swiper-scrollbar"),draggable:t.scrollbarDraggable,hide:t.scrollbarHide},autoplay:t.autoplay&&te&&{delay:t.autoplayDelay,disableOnInteraction:t.autoplayDisableOnInteraction,pauseOnMouseEnter:t.autoplayPauseOnMouseEnter,reverseDirection:t.autoplayReverseDirection,stopOnLastSlide:t.autoplayStopOnLastSlide,waitForTransition:t.autoplayWaitForTransition}};if(t.tablet){const{tabletBreakpoint:C,tabletSlidesPerView:g}=t,T=r(C);v.breakpoints[T]={slidesPerView:isNaN(g)?g:r(g),slidesPerGroup:r(t.tabletSlidesPerGroup),spaceBetween:r(t.tabletSpaceBetween)}}if(t.mobile){const{mobileBreakpoint:C,mobileSlidesPerView:g}=t,T=r(C);v.breakpoints[T]={slidesPerView:isNaN(g)?g:r(g),slidesPerGroup:r(t.mobileSlidesPerGroup),spaceBetween:r(t.mobileSpaceBetween)}}S&&!R&&(v.simulateTouch=!1),O&&(v.initialSlide=O);const W=new E.Swiper(i,v);S==null||S(W)};if(E.Swiper)z();else{const{head:v}=document,W=Array.isArray($)?[...$]:[$],C=Array.isArray(I)?[...I]:[I],g=w=>{if(w.length){const y=document.createElement("link");y.href=w.shift(),y.rel="stylesheet",v.appendChild(y),g(w)}},T=w=>{if(w.length){const y=document.createElement("script");y.src=w.shift(),y.onerror=y.onload=T.bind(null,w),v.appendChild(y)}else z()};g(C),T(W)}},o=(t=0)=>({type:M,style:{padding:"50px"},components:{type:"text",components:{type:"textnode",content:`Slide ${t}`}}}),h=a.getType("default").model;return a.addType(m,{block:b&&{label:Z,media:p.slider,category:"Extra",select:!0,...l.block},isComponent:t=>P(t,q),model:{defaults:()=>({name:Z,icon:p.slider,classes:q,draggable:(t,i)=>!i.is(m),components:[{type:L,components:[o(1),o(2),o(3)]},{type:A}],script:u,cdnScript:l.cdnScript,cdnStyle:l.cdnStyle,"script-props":["cdnScript","cdnStyle",...c.propKeys],...c.props,traits:[...c.traits]}),init(){const{em:t}=this;me(this,c.traits),ge(this,c.propKeys),this.listenTo(t,`${d.runCommand}${f}`,this.onPreviewOn),this.listenTo(t,`${d.stopCommand}${f}`,this.onPreviewOff)},onPreviewOn(){this.__inPreview=!0,this.reloadSlider()},onPreviewOff(){this.__inPreview=!1,this.reloadSlider()},reloadSlider(){this.trigger("rerender")},addSlide(){const t=this.findFirstType(L);t==null||t.append(this.getNewSlideComponentDef())},getNewSlideComponentDef(){var i;const t=((i=this.findFirstType(L))==null?void 0:i.components().length)||0;return{type:M,components:{type:"text",components:{type:"textnode",content:`Slide ${t+1}`}}}},toJSON(...t){const i=h.prototype.toJSON.apply(this,t);return c.propsNoValues.forEach(E=>delete i[E]),delete i["script-props"],i}},view:{init(){this.listenTo(this.model,a.events.scriptUnmount,this.destroySwiper)},getSwiper(){return this.el.swiper},destroySwiper(){var t;(t=this.getSwiper())==null||t.destroy()},onRender(){const t=this.el;t.__onLoad=i=>i.on("slideChange",()=>this.__activeSlide=i.activeIndex),t.__activeSlide=this.__activeSlide,t.__inPreview=this.model.__inPreview}}}),()=>{a.removeType(m),s.remove(m)}},we="Nav Prev",Pe="Nav Next",B=`${_}button-prev`,V=`${_}button-next`,Ee=e=>{const{Components:l}=e,a=s=>({type:"svg",selectable:!1,hoverable:!1,attributes:{viewBox:"0 0 27 44"},components:{type:"svg-in",tagName:"path",attributes:{d:s,fill:"currentColor"}}});return l.addType(k,{isComponent:s=>P(s,B),model:{defaults:{name:we,classes:B,copyable:!1,highlightable:!1,droppable:!1,draggable:!1,selectable:!1,hoverable:!1,layerable:!1,components:a("M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z"),styles:`
+</svg>`},j={id:"swiper-responsive",label:"Responsive",icon:p.responsive},K={id:"swiper-extra",label:"Extra",icon:p.extra},ye={actions:{type:"radio",label:!1,labelToTitle:!0,options:[{id:"r",label:"Reload slider",icon:p.reload},{id:"p",label:"Previous slide",icon:p.prev},{id:"n",label:"Next slide",icon:p.next},{id:"a",label:"Add new slide",icon:p.add}],setValue:({component:e,value:l})=>{var s;const a=(s=e.getView())==null?void 0:s.getSwiper();switch(l){case"r":e.reloadSlider();break;case"p":a==null||a.slidePrev();break;case"n":a==null||a.slideNext();break;case"a":e.addSlide();break}}},vertical:{type:"checkbox",label:"Vertical",value:!1},loop:{type:"checkbox",label:"Loop",value:!1},freeMode:{type:"checkbox",label:"Free mode",value:!1},autoHeight:{type:"checkbox",label:"Auto height",value:!1},navigation:{type:"checkbox",label:"Navigation",getValue:({component:e})=>!!e.findFirstType(A),setValue:({component:e,value:l})=>{var a,s;l?e.append([{type:A},{type:D}]):((a=e.findFirstType(A))==null||a.remove(),(s=e.findFirstType(D))==null||s.remove()),e.set({navigation:l})}},initialSlide:{type:"number",label:"Initial slide",min:0,value:"0"},speed:{type:"number",label:"Speed",tip:"Transition duration (in ms)",step:500,min:0,value:300},effect:{category:{id:"swiper-effect",label:"Effects",icon:p.effect},type:"select",label:"Effect Type",value:"slide",options:[{id:"slide",label:"Slide"},{id:"fade",label:"Fade"},{id:"cube",label:"Cube"},{id:"coverflow",label:"Coverflow"},{id:"flip",label:"Flip"},{id:"cards",label:"Cards"}],subTraits:{slide:[{type:"number",name:"slidesPerView",label:"Slides per view",changeProp:!0,min:1,value:1},{type:"number",name:"slidesPerGroup",label:"Slides per group",tip:"Numbers of slides for group sliding",changeProp:!0,min:1,value:1},{type:"number",name:"spaceBetween",label:"Space between",tip:"Distance between slides in px",changeProp:!0,min:0,value:0},{type:"number",name:"slidesOffsetBefore",label:"Slides offset before",tip:"Add additional slide offset in the beginning of the container (in px, before all slides)",changeProp:!0,min:0,value:0},{type:"number",name:"slidesOffsetAfter",label:"Slides offset after",tip:"Add additional slide offset in the end of the container (in px, after all slides)",changeProp:!0,min:0,value:0},{type:"checkbox",name:"centeredSlides",label:"Centered slides",tip:"If enabled, the active slide will be centered",changeProp:!0,value:!1}],fade:[{type:"checkbox",name:"crossFade",tip:"Enables slides cross fade",label:"Cross fade",changeProp:!0,value:!1}],cube:[{type:"checkbox",name:"cubeEffectShadow",label:"Shadow",changeProp:!0,value:!0},{type:"checkbox",name:"cubeEffectSlideShadows",label:"Slide shadows",changeProp:!0,value:!0},{type:"number",name:"cubeEffectShadowOffset",label:"Shadow offset",changeProp:!0,value:20},{type:"number",name:"cubeEffectShadowScale",label:"Shadow scale",changeProp:!0,value:.94}],coverflow:[{type:"number",name:"coverflowEffectDepth",tip:"Depth offset in px (slides translate in Z axis)",label:"Depth",changeProp:!0,min:0,value:100},{type:"number",name:"coverflowEffectModifier",tip:"Effect multiplier",label:"Modifier",changeProp:!0,step:.1,min:0,value:1},{type:"number",name:"coverflowEffectRotate",tip:"Slide rotate in degrees",label:"Rotate",changeProp:!0,min:0,value:50},{type:"number",name:"coverflowEffectScale",tip:"Slide scale effect",label:"Scale",changeProp:!0,min:0,step:.1,value:1},{type:"number",name:"coverflowEffectStretch",tip:"Stretch space between slides (in px)",label:"Stretch",changeProp:!0,min:0,value:0},{type:"checkbox",name:"coverflowEffectSlideShadows",tip:"Enables slides shadows",label:"Slide shadow",changeProp:!0,value:!0}],flip:[{type:"checkbox",name:"flipEffectLimitRotation",tip:"Limit edge slides rotation",label:"Limit rotation",changeProp:!0,value:!0},{type:"checkbox",name:"flipEffectSlideShadows",tip:"Enables slides shadows",label:"Slide shadows",changeProp:!0,value:!0}],cards:[{type:"number",name:"cardsEffectPerSlideOffset",tip:"Offset distance per slide (in px)",label:"Slide offset",changeProp:!0,min:0,value:8},{type:"number",name:"cardsEffectPerSlideRotate",tip:"Rotate angle per slide (in degrees)",label:"Slide rotate",changeProp:!0,min:0,value:2},{type:"checkbox",name:"cardsEffectRotate",tip:"Enables cards rotation",label:"Rotate",changeProp:!0,value:!0},{type:"checkbox",name:"cardsEffectSlideShadows",tip:"Enables slides shadows",label:"Slide shadows",changeProp:!0,value:!0}]}},autoplay:{category:{id:"swiper-autoplay",label:"Autoplay",icon:p.autoplay},type:"checkbox",label:"Enable Autoplay",value:!1,subTraits:{true:[{type:"checkbox",name:"autoplayEditor",label:"Autoplay in editor",tip:"Allow autoplay to run while editing in the canvas. Note: this may make selecting and editing slides difficult as they will automatically change.",changeProp:!0,value:!1},{type:"number",name:"autoplayDelay",label:"Delay",changeProp:!0,value:3e3},{type:"checkbox",name:"autoplayDisableOnInteraction",label:"Disable on interaction",changeProp:!0,value:!0},{type:"checkbox",name:"autoplayWaitForTransition",label:"Wait for transition",changeProp:!0,value:!0},{type:"checkbox",name:"autoplayPauseOnMouseEnter",label:"Pause on mouse enter",changeProp:!0,value:!1},{type:"checkbox",name:"autoplayReverseDirection",label:"Reverse direction",changeProp:!0,value:!1},{type:"checkbox",name:"autoplayStopOnLastSlide",label:"Stop on last slide",changeProp:!0,value:!1}]}},pagination:{category:{id:"swiper-pagination",label:"Pagination",icon:p.pagination},type:"select",label:"Pagination Type",options:[{id:"none",label:"None"},{id:"bullets",label:"Bullets"},{id:"progressbar",label:"Progressbar"},{id:"fraction",label:"Fraction"}],getValue:({component:e})=>e.findFirstType(_)?e.get("pagination")||"bullets":"none",setValue:({component:e,value:l})=>{const a=e.findFirstType(_);a==null||a.remove(),l!=="none"&&e.append({type:_}),e.set({pagination:l})},subTraits:{bullets:[{type:"checkbox",name:"dynamicBullets",label:"Dynamic bullets",changeProp:!0,value:!1},{type:"checkbox",name:"clickableBullets",label:"Clickable bullets",changeProp:!0,value:!0}],progressbar:[{type:"checkbox",name:"progressbarOpposite",label:"Progress opposite",changeProp:!0,value:!1}]}},scrollbar:{category:{id:"swiper-scrollbar",label:"Scrollbar",icon:p.scrollbar},type:"checkbox",label:"Enable Scrollbar",getValue:({component:e})=>!!e.findFirstType(C),setValue:({component:e,value:l})=>{const a=e.findFirstType(C);a==null||a.remove(),l&&e.append({type:C}),e.set({scrollbar:l})},subTraits:{false:[],true:[{type:"checkbox",name:"scrollbarDraggable",label:"Draggable",changeProp:!0,value:!1},{type:"checkbox",name:"scrollbarHide",label:"Hide",tip:"Hide scrollbar automatically after user interaction",changeProp:!0,value:!0}]}},parallax:{category:{id:"swiper-parallax",label:"Parallax",icon:p.parallax},type:"checkbox",label:"Enable Parallax",value:!1},mobile:{category:j,type:"checkbox",label:"Enable mobile breakpoint",value:!1,subTraits:{true:[{type:"number",name:"mobileBreakpoint",label:"Mobile breakpoint",tip:"Slide values below will be applied when the screen width is greater than this value",changeProp:!0,min:1,value:460},{type:"number",name:"mobileSlidesPerView",label:"Slides per view",changeProp:!0,min:1,value:1},{type:"number",name:"mobileSlidesPerGroup",label:"Slides per group",changeProp:!0,min:1,value:1},{type:"number",name:"mobileSpaceBetween",label:"Space between",changeProp:!0,min:0,value:0}]}},tablet:{category:j,type:"checkbox",label:"Enable tablet breakpoint",value:!1,subTraits:{true:[{type:"number",name:"tabletBreakpoint",label:"Tablet breakpoint",tip:"Slide values below will be applied when the screen width is greater than this value",changeProp:!0,min:1,value:991},{type:"number",name:"tabletSlidesPerView",label:"Slides per view",changeProp:!0,min:1,value:1},{type:"number",name:"tabletSlidesPerGroup",label:"Slides per group",changeProp:!0,min:1,value:1},{type:"number",name:"tabletSpaceBetween",label:"Space between",changeProp:!0,min:0,value:0}]}},allowTouchMove:{category:K,type:"checkbox",label:"Allow touch move",tip:"Allow touch interactions",value:!0},grabCursor:{category:K,type:"checkbox",label:"Grab cursor",tip:'If enabled, the user will see the "grab" cursor when hover the slider',value:!1}},Z="Slider",q="swiper",N=`${q}-`,Se=(e,l)=>{const{Components:a,Blocks:s,Commands:n}=e,{block:b}=l,c=ve(ye),f="core:preview",d=n.events,u=function(t){const i=this,T=window,w=i.__onLoad,O=i.__activeSlide,R=i.__inPreview,te=T._isEditor&&!R?t.autoplayEditor:!0,{cdnScript:$,cdnStyle:I,slidesPerView:W}=t||{},r=y=>isNaN(y)?void 0:parseFloat(y),z=()=>{const y=i.parentElement;y&&(y.style.minWidth="0");const P={loop:t.loop,speed:t.speed,initialSlide:t.initialSlide,direction:t.vertical?"vertical":"horizontal",effect:t.effect,freeMode:t.freeMode,parallax:t.parallax,autoHeight:t.autoHeight,allowTouchMove:t.allowTouchMove,grabCursor:t.grabCursor,simulateTouch:!0,breakpoints:{},slidesPerView:isNaN(W)?W:r(W),slidesPerGroup:r(t.slidesPerGroup),spaceBetween:r(t.spaceBetween),slidesOffsetBefore:r(t.slidesOffsetBefore),slidesOffsetAfter:r(t.slidesOffsetAfter),centeredSlides:t.centeredSlides,fadeEffect:{crossFade:t.crossFade},cubeEffect:{shadow:t.cubeEffectShadow,slideShadows:t.cubeEffectSlideShadows,shadowOffset:r(t.cubeEffectShadowOffset),shadowScale:r(t.cubeEffectShadowScale)},coverflowEffect:{depth:r(t.coverflowEffectDepth),modifier:r(t.coverflowEffectModifier),rotate:r(t.coverflowEffectRotate),scale:r(t.coverflowEffectScale),stretch:r(t.coverflowEffectStretch),slideShadows:t.coverflowEffectSlideShadows},flipEffect:{limitRotation:t.flipEffectLimitRotation,slideShadows:t.flipEffectSlideShadows},cardsEffect:{perSlideOffset:r(t.cardsEffectPerSlideOffset),perSlideRotate:r(t.cardsEffectPerSlideRotate),rotate:t.cardsEffectRotate,slideShadows:t.cardsEffectSlideShadows},navigation:{nextEl:i.querySelector(".swiper-button-next"),prevEl:i.querySelector(".swiper-button-prev")},pagination:{type:t.pagination||"bullets",dynamicBullets:t.dynamicBullets,clickable:t.clickableBullets,progressbarOpposite:t.progressbarOpposite,el:i.querySelector(".swiper-pagination")},scrollbar:{el:i.querySelector(".swiper-scrollbar"),draggable:t.scrollbarDraggable,hide:t.scrollbarHide},autoplay:t.autoplay&&te&&{delay:t.autoplayDelay,disableOnInteraction:t.autoplayDisableOnInteraction,pauseOnMouseEnter:t.autoplayPauseOnMouseEnter,reverseDirection:t.autoplayReverseDirection,stopOnLastSlide:t.autoplayStopOnLastSlide,waitForTransition:t.autoplayWaitForTransition}};if(t.tablet){const{tabletBreakpoint:x,tabletSlidesPerView:g}=t,v=r(x);P.breakpoints[v]={slidesPerView:isNaN(g)?g:r(g),slidesPerGroup:r(t.tabletSlidesPerGroup),spaceBetween:r(t.tabletSpaceBetween)}}if(t.mobile){const{mobileBreakpoint:x,mobileSlidesPerView:g}=t,v=r(x);P.breakpoints[v]={slidesPerView:isNaN(g)?g:r(g),slidesPerGroup:r(t.mobileSlidesPerGroup),spaceBetween:r(t.mobileSpaceBetween)}}w&&!R&&(P.simulateTouch=!1),O&&(P.initialSlide=O);const F=new T.Swiper(i,P);w==null||w(F)};if(T.Swiper)z();else{const{head:y}=document,P=Array.isArray($)?[...$]:[$],F=Array.isArray(I)?[...I]:[I],x=v=>{if(v.length){const S=document.createElement("link");S.href=v.shift(),S.rel="stylesheet",y.prepend(S),x(v)}},g=v=>{if(v.length){const S=document.createElement("script");S.src=v.shift(),S.onerror=S.onload=g.bind(null,v),y.appendChild(S)}else z()};x(F),g(P)}},o=(t=0)=>({type:M,style:{padding:"50px"},components:{type:"text",components:{type:"textnode",content:`Slide ${t}`}}}),h=a.getType("default").model;return a.addType(m,{block:b&&{label:Z,media:p.slider,category:"Extra",select:!0,...l.block},isComponent:t=>E(t,q),model:{defaults:()=>({name:Z,icon:p.slider,classes:q,draggable:(t,i)=>!i.is(m),components:[{type:k,components:[o(1),o(2),o(3)]},{type:_}],script:u,cdnScript:l.cdnScript,cdnStyle:l.cdnStyle,"script-props":["cdnScript","cdnStyle",...c.propKeys],...c.props,traits:[...c.traits]}),init(){const{em:t}=this;me(this,c.traits),ge(this,c.propKeys),this.listenTo(t,`${d.runCommand}${f}`,this.onPreviewOn),this.listenTo(t,`${d.stopCommand}${f}`,this.onPreviewOff)},onPreviewOn(){this.__inPreview=!0,this.reloadSlider()},onPreviewOff(){this.__inPreview=!1,this.reloadSlider()},reloadSlider(){this.trigger("rerender")},addSlide(){const t=this.findFirstType(k);t==null||t.append(this.getNewSlideComponentDef())},getNewSlideComponentDef(){var i;const t=((i=this.findFirstType(k))==null?void 0:i.components().length)||0;return{type:M,components:{type:"text",components:{type:"textnode",content:`Slide ${t+1}`}}}},toJSON(...t){const i=h.prototype.toJSON.apply(this,t);return c.propsNoValues.forEach(T=>delete i[T]),delete i["script-props"],i}},view:{init(){this.listenTo(this.model,a.events.scriptUnmount,this.destroySwiper)},getSwiper(){return this.el.swiper},destroySwiper(){var t;(t=this.getSwiper())==null||t.destroy()},onRender(){const t=this.el;t.__onLoad=i=>i.on("slideChange",()=>this.__activeSlide=i.activeIndex),t.__activeSlide=this.__activeSlide,t.__inPreview=this.model.__inPreview}}}),()=>{a.removeType(m),s.remove(m)}},we="Nav Prev",Pe="Nav Next",B=`${N}button-prev`,V=`${N}button-next`,Ee=e=>{const{Components:l}=e,a=s=>({type:"svg",selectable:!1,hoverable:!1,attributes:{viewBox:"0 0 27 44"},components:{type:"svg-in",tagName:"path",attributes:{d:s,fill:"currentColor"}}});return l.addType(A,{isComponent:s=>E(s,B),model:{defaults:{name:we,classes:B,copyable:!1,highlightable:!1,droppable:!1,draggable:!1,selectable:!1,hoverable:!1,layerable:!1,components:a("M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z"),styles:`
           .${B} {
             color: inherit;
           }
           .${B}:after {
             content: none;
           }
-        `}}}),l.addType(D,{extend:k,isComponent:s=>P(s,V),model:{defaults:{name:Pe,classes:V,components:a("M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z"),styles:`
+        `}}}),l.addType(D,{extend:A,isComponent:s=>E(s,V),model:{defaults:{name:Pe,classes:V,components:a("M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z"),styles:`
           .${V} {
             color: inherit;
           }
           .${V}:after {
             content: none;
           }
-        `}}}),()=>{l.removeType(k),l.removeType(D)}},Te=e=>{const{Components:l}=e,a=`${_}pagination`;return l.addType(A,{isComponent:s=>P(s,a),model:{defaults:{name:"Pagination",classes:a,copyable:!1,highlightable:!1,droppable:!1,draggable:!1,selectable:!1,hoverable:!1,layerable:!1,styles:`
+        `}}}),()=>{l.removeType(A),l.removeType(D)}},Te=e=>{const{Components:l}=e,a=`${N}pagination`;return l.addType(_,{isComponent:s=>E(s,a),model:{defaults:{name:"Pagination",classes:a,copyable:!1,highlightable:!1,droppable:!1,draggable:!1,selectable:!1,hoverable:!1,layerable:!1,styles:`
           .${a}-bullet-active {
             background-color: currentColor;
           }
           .${a}-progressbar-fill {
             --swiper-pagination-color: currentColor;
           }
-        `}}}),()=>{l.removeType(A)}},xe="Scrollbar",Y=`${_}scrollbar`,Le=e=>{const{Components:l}=e;return l.addType(N,{isComponent:a=>P(a,Y),model:{defaults:{name:xe,classes:Y,copyable:!1,highlightable:!1,removable:!1,selectable:!1,hoverable:!1,layerable:!1,droppable:!1,draggable:!1}}}),()=>{l.removeType(N)}},ke="Slide",X=`${_}slide`,Ae=e=>{const{Components:l}=e;return l.addType(M,{isComponent:a=>P(a,X),model:{defaults:{name:ke,classes:X,icon:p.slider,draggable:(a,s)=>s.is(L)}}}),()=>{l.removeType(M)}},_e="Wrapper",J=`${_}wrapper`,Ce=e=>{const{Components:l}=e,{events:a}=l;return l.addType(L,{isComponent:s=>P(s,J),model:{defaults:{name:_e,icon:p.slider,classes:J,copyable:!1,removable:!1,draggable:!1,highlightable:!1,droppable:s=>s.is(M)},init(){const s=this.components();this.listenTo(s,"add remove",this.updateSlider)},updateSlider(s){const n=this.closestType(m);if(n){const b=n.getView();n.reloadSlider(),this.em.once(a.scriptMount,()=>{setTimeout(()=>{var c;return(c=b.getSwiper())==null?void 0:c.slideTo(s.index())},100)})}}}}),()=>{l.removeType(L)}},Ne="swiperComponent",Me=x.startup,Oe=function(e,l={}){const a={block:{},cdnScript:"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js",cdnStyle:"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css",...l},s=[Se(e,a),Ee(e),Ce(e),Ae(e),Te(e),Le(e)];fe({editor:e,plan:Me,licenseKey:a.licenseKey,pluginName:Ne,cleanup:()=>{s.forEach(n=>n())}})},Re=be(Oe);module.exports=Re;
+        `}}}),()=>{l.removeType(_)}},xe="Scrollbar",Y=`${N}scrollbar`,Le=e=>{const{Components:l}=e;return l.addType(C,{isComponent:a=>E(a,Y),model:{defaults:{name:xe,classes:Y,copyable:!1,highlightable:!1,removable:!1,selectable:!1,hoverable:!1,layerable:!1,droppable:!1,draggable:!1}}}),()=>{l.removeType(C)}},ke="Slide",X=`${N}slide`,Ae=e=>{const{Components:l}=e;return l.addType(M,{isComponent:a=>E(a,X),model:{defaults:{name:ke,classes:X,icon:p.slider,draggable:(a,s)=>s.is(k)}}}),()=>{l.removeType(M)}},_e="Wrapper",J=`${N}wrapper`,Ne=e=>{const{Components:l}=e,{events:a}=l;return l.addType(k,{isComponent:s=>E(s,J),model:{defaults:{name:_e,icon:p.slider,classes:J,copyable:!1,removable:!1,draggable:!1,highlightable:!1,droppable:s=>s.is(M)},init(){const s=this.components();this.listenTo(s,"add remove",this.updateSlider)},updateSlider(s){const n=this.closestType(m);if(n){const b=n.getView();n.reloadSlider(),this.em.once(a.scriptMount,()=>{setTimeout(()=>{var c;return(c=b.getSwiper())==null?void 0:c.slideTo(s.index())},100)})}}}}),()=>{l.removeType(k)}},Ce="swiperComponent",Me=L.startup,Oe=function(e,l={}){const a={block:{},cdnScript:"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js",cdnStyle:"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css",...l},s=[Se(e,a),Ee(e),Ne(e),Ae(e),Te(e),Le(e)];fe({editor:e,plan:Me,licenseKey:a.licenseKey,pluginName:Ce,cleanup:()=>{s.forEach(n=>n())}})},Re=be(Oe);module.exports=Re;

package/dist/swiperComponent/index.es.js

@@ -11,8 +11,8 @@ const Q = "app.grapesjs.com", ee = "app-stage.grapesjs.com", ae = "app2.grapesjs
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], se = "license:check:start", ie = "license:check:end", ne = () => typeof window < "u", oe = ({ isDev: e, isStage: l }) => `${e ? "" : `https://${l ? ee : Q}`}/api`, re = () => {
-  const e = ne() && window.location.hostname;
+], se = "license:check:start", ne = "license:check:end", ie = () => typeof window < "u", oe = ({ isDev: e, isStage: l }) => `${e ? "" : `https://${l ? ee : Q}`}/api`, re = () => {
+  const e = ie() && window.location.hostname;
   return !!e && (H.includes(e) || H.some((l) => e.endsWith(l)));
 }, ce = (e) => e.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (l, a) => (a ? "-" : "") + l.toLowerCase()), de = (e) => typeof e < "u";
 async function pe({
@@ -20,7 +20,7 @@ async function pe({
   baseApiUrl: l,
   method: a = "GET",
   headers: s = {},
-  params: n,
+  params: i,
   body: b
 }) {
   const f = `${l || oe({ isDev: !1, isStage: !1 })}${e}`, d = {
@@ -31,17 +31,17 @@ async function pe({
     }
   };
   b && (d.body = JSON.stringify(b));
-  const u = n ? new URLSearchParams(n).toString() : "", o = u ? `?${u}` : "", h = await fetch(`${f}${o}`, d);
+  const u = i ? new URLSearchParams(i).toString() : "", o = u ? `?${u}` : "", h = await fetch(`${f}${o}`, d);
   if (!h.ok)
     throw new Error(`HTTP error! status: ${h.status}`);
   return h.json();
 }
-var x = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(x || {});
+var L = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(L || {});
 const G = {
-  [x.free]: 0,
-  [x.startup]: 10,
-  [x.business]: 20,
-  [x.enterprise]: 30
+  [L.free]: 0,
+  [L.startup]: 10,
+  [L.business]: 20,
+  [L.enterprise]: 30
 };
 function ue(e) {
   const l = e;
@@ -53,24 +53,24 @@ async function fe({
   plan: l,
   pluginName: a,
   licenseKey: s,
-  cleanup: n
+  cleanup: i
 }) {
   let b = "", c = !1;
   const f = re(), d = (o) => {
-    console.warn("Cleanup plugin:", a, "Reason:", o), n();
+    console.warn("Cleanup plugin:", a, "Reason:", o), i();
   }, u = (o = {}) => {
-    var S;
-    const { error: h, sdkLicense: t } = o, i = (S = o.plan) == null ? void 0 : S.category;
+    var w;
+    const { error: h, sdkLicense: t } = o, n = (w = o.plan) == null ? void 0 : w.category;
     if (!(t || o.license) || h)
       d(h || "Invalid license");
-    else if (i) {
-      const O = G[l], R = G[i];
-      O > R && d({ pluginRequiredPlan: l, licensePlan: i });
+    else if (n) {
+      const O = G[l], R = G[n];
+      O > R && d({ pluginRequiredPlan: l, licensePlan: n });
     }
   };
   e.on(se, (o) => {
     b = o == null ? void 0 : o.baseApiUrl, c = !0;
-  }), e.on(ie, (o) => {
+  }), e.on(ne, (o) => {
     u(o);
   }), setTimeout(async () => {
     if (!c) {
@@ -95,19 +95,19 @@ async function he(e) {
         pn: a
       }
     })).result || {};
-  } catch (n) {
-    return console.error("Error during SDK license check:", n), !1;
+  } catch (i) {
+    return console.error("Error during SDK license check:", i), !1;
   }
 }
-const P = (e, l) => {
+const E = (e, l) => {
   var a;
   return !!((a = e == null ? void 0 : e.classList) != null && a.contains(l));
 }, ve = (e, l = {}) => {
   var b;
-  const a = {}, s = [], n = [];
+  const a = {}, s = [], i = [];
   for (const c in e) {
     const { value: f, ...d } = e[c];
-    s.push({ id: c, name: c, changeProp: !0, category: l.category, ...d }), a[c] = f, !de(f) && n.push(c);
+    s.push({ id: c, name: c, changeProp: !0, category: l.category, ...d }), a[c] = f, !de(f) && i.push(c);
     const { subTraits: u = {} } = d;
     for (const o in d.subTraits)
       (b = u[o]) == null || b.forEach((h) => {
@@ -117,21 +117,21 @@ const P = (e, l) => {
   }
   return {
     propKeys: Object.keys(a),
-    propsNoValues: n,
+    propsNoValues: i,
     props: a,
     traits: s
   };
 }, me = (e, l) => {
   l.forEach((a) => {
     if (a.subTraits) {
-      const s = `${a.id || a.name}`, n = a.changeProp ? `change:${s}` : `change:attributes:${s}`;
-      e.on(n, () => U(e, s)), U(e, s);
+      const s = `${a.id || a.name}`, i = a.changeProp ? `change:${s}` : `change:attributes:${s}`;
+      e.on(i, () => U(e, s)), U(e, s);
     }
   });
 }, U = (e, l) => {
-  const a = e.getTrait(l), s = a.get("category"), n = a.get("subTraits") || {}, c = (Object.values(n).flat() || []).map((u) => u.id || u.name);
+  const a = e.getTrait(l), s = a.get("category"), i = a.get("subTraits") || {}, c = (Object.values(i).flat() || []).map((u) => u.id || u.name);
   e.removeTrait(c);
-  const f = n[a.getValue()], d = e.getTraitIndex(l) + 1;
+  const f = i[a.getValue()], d = e.getTraitIndex(l) + 1;
   f && e.addTrait(
     f.map((u) => ({ category: s, ...u })),
     { at: d }
@@ -141,7 +141,7 @@ const P = (e, l) => {
     const s = ce(a);
     s !== a && e.has(s) && e.set({ [a]: e.get(s), [s]: void 0 });
   });
-}, m = "swiper", M = `${m}-slide`, L = `${m}-wrapper`, k = `${m}-nav-prev`, D = `${m}-nav-next`, A = `${m}-pagination`, N = `${m}-scrollbar`, p = {
+}, m = "swiper", M = `${m}-slide`, k = `${m}-wrapper`, A = `${m}-nav-prev`, D = `${m}-nav-next`, _ = `${m}-pagination`, C = `${m}-scrollbar`, p = {
   slider: `<svg viewBox="0 0 24 24">
   <path d="M22 7.6c0-1-.5-1.6-1.3-1.6H3.4C2.5 6 2 6.7 2 7.6v9.8c0 1 .5 1.6 1.3 1.6h17.4c.8 0 1.3-.6 1.3-1.6V7.6zM21 18H3V7h18v11z" fill-rule="nonzero"/>
   <path d="M4 12.5L6 14v-3zM20 12.5L18 14v-3z"/>
@@ -230,10 +230,10 @@ const P = (e, l) => {
   navigation: {
     type: "checkbox",
     label: "Navigation",
-    getValue: ({ component: e }) => !!e.findFirstType(k),
+    getValue: ({ component: e }) => !!e.findFirstType(A),
     setValue: ({ component: e, value: l }) => {
       var a, s;
-      l ? e.append([{ type: k }, { type: D }]) : ((a = e.findFirstType(k)) == null || a.remove(), (s = e.findFirstType(D)) == null || s.remove()), e.set({ navigation: l });
+      l ? e.append([{ type: A }, { type: D }]) : ((a = e.findFirstType(A)) == null || a.remove(), (s = e.findFirstType(D)) == null || s.remove()), e.set({ navigation: l });
     }
   },
   initialSlide: {
@@ -541,10 +541,10 @@ const P = (e, l) => {
       { id: "progressbar", label: "Progressbar" },
       { id: "fraction", label: "Fraction" }
     ],
-    getValue: ({ component: e }) => e.findFirstType(A) ? e.get("pagination") || "bullets" : "none",
+    getValue: ({ component: e }) => e.findFirstType(_) ? e.get("pagination") || "bullets" : "none",
     setValue: ({ component: e, value: l }) => {
-      const a = e.findFirstType(A);
-      a == null || a.remove(), l !== "none" && e.append({ type: A }), e.set({ pagination: l });
+      const a = e.findFirstType(_);
+      a == null || a.remove(), l !== "none" && e.append({ type: _ }), e.set({ pagination: l });
     },
     subTraits: {
       bullets: [
@@ -578,10 +578,10 @@ const P = (e, l) => {
     category: { id: "swiper-scrollbar", label: "Scrollbar", icon: p.scrollbar },
     type: "checkbox",
     label: "Enable Scrollbar",
-    getValue: ({ component: e }) => !!e.findFirstType(N),
+    getValue: ({ component: e }) => !!e.findFirstType(C),
     setValue: ({ component: e, value: l }) => {
-      const a = e.findFirstType(N);
-      a == null || a.remove(), l && e.append({ type: N }), e.set({ scrollbar: l });
+      const a = e.findFirstType(C);
+      a == null || a.remove(), l && e.append({ type: C }), e.set({ scrollbar: l });
     },
     subTraits: {
       false: [],
@@ -710,10 +710,12 @@ const P = (e, l) => {
     tip: 'If enabled, the user will see the "grab" cursor when hover the slider',
     value: !1
   }
-}, Z = "Slider", q = "swiper", _ = `${q}-`, Se = (e, l) => {
-  const { Components: a, Blocks: s, Commands: n } = e, { block: b } = l, c = ve(ye), f = "core:preview", d = n.events, u = function(t) {
-    const i = this, E = window, S = i.__onLoad, O = i.__activeSlide, R = i.__inPreview, te = E._isEditor && !R ? t.autoplayEditor : !0, { cdnScript: $, cdnStyle: I, slidesPerView: F } = t || {}, r = (v) => isNaN(v) ? void 0 : parseFloat(v), z = () => {
-      const v = {
+}, Z = "Slider", q = "swiper", N = `${q}-`, Se = (e, l) => {
+  const { Components: a, Blocks: s, Commands: i } = e, { block: b } = l, c = ve(ye), f = "core:preview", d = i.events, u = function(t) {
+    const n = this, T = window, w = n.__onLoad, O = n.__activeSlide, R = n.__inPreview, te = T._isEditor && !R ? t.autoplayEditor : !0, { cdnScript: $, cdnStyle: I, slidesPerView: W } = t || {}, r = (y) => isNaN(y) ? void 0 : parseFloat(y), z = () => {
+      const y = n.parentElement;
+      y && (y.style.minWidth = "0");
+      const P = {
         loop: t.loop,
         speed: t.speed,
         initialSlide: t.initialSlide,
@@ -726,7 +728,7 @@ const P = (e, l) => {
         grabCursor: t.grabCursor,
         simulateTouch: !0,
         breakpoints: {},
-        slidesPerView: isNaN(F) ? F : r(F),
+        slidesPerView: isNaN(W) ? W : r(W),
         slidesPerGroup: r(t.slidesPerGroup),
         spaceBetween: r(t.spaceBetween),
         slidesOffsetBefore: r(t.slidesOffsetBefore),
@@ -758,18 +760,18 @@ const P = (e, l) => {
           slideShadows: t.cardsEffectSlideShadows
         },
         navigation: {
-          nextEl: i.querySelector(".swiper-button-next"),
-          prevEl: i.querySelector(".swiper-button-prev")
+          nextEl: n.querySelector(".swiper-button-next"),
+          prevEl: n.querySelector(".swiper-button-prev")
         },
         pagination: {
           type: t.pagination || "bullets",
           dynamicBullets: t.dynamicBullets,
           clickable: t.clickableBullets,
           progressbarOpposite: t.progressbarOpposite,
-          el: i.querySelector(".swiper-pagination")
+          el: n.querySelector(".swiper-pagination")
         },
         scrollbar: {
-          el: i.querySelector(".swiper-scrollbar"),
+          el: n.querySelector(".swiper-scrollbar"),
           draggable: t.scrollbarDraggable,
           hide: t.scrollbarHide
         },
@@ -783,41 +785,41 @@ const P = (e, l) => {
         }
       };
       if (t.tablet) {
-        const { tabletBreakpoint: C, tabletSlidesPerView: g } = t, T = r(C);
-        v.breakpoints[T] = {
+        const { tabletBreakpoint: x, tabletSlidesPerView: g } = t, v = r(x);
+        P.breakpoints[v] = {
           slidesPerView: isNaN(g) ? g : r(g),
           slidesPerGroup: r(t.tabletSlidesPerGroup),
           spaceBetween: r(t.tabletSpaceBetween)
         };
       }
       if (t.mobile) {
-        const { mobileBreakpoint: C, mobileSlidesPerView: g } = t, T = r(C);
-        v.breakpoints[T] = {
+        const { mobileBreakpoint: x, mobileSlidesPerView: g } = t, v = r(x);
+        P.breakpoints[v] = {
           slidesPerView: isNaN(g) ? g : r(g),
           slidesPerGroup: r(t.mobileSlidesPerGroup),
           spaceBetween: r(t.mobileSpaceBetween)
         };
       }
-      S && !R && (v.simulateTouch = !1), O && (v.initialSlide = O);
-      const W = new E.Swiper(i, v);
-      S == null || S(W);
+      w && !R && (P.simulateTouch = !1), O && (P.initialSlide = O);
+      const F = new T.Swiper(n, P);
+      w == null || w(F);
     };
-    if (E.Swiper)
+    if (T.Swiper)
       z();
     else {
-      const { head: v } = document, W = Array.isArray($) ? [...$] : [$], C = Array.isArray(I) ? [...I] : [I], g = (w) => {
-        if (w.length) {
-          const y = document.createElement("link");
-          y.href = w.shift(), y.rel = "stylesheet", v.appendChild(y), g(w);
+      const { head: y } = document, P = Array.isArray($) ? [...$] : [$], F = Array.isArray(I) ? [...I] : [I], x = (v) => {
+        if (v.length) {
+          const S = document.createElement("link");
+          S.href = v.shift(), S.rel = "stylesheet", y.prepend(S), x(v);
         }
-      }, T = (w) => {
-        if (w.length) {
-          const y = document.createElement("script");
-          y.src = w.shift(), y.onerror = y.onload = T.bind(null, w), v.appendChild(y);
+      }, g = (v) => {
+        if (v.length) {
+          const S = document.createElement("script");
+          S.src = v.shift(), S.onerror = S.onload = g.bind(null, v), y.appendChild(S);
         } else
           z();
       };
-      g(C), T(W);
+      x(F), g(P);
     }
   }, o = (t = 0) => ({
     type: M,
@@ -832,19 +834,19 @@ const P = (e, l) => {
       select: !0,
       ...l.block
     },
-    isComponent: (t) => P(t, q),
+    isComponent: (t) => E(t, q),
     model: {
       defaults: () => ({
         name: Z,
         icon: p.slider,
         classes: q,
-        draggable: (t, i) => !i.is(m),
+        draggable: (t, n) => !n.is(m),
         components: [
           {
-            type: L,
+            type: k,
             components: [o(1), o(2), o(3)]
           },
-          { type: A }
+          { type: _ }
         ],
         script: u,
         cdnScript: l.cdnScript,
@@ -867,20 +869,20 @@ const P = (e, l) => {
         this.trigger("rerender");
       },
       addSlide() {
-        const t = this.findFirstType(L);
+        const t = this.findFirstType(k);
         t == null || t.append(this.getNewSlideComponentDef());
       },
       getNewSlideComponentDef() {
-        var i;
-        const t = ((i = this.findFirstType(L)) == null ? void 0 : i.components().length) || 0;
+        var n;
+        const t = ((n = this.findFirstType(k)) == null ? void 0 : n.components().length) || 0;
         return {
           type: M,
           components: { type: "text", components: { type: "textnode", content: `Slide ${t + 1}` } }
         };
       },
       toJSON(...t) {
-        const i = h.prototype.toJSON.apply(this, t);
-        return c.propsNoValues.forEach((E) => delete i[E]), delete i["script-props"], i;
+        const n = h.prototype.toJSON.apply(this, t);
+        return c.propsNoValues.forEach((T) => delete n[T]), delete n["script-props"], n;
       }
     },
     view: {
@@ -896,13 +898,13 @@ const P = (e, l) => {
       },
       onRender() {
         const t = this.el;
-        t.__onLoad = (i) => i.on("slideChange", () => this.__activeSlide = i.activeIndex), t.__activeSlide = this.__activeSlide, t.__inPreview = this.model.__inPreview;
+        t.__onLoad = (n) => n.on("slideChange", () => this.__activeSlide = n.activeIndex), t.__activeSlide = this.__activeSlide, t.__inPreview = this.model.__inPreview;
       }
     }
   }), () => {
     a.removeType(m), s.remove(m);
   };
-}, we = "Nav Prev", Pe = "Nav Next", B = `${_}button-prev`, V = `${_}button-next`, Ee = (e) => {
+}, we = "Nav Prev", Pe = "Nav Next", B = `${N}button-prev`, V = `${N}button-next`, Ee = (e) => {
   const { Components: l } = e, a = (s) => ({
     type: "svg",
     selectable: !1,
@@ -914,8 +916,8 @@ const P = (e, l) => {
       attributes: { d: s, fill: "currentColor" }
     }
   });
-  return l.addType(k, {
-    isComponent: (s) => P(s, B),
+  return l.addType(A, {
+    isComponent: (s) => E(s, B),
     model: {
       defaults: {
         name: we,
@@ -939,8 +941,8 @@ const P = (e, l) => {
       }
     }
   }), l.addType(D, {
-    extend: k,
-    isComponent: (s) => P(s, V),
+    extend: A,
+    isComponent: (s) => E(s, V),
     model: {
       defaults: {
         name: Pe,
@@ -957,12 +959,12 @@ const P = (e, l) => {
       }
     }
   }), () => {
-    l.removeType(k), l.removeType(D);
+    l.removeType(A), l.removeType(D);
   };
 }, Te = (e) => {
-  const { Components: l } = e, a = `${_}pagination`;
-  return l.addType(A, {
-    isComponent: (s) => P(s, a),
+  const { Components: l } = e, a = `${N}pagination`;
+  return l.addType(_, {
+    isComponent: (s) => E(s, a),
     model: {
       defaults: {
         name: "Pagination",
@@ -985,12 +987,12 @@ const P = (e, l) => {
       }
     }
   }), () => {
-    l.removeType(A);
+    l.removeType(_);
   };
-}, xe = "Scrollbar", Y = `${_}scrollbar`, Le = (e) => {
+}, xe = "Scrollbar", Y = `${N}scrollbar`, Le = (e) => {
   const { Components: l } = e;
-  return l.addType(N, {
-    isComponent: (a) => P(a, Y),
+  return l.addType(C, {
+    isComponent: (a) => E(a, Y),
     model: {
       defaults: {
         name: xe,
@@ -1006,28 +1008,28 @@ const P = (e, l) => {
       }
     }
   }), () => {
-    l.removeType(N);
+    l.removeType(C);
   };
-}, ke = "Slide", X = `${_}slide`, Ae = (e) => {
+}, ke = "Slide", X = `${N}slide`, Ae = (e) => {
   const { Components: l } = e;
   return l.addType(M, {
-    isComponent: (a) => P(a, X),
+    isComponent: (a) => E(a, X),
     model: {
       defaults: {
         name: ke,
         classes: X,
         icon: p.slider,
-        draggable: (a, s) => s.is(L)
+        draggable: (a, s) => s.is(k)
       }
       // TODO VIEW slide to this slide when selected
     }
   }), () => {
     l.removeType(M);
   };
-}, _e = "Wrapper", J = `${_}wrapper`, Ce = (e) => {
+}, _e = "Wrapper", J = `${N}wrapper`, Ne = (e) => {
   const { Components: l } = e, { events: a } = l;
-  return l.addType(L, {
-    isComponent: (s) => P(s, J),
+  return l.addType(k, {
+    isComponent: (s) => E(s, J),
     model: {
       defaults: {
         name: _e,
@@ -1044,10 +1046,10 @@ const P = (e, l) => {
         this.listenTo(s, "add remove", this.updateSlider);
       },
       updateSlider(s) {
-        const n = this.closestType(m);
-        if (n) {
-          const b = n.getView();
-          n.reloadSlider(), this.em.once(a.scriptMount, () => {
+        const i = this.closestType(m);
+        if (i) {
+          const b = i.getView();
+          i.reloadSlider(), this.em.once(a.scriptMount, () => {
             setTimeout(() => {
               var c;
               return (c = b.getSwiper()) == null ? void 0 : c.slideTo(s.index());
@@ -1057,9 +1059,9 @@ const P = (e, l) => {
       }
     }
   }), () => {
-    l.removeType(L);
+    l.removeType(k);
   };
-}, Ne = "swiperComponent", Me = x.startup, Oe = function(e, l = {}) {
+}, Ce = "swiperComponent", Me = L.startup, Oe = function(e, l = {}) {
   const a = {
     block: {},
     cdnScript: "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js",
@@ -1068,7 +1070,7 @@ const P = (e, l) => {
   }, s = [
     Se(e, a),
     Ee(e),
-    Ce(e),
+    Ne(e),
     Ae(e),
     Te(e),
     Le(e)
@@ -1077,9 +1079,9 @@ const P = (e, l) => {
     editor: e,
     plan: Me,
     licenseKey: a.licenseKey,
-    pluginName: Ne,
+    pluginName: Ce,
     cleanup: () => {
-      s.forEach((n) => n());
+      s.forEach((i) => i());
     }
   });
 }, Re = be(Oe);