@ptcwebops/ptcw-design 2.3.4 → 2.3.6

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}