@ptcwebops/ptcw-design 2.4.1 → 2.4.4

package/dist/ptcw-design/p-4329b9c8.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i,H as t,g as r}from"./p-dc4da4a5.js";import{g as s,i as a,e as n,n as o,a as p,b as l,S as w}from"./p-0fc282f5.js";import{N as d,P as c}from"./p-e428e6d9.js";function g({swiper:e,extendParams:i,on:t,emit:r,params:a}){let n,o;e.autoplay={running:!1,paused:!1,timeLeft:0},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let p,l,w,d,c,g,u,b=a&&a.autoplay?a.autoplay.delay:3e3,h=a&&a.autoplay?a.autoplay.delay:3e3,A=(new Date).getTime;function f(i){e&&!e.destroyed&&e.wrapperEl&&i.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",f),z())}const m=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?l=!0:l&&(h=p,l=!1);const i=e.autoplay.paused?p:A+h-(new Date).getTime();e.autoplay.timeLeft=i,r("autoplayTimeLeft",i,i/b),o=requestAnimationFrame((()=>{m()}))},v=i=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(o),m();let t=void 0===i?e.params.autoplay.delay:i;b=e.params.autoplay.delay,h=e.params.autoplay.delay;const s=(()=>{let i;if(i=e.virtual&&e.params.virtual.enabled?e.slides.filter((e=>e.classList.contains("swiper-slide-active")))[0]:e.slides[e.activeIndex],i)return parseInt(i.getAttribute("data-swiper-autoplay"),10)})();!Number.isNaN(s)&&s>0&&void 0===i&&(t=s,b=s,h=s),p=t;const a=e.params.speed,l=()=>{e&&!e.destroyed&&(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(a,!0,!0),r("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,a,!0,!0),r("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(a,!0,!0),r("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,a,!0,!0),r("autoplay")),e.params.cssMode&&(A=(new Date).getTime(),requestAnimationFrame((()=>{v()}))))};return t>0?(clearTimeout(n),n=setTimeout((()=>{l()}),t)):requestAnimationFrame((()=>{l()})),t},x=()=>{e.autoplay.running=!0,v(),r("autoplayStart")},y=()=>{e.autoplay.running=!1,clearTimeout(n),cancelAnimationFrame(o),r("autoplayStop")},k=(i,t)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(n),i||(u=!0);const s=()=>{r("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",f):z()};if(e.autoplay.paused=!0,t)return g&&(p=e.params.autoplay.delay),g=!1,void s();p=(p||e.params.autoplay.delay)-((new Date).getTime()-A),e.isEnd&&p<0&&!e.params.loop||(p<0&&(p=0),s())},z=()=>{e.isEnd&&p<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(A=(new Date).getTime(),u?(u=!1,v(p)):v(),e.autoplay.paused=!1,r("autoplayResume"))},B=()=>{if(e.destroyed||!e.autoplay.running)return;const i=s();"hidden"===i.visibilityState&&(u=!0,k(!0)),"visible"===i.visibilityState&&z()},M=e=>{"mouse"===e.pointerType&&(u=!0,k(!0))},Y=i=>{"mouse"===i.pointerType&&e.autoplay.paused&&z()};t("init",(()=>{e.params.autoplay.enabled&&(e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",M),e.el.addEventListener("pointerleave",Y)),s().addEventListener("visibilitychange",B),A=(new Date).getTime(),x())})),t("destroy",(()=>{e.el.removeEventListener("pointerenter",M),e.el.removeEventListener("pointerleave",Y),s().removeEventListener("visibilitychange",B),e.autoplay.running&&y()})),t("beforeTransitionStart",((i,t,r)=>{!e.destroyed&&e.autoplay.running&&(r||!e.params.autoplay.disableOnInteraction?k(!0,!0):y())})),t("sliderFirstMove",(()=>{!e.destroyed&&e.autoplay.running&&(e.params.autoplay.disableOnInteraction?y():(w=!0,d=!1,u=!1,c=setTimeout((()=>{u=!0,d=!0,k(!0)}),200)))})),t("touchEnd",(()=>{if(!e.destroyed&&e.autoplay.running&&w){if(clearTimeout(c),clearTimeout(n),e.params.autoplay.disableOnInteraction)return d=!1,void(w=!1);d&&e.params.cssMode&&z(),d=!1,w=!1}})),t("slideChange",(()=>{!e.destroyed&&e.autoplay.running&&(g=!0)})),Object.assign(e.autoplay,{start:x,stop:y,pause:k,resume:z})}function u({swiper:e,extendParams:i,on:t}){i({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let r=!1,o=!1;function p(){const i=e.thumbs.swiper;if(!i||i.destroyed)return;const t=i.clickedIndex,r=i.clickedSlide;if(r&&r.classList.contains(e.params.thumbs.slideThumbActiveClass))return;if(null==t)return;let s;s=i.params.loop?parseInt(i.clickedSlide.getAttribute("data-swiper-slide-index"),10):t,e.params.loop?e.slideToLoop(s):e.slideTo(s)}function l(){const{thumbs:i}=e.params;if(r)return!1;r=!0;const t=e.constructor;if(i.swiper instanceof t)e.thumbs.swiper=i.swiper,Object.assign(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper.update();else if(a(i.swiper)){const r=Object.assign({},i.swiper);Object.assign(r,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper=new t(r),o=!0}return e.thumbs.swiper.el.classList.add(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",p),!0}function w(i){const t=e.thumbs.swiper;if(!t||t.destroyed)return;const r="auto"===t.params.slidesPerView?t.slidesPerViewDynamic():t.params.slidesPerView;let s=1;const a=e.params.thumbs.slideThumbActiveClass;if(e.params.slidesPerView>1&&!e.params.centeredSlides&&(s=e.params.slidesPerView),e.params.thumbs.multipleActiveThumbs||(s=1),s=Math.floor(s),t.slides.forEach((e=>e.classList.remove(a))),t.params.loop||t.params.virtual&&t.params.virtual.enabled)for(let i=0;i<s;i+=1)n(t.slidesEl,`[data-swiper-slide-index="${e.realIndex+i}"]`).forEach((e=>{e.classList.add(a)}));else for(let i=0;i<s;i+=1)t.slides[e.realIndex+i]&&t.slides[e.realIndex+i].classList.add(a);const o=e.params.thumbs.autoScrollOffset,p=o&&!t.params.loop;if(e.realIndex!==t.realIndex||p){const s=t.activeIndex;let a,n;if(t.params.loop){const i=t.slides.filter((i=>i.getAttribute("data-swiper-slide-index")===`${e.realIndex}`))[0];a=t.slides.indexOf(i),n=e.activeIndex>e.previousIndex?"next":"prev"}else a=e.realIndex,n=a>e.previousIndex?"next":"prev";p&&(a+="next"===n?o:-1*o),t.visibleSlidesIndexes&&t.visibleSlidesIndexes.indexOf(a)<0&&(t.params.centeredSlides&&(a=a>s?a-Math.floor(r/2)+1:a+Math.floor(r/2)-1),t.slideTo(a,i?0:void 0))}}e.thumbs={swiper:null},t("beforeInit",(()=>{const{thumbs:i}=e.params;if(i&&i.swiper)if("string"==typeof i.swiper||i.swiper instanceof HTMLElement){const t=s(),r=()=>{const r="string"==typeof i.swiper?t.querySelector(i.swiper):i.swiper;if(r&&r.swiper)i.swiper=r.swiper,l(),w(!0);else if(r){const t=s=>{i.swiper=s.detail[0],r.removeEventListener("init",t),l(),w(!0),i.swiper.update(),e.update()};r.addEventListener("init",t)}return r},a=()=>{e.destroyed||r()||requestAnimationFrame(a)};requestAnimationFrame(a)}else l(),w(!0)})),t("slideChange update resize observerUpdate",(()=>{w()})),t("setTransition",((i,t)=>{const r=e.thumbs.swiper;r&&!r.destroyed&&r.setTransition(t)})),t("beforeDestroy",(()=>{const i=e.thumbs.swiper;i&&!i.destroyed&&o&&i.destroy()})),Object.assign(e.thumbs,{init:l,update:w})}function b({swiper:e,extendParams:i,emit:t,once:r}){i({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(e,{freeMode:{onTouchStart:function(){const i=e.getTranslate();e.setTranslate(i),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})},onTouchMove:function(){const{touchEventsData:i,touches:t}=e;0===i.velocities.length&&i.velocities.push({position:t[e.isHorizontal()?"startX":"startY"],time:i.touchStartTime}),i.velocities.push({position:t[e.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function({currentPos:i}){const{params:s,wrapperEl:a,rtlTranslate:n,snapGrid:l,touchEventsData:w}=e,d=o()-w.touchStartTime;if(i<-e.minTranslate())e.slideTo(e.activeIndex);else if(i>-e.maxTranslate())e.slideTo(e.slides.length<l.length?l.length-1:e.slides.length-1);else{if(s.freeMode.momentum){if(w.velocities.length>1){const i=w.velocities.pop(),t=w.velocities.pop(),r=i.time-t.time;e.velocity=(i.position-t.position)/r,e.velocity/=2,Math.abs(e.velocity)<s.freeMode.minimumVelocity&&(e.velocity=0),(r>150||o()-i.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=s.freeMode.momentumVelocityRatio,w.velocities.length=0;let i=1e3*s.freeMode.momentumRatio,d=e.translate+e.velocity*i;n&&(d=-d);let c,g=!1;const u=20*Math.abs(e.velocity)*s.freeMode.momentumBounceRatio;let b;if(d<e.maxTranslate())s.freeMode.momentumBounce?(d+e.maxTranslate()<-u&&(d=e.maxTranslate()-u),c=e.maxTranslate(),g=!0,w.allowMomentumBounce=!0):d=e.maxTranslate(),s.loop&&s.centeredSlides&&(b=!0);else if(d>e.minTranslate())s.freeMode.momentumBounce?(d-e.minTranslate()>u&&(d=e.minTranslate()+u),c=e.minTranslate(),g=!0,w.allowMomentumBounce=!0):d=e.minTranslate(),s.loop&&s.centeredSlides&&(b=!0);else if(s.freeMode.sticky){let i;for(let e=0;e<l.length;e+=1)if(l[e]>-d){i=e;break}d=Math.abs(l[i]-d)<Math.abs(l[i-1]-d)||"next"===e.swipeDirection?l[i]:l[i-1],d=-d}if(b&&r("transitionEnd",(()=>{e.loopFix()})),0!==e.velocity){if(i=n?Math.abs((-d-e.translate)/e.velocity):Math.abs((d-e.translate)/e.velocity),s.freeMode.sticky){const t=Math.abs((n?-d:d)-e.translate),r=e.slidesSizesGrid[e.activeIndex];i=t<r?s.speed:t<2*r?1.5*s.speed:2.5*s.speed}}else if(s.freeMode.sticky)return void e.slideToClosest();s.freeMode.momentumBounce&&g?(e.updateProgress(c),e.setTransition(i),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating=!0,p(a,(()=>{e&&!e.destroyed&&w.allowMomentumBounce&&(t("momentumBounce"),e.setTransition(s.speed),setTimeout((()=>{e.setTranslate(c),p(a,(()=>{e&&!e.destroyed&&e.transitionEnd()}))}),0))}))):e.velocity?(t("_freeModeNoMomentumRelease"),e.updateProgress(d),e.setTransition(i),e.setTranslate(d),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,p(a,(()=>{e&&!e.destroyed&&e.transitionEnd()})))):e.updateProgress(d),e.updateActiveIndex(),e.updateSlidesClasses()}else{if(s.freeMode.sticky)return void e.slideToClosest();s.freeMode&&t("_freeModeNoMomentumRelease")}(!s.freeMode.momentum||d>=s.longSwipesMs)&&(e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}}}})}function h({swiper:e,extendParams:i}){let t,r,s;i({grid:{rows:1,fill:"column"}});const a=()=>{let i=e.params.spaceBetween;return"string"==typeof i&&i.indexOf("%")>=0?i=parseFloat(i.replace("%",""))/100*e.size:"string"==typeof i&&(i=parseFloat(i)),i};e.grid={initSlides:i=>{const{slidesPerView:a}=e.params,{rows:n,fill:o}=e.params.grid;r=t/n,s=Math.floor(i/n),t=Math.floor(i/n)===i/n?i:Math.ceil(i/n)*n,"auto"!==a&&"row"===o&&(t=Math.max(t,a*n))},updateSlide:(i,n,o,p)=>{const{slidesPerGroup:l}=e.params,w=a(),{rows:d,fill:c}=e.params.grid;let g,u,b;if("row"===c&&l>1){const e=Math.floor(i/(l*d)),r=i-d*l*e,s=0===e?l:Math.min(Math.ceil((o-e*d*l)/d),l);b=Math.floor(r/s),u=r-b*s+e*l,g=u+b*t/d,n.style.order=g}else"column"===c?(u=Math.floor(i/d),b=i-u*d,(u>s||u===s&&b===d-1)&&(b+=1,b>=d&&(b=0,u+=1))):(b=Math.floor(i/r),u=i-b*r);n.style[p("margin-top")]=0!==b?w&&`${w}px`:""},updateWrapperSize:(i,r,s)=>{const{centeredSlides:n,roundLengths:o}=e.params,p=a(),{rows:l}=e.params.grid;if(e.virtualSize=(i+p)*t,e.virtualSize=Math.ceil(e.virtualSize/l)-p,e.wrapperEl.style[s("width")]=`${e.virtualSize+p}px`,n){const i=[];for(let t=0;t<r.length;t+=1){let s=r[t];o&&(s=Math.floor(s)),r[t]<e.virtualSize+r[0]&&i.push(s)}r.splice(0,r.length),r.push(...i)}}}}function A(e,i){const t=l(i);return t!==i&&(t.style.backfaceVisibility="hidden",t.style["-webkit-backface-visibility"]="hidden"),t}function f({swiper:e,extendParams:i,on:t}){i({fadeEffect:{crossFade:!1}}),function(e){const{effect:i,swiper:t,on:r,setTranslate:s,setTransition:a,overwriteParams:n,perspective:o,recreateShadows:p,getEffectParams:l}=e;let w;r("beforeInit",(()=>{if(t.params.effect!==i)return;t.classNames.push(`${t.params.containerModifierClass}${i}`),o&&o()&&t.classNames.push(`${t.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(t.params,e),Object.assign(t.originalParams,e)})),r("setTranslate",(()=>{t.params.effect===i&&s()})),r("setTransition",((e,r)=>{t.params.effect===i&&a(r)})),r("transitionEnd",(()=>{if(t.params.effect===i&&p){if(!l||!l().slideShadows)return;t.slides.forEach((e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((e=>e.remove()))})),p()}})),r("virtualUpdate",(()=>{t.params.effect===i&&(t.slides.length||(w=!0),requestAnimationFrame((()=>{w&&t.slides&&t.slides.length&&(s(),w=!1)})))}))}({effect:"fade",swiper:e,on:t,setTranslate:()=>{const{slides:i}=e;for(let t=0;t<i.length;t+=1){const i=e.slides[t];let r=-i.swiperSlideOffset;e.params.virtualTranslate||(r-=e.translate);let s=0;e.isHorizontal()||(s=r,r=0);const a=e.params.fadeEffect.crossFade?Math.max(1-Math.abs(i.progress),0):1+Math.min(Math.max(i.progress,-1),0),n=A(0,i);n.style.opacity=a,n.style.transform=`translate3d(${r}px, ${s}px, 0px)`}},setTransition:i=>{const t=e.slides.map((e=>l(e)));t.forEach((e=>{e.style.transitionDuration=`${i}ms`})),function({swiper:e,duration:i,transformElements:t,allSlides:r}){const{activeIndex:s}=e;if(e.params.virtualTranslate&&0!==i){let i,a=!1;i=r?t:t.filter((i=>{const t=i.classList.contains("swiper-slide-transform")?(i=>i.parentElement?i.parentElement:e.slides.filter((e=>e.shadowEl&&e.shadowEl===i.parentNode))[0])(i):i;return e.getSlideIndex(t)===s})),i.forEach((i=>{p(i,(()=>{if(a)return;if(!e||e.destroyed)return;a=!0,e.animating=!1;const i=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});e.wrapperEl.dispatchEvent(i)}))}))}}({swiper:e,duration:i,transformElements:t,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})}const m=class{constructor(i){e(this,i),this.caseStudiesThumbs=null,this.caseStudiesSlides=null}componentDidLoad(){this.initSlider(),this.slideChangeHandler(),this.renderSlides("swiper-slide-thumb","swiper-wrapper-thumbs"),this.renderSlides("swiper-slide-content","swiper-wrapper-content")}initSlider(){this.caseStudiesThumbs=new w(this.caeStudiesThumbRef,{modules:[d,c,b,h],loop:!1,slidesPerView:"auto",freeMode:!0,watchSlidesProgress:!0,centerInsufficientSlides:!0,breakpoints:{992:{slidesPerView:7}}}),this.caseStudiesSlides=new w(this.caseStudiesSlidesRef,{modules:[d,c,u,g,f],loop:!1,grabCursor:!0,effect:"fade",autoplay:{delay:1e4,disableOnInteraction:!1,waitForTransition:!0},thumbs:{swiper:this.caseStudiesThumbs},pagination:{el:this.paginationRef,clickable:!0}})}slideChangeHandler(){this.caseStudiesSlides.on("slideChange",(()=>{const e=this.caseStudiesSlides.slides[this.caseStudiesSlides.activeIndex].querySelector("ptc-text-copy-with-background").shadowRoot,i=e.querySelector(".card-wrap"),t=e.querySelector(".card-wrap").parentNode;t.removeChild(i),t.appendChild(i)}))}renderSlides(e,i){const t=Array.from(this.hostElement.querySelectorAll("."+e));if(t.length>0){const e=this.hostElement.shadowRoot.querySelector("."+i);t.forEach(((i,t)=>{const r=i.cloneNode(!0);e.appendChild(r);const s=i.querySelector("img");s&&s.addEventListener("click",(()=>{this.caseStudiesSlides.slideTo(t)}))}))}}render(){return i(t,null,i("div",{class:"ptc-container"},i("div",{class:"case-studies-thumbs",ref:e=>this.caeStudiesThumbRef=e},i("span",{class:"hide"},i("slot",{name:"thumb-slides"})),i("div",{class:"swiper-wrapper swiper-wrapper-thumbs"}))),i("div",{class:"case-studies-slides",ref:e=>this.caseStudiesSlidesRef=e},i("span",{class:"hide"},i("slot",{name:"content-slides"})),i("div",{class:"swiper-wrapper swiper-wrapper-content"}),i("div",{class:"swiper-pagination",ref:e=>this.paginationRef=e})))}get hostElement(){return r(this)}};m.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}:host{display:block;overflow:hidden}:host *{box-sizing:border-box}:host .hide{display:none}:host .case-studies-slides{height:80%;width:100%;padding-bottom:20px;position:relative}@media only screen and (min-width: 768px){:host .case-studies-slides{padding-bottom:0px}}:host .case-studies-slides .swiper-slide{visibility:hidden;display:flex;justify-content:center;align-items:center;padding-bottom:30px}:host .case-studies-slides .swiper-slide.swiper-slide-prev{visibility:hidden}:host .case-studies-slides .swiper-slide.swiper-slide-visible{visibility:visible}:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s{padding:0;line-height:var(--ptc-line-height-densest)}:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s::before,:host .case-studies-slides ptc-text-copy-with-background ptc-title .sc-ptc-title-s .sc-ptc-title-s::after{display:none}:host .case-studies-thumbs{height:20%;box-sizing:border-box;padding:10px 0;background-color:transparent}@media only screen and (min-width: 992px){:host .case-studies-thumbs{display:flex;justify-content:center}}@media only screen and (min-width: 992px){:host .case-studies-thumbs .swiper-wrapper{transform:none !important;justify-content:center}}:host .case-studies-thumbs .swiper-slide{width:auto;height:auto;max-width:8.75rem;opacity:0.4;display:flex;justify-items:center;align-items:center;padding:0 10px;cursor:pointer}@media only screen and (min-width: 992px){:host .case-studies-thumbs .swiper-slide{max-width:12.5rem}}:host .case-studies-thumbs .swiper-slide img{display:block;width:100%}@-moz-document url-prefix(){:host .case-studies-thumbs .swiper-slide img{min-width:140px}}:host .case-studies-thumbs .swiper-slide::after{content:\"\";height:7.5px;width:100%;position:absolute;bottom:-10px;left:0}:host .case-studies-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1}:host .case-studies-thumbs .swiper-slide.swiper-slide-thumb-active::after{background-color:var(--color-green-07)}:host .swiper-button-prev,:host .swiper-button-next{display:none}:host .swiper-pagination{display:block;bottom:5px}@media only screen and (min-width: 768px){:host .swiper-pagination{display:none}}:host .swiper-pagination .swiper-pagination-bullet{background:transparent;display:inline-block;height:1rem;width:1rem;outline:none;line-height:0;font-size:0;border:1px solid var(--color-gray-10);padding:5px;cursor:pointer;margin-right:20px !important;position:relative;opacity:1}@media only screen and (min-width: 480px){:host .swiper-pagination .swiper-pagination-bullet{margin-right:32px !important}}:host .swiper-pagination .swiper-pagination-bullet::after{content:\"\";display:block;position:absolute;width:25px;height:2px;background-color:var(--color-gray-10);margin-left:10px;margin-top:1px}@media only screen and (min-width: 480px){:host .swiper-pagination .swiper-pagination-bullet::after{width:37px}}:host .swiper-pagination .swiper-pagination-bullet:last-child::after{display:none}:host .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color-orange-07)}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";export{m as ptc_case_studies_slider}

package/dist/ptcw-design/p-8ae8454b.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,g as e}from"./p-dc4da4a5.js";const i=class{constructor(t){s(this,t)}componentDidLoad(){this.ro=new ResizeObserver((s=>{for(const t of s)this.applySizeClasses(t.contentRect.width)})),this.ro.observe(this.element)}disconnectedCallback(){this.ro.disconnect()}applySizeClasses(s){let t=!1,e=!1,i=!1,l=!1,r=!1,a=!1,o=!1,h=!1;s>=2600?h=!0:s>=1980?o=!0:s>=1600?a=!0:s>=1440?r=!0:s>=1200?l=!0:s>=992?i=!0:s>=768?e=!0:t=!0,this.element.classList.toggle("xsmall",t),this.element.classList.toggle("small",e),this.element.classList.toggle("medium",i),this.element.classList.toggle("large",l),this.element.classList.toggle("xlarge",r),this.element.classList.toggle("xxlarge",a),this.element.classList.toggle("large2k",o),this.element.classList.toggle("large4k",h)}render(){return t("div",null,t("slot",null))}get element(){return e(this)}};i.style=":host{display:block}";export{i as ptc_responsive_wrapper}

package/dist/ptcw-design/p-e428e6d9.js

@@ -1 +0,0 @@
-import{e,c as t,d as n,f as l,h as i}from"./p-0fc282f5.js";function s(n,l,i,s){return n.params.createElements&&Object.keys(s).forEach((r=>{if(!i[r]&&!0===i.auto){let a=e(n.el,`.${s[r]}`)[0];a||(a=t("div",s[r]),a.className=s[r],n.el.append(a)),i[r]=a,l[r]=a}})),i}function r({swiper:e,extendParams:t,on:n,emit:l}){t({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),e.navigation={nextEl:null,prevEl:null};const i=e=>(Array.isArray(e)||(e=[e].filter((e=>!!e))),e);function r(t){let n;return t&&"string"==typeof t&&e.isElement&&(n=e.el.shadowRoot.querySelector(t),n)?n:(t&&("string"==typeof t&&(n=[...document.querySelectorAll(t)]),e.params.uniqueNavElements&&"string"==typeof t&&n.length>1&&1===e.el.querySelectorAll(t).length&&(n=e.el.querySelector(t))),t&&!n?t:n)}function a(t,n){const l=e.params.navigation;(t=i(t)).forEach((t=>{t&&(t.classList[n?"add":"remove"](...l.disabledClass.split(" ")),"BUTTON"===t.tagName&&(t.disabled=n),e.params.watchOverflow&&e.enabled&&t.classList[e.isLocked?"add":"remove"](l.lockClass))}))}function o(){const{nextEl:t,prevEl:n}=e.navigation;if(e.params.loop)return a(n,!1),void a(t,!1);a(n,e.isBeginning&&!e.params.rewind),a(t,e.isEnd&&!e.params.rewind)}function c(t){t.preventDefault(),(!e.isBeginning||e.params.loop||e.params.rewind)&&(e.slidePrev(),l("navigationPrev"))}function p(t){t.preventDefault(),(!e.isEnd||e.params.loop||e.params.rewind)&&(e.slideNext(),l("navigationNext"))}function u(){const t=e.params.navigation;if(e.params.navigation=s(e,e.originalParams.navigation,e.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!t.nextEl&&!t.prevEl)return;let n=r(t.nextEl),l=r(t.prevEl);Object.assign(e.navigation,{nextEl:n,prevEl:l}),n=i(n),l=i(l);const a=(n,l)=>{n&&n.addEventListener("click","next"===l?p:c),!e.enabled&&n&&n.classList.add(...t.lockClass.split(" "))};n.forEach((e=>a(e,"next"))),l.forEach((e=>a(e,"prev")))}function d(){let{nextEl:t,prevEl:n}=e.navigation;t=i(t),n=i(n);const l=(t,n)=>{t.removeEventListener("click","next"===n?p:c),t.classList.remove(...e.params.navigation.disabledClass.split(" "))};t.forEach((e=>l(e,"next"))),n.forEach((e=>l(e,"prev")))}n("init",(()=>{!1===e.params.navigation.enabled?f():(u(),o())})),n("toEdge fromEdge lock unlock",(()=>{o()})),n("destroy",(()=>{d()})),n("enable disable",(()=>{let{nextEl:t,prevEl:n}=e.navigation;t=i(t),n=i(n),[...t,...n].filter((e=>!!e)).forEach((t=>t.classList[e.enabled?"remove":"add"](e.params.navigation.lockClass)))})),n("click",((t,n)=>{let{nextEl:s,prevEl:r}=e.navigation;s=i(s),r=i(r);const a=n.target;if(e.params.navigation.hideOnClick&&!r.includes(a)&&!s.includes(a)){if(e.pagination&&e.params.pagination&&e.params.pagination.clickable&&(e.pagination.el===a||e.pagination.el.contains(a)))return;let t;s.length?t=s[0].classList.contains(e.params.navigation.hiddenClass):r.length&&(t=r[0].classList.contains(e.params.navigation.hiddenClass)),l(!0===t?"navigationShow":"navigationHide"),[...s,...r].filter((e=>!!e)).forEach((t=>t.classList.toggle(e.params.navigation.hiddenClass)))}}));const f=()=>{e.el.classList.add(...e.params.navigation.navigationDisabledClass.split(" ")),d()};Object.assign(e.navigation,{enable:()=>{e.el.classList.remove(...e.params.navigation.navigationDisabledClass.split(" ")),u(),o()},disable:f,update:o,init:u,destroy:d})}function a(e=""){return`.${e.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}function o({swiper:e,extendParams:t,on:r,emit:o}){const c="swiper-pagination";let p;t({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${c}-bullet`,bulletActiveClass:`${c}-bullet-active`,modifierClass:`${c}-`,currentClass:`${c}-current`,totalClass:`${c}-total`,hiddenClass:`${c}-hidden`,progressbarFillClass:`${c}-progressbar-fill`,progressbarOppositeClass:`${c}-progressbar-opposite`,clickableClass:`${c}-clickable`,lockClass:`${c}-lock`,horizontalClass:`${c}-horizontal`,verticalClass:`${c}-vertical`,paginationDisabledClass:`${c}-disabled`}}),e.pagination={el:null,bullets:[]};let u=0;const d=e=>(Array.isArray(e)||(e=[e].filter((e=>!!e))),e);function f(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&0===e.pagination.el.length}function b(t,n){const{bulletActiveClass:l}=e.params.pagination;t&&(t=t[("prev"===n?"previous":"next")+"ElementSibling"])&&(t.classList.add(`${l}-${n}`),(t=t[("prev"===n?"previous":"next")+"ElementSibling"])&&t.classList.add(`${l}-${n}-${n}`))}function g(t){const n=t.target.closest(a(e.params.pagination.bulletClass));if(!n)return;t.preventDefault();const l=i(n)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===l)return;const t=e.getSlideIndexByData(l),n=e.getSlideIndexByData(e.realIndex);t>e.slides.length-e.loopedSlides&&e.loopFix({direction:t>n?"next":"prev",activeSlideIndex:t,slideTo:!1}),e.slideToLoop(l)}else e.slideTo(l)}function v(){const t=e.rtl,l=e.params.pagination;if(f())return;let s,r,c=e.pagination.el;c=d(c);const g=e.params.loop?Math.ceil((e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length)/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(r=e.previousRealIndex||0,s=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):void 0!==e.snapIndex?(s=e.snapIndex,r=e.previousSnapIndex):(r=e.previousIndex||0,s=e.activeIndex||0),"bullets"===l.type&&e.pagination.bullets&&e.pagination.bullets.length>0){const a=e.pagination.bullets;let o,d,f;if(l.dynamicBullets&&(p=n(a[0],e.isHorizontal()?"width":"height",!0),c.forEach((t=>{t.style[e.isHorizontal()?"width":"height"]=p*(l.dynamicMainBullets+4)+"px"})),l.dynamicMainBullets>1&&void 0!==r&&(u+=s-(r||0),u>l.dynamicMainBullets-1?u=l.dynamicMainBullets-1:u<0&&(u=0)),o=Math.max(s-u,0),d=o+(Math.min(a.length,l.dynamicMainBullets)-1),f=(d+o)/2),a.forEach((e=>{const t=[...["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${l.bulletActiveClass}${e}`))].map((e=>"string"==typeof e&&e.includes(" ")?e.split(" "):e)).flat();e.classList.remove(...t)})),c.length>1)a.forEach((e=>{const t=i(e);t===s&&e.classList.add(...l.bulletActiveClass.split(" ")),l.dynamicBullets&&(t>=o&&t<=d&&e.classList.add(...`${l.bulletActiveClass}-main`.split(" ")),t===o&&b(e,"prev"),t===d&&b(e,"next"))}));else{const e=a[s];if(e&&e.classList.add(...l.bulletActiveClass.split(" ")),l.dynamicBullets){const e=a[o],t=a[d];for(let e=o;e<=d;e+=1)a[e]&&a[e].classList.add(...`${l.bulletActiveClass}-main`.split(" "));b(e,"prev"),b(t,"next")}}if(l.dynamicBullets){const n=Math.min(a.length,l.dynamicMainBullets+4),i=(p*n-p)/2-f*p,s=t?"right":"left";a.forEach((t=>{t.style[e.isHorizontal()?s:"top"]=`${i}px`}))}}c.forEach(((t,n)=>{if("fraction"===l.type&&(t.querySelectorAll(a(l.currentClass)).forEach((e=>{e.textContent=l.formatFractionCurrent(s+1)})),t.querySelectorAll(a(l.totalClass)).forEach((e=>{e.textContent=l.formatFractionTotal(g)}))),"progressbar"===l.type){let n;n=l.progressbarOpposite?e.isHorizontal()?"vertical":"horizontal":e.isHorizontal()?"horizontal":"vertical";const i=(s+1)/g;let r=1,o=1;"horizontal"===n?r=i:o=i,t.querySelectorAll(a(l.progressbarFillClass)).forEach((t=>{t.style.transform=`translate3d(0,0,0) scaleX(${r}) scaleY(${o})`,t.style.transitionDuration=`${e.params.speed}ms`}))}"custom"===l.type&&l.renderCustom?(t.innerHTML=l.renderCustom(e,s+1,g),0===n&&o("paginationRender",t)):(0===n&&o("paginationRender",t),o("paginationUpdate",t)),e.params.watchOverflow&&e.enabled&&t.classList[e.isLocked?"add":"remove"](l.lockClass)}))}function $(){const t=e.params.pagination;if(f())return;const n=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length;let l=e.pagination.el;l=d(l);let i="";if("bullets"===t.type){let l=e.params.loop?Math.ceil(n/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&l>n&&(l=n);for(let n=0;n<l;n+=1)i+=t.renderBullet?t.renderBullet.call(e,n,t.bulletClass):`<${t.bulletElement} class="${t.bulletClass}"></${t.bulletElement}>`}"fraction"===t.type&&(i=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):`<span class="${t.currentClass}"></span> / <span class="${t.totalClass}"></span>`),"progressbar"===t.type&&(i=t.renderProgressbar?t.renderProgressbar.call(e,t.progressbarFillClass):`<span class="${t.progressbarFillClass}"></span>`),e.pagination.bullets=[],l.forEach((n=>{"custom"!==t.type&&(n.innerHTML=i||""),"bullets"===t.type&&e.pagination.bullets.push(...n.querySelectorAll(a(t.bulletClass)))})),"custom"!==t.type&&o("paginationRender",l[0])}function x(){e.params.pagination=s(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const t=e.params.pagination;if(!t.el)return;let n;"string"==typeof t.el&&e.isElement&&(n=e.el.shadowRoot.querySelector(t.el)),n||"string"!=typeof t.el||(n=[...document.querySelectorAll(t.el)]),n||(n=t.el),n&&0!==n.length&&(e.params.uniqueNavElements&&"string"==typeof t.el&&Array.isArray(n)&&n.length>1&&(n=[...e.el.querySelectorAll(t.el)],n.length>1&&(n=n.filter((t=>l(t,".swiper")[0]===e.el))[0])),Array.isArray(n)&&1===n.length&&(n=n[0]),Object.assign(e.pagination,{el:n}),n=d(n),n.forEach((n=>{"bullets"===t.type&&t.clickable&&n.classList.add(t.clickableClass),n.classList.add(t.modifierClass+t.type),n.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass),"bullets"===t.type&&t.dynamicBullets&&(n.classList.add(`${t.modifierClass}${t.type}-dynamic`),u=0,t.dynamicMainBullets<1&&(t.dynamicMainBullets=1)),"progressbar"===t.type&&t.progressbarOpposite&&n.classList.add(t.progressbarOppositeClass),t.clickable&&n.addEventListener("click",g),e.enabled||n.classList.add(t.lockClass)})))}function h(){const t=e.params.pagination;if(f())return;let n=e.pagination.el;n&&(n=d(n),n.forEach((n=>{n.classList.remove(t.hiddenClass),n.classList.remove(t.modifierClass+t.type),n.classList.remove(e.isHorizontal()?t.horizontalClass:t.verticalClass),t.clickable&&n.removeEventListener("click",g)}))),e.pagination.bullets&&e.pagination.bullets.forEach((e=>e.classList.remove(...t.bulletActiveClass.split(" "))))}r("changeDirection",(()=>{if(!e.pagination||!e.pagination.el)return;const t=e.params.pagination;let{el:n}=e.pagination;n=d(n),n.forEach((n=>{n.classList.remove(t.horizontalClass,t.verticalClass),n.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass)}))})),r("init",(()=>{!1===e.params.pagination.enabled?m():(x(),$(),v())})),r("activeIndexChange",(()=>{void 0===e.snapIndex&&v()})),r("snapIndexChange",(()=>{v()})),r("snapGridLengthChange",(()=>{$(),v()})),r("destroy",(()=>{h()})),r("enable disable",(()=>{let{el:t}=e.pagination;t&&(t=d(t),t.forEach((t=>t.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass))))})),r("lock unlock",(()=>{v()})),r("click",((t,n)=>{const l=n.target;let{el:i}=e.pagination;if(Array.isArray(i)||(i=[i].filter((e=>!!e))),e.params.pagination.el&&e.params.pagination.hideOnClick&&i&&i.length>0&&!l.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&l===e.navigation.nextEl||e.navigation.prevEl&&l===e.navigation.prevEl))return;const t=i[0].classList.contains(e.params.pagination.hiddenClass);o(!0===t?"paginationShow":"paginationHide"),i.forEach((t=>t.classList.toggle(e.params.pagination.hiddenClass)))}}));const m=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:t}=e.pagination;t&&(t=d(t),t.forEach((t=>t.classList.add(e.params.pagination.paginationDisabledClass)))),h()};Object.assign(e.pagination,{enable:()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:t}=e.pagination;t&&(t=d(t),t.forEach((t=>t.classList.remove(e.params.pagination.paginationDisabledClass)))),x(),$(),v()},disable:m,render:$,update:v,init:x,destroy:h})}export{r as N,o as P,s as c}

package/dist/ptcw-design/p-f42ef4c9.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i}from"./p-dc4da4a5.js";var s=Object.defineProperty,e=(t,i,e)=>(((t,i,e)=>{i in t?s(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e})(t,"symbol"!=typeof i?i+"":i,e),e);const h=class{constructor(t){e(this,"mobileSelect"),e(this,"trigger"),e(this,"wheelList"),e(this,"sliderList"),e(this,"wheelsContain"),e(this,"panel"),e(this,"ensureBtn"),e(this,"cancelBtn"),e(this,"grayLayer"),e(this,"popUp"),e(this,"initPosition"),e(this,"initColWidth"),e(this,"wheelsData"),e(this,"displayJson"),e(this,"curValue"),e(this,"curIndexArr"),e(this,"isCascade"),e(this,"isJsonType"),e(this,"startY"),e(this,"moveEndY"),e(this,"moveY"),e(this,"preMoveY"),e(this,"offsetY"),e(this,"offsetSum"),e(this,"oversizeBorder"),e(this,"enableClickStatus"),e(this,"optionHeight"),e(this,"curDistance"),e(this,"cascadeJsonData"),e(this,"eventHandleMap"),e(this,"initDeepCount"),e(this,"config"),!h.checkRequiredConfig(t)||(this.config=Object.assign({},h.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=h.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onChange)||e.call(s,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=h.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return h.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return h.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(h.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void h.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,s)=>{var e;const h=this.isCascade?this.displayJson[s]:null==(e=this.wheelsData[s])?void 0:e.data,o=null==h?void 0:h.findIndex((s=>this.isJsonType?t[i.id]==s[i.id]||t[i.value]==s[i.value]:t==s));this.locatePosition(s,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n        <div class="ms-content">\n          <div class="ms-btn-bar">\n            <div class="ms-fix-width">\n              <div class="ms-cancel">${this.config.cancelBtnText}</div>  \n              <div class="ms-title">${this.config.title||""}</div>\n              <div class="ms-ensure">${this.config.ensureBtnText}</div>\n            </div>\n          </div>\n          <div class="ms-panel">\n            <div class="ms-fix-width">\n            <div class="ms-wheels"></div>\n            <div class="ms-select-line"></div>\n            <div class="ms-shadow-mask"></div>\n          </div>\n        </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void h.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.textContent)||""}touch(t){var i,s,e,h,o,n,l,r;const a=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!a)return;const c=a.firstChild,d=parseInt(a.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":c.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof TouchEvent?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(c,d),this.curDistance[d]=this.curDistance[d]+this.offsetY,this.movePosition(c,this.curDistance[d]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(c.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(c.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const o=this.curDistance[d]+(t-2)*this.optionHeight;o<=2*this.optionHeight&&o>=this.oversizeBorder&&(this.curDistance[d]=o,this.movePosition(c,this.curDistance[d]),null==(s=(i=this.config).transitionEnd)||s.call(i,this.getIndexArr(),this.getCurValue(),this),null==(h=(e=this.config).onTransitionEnd)||h.call(e,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(c,d),this.curDistance[d]=this.fixPosition(this.curDistance[d]),this.curDistance[d]>2*this.optionHeight?this.curDistance[d]=2*this.optionHeight:this.curDistance[d]<this.oversizeBorder&&(this.curDistance[d]=this.oversizeBorder),this.movePosition(c,this.curDistance[d]),null==(n=(o=this.config).transitionEnd)||n.call(o,this.getIndexArr(),this.getCurValue(),this),null==(r=(l=this.config).onTransitionEnd)||r.call(l,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(d,this.getIndexArr())}}};let o=h;e(o,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),e(o,"REQUIRED_PARAMS",["trigger","wheels"]);const n=class{constructor(i){t(this,i),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0}render(){return i("div",{class:"mobile-select-wrapper"},i("div",{id:this.triggerName},this.selectedText,i("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px);}"})))}componentDidRender(){let t=this.selectedId,i=0;new o({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s){t&&(document.querySelectorAll(".selectContainer li").forEach(((s,e)=>{s.getAttribute("data-id")!=t||(i=e)})),s.locatePosition(0,i))},callback:function(t,i){i[0].id?window.location.href=i[0].id:console.log("href: "+i[0].id+"; indexArr: "+t)}.bind(this)})}};n.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{n as ptc_mobile_select}