cty-mui-core 1.0.37 → 1.0.39

package/dist/esm-es5/cty-image-viewer_6.entry.js

@@ -1,4 +1,4 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement,i as readTask,w as writeTask,j as forceUpdate}from"./index-DBsZD0Dk.js";import{e as createDelegateController,f as createTriggerController,p as prepareOverlay,g as removeBodyScrollClass,h as present,j as dismiss,k as eventMethod}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import{e as chevronBackOutline}from"./index-D0r4bHmZ.js";import{g as getScrollElement,f as findIonContent,p as printIonContentErrorMsg}from"./index-B_p-L6Wn.js";import{f as clamp,i as inheritAriaAttributes}from"./helpers-skPg8wu0.js";import{h as hostContext,c as createColorClasses}from"./theme-DiVJyqlX.js";import{g as getIonMode}from"./ionic-global-BgRvDODW.js";import"./config-iD8sj4Mi.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./index-CYPPT3AE.js";import"./platform-BqPoMbNS.js";var imageViewerCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-image-viewer-overlay-position:fixed;--cty-image-viewer-overlay-z-index:10;--cty-image-viewer-overlay-background:var(--cty-color-black);--cty-image-viewer-overlay-width:100vw;--cty-image-viewer-overlay-height:100vh;--cty-image-viewer-header-padding-top:var(--ion-safe-area-top, 44px);--cty-image-viewer-pager-padding:0;--cty-image-viewer-pager-index-color:var(--cty-text-color-white);--cty-image-viewer-pager-color:var(--cty-text-color-white);--cty-image-viewer-pager-font-size:var(--cty-font-size-extra-small);--cty-image-viewer-pager-align:center;--cty-image-viewer-pager-font-weight:600;--cty-image-viewer-pager-line-height:44px;--cty-image-viewer-pager-font-style:initial;--cty-image-viewer-close-offset-bottom:12px;--cty-image-viewer-close-offset-right:12px;--cty-image-viewer-close-color:var(--cty-text-color-white);--cty-image-viewer-close-size:20px;--cty-image-viewer-image-width:100%;--cty-image-viewer-image-height:auto}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-image-viewer-overlay-position);z-index:var(--cty-image-viewer-overlay-z-index);background:var(--cty-image-viewer-overlay-background);width:var(--cty-image-viewer-overlay-width);height:var(--cty-image-viewer-overlay-height)}.cty-image-viewer{position:relative;width:100%;height:100%}.cty-image-preview__header{position:absolute;z-index:2;top:0;left:0;width:100%;min-height:calc(var(--cty-image-viewer-header-padding-top) + var(--cty-image-viewer-pager-line-height));padding-top:var(--cty-image-viewer-header-padding-top)}.cty-image-preview__pager{padding:var(--cty-image-viewer-pager-padding);text-align:var(--cty-image-viewer-pager-align);line-height:var(--cty-image-viewer-pager-line-height);font-weight:var(--cty-image-viewer-pager-font-weight);font-size:var(--cty-image-viewer-pager-font-size);font-style:var(--cty-image-viewer-pager-font-style);color:var(--cty-image-viewer-pager-color)}.cty-image-preview__index{color:var(--cty-image-viewer-pager-index-color)}.cty-image-preview__close{position:absolute;bottom:var(--cty-image-viewer-close-offset-bottom);right:var(--cty-image-viewer-close-offset-right);font-size:var(--cty-image-viewer-close-size);color:var(--cty-image-viewer-close-color)}cty-swiper{--cty-swiper-img-width:var(--cty-image-viewer-image-width);--cty-swiper-img-height:var(--cty-image-viewer-image-height)}";var ImageViewer=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctySlideChange=createEvent(this,"ctySlideChange",7);this.didPresent=createEvent(this,"ctyDidPresent",7);this.willPresent=createEvent(this,"ctyWillPresent",7);this.willDismiss=createEvent(this,"ctyWillDismiss",7);this.didDismiss=createEvent(this,"ctyDidDismiss",7);this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.backdropDismiss=true;this.images=[];this.initialSlide=0;this.speed=400;this.loop=false;this.pager=true;this.closeable=false;this.zoom=true;this.attrs={};this.root="default";this.animated=false;this.activeIndex=0}t.prototype.triggerChanged=function(){var t=this,e=t.trigger,i=t.el,r=t.triggerController;if(e){r.addClickListener(i,e)}};t.prototype.connectedCallback=function(){prepareOverlay(this.el);this.triggerChanged()};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};t.prototype.componentDidLoad=function(){var t=this;!this.hasController&&raf((function(){return t.present()}));this.refreshSwiper()};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.lockController.lock()];case 1:t=e.sent();return[4,this.delegateController.attachViewToDom(this.root)];case 2:e.sent();return[4,present(this,"imageViewerEnter",(function(t){return enterAnimation(t,".cty-image-viewer")}))];case 3:e.sent();t();return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.lockController.lock()];case 1:t=i.sent();return[4,dismiss(this,"imageViewerEnter",(function(t){return leaveAnimation(t,".cty-image-viewer")}))];case 2:e=i.sent();if(e){this.delegateController.removeViewFromDom()}t();return[2,e]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};t.prototype.refreshSwiper=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var i=this;return __generator(this,(function(r){switch(r.label){case 0:r.trys.push([0,2,,3]);return[4,this.swiperEl.getSwiper()];case 1:t=r.sent();setTimeout((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(this.initialSlide>0))return[3,2];return[4,this.slideTo(this.initialSlide,0)];case 1:e.sent();e.label=2;case 2:t===null||t===void 0?void 0:t.zoom.enable();t.update();return[2]}}))}))}),0);return[3,3];case 2:e=r.sent();return[3,3];case 3:return[2]}}))}))};t.prototype._slideChange=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.activeIndex=t.detail.realIndex;this.ctySlideChange.emit(this.activeIndex);return[2]}))}))};t.prototype.slideTo=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this.swiperEl.slideTo(t,e)]}))}))};t.prototype.render=function(){var t=this;var e=this,i=e.images,r=e.speed,a=e.loop,n=e.zoom,o=e.attrs;var s={swipers:i,speed:r,loop:a,pagination:false,autoplay:false,attrs:Object.assign({zoom:n},o)};return h(Host,{key:"9cfd4cb9bc77162cd93c30da4dd3047a32751704",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden cty-pos-cover":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"9b52a934cc16248bb26e9dae42a4f5b259eb60a0",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return t.dismiss()}},h("div",{key:"c7f9cd031822bc4b10dd7d11bec2701b1427ce84",class:"cty-image-viewer"},h("slot",{key:"202457c1e05d77f3637ea3b477e13e6fa4a3ce9b",name:"start"}),(this.closeable||this.pager||!this.backdropDismiss)&&h("div",{key:"eab832efec28a9f32a81a519bd498a41c5d0a237",class:"cty-image-preview__header",onClick:function(t){return t.stopPropagation()}},this.pager&&h("slot",{key:"235c46cb4a84eb9606e7599e12a701c24b0f8608",name:"pager"},h("h6",{key:"e4fcdd5c3b36ff06baafdc139a3aa44583f45657",class:"cty-image-preview__pager"},h("span",{key:"66992955313486d30b9fa93c3f299babd2931f1c",class:"cty-image-preview__index"},this.activeIndex+1)," / ",this.images.length)),(this.closeable||!this.backdropDismiss)&&h("slot",{key:"91b5c3c7ebd70c7d3ecb012c329734546ad4ca92",name:"close"},h("button",{key:"6c1d06a82135c7e167729bf73a9cc3563bc7345b",class:"cty-image-preview__close cty-button-native",onClick:function(){return t.dismiss()}},h("cty-icon",{key:"c12aba1f028a12e5e0c61295f2c0fa3184896640",name:"cty-close2"})))),h("cty-swiper",Object.assign({key:"2f1728f9e2c71f0454a2bc2c233de7186841f294",ref:function(e){return t.swiperEl=e}},s,{onCtySlideChange:function(e){return t._slideChange(e)}})),h("slot",{key:"e0a0239853fbe9ddf654a0ca47a00dd11b990eff",name:"end"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["triggerChanged"]}},enumerable:false,configurable:true});return t}();ImageViewer.style=imageViewerCss;var navBarCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:block;width:100%;--cty-nav-bar-background:var(--cty-color-white);--cty-nav-bar-padding-top:3px;--cty-nav-bar-padding-bottom:3px;--cty-nav-bar-padding-start:4px;--cty-nav-bar-padding-end:4px;--cty-nav-bar-border-color:var(--cty-border-color-extra-light);--cty-nav-bar-arrow-min-hieght:3.1em;--cty-nav-bar-arrow-padding-top:3px;--cty-nav-bar-arrow-padding-bottom:3px;--cty-nav-bar-arrow-padding-start:6px;--cty-nav-bar-arrow-padding-end:6px;--cty-nav-bar-arrow-color:var(--cty-text-color-black);--cty-nav-bar-arrow-font-size:22px;--cty-nav-bar-title-size:var(--cty-font-size-medium);--cty-nav-bar-title-weight:600;--cty-nav-bar-title-color:var(--cty-text-color-primary);--cty-nav-bar-title-line-height:normal;--cty-nav-bar-title-padding-top:var(--cty-nav-bar-padding-top);--cty-nav-bar-title-padding-bottom:var(--cty-nav-bar-padding-bottom);--cty-nav-bar-title-padding-start:90px;--cty-nav-bar-title-padding-end:90px}:host(.cty-nav-bar__clear){--cty-nav-bar-background:transparent;--cty-nav-bar-border-color:transparent}:host(.cty-nav-bar__gradient){--cty-nav-bar-background:var(--cty-primary-gradient);--cty-nav-bar-border-color:transparent;--cty-nav-bar-title-color:var(--cty-text-color-white);--cty-nav-bar-arrow-color:var(--cty-text-color-white)}.cty-nav-bar__toolbar{--background:var(--cty-nav-bar-background);--padding-top:var(--cty-nav-bar-padding-top);--padding-bottom:var(--cty-nav-bar-padding-bottom);--padding-start:var(--cty-nav-bar-padding-start);--padding-end:var(--cty-nav-bar-padding-end);--border-color:var(--cty-nav-bar-border-color)}.cty-nav-bar__arrow[class]{margin:0;min-height:var(--cty-nav-bar-arrow-min-hieght);--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none;--padding-top:var(--cty-nav-bar-arrow-padding-top);--padding-bottom:var(--cty-nav-bar-arrow-padding-bottom);--padding-start:var(--cty-nav-bar-arrow-padding-start);--padding-end:var(--cty-nav-bar-arrow-padding-end);--color:var(--cty-nav-bar-arrow-color)}.cty-nav-bar__arrow-icon{font-size:var(--cty-nav-bar-arrow-font-size)}.cty-nav-bar__title{-webkit-padding-start:var(--cty-nav-bar-title-padding-start);padding-inline-start:var(--cty-nav-bar-title-padding-start);-webkit-padding-end:var(--cty-nav-bar-title-padding-end);padding-inline-end:var(--cty-nav-bar-title-padding-end);padding-top:var(--cty-nav-bar-title-padding-top);padding-bottom:var(--cty-nav-bar-title-padding-bottom);font-size:var(--cty-nav-bar-title-size);line-height:var(--cty-nav-bar-title-line-height);color:var(--cty-nav-bar-title-color);font-weight:var(--cty-nav-bar-title-weight)}";var NavBar=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.start=true;this.end=false;this.arrow=true;this.arrowIcon=chevronBackOutline;this.title=""}t.prototype.connectedCallback=function(){};t.prototype.action=function(){this.ctyDismiss.emit()};t.prototype.render=function(){var t;var e=this;var i=this,r=i.start,a=i.end,n=i.arrow,o=i.arrowIcon,s=i.type,c=i.title;return h(Host,{key:"f0fb718f0c907d2c17a77b0fe8fda4ad6edea635",class:(t={"cty-nav-bar":true},t[s?"cty-nav-bar__"+s:""]=true,t)},h("ion-header",{key:"6821ed299149af74d7207362014693bfc746274f"},h("ion-toolbar",{key:"8431267147b9749f9f466a479186d6f200a201e7",class:"cty-nav-bar__toolbar"},r&&h("ion-buttons",{key:"2c32c5479fd375ad94d99f0c94bf7d4b8931ce70",slot:"start"},h("slot",{key:"d84df928944457a9f9cca198ea51b866b47889c1",name:"start"},n&&h("ion-button",{key:"183aa8ae2b7d9e7ac862550c00e398b4ebb8d1ae",class:"cty-nav-bar__arrow",onClick:function(){return e.action()}},h("cty-icon",{key:"6ee29d3f1581f80f730b53003e8852556b2d7c58",class:"cty-nav-bar__arrow-icon",name:o})))),c&&h("ion-title",{key:"6f44c318242bbf2e10a250cd36c535fab2670cc0",class:"cty-nav-bar__title"},h("slot",{key:"4ca3fc89dee1bdf2fa51b0a1f0df4674172f61ff",name:"title"},c)),a&&h("ion-buttons",{key:"96e0e7f960a653a4ecdb730e900c32495387e916",slot:"end"},h("slot",{key:"9a103345ce785d4f6e18c32e27cbff564377fa1b",name:"end"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();NavBar.style=navBarCss;var swiperCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-swiper-container-width:100%;--cty-swiper-container-height:100%;--cty-swiper-slide-align:center;--cty-swiper-slide-justify:center;--cty-swiper-img-width:100%;--cty-swiper-img-height:auto;--cty-swiper-pagination-color:var(--cty-color-white);--cty-swiper-pagination-active-color:var(--cty-color-white);--cty-swiper-pagination-bottom:6px;--cty-swiper-pagination-width:4px;--cty-swiper-pagination-height:4px;--cty-swiper-pagination-inactive-opacity:0.5;--cty-swiper-navigation-color:var(--cty-color-black);--cty-swiper-navigation-size:15px;--cty-swiper-navigation-sides-offset:5px;overflow:hidden;display:block;width:100%;height:100%;border-radius:var(--cty-border-radius-base)}.cty-swipe__container{width:var(--cty-swiper-container-width);height:var(--cty-swiper-container-height);--swiper-pagination-bullet-inactive-color:var(--cty-swiper-pagination-color);--swiper-pagination-color:var(--cty-swiper-pagination-active-color);--swiper-pagination-bottom:var(--cty-swiper-pagination-bottom);--swiper-pagination-bullet-width:var(--cty-swiper-pagination-width);--swiper-pagination-bullet-height:var(--cty-swiper-pagination-height);--swiper-pagination-bullet-inactive-opacity:var(\n    --cty-swiper-pagination-inactive-opacity\n  );--swiper-navigation-color:var(--cty-swiper-navigation-color);--swiper-navigation-size:var(--cty-swiper-navigation-size);--swiper-navigation-sides-offset:var(--cty-swiper-navigation-sides-offset)}.swiper-zoom-container{display:-ms-flexbox;display:flex;-ms-flex-align:var(--cty-swiper-slide-align);align-items:var(--cty-swiper-slide-align);-ms-flex-pack:var(--cty-swiper-slide-justify);justify-content:var(--cty-swiper-slide-justify);width:100%;height:100%}img{display:block;width:var(--cty-swiper-img-width);max-width:100%;height:var(--cty-swiper-img-height);max-height:100%}";var Swiper=function(){function t(t){registerInstance(this,t);this.ctySlideChange=createEvent(this,"ctySlideChange",7);this.ctySlideClick=createEvent(this,"ctySlideClick",7);this.swipers=[];this.props={pic:"pic",alt:"alt"};this.autoplay={delay:2500,disableOnInteraction:false};this.loop=true;this.direction="horizontal";this.pagination=true;this.observer=true;this.observerParents=true;this.swiperModules=[];this.attrs={};this._swipers=[]}t.prototype.bannersChanged=function(){var t=[];this.swipers.forEach((function(e){if(typeof e=="string"){t.push({pic:e,alt:""})}else{t.push(e)}}));this._swipers=t};t.prototype.componentWillLoad=function(){this.bannersChanged()};t.prototype.componentDidLoad=function(){this._swiper=this.swiperEl.swiper;this.refreshSwiper()};t.prototype.slideChange=function(){this.ctySlideChange.emit({realIndex:this._swiper.realIndex,swiper:this._swiper})};t.prototype.slideClick=function(){this.ctySlideClick.emit({realIndex:this._swiper.realIndex,swiper:this._swiper})};t.prototype.refreshSwiper=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){try{this._swiper.update();t=this._swiper.slides;this._swiper.removeAllSlides();this._swiper.appendSlide(__spreadArray([],t,true));if(this.autoplay){this._swiper.autoplay.start()}this._swiper.update();this._swiper.slideTo(0,0);if(this.autoplay){this._swiper.autoplay.start()}}catch(t){}return[2]}))}))};t.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this._swiper)===null||t===void 0?void 0:t.slideNext();return[2]}))}))};t.prototype.prev=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){(t=this._swiper)===null||t===void 0?void 0:t.slidePrev();return[2]}))}))};t.prototype.slideTo=function(t,e){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){(i=this._swiper)===null||i===void 0?void 0:i.slideTo(t,e);return[2]}))}))};t.prototype.getSwiper=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this._swiper]}))}))};t.prototype.render=function(){var t=this;return h(Host,{key:"aa4df59ca9139127fc4b1fd82b8db09c9d9822da",class:"cty-swiper"},h("swiper-container",Object.assign({key:"e8ab2140706022c8203552019b16eb5b0d69c3e7",class:"cty-swipe__container",ref:function(e){return t.swiperEl=e},autoplay:this.autoplay,modules:this.swiperModules,direction:this.direction,loop:this.loop,pagination:this.pagination,observer:this.observer,"observer-parents":this.observerParents,onSwiperslidechangetransitionend:function(){return t.slideChange()},onSwiperclick:function(){return t.slideClick()}},this.attrs),this._swipers.map((function(e,i){return h("swiper-slide",{class:"cty-swipe__slide"},h("slot",{name:i+""},h("div",{class:"swiper-zoom-container"},h("img",{src:e[t.props.pic],alt:e[t.props.alt||""]||"",onClick:function(t){return t.stopPropagation()}}))))})),h("slot",{key:"2fdfb202c53cae9e5f805b5f046bac0da13de968",name:"container-start",slot:"container-start"}),h("slot",{key:"139dcd57bb0ce780d0be5cde0943603b3621d7a9",name:"container-end",slot:"container-end"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{swipers:["bannersChanged"]}},enumerable:false,configurable:true});return t}();Swiper.style=swiperCss;
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement,i as readTask,w as writeTask,j as forceUpdate}from"./index-DBsZD0Dk.js";import{e as createDelegateController,f as createTriggerController,p as prepareOverlay,g as removeBodyScrollClass,h as present,j as dismiss,k as eventMethod}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import{e as chevronBackOutline}from"./index-D0r4bHmZ.js";import{g as getScrollElement,f as findIonContent,p as printIonContentErrorMsg}from"./index-B_p-L6Wn.js";import{f as clamp,i as inheritAriaAttributes}from"./helpers-skPg8wu0.js";import{h as hostContext,c as createColorClasses}from"./theme-DiVJyqlX.js";import{g as getIonMode}from"./ionic-global-BgRvDODW.js";import"./config-iD8sj4Mi.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./index-CYPPT3AE.js";import"./platform-BqPoMbNS.js";var imageViewerCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-image-viewer-overlay-position:fixed;--cty-image-viewer-overlay-z-index:10;--cty-image-viewer-overlay-background:var(--cty-color-black);--cty-image-viewer-overlay-width:100vw;--cty-image-viewer-overlay-height:100vh;--cty-image-viewer-header-padding-top:var(--ion-safe-area-top, 44px);--cty-image-viewer-pager-padding:0;--cty-image-viewer-pager-index-color:var(--cty-text-color-white);--cty-image-viewer-pager-color:var(--cty-text-color-white);--cty-image-viewer-pager-font-size:var(--cty-font-size-extra-small);--cty-image-viewer-pager-align:center;--cty-image-viewer-pager-font-weight:600;--cty-image-viewer-pager-min-height:44px;--cty-image-viewer-pager-font-style:initial;--cty-image-viewer-close-offset-bottom:12px;--cty-image-viewer-close-offset-right:12px;--cty-image-viewer-close-color:var(--cty-text-color-white);--cty-image-viewer-close-size:20px;--cty-image-viewer-image-width:100%;--cty-image-viewer-image-height:auto}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-image-viewer-overlay-position);z-index:var(--cty-image-viewer-overlay-z-index);background:var(--cty-image-viewer-overlay-background);width:var(--cty-image-viewer-overlay-width);height:var(--cty-image-viewer-overlay-height)}.cty-image-viewer{position:relative;width:100%;height:100%}.cty-image-viewer__hidden{opacity:0}.cty-image-preview__header{position:absolute;z-index:2;top:0;left:0;width:100%;min-height:calc(var(--cty-image-viewer-header-padding-top) + var(--cty-image-viewer-pager-line-height));padding-top:var(--cty-image-viewer-header-padding-top)}.cty-image-preview__pager{padding:var(--cty-image-viewer-pager-padding);text-align:var(--cty-image-viewer-pager-align);min-height:var(--cty-image-viewer-pager-min-height);font-weight:var(--cty-image-viewer-pager-font-weight);font-size:var(--cty-image-viewer-pager-font-size);font-style:var(--cty-image-viewer-pager-font-style);color:var(--cty-image-viewer-pager-color)}.cty-image-preview__pager-text{width:var(--cty-image-viewer-pager-text-width, auto);padding:var(--cty-image-viewer-pager-text-padding, 0);background:var(--cty-image-viewer-pager-text-bg, transparent);border-radius:var(--cty-image-viewer-pager-text-border-radius, 0);border:var(--cty-image-viewer-pager-text-border, none);font-size:inherit;color:inherit;font-weight:inherit;line-height:var(--cty-image-viewer-pager-text-line-height, 1)}.cty-image-preview__index{color:var(--cty-image-viewer-pager-index-color)}.cty-image-preview__close{position:absolute;bottom:var(--cty-image-viewer-close-offset-bottom);right:var(--cty-image-viewer-close-offset-right);padding:var(--cty-image-viewer-close-padding, 0);border-radius:var(--cty-image-viewer-close-border-radius, 0);border:var(--cty-image-viewer-close-border, none);background:var(--cty-image-viewer-close-bg, transparent);font-size:var(--cty-image-viewer-close-size);color:var(--cty-image-viewer-close-color)}cty-swiper{--cty-swiper-img-width:var(--cty-image-viewer-image-width);--cty-swiper-img-height:var(--cty-image-viewer-image-height)}";var ImageViewer=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctySlideChange=createEvent(this,"ctySlideChange",7);this.didPresent=createEvent(this,"ctyDidPresent",7);this.willPresent=createEvent(this,"ctyWillPresent",7);this.willDismiss=createEvent(this,"ctyWillDismiss",7);this.didDismiss=createEvent(this,"ctyDidDismiss",7);this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.backdropDismiss=true;this.images=[];this.initialSlide=0;this.speed=400;this.loop=false;this.pager=true;this.closeable=false;this.zoom=true;this.attrs={};this.root="default";this.animated=false;this.activeIndex=0;this.initialized=false}e.prototype.triggerChanged=function(){var e=this,t=e.trigger,i=e.el,r=e.triggerController;if(t){r.addClickListener(i,t)}};e.prototype.connectedCallback=function(){prepareOverlay(this.el);this.triggerChanged()};e.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};e.prototype.componentDidLoad=function(){var e=this;!this.hasController&&raf((function(){return e.present()}));this.refreshSwiper()};e.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,this.lockController.lock()];case 1:e=t.sent();return[4,this.delegateController.attachViewToDom(this.root)];case 2:t.sent();return[4,present(this,"imageViewerEnter",(function(e){return enterAnimation(e,".cty-image-viewer")}))];case 3:t.sent();e();return[2]}}))}))};e.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.lockController.lock()];case 1:e=i.sent();return[4,dismiss(this,"imageViewerEnter",(function(e){return leaveAnimation(e,".cty-image-viewer")}))];case 2:t=i.sent();if(t){this.delegateController.removeViewFromDom()}e();return[2,t]}}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};e.prototype.refreshSwiper=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(r){switch(r.label){case 0:r.trys.push([0,2,,3]);return[4,this.swiperEl.getSwiper()];case 1:e=r.sent();setTimeout((function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){switch(i.label){case 0:if(!(this.initialSlide>0))return[3,2];return[4,this.slideTo(this.initialSlide,0)];case 1:i.sent();i.label=2;case 2:e===null||e===void 0?void 0:e.zoom.enable();e.update();setTimeout((function(){t.initialized=true}),150);return[2]}}))}))}),200);return[3,3];case 2:t=r.sent();return[3,3];case 3:return[2]}}))}))};e.prototype._slideChange=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.activeIndex=e.detail.realIndex;this.ctySlideChange.emit(this.activeIndex);return[2]}))}))};e.prototype.slideTo=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this.swiperEl.slideTo(e,t)]}))}))};e.prototype.render=function(){var e=this;var t=this,i=t.images,r=t.speed,a=t.loop,n=t.zoom,o=t.attrs,s=t.initialized;var l={swipers:i,speed:r,loop:a,pagination:false,autoplay:false,attrs:Object.assign({virtual:true,zoom:n},o)};return h(Host,{key:"18b1464e3e7b8d103427546e83f7f02380d053de",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden cty-pos-cover":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"c7914de771c49f43365bcd2271511595dd94fe4f",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return e.dismiss()}},h("div",{key:"42ecf8b9c942639eedd01286914c947bd1231aee",class:{"cty-image-viewer":true,"cty-image-viewer__hidden":!s}},h("slot",{key:"42c9d2f8fae0ed835148e2eba6c28b219c02b040",name:"start"}),(this.closeable||this.pager||!this.backdropDismiss)&&h("div",{key:"1416c5b64c5d96d1557b1aaf485378dd26ff2925",class:"cty-image-preview__header",onClick:function(e){return e.stopPropagation()}},this.pager&&h("slot",{key:"62ccb2d8d005b4d958d8daa975bd593723bedbac",name:"pager"},h("div",{key:"df8e9d33b45cb52b622ac4b41bcef8573922eb3c",class:"cty-image-preview__pager flex-center"},h("h6",{key:"5a77fa57b32f9000ea7678fabd4bdc32890314a0",class:"cty-image-preview__pager-text"},h("span",{key:"d7f8ab7eb983dc645825f66b1ba0485d1c937e92",class:"cty-image-preview__index"},this.activeIndex+1)," / ",this.images.length))),(this.closeable||!this.backdropDismiss)&&h("slot",{key:"c6e1d25d84545a19d829045e8b04da64f79576fa",name:"close"},h("button",{key:"ab92d1d5a9423cc086af1dbba7c13a11bcfb7488",class:"cty-image-preview__close cty-button-native",onClick:function(){return e.dismiss()}},h("cty-icon",{key:"b2f1536e7454414af54fd9fb0f120c5855bdbfb7",name:"cty-close2"})))),h("cty-swiper",Object.assign({key:"d511309c54605a5ebab94c5fea3d3d63e3ff2e5c",ref:function(t){return e.swiperEl=t}},l,{onCtySlideChange:function(t){return e._slideChange(t)}})),h("slot",{key:"90e5b1090d0c6454478076d453b7d3fdbdbf0e04",name:"end"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{trigger:["triggerChanged"]}},enumerable:false,configurable:true});return e}();ImageViewer.style=imageViewerCss;var navBarCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:block;width:100%;--cty-nav-bar-background:var(--cty-color-white);--cty-nav-bar-padding-top:3px;--cty-nav-bar-padding-bottom:3px;--cty-nav-bar-padding-start:4px;--cty-nav-bar-padding-end:4px;--cty-nav-bar-border-color:var(--cty-border-color-extra-light);--cty-nav-bar-arrow-min-hieght:3.1em;--cty-nav-bar-arrow-padding-top:3px;--cty-nav-bar-arrow-padding-bottom:3px;--cty-nav-bar-arrow-padding-start:6px;--cty-nav-bar-arrow-padding-end:6px;--cty-nav-bar-arrow-color:var(--cty-text-color-black);--cty-nav-bar-arrow-font-size:22px;--cty-nav-bar-title-size:var(--cty-font-size-medium);--cty-nav-bar-title-weight:600;--cty-nav-bar-title-color:var(--cty-text-color-primary);--cty-nav-bar-title-line-height:normal;--cty-nav-bar-title-padding-top:var(--cty-nav-bar-padding-top);--cty-nav-bar-title-padding-bottom:var(--cty-nav-bar-padding-bottom);--cty-nav-bar-title-padding-start:90px;--cty-nav-bar-title-padding-end:90px}:host(.cty-nav-bar__clear){--cty-nav-bar-background:transparent;--cty-nav-bar-border-color:transparent}:host(.cty-nav-bar__gradient){--cty-nav-bar-background:var(--cty-primary-gradient);--cty-nav-bar-border-color:transparent;--cty-nav-bar-title-color:var(--cty-text-color-white);--cty-nav-bar-arrow-color:var(--cty-text-color-white)}.cty-nav-bar__toolbar{--background:var(--cty-nav-bar-background);--padding-top:var(--cty-nav-bar-padding-top);--padding-bottom:var(--cty-nav-bar-padding-bottom);--padding-start:var(--cty-nav-bar-padding-start);--padding-end:var(--cty-nav-bar-padding-end);--border-color:var(--cty-nav-bar-border-color)}.cty-nav-bar__arrow[class]{margin:0;min-height:var(--cty-nav-bar-arrow-min-hieght);--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none;--padding-top:var(--cty-nav-bar-arrow-padding-top);--padding-bottom:var(--cty-nav-bar-arrow-padding-bottom);--padding-start:var(--cty-nav-bar-arrow-padding-start);--padding-end:var(--cty-nav-bar-arrow-padding-end);--color:var(--cty-nav-bar-arrow-color)}.cty-nav-bar__arrow-icon{font-size:var(--cty-nav-bar-arrow-font-size)}.cty-nav-bar__title{-webkit-padding-start:var(--cty-nav-bar-title-padding-start);padding-inline-start:var(--cty-nav-bar-title-padding-start);-webkit-padding-end:var(--cty-nav-bar-title-padding-end);padding-inline-end:var(--cty-nav-bar-title-padding-end);padding-top:var(--cty-nav-bar-title-padding-top);padding-bottom:var(--cty-nav-bar-title-padding-bottom);font-size:var(--cty-nav-bar-title-size);line-height:var(--cty-nav-bar-title-line-height);color:var(--cty-nav-bar-title-color);font-weight:var(--cty-nav-bar-title-weight)}";var NavBar=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.start=true;this.end=false;this.arrow=true;this.arrowIcon=chevronBackOutline;this.title=""}e.prototype.connectedCallback=function(){};e.prototype.action=function(){this.ctyDismiss.emit()};e.prototype.render=function(){var e;var t=this;var i=this,r=i.start,a=i.end,n=i.arrow,o=i.arrowIcon,s=i.type,l=i.title;return h(Host,{key:"a6fc9f0326ad6f7b85087348d5dcf2c3c15e78af",class:(e={"cty-nav-bar":true},e[s?"cty-nav-bar__"+s:""]=true,e)},h("ion-header",{key:"3ae9aa93e2b76d44e6b220058a857d132966aada"},h("ion-toolbar",{key:"4f50bd3a5c89f530fe77cec0c6d3e3c633084373",class:"cty-nav-bar__toolbar"},r&&h("ion-buttons",{key:"02d4e96017a2fc258838e5c419157b49eae51504",slot:"start"},h("slot",{key:"30449cb63c53a8e2abc9437cf3f113e4026cc2da",name:"start"},n&&h("ion-button",{key:"14b8964f2cb324ca621f45cee082d6b6bdbbd57a",class:"cty-nav-bar__arrow",onClick:function(){return t.action()}},h("cty-icon",{key:"a57be5da16f0724d107e971245fff1c114a2b539",class:"cty-nav-bar__arrow-icon",name:o})))),l&&h("ion-title",{key:"d190a2101879dc404365428c274a648562212496",class:"cty-nav-bar__title"},h("slot",{key:"8c90403204f3bf65e9e266af8dd1f52dd84dfc73",name:"title"},l)),a&&h("ion-buttons",{key:"5ffa889f317a33713dc384ce8ec0536406917bb5",slot:"end"},h("slot",{key:"884a69b196cb434ca350cce621de7034b9d8c49d",name:"end"})))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();NavBar.style=navBarCss;var swiperCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{--cty-swiper-container-width:100%;--cty-swiper-container-height:100%;--cty-swiper-slide-align:center;--cty-swiper-slide-justify:center;--cty-swiper-img-width:100%;--cty-swiper-img-height:auto;--cty-swiper-pagination-color:var(--cty-color-white);--cty-swiper-pagination-active-color:var(--cty-color-white);--cty-swiper-pagination-bottom:6px;--cty-swiper-pagination-width:4px;--cty-swiper-pagination-height:4px;--cty-swiper-pagination-inactive-opacity:0.5;--cty-swiper-navigation-color:var(--cty-color-black);--cty-swiper-navigation-size:15px;--cty-swiper-navigation-sides-offset:5px;overflow:hidden;display:block;width:100%;height:100%;border-radius:var(--cty-border-radius-base)}.cty-swipe__container{width:var(--cty-swiper-container-width);height:var(--cty-swiper-container-height);--swiper-pagination-bullet-inactive-color:var(--cty-swiper-pagination-color);--swiper-pagination-color:var(--cty-swiper-pagination-active-color);--swiper-pagination-bottom:var(--cty-swiper-pagination-bottom);--swiper-pagination-bullet-width:var(--cty-swiper-pagination-width);--swiper-pagination-bullet-height:var(--cty-swiper-pagination-height);--swiper-pagination-bullet-inactive-opacity:var(\n    --cty-swiper-pagination-inactive-opacity\n  );--swiper-navigation-color:var(--cty-swiper-navigation-color);--swiper-navigation-size:var(--cty-swiper-navigation-size);--swiper-navigation-sides-offset:var(--cty-swiper-navigation-sides-offset)}.swiper-zoom-container{display:-ms-flexbox;display:flex;-ms-flex-align:var(--cty-swiper-slide-align);align-items:var(--cty-swiper-slide-align);-ms-flex-pack:var(--cty-swiper-slide-justify);justify-content:var(--cty-swiper-slide-justify);width:100%;height:100%}img{display:block;width:var(--cty-swiper-img-width);max-width:100%;height:var(--cty-swiper-img-height);max-height:100%}";var Swiper=function(){function e(e){registerInstance(this,e);this.ctySlideChange=createEvent(this,"ctySlideChange",7);this.ctySlideClick=createEvent(this,"ctySlideClick",7);this.swipers=[];this.props={pic:"pic",alt:"alt"};this.autoplay={delay:2500,disableOnInteraction:false};this.loop=true;this.direction="horizontal";this.pagination=true;this.observer=true;this.observerParents=true;this.swiperModules=[];this.attrs={};this._swipers=[]}e.prototype.bannersChanged=function(){var e=[];this.swipers.forEach((function(t){if(typeof t=="string"){e.push({pic:t,alt:""})}else{e.push(t)}}));this._swipers=e};e.prototype.componentWillLoad=function(){this.bannersChanged()};e.prototype.componentDidLoad=function(){this._swiper=this.swiperEl.swiper;this.refreshSwiper()};e.prototype.disconnectedCallback=function(){var e;(e=this._swiper)===null||e===void 0?void 0:e.destroy()};e.prototype.slideChange=function(){this.ctySlideChange.emit({realIndex:this._swiper.realIndex,swiper:this._swiper})};e.prototype.slideClick=function(){this.ctySlideClick.emit({realIndex:this._swiper.realIndex,swiper:this._swiper})};e.prototype.refreshSwiper=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){try{this._swiper.update();e=this._swiper.slides;this._swiper.removeAllSlides();this._swiper.appendSlide(__spreadArray([],e,true));if(this.autoplay){this._swiper.autoplay.start()}this._swiper.update();this._swiper.slideTo(0,0);if(this.autoplay){this._swiper.autoplay.start()}}catch(e){}return[2]}))}))};e.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this._swiper)===null||e===void 0?void 0:e.slideNext();return[2]}))}))};e.prototype.prev=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this._swiper)===null||e===void 0?void 0:e.slidePrev();return[2]}))}))};e.prototype.slideTo=function(e,t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(r){(i=this._swiper)===null||i===void 0?void 0:i.slideTo(e,t);return[2]}))}))};e.prototype.getSwiper=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this._swiper]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"4279a041c842204c199d6ebc251f44128f0e3b65",class:"cty-swiper"},h("swiper-container",Object.assign({key:"61fa76ec459f33c92504fec0d3cdd9465e882b19",class:"cty-swipe__container",ref:function(t){return e.swiperEl=t},autoplay:this.autoplay,modules:this.swiperModules,direction:this.direction,loop:this.loop,pagination:this.pagination,observer:this.observer,"observer-parents":this.observerParents,onSwiperslidechangetransitionend:function(){return e.slideChange()},onSwiperclick:function(){return e.slideClick()}},this.attrs),this._swipers.map((function(t,i){return h("swiper-slide",{class:"cty-swipe__slide"},h("slot",{name:i+""},h("div",{class:"swiper-zoom-container"},h("img",{src:t[e.props.pic],alt:t[e.props.alt||""]||"",onClick:function(e){return e.stopPropagation()}}))))})),h("slot",{key:"be071f0b3e5059921d8febb081456659816e8765",name:"container-start",slot:"container-start"}),h("slot",{key:"eb6160945f271cccb52bcdad7977f38dbda3552e",name:"container-end",slot:"container-end"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{swipers:["bannersChanged"]}},enumerable:false,configurable:true});return e}();Swiper.style=swiperCss;
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */var TRANSITION="all 0.2s ease-in-out";var cloneElement=function(t){var e=document.querySelector("".concat(t,".ion-cloned-element"));if(e!==null){return e}var i=document.createElement(t);i.classList.add("ion-cloned-element");i.style.setProperty("display","none");document.body.appendChild(i);return i};var createHeaderIndex=function(t){if(!t){return}var e=t.querySelectorAll("ion-toolbar");return{el:t,toolbars:Array.from(e).map((function(t){var e=t.querySelector("ion-title");return{el:t,background:t.shadowRoot.querySelector(".toolbar-background"),ionTitleEl:e,innerTitleEl:e?e.shadowRoot.querySelector(".toolbar-title"):null,ionButtonsEl:Array.from(t.querySelectorAll("ion-buttons"))}}))}};var handleContentScroll=function(t,e,i){readTask((function(){var r=t.scrollTop;var a=clamp(1,1+-r/500,1.1);var n=i.querySelector("ion-refresher.refresher-native");if(n===null){writeTask((function(){scaleLargeTitles(e.toolbars,a)}))}}))};var setToolbarBackgroundOpacity=function(t,e){if(t.collapse==="fade"){return}if(e===undefined){t.style.removeProperty("--opacity-scale")}else{t.style.setProperty("--opacity-scale",e.toString())}};var handleToolbarBorderIntersection=function(t,e,i){if(!t[0].isIntersecting){return}var r=t[0].intersectionRatio>.9||i<=0?0:(1-t[0].intersectionRatio)*100/75;setToolbarBackgroundOpacity(e.el,r===1?undefined:r)};var handleToolbarIntersection=function(t,e,i,r){writeTask((function(){var a=r.scrollTop;handleToolbarBorderIntersection(t,e,a);var n=t[0];var o=n.intersectionRect;var s=o.width*o.height;var c=n.rootBounds.width*n.rootBounds.height;var l=s===0&&c===0;var d=Math.abs(o.left-n.boundingClientRect.left);var h=Math.abs(o.right-n.boundingClientRect.right);var p=s>0&&(d>=5||h>=5);if(l||p){return}if(n.isIntersecting){setHeaderActive(e,false);setHeaderActive(i)}else{var b=o.x===0&&o.y===0||o.width!==0&&o.height!==0;if(b&&a>0){setHeaderActive(e);setHeaderActive(i,false);setToolbarBackgroundOpacity(e.el)}}}))};var setHeaderActive=function(t,e){if(e===void 0){e=true}var i=t.el;if(e){i.classList.remove("header-collapse-condense-inactive");i.removeAttribute("aria-hidden")}else{i.classList.add("header-collapse-condense-inactive");i.setAttribute("aria-hidden","true")}};var scaleLargeTitles=function(t,e,i){if(t===void 0){t=[]}if(e===void 0){e=1}if(i===void 0){i=false}t.forEach((function(t){var r=t.ionTitleEl;var a=t.innerTitleEl;if(!r||r.size!=="large"){return}a.style.transition=i?TRANSITION:"";a.style.transform="scale3d(".concat(e,", ").concat(e,", 1)")}))};var handleHeaderFade=function(t,e,i){readTask((function(){var r=t.scrollTop;var a=e.clientHeight;var n=i?i.clientHeight:0;if(i!==null&&r<n){e.style.setProperty("--opacity-scale","0");t.style.setProperty("clip-path","inset(".concat(a,"px 0px 0px 0px)"));return}var o=r-n;var s=10;var c=clamp(0,o/s,1);writeTask((function(){t.style.removeProperty("clip-path");e.style.setProperty("--opacity-scale",c.toString())}))}))};var headerIosCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";var headerMdCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}";var Header=function(){function t(t){var e=this;registerInstance(this,t);this.inheritedAttributes={};this.setupFadeHeader=function(t,i){return __awaiter(e,void 0,void 0,(function(){var e,r;var a=this;return __generator(this,(function(n){switch(n.label){case 0:r=this;return[4,getScrollElement(t)];case 1:e=r.scrollEl=n.sent();this.contentScrollCallback=function(){handleHeaderFade(a.scrollEl,a.el,i)};e.addEventListener("scroll",this.contentScrollCallback);handleHeaderFade(this.scrollEl,this.el,i);return[2]}}))}))};this.collapse=undefined;this.translucent=false}t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAriaAttributes(this.el)};t.prototype.componentDidLoad=function(){this.checkCollapsibleHeader()};t.prototype.componentDidUpdate=function(){this.checkCollapsibleHeader()};t.prototype.disconnectedCallback=function(){this.destroyCollapsibleHeader()};t.prototype.checkCollapsibleHeader=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,r,a,n,a,n,o;return __generator(this,(function(s){switch(s.label){case 0:t=getIonMode(this);if(t!=="ios"){return[2]}e=this.collapse;i=e==="condense";r=e==="fade";this.destroyCollapsibleHeader();if(!i)return[3,2];a=this.el.closest("ion-app,ion-page,.ion-page,page-inner");n=a?findIonContent(a):null;writeTask((function(){var t=cloneElement("ion-title");t.size="large";cloneElement("ion-back-button")}));return[4,this.setupCondenseHeader(n,a)];case 1:s.sent();return[3,4];case 2:if(!r)return[3,4];a=this.el.closest("ion-app,ion-page,.ion-page,page-inner");n=a?findIonContent(a):null;if(!n){printIonContentErrorMsg(this.el);return[2]}o=n.querySelector('ion-header[collapse="condense"]');return[4,this.setupFadeHeader(n,o)];case 3:s.sent();s.label=4;case 4:return[2]}}))}))};t.prototype.destroyCollapsibleHeader=function(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=undefined}if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}if(this.collapsibleMainHeader){this.collapsibleMainHeader.classList.remove("header-collapse-main");this.collapsibleMainHeader=undefined}};t.prototype.setupCondenseHeader=function(t,e){return __awaiter(this,void 0,void 0,(function(){var i,r,a,n,o;var s=this;return __generator(this,(function(c){switch(c.label){case 0:if(!t||!e){printIonContentErrorMsg(this.el);return[2]}if(typeof IntersectionObserver==="undefined"){return[2]}i=this;return[4,getScrollElement(t)];case 1:i.scrollEl=c.sent();r=e.querySelectorAll("ion-header");this.collapsibleMainHeader=Array.from(r).find((function(t){return t.collapse!=="condense"}));if(!this.collapsibleMainHeader){return[2]}a=createHeaderIndex(this.collapsibleMainHeader);n=createHeaderIndex(this.el);if(!a||!n){return[2]}setHeaderActive(a,false);setToolbarBackgroundOpacity(a.el,0);o=function(t){handleToolbarIntersection(t,a,n,s.scrollEl)};this.intersectionObserver=new IntersectionObserver(o,{root:t,threshold:[.25,.3,.4,.5,.6,.7,.8,.9,1]});this.intersectionObserver.observe(n.toolbars[n.toolbars.length-1].el);this.contentScrollCallback=function(){handleContentScroll(s.scrollEl,n,t)};this.scrollEl.addEventListener("scroll",this.contentScrollCallback);writeTask((function(){if(s.collapsibleMainHeader!==undefined){s.collapsibleMainHeader.classList.add("header-collapse-main")}}));return[2]}}))}))};t.prototype.render=function(){var t;var e=this,i=e.translucent,r=e.inheritedAttributes;var a=getIonMode(this);var n=this.collapse||"none";var o=hostContext("ion-menu",this.el)?"none":"banner";return h(Host,Object.assign({key:"9fa0af97b605f9fe98b13361bc3d1289745c549f",role:o,class:(t={},t[a]=true,t["header-".concat(a)]=true,t["header-translucent"]=this.translucent,t["header-collapse-".concat(n)]=true,t["header-translucent-".concat(a)]=this.translucent,t)},r),a==="ios"&&i&&h("div",{key:"1a780d2625302f2465718e304bdd3794c89c9845",class:"header-background"}),h("slot",{key:"b2b8557b44be40c590bfcc362ac4350f9f8b889e"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Header.style={ios:headerIosCss,md:headerMdCss};var titleIosCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";var titleMdCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";var ToolbarTitle=function(){function t(t){registerInstance(this,t);this.ionStyle=createEvent(this,"ionStyle",7);this.color=undefined;this.size=undefined}t.prototype.sizeChanged=function(){this.emitStyle()};t.prototype.connectedCallback=function(){this.emitStyle()};t.prototype.emitStyle=function(){var t;var e=this.getSize();this.ionStyle.emit((t={},t["title-".concat(e)]=true,t))};t.prototype.getSize=function(){return this.size!==undefined?this.size:"default"};t.prototype.render=function(){var t;var e=getIonMode(this);var i=this.getSize();return h(Host,{key:"6f43362b782ef7d340c241bb66f1469663c03cc1",class:createColorClasses(this.color,(t={},t[e]=true,t["title-".concat(i)]=true,t["title-rtl"]=document.dir==="rtl",t))},h("div",{key:"9c3ff1a289e533ee3426b71ab5560fbea3529502",class:"toolbar-title"},h("slot",{key:"50d5cc5a1519ad58f1994d2f8c8f08f62baac1fe"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["sizeChanged"]}},enumerable:false,configurable:true});return t}();ToolbarTitle.style={ios:titleIosCss,md:titleMdCss};var toolbarIosCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";var toolbarMdCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}";var Toolbar=function(){function t(t){registerInstance(this,t);this.childrenStyles=new Map;this.color=undefined}t.prototype.componentWillLoad=function(){var t=Array.from(this.el.querySelectorAll("ion-buttons"));var e=t.find((function(t){return t.slot==="start"}));if(e){e.classList.add("buttons-first-slot")}var i=t.reverse();var r=i.find((function(t){return t.slot==="end"}))||i.find((function(t){return t.slot==="primary"}))||i.find((function(t){return t.slot==="secondary"}));if(r){r.classList.add("buttons-last-slot")}};t.prototype.childrenStyle=function(t){t.stopPropagation();var e=t.target.tagName;var i=t.detail;var r={};var a=this.childrenStyles.get(e)||{};var n=false;Object.keys(i).forEach((function(t){var e="toolbar-".concat(t);var o=i[t];if(o!==a[e]){n=true}if(o){r[e]=true}}));if(n){this.childrenStyles.set(e,r);forceUpdate(this)}};t.prototype.render=function(){var t;var e=getIonMode(this);var i={};this.childrenStyles.forEach((function(t){Object.assign(i,t)}));return h(Host,{key:"8907ed75fbb2b1dced55c481bba6363f1dca815b",class:Object.assign(Object.assign({},i),createColorClasses(this.color,(t={},t[e]=true,t["in-toolbar"]=hostContext("ion-toolbar",this.el),t)))},h("div",{key:"6bfa09b08d6517f0d680f53b739854cecd631bc9",class:"toolbar-background"}),h("div",{key:"1531bd6dd9e0a5843309bba854b744c453037ad0",class:"toolbar-container"},h("slot",{key:"881b41697d386eae651b019128573f0fa432cd33",name:"start"}),h("slot",{key:"64a284e6eae5311ac3125dfadb4bb32bdba9d089",name:"secondary"}),h("div",{key:"c1f47503563b38084b27d7ba54f17ec478482b94",class:"toolbar-content"},h("slot",{key:"9a85acfba72252705619ae32acae9c14f81aa57d"})),h("slot",{key:"89e08bd761dc6940dbebc5d06f5f080af204aa72",name:"primary"}),h("slot",{key:"a1cb7d95627f8a3d24dd4b9c11718fc164f53674",name:"end"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Toolbar.style={ios:toolbarIosCss,md:toolbarMdCss};export{ImageViewer as cty_image_viewer,NavBar as cty_nav_bar,Swiper as cty_swiper,Header as ion_header,ToolbarTitle as ion_title,Toolbar as ion_toolbar};
+ */var TRANSITION="all 0.2s ease-in-out";var cloneElement=function(e){var t=document.querySelector("".concat(e,".ion-cloned-element"));if(t!==null){return t}var i=document.createElement(e);i.classList.add("ion-cloned-element");i.style.setProperty("display","none");document.body.appendChild(i);return i};var createHeaderIndex=function(e){if(!e){return}var t=e.querySelectorAll("ion-toolbar");return{el:e,toolbars:Array.from(t).map((function(e){var t=e.querySelector("ion-title");return{el:e,background:e.shadowRoot.querySelector(".toolbar-background"),ionTitleEl:t,innerTitleEl:t?t.shadowRoot.querySelector(".toolbar-title"):null,ionButtonsEl:Array.from(e.querySelectorAll("ion-buttons"))}}))}};var handleContentScroll=function(e,t,i){readTask((function(){var r=e.scrollTop;var a=clamp(1,1+-r/500,1.1);var n=i.querySelector("ion-refresher.refresher-native");if(n===null){writeTask((function(){scaleLargeTitles(t.toolbars,a)}))}}))};var setToolbarBackgroundOpacity=function(e,t){if(e.collapse==="fade"){return}if(t===undefined){e.style.removeProperty("--opacity-scale")}else{e.style.setProperty("--opacity-scale",t.toString())}};var handleToolbarBorderIntersection=function(e,t,i){if(!e[0].isIntersecting){return}var r=e[0].intersectionRatio>.9||i<=0?0:(1-e[0].intersectionRatio)*100/75;setToolbarBackgroundOpacity(t.el,r===1?undefined:r)};var handleToolbarIntersection=function(e,t,i,r){writeTask((function(){var a=r.scrollTop;handleToolbarBorderIntersection(e,t,a);var n=e[0];var o=n.intersectionRect;var s=o.width*o.height;var l=n.rootBounds.width*n.rootBounds.height;var c=s===0&&l===0;var d=Math.abs(o.left-n.boundingClientRect.left);var f=Math.abs(o.right-n.boundingClientRect.right);var h=s>0&&(d>=5||f>=5);if(c||h){return}if(n.isIntersecting){setHeaderActive(t,false);setHeaderActive(i)}else{var p=o.x===0&&o.y===0||o.width!==0&&o.height!==0;if(p&&a>0){setHeaderActive(t);setHeaderActive(i,false);setToolbarBackgroundOpacity(t.el)}}}))};var setHeaderActive=function(e,t){if(t===void 0){t=true}var i=e.el;if(t){i.classList.remove("header-collapse-condense-inactive");i.removeAttribute("aria-hidden")}else{i.classList.add("header-collapse-condense-inactive");i.setAttribute("aria-hidden","true")}};var scaleLargeTitles=function(e,t,i){if(e===void 0){e=[]}if(t===void 0){t=1}if(i===void 0){i=false}e.forEach((function(e){var r=e.ionTitleEl;var a=e.innerTitleEl;if(!r||r.size!=="large"){return}a.style.transition=i?TRANSITION:"";a.style.transform="scale3d(".concat(t,", ").concat(t,", 1)")}))};var handleHeaderFade=function(e,t,i){readTask((function(){var r=e.scrollTop;var a=t.clientHeight;var n=i?i.clientHeight:0;if(i!==null&&r<n){t.style.setProperty("--opacity-scale","0");e.style.setProperty("clip-path","inset(".concat(a,"px 0px 0px 0px)"));return}var o=r-n;var s=10;var l=clamp(0,o/s,1);writeTask((function(){e.style.removeProperty("clip-path");t.style.setProperty("--opacity-scale",l.toString())}))}))};var headerIosCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";var headerMdCss="ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}";var Header=function(){function e(e){var t=this;registerInstance(this,e);this.inheritedAttributes={};this.setupFadeHeader=function(e,i){return __awaiter(t,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(n){switch(n.label){case 0:r=this;return[4,getScrollElement(e)];case 1:t=r.scrollEl=n.sent();this.contentScrollCallback=function(){handleHeaderFade(a.scrollEl,a.el,i)};t.addEventListener("scroll",this.contentScrollCallback);handleHeaderFade(this.scrollEl,this.el,i);return[2]}}))}))};this.collapse=undefined;this.translucent=false}e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAriaAttributes(this.el)};e.prototype.componentDidLoad=function(){this.checkCollapsibleHeader()};e.prototype.componentDidUpdate=function(){this.checkCollapsibleHeader()};e.prototype.disconnectedCallback=function(){this.destroyCollapsibleHeader()};e.prototype.checkCollapsibleHeader=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,r,a,n,a,n,o;return __generator(this,(function(s){switch(s.label){case 0:e=getIonMode(this);if(e!=="ios"){return[2]}t=this.collapse;i=t==="condense";r=t==="fade";this.destroyCollapsibleHeader();if(!i)return[3,2];a=this.el.closest("ion-app,ion-page,.ion-page,page-inner");n=a?findIonContent(a):null;writeTask((function(){var e=cloneElement("ion-title");e.size="large";cloneElement("ion-back-button")}));return[4,this.setupCondenseHeader(n,a)];case 1:s.sent();return[3,4];case 2:if(!r)return[3,4];a=this.el.closest("ion-app,ion-page,.ion-page,page-inner");n=a?findIonContent(a):null;if(!n){printIonContentErrorMsg(this.el);return[2]}o=n.querySelector('ion-header[collapse="condense"]');return[4,this.setupFadeHeader(n,o)];case 3:s.sent();s.label=4;case 4:return[2]}}))}))};e.prototype.destroyCollapsibleHeader=function(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=undefined}if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}if(this.collapsibleMainHeader){this.collapsibleMainHeader.classList.remove("header-collapse-main");this.collapsibleMainHeader=undefined}};e.prototype.setupCondenseHeader=function(e,t){return __awaiter(this,void 0,void 0,(function(){var i,r,a,n,o;var s=this;return __generator(this,(function(l){switch(l.label){case 0:if(!e||!t){printIonContentErrorMsg(this.el);return[2]}if(typeof IntersectionObserver==="undefined"){return[2]}i=this;return[4,getScrollElement(e)];case 1:i.scrollEl=l.sent();r=t.querySelectorAll("ion-header");this.collapsibleMainHeader=Array.from(r).find((function(e){return e.collapse!=="condense"}));if(!this.collapsibleMainHeader){return[2]}a=createHeaderIndex(this.collapsibleMainHeader);n=createHeaderIndex(this.el);if(!a||!n){return[2]}setHeaderActive(a,false);setToolbarBackgroundOpacity(a.el,0);o=function(e){handleToolbarIntersection(e,a,n,s.scrollEl)};this.intersectionObserver=new IntersectionObserver(o,{root:e,threshold:[.25,.3,.4,.5,.6,.7,.8,.9,1]});this.intersectionObserver.observe(n.toolbars[n.toolbars.length-1].el);this.contentScrollCallback=function(){handleContentScroll(s.scrollEl,n,e)};this.scrollEl.addEventListener("scroll",this.contentScrollCallback);writeTask((function(){if(s.collapsibleMainHeader!==undefined){s.collapsibleMainHeader.classList.add("header-collapse-main")}}));return[2]}}))}))};e.prototype.render=function(){var e;var t=this,i=t.translucent,r=t.inheritedAttributes;var a=getIonMode(this);var n=this.collapse||"none";var o=hostContext("ion-menu",this.el)?"none":"banner";return h(Host,Object.assign({key:"9fa0af97b605f9fe98b13361bc3d1289745c549f",role:o,class:(e={},e[a]=true,e["header-".concat(a)]=true,e["header-translucent"]=this.translucent,e["header-collapse-".concat(n)]=true,e["header-translucent-".concat(a)]=this.translucent,e)},r),a==="ios"&&i&&h("div",{key:"1a780d2625302f2465718e304bdd3794c89c9845",class:"header-background"}),h("slot",{key:"b2b8557b44be40c590bfcc362ac4350f9f8b889e"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Header.style={ios:headerIosCss,md:headerMdCss};var titleIosCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";var titleMdCss=":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";var ToolbarTitle=function(){function e(e){registerInstance(this,e);this.ionStyle=createEvent(this,"ionStyle",7);this.color=undefined;this.size=undefined}e.prototype.sizeChanged=function(){this.emitStyle()};e.prototype.connectedCallback=function(){this.emitStyle()};e.prototype.emitStyle=function(){var e;var t=this.getSize();this.ionStyle.emit((e={},e["title-".concat(t)]=true,e))};e.prototype.getSize=function(){return this.size!==undefined?this.size:"default"};e.prototype.render=function(){var e;var t=getIonMode(this);var i=this.getSize();return h(Host,{key:"6f43362b782ef7d340c241bb66f1469663c03cc1",class:createColorClasses(this.color,(e={},e[t]=true,e["title-".concat(i)]=true,e["title-rtl"]=document.dir==="rtl",e))},h("div",{key:"9c3ff1a289e533ee3426b71ab5560fbea3529502",class:"toolbar-title"},h("slot",{key:"50d5cc5a1519ad58f1994d2f8c8f08f62baac1fe"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:["sizeChanged"]}},enumerable:false,configurable:true});return e}();ToolbarTitle.style={ios:titleIosCss,md:titleMdCss};var toolbarIosCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";var toolbarMdCss=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}";var Toolbar=function(){function e(e){registerInstance(this,e);this.childrenStyles=new Map;this.color=undefined}e.prototype.componentWillLoad=function(){var e=Array.from(this.el.querySelectorAll("ion-buttons"));var t=e.find((function(e){return e.slot==="start"}));if(t){t.classList.add("buttons-first-slot")}var i=e.reverse();var r=i.find((function(e){return e.slot==="end"}))||i.find((function(e){return e.slot==="primary"}))||i.find((function(e){return e.slot==="secondary"}));if(r){r.classList.add("buttons-last-slot")}};e.prototype.childrenStyle=function(e){e.stopPropagation();var t=e.target.tagName;var i=e.detail;var r={};var a=this.childrenStyles.get(t)||{};var n=false;Object.keys(i).forEach((function(e){var t="toolbar-".concat(e);var o=i[e];if(o!==a[t]){n=true}if(o){r[t]=true}}));if(n){this.childrenStyles.set(t,r);forceUpdate(this)}};e.prototype.render=function(){var e;var t=getIonMode(this);var i={};this.childrenStyles.forEach((function(e){Object.assign(i,e)}));return h(Host,{key:"8907ed75fbb2b1dced55c481bba6363f1dca815b",class:Object.assign(Object.assign({},i),createColorClasses(this.color,(e={},e[t]=true,e["in-toolbar"]=hostContext("ion-toolbar",this.el),e)))},h("div",{key:"6bfa09b08d6517f0d680f53b739854cecd631bc9",class:"toolbar-background"}),h("div",{key:"1531bd6dd9e0a5843309bba854b744c453037ad0",class:"toolbar-container"},h("slot",{key:"881b41697d386eae651b019128573f0fa432cd33",name:"start"}),h("slot",{key:"64a284e6eae5311ac3125dfadb4bb32bdba9d089",name:"secondary"}),h("div",{key:"c1f47503563b38084b27d7ba54f17ec478482b94",class:"toolbar-content"},h("slot",{key:"9a85acfba72252705619ae32acae9c14f81aa57d"})),h("slot",{key:"89e08bd761dc6940dbebc5d06f5f080af204aa72",name:"primary"}),h("slot",{key:"a1cb7d95627f8a3d24dd4b9c11718fc164f53674",name:"end"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Toolbar.style={ios:toolbarIosCss,md:toolbarMdCss};export{ImageViewer as cty_image_viewer,NavBar as cty_nav_bar,Swiper as cty_swiper,Header as ion_header,ToolbarTitle as ion_title,Toolbar as ion_toolbar};

package/dist/esm-es5/cty-index-bar.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{d as scrollToPoint}from"./dom-CHhKFKFA.js";import{r as raf}from"./helpers-Bm1EyNNA.js";var indexBarCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-index-bar-header-background:var(--cty-color-white);--cty-index-bar-header-padding:0 15px;--cty-index-bar-header-line-height:40px;--cty-index-bar-header-font-weight:600;--cty-index-bar-header-font-size:var(--cty-font-size-large);--cty-index-bar-header-sum-font-size:var(--cty-font-size-extra-small);--cty-index-bar-header-sum-font-weight:400;--cty-index-bar-header-color:var(--cty-text-color-primary);--cty-index-bar-header-active-color:var(--cty-color-primary);--cty-index-bar-header-border:1px solid var(--cty-border-color-extra-light);--cty-index-bar-sidebar-position:fixed;--cty-index-bar-sidebar-z-index:10;--cty-index-bar-sidebar-right:8px;--cty-index-bar-sidebar-top:55%;--cty-index-bar-sidebar-transform:translateY(-50%);--cty-index-bar-sidebar-width:16px;--cty-index-bar-sidebar-index-size:16px;--cty-index-bar-sidebar-index-background:transparent;--cty-index-bar-sidebar-index-border-radius:var(--cty-border-radius-circle);--cty-index-bar-sidebar-index-offset:1px 0;--cty-index-bar-sidebar-index-font-size:10px;--cty-index-bar-sidebar-index-color:var(--cty-text-color-primary);--cty-index-bar-sidebar-index-active-color:var(--cty-color-white);--cty-index-bar-sidebar-index-active-background:var(--cty-color-primary);--cty-index-bar-sidebar-index-transition:all 0.3s ease-out;position:relative;display:block}.cty-index-bar__item-header{background:var(--cty-index-bar-header-background);padding:var(--cty-index-bar-header-padding);line-height:var(--cty-index-bar-header-line-height);font-size:var(--cty-index-bar-header-font-size);font-weight:var(--cty-index-bar-header-font-weight);color:var(--cty-index-bar-header-color);border-bottom:var(--cty-index-bar-header-border)}.cty-index-bar__item-header-active{color:var(--cty-index-bar-header-active-color)}.cty-index-bar__item-header-sum{font-size:var(--cty-index-bar-header-sum-font-size);font-weight:var(--cty-index-bar-header-sum-font-weight)}.cty-index-bar__sidebar{position:var(--cty-index-bar-sidebar-position);z-index:var(--cty-index-bar-sidebar-z-index);right:var(--cty-index-bar-sidebar-right);top:var(--cty-index-bar-sidebar-top);width:var(--cty-index-bar-sidebar-width);-webkit-transform:var(--cty-index-bar-sidebar-transform);transform:var(--cty-index-bar-sidebar-transform)}.cty-index-bar__index{width:var(--cty-index-bar-sidebar-index-size);height:var(--cty-index-bar-sidebar-index-size);background:var(--cty-index-bar-sidebar-index-background);margin:var(--cty-index-bar-sidebar-index-offset);color:var(--cty-index-bar-sidebar-index-color);font-size:var(--cty-index-bar-sidebar-index-font-size);border-radius:var(--cty-index-bar-sidebar-index-border-radius);-webkit-transition:var(--cty-index-bar-sidebar-index-transition);transition:var(--cty-index-bar-sidebar-index-transition);cursor:pointer}.cty-index-bar__index-active{background:var(--cty-index-bar-sidebar-index-active-background);color:var(--cty-index-bar-sidebar-index-active-color)}.cty-index-bar__item-content{padding:0 15px;line-height:44px;font-size:14px;border-bottom:1px solid #f7f8fa;background-color:#fff}";var IndexBar=function(){function e(e){registerInstance(this,e);this.ctyScrollToPoint=createEvent(this,"ctyScrollToPoint",7);this.sticky=true;this.stickyTop=0;this.offsetDiff=0;this.indexList=[];this.sum=true;this.alphabet="A";this.alphabets="ABCDEFGHIJKLMNOPQRSTUVWXYZ#".split("")||[];this.duration=300;this.offsetTops={};this.scrollEventBind=function(){}}Object.defineProperty(e.prototype,"hasAlphabet",{get:function(){return!!this.alphabet},enumerable:false,configurable:true});e.prototype.watchIndexListHandler=function(){this.initView(this.hasAlphabet)};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(t){switch(t.label){case 0:e=this.el.parentNode;if(!(e.nodeName.toLowerCase()==="ion-content"))return[3,2];i=this;return[4,e.getScrollElement()];case 1:i.scrollParent=t.sent();return[3,3];case 2:this.scrollParent=e;t.label=3;case 3:this.scrollEventBind=this.scrollEvent.bind(this);this.scrollParent.addEventListener("scroll",this.scrollEventBind,false);return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;raf((function(){var i;e.itemEls=Array.from(((i=e.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".cty-index-bar__item"))||[]);e.initView(e.hasAlphabet)}))};e.prototype.disconnectedCallback=function(){this.scrollParent.removeEventListener("scroll",this.scrollEventBind,false)};e.prototype.initView=function(e){if(e===void 0){e=false}if(!e&&this.indexList.length>0){this.alphabet=this.indexList[0].belong}this.getOffsetHeights();scrollToPoint(this.scrollParent,null,this.offsetTops[this.alphabet],0)};e.prototype.scrollEvent=function(){var e=this;var i=Object.values(this.offsetTops);var t=i.findIndex((function(i){return i>e.scrollParent.scrollTop}))-1;if(t<0){t=i.length-1}this.alphabet=Object.keys(this.offsetTops)[t]};e.prototype.onKeyUp=function(e,i){if(e.key==="Enter"){this.scrollToIndex(i)}};e.prototype.getOffsetHeights=function(){var e=this;var i;if(!((i=this.itemEls)===null||i===void 0?void 0:i.length)){return}this.offsetTops={};this.itemEls.forEach((function(i){var t=i.children[0].children[0].textContent;e.offsetTops[t]=i.offsetTop-e.offsetDiff}))};e.prototype.scrollToIndex=function(e){return __awaiter(this,void 0,void 0,(function(){var i,t,r;return __generator(this,(function(a){i=this.alphabets[e];t=Object.keys(this.offsetTops);if(!t.includes(i)){return[2]}this.alphabet=this.alphabets[e];r=this.offsetTops[this.alphabet];scrollToPoint(this.scrollParent,null,Math.min(r,this.scrollParent.scrollHeight-this.scrollParent.offsetHeight),this.duration);this.ctyScrollToPoint.emit(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"a53f2aba840cde51fad96c3fa152f55f5eec29cb",class:"cty-index-bar"},h("div",{key:"0b9cf94a3abaa9c0b6f634da2956067875bec151",class:"cty-index-bar__list"},this.indexList.map((function(i,t){var r;return h("div",{class:"cty-index-bar__item"},h("div",{part:"header",class:{"cty-index-bar__item-header":true,"cty-index-bar__item-header-active":e.alphabet===i.belong},style:{position:e.sticky?"sticky":"initial",top:e.stickyTop+"px"}},h("span",null,i.belong),e.sum&&h("span",{class:"cty-index-bar__item-header-sum"},"(",i.sum,")")),h("slot",{name:(r=i.slot)!==null&&r!==void 0?r:"".concat(t)}))}))),h("div",{key:"ff0cbe06ef99762719a251aad755841d37acc798",class:"cty-index-bar__sidebar",part:"sidebar"},this.alphabets.map((function(i,t){return h("button",{class:{"cty-index-bar__index cty-button-native":true,"cty-index-bar__index-active":e.alphabet===i},onClick:function(){return e.scrollToIndex(t)},onKeyUp:function(i){return e.onKeyUp(i,t)},tabindex:"0"},i)}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{indexList:["watchIndexListHandler"]}},enumerable:false,configurable:true});return e}();IndexBar.style=indexBarCss;export{IndexBar as cty_index_bar};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{d as scrollToPoint}from"./dom-CHhKFKFA.js";import{r as raf}from"./helpers-Bm1EyNNA.js";var indexBarCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-index-bar-header-background:var(--cty-color-white);--cty-index-bar-header-padding:0 15px;--cty-index-bar-header-line-height:40px;--cty-index-bar-header-font-weight:600;--cty-index-bar-header-font-size:var(--cty-font-size-large);--cty-index-bar-header-sum-font-size:var(--cty-font-size-extra-small);--cty-index-bar-header-sum-font-weight:400;--cty-index-bar-header-color:var(--cty-text-color-primary);--cty-index-bar-header-active-color:var(--cty-color-primary);--cty-index-bar-header-border:1px solid var(--cty-border-color-extra-light);--cty-index-bar-sidebar-position:fixed;--cty-index-bar-sidebar-z-index:10;--cty-index-bar-sidebar-right:8px;--cty-index-bar-sidebar-top:55%;--cty-index-bar-sidebar-transform:translateY(-50%);--cty-index-bar-sidebar-width:16px;--cty-index-bar-sidebar-index-size:16px;--cty-index-bar-sidebar-index-background:transparent;--cty-index-bar-sidebar-index-border-radius:var(--cty-border-radius-circle);--cty-index-bar-sidebar-index-offset:1px 0;--cty-index-bar-sidebar-index-font-size:10px;--cty-index-bar-sidebar-index-color:var(--cty-text-color-primary);--cty-index-bar-sidebar-index-active-color:var(--cty-color-white);--cty-index-bar-sidebar-index-active-background:var(--cty-color-primary);--cty-index-bar-sidebar-index-transition:all 0.3s ease-out;position:relative;display:block}.cty-index-bar__item-header{background:var(--cty-index-bar-header-background);padding:var(--cty-index-bar-header-padding);line-height:var(--cty-index-bar-header-line-height);font-size:var(--cty-index-bar-header-font-size);font-weight:var(--cty-index-bar-header-font-weight);color:var(--cty-index-bar-header-color);border-bottom:var(--cty-index-bar-header-border)}.cty-index-bar__item-header-active{color:var(--cty-index-bar-header-active-color)}.cty-index-bar__item-header-sum{font-size:var(--cty-index-bar-header-sum-font-size);font-weight:var(--cty-index-bar-header-sum-font-weight)}.cty-index-bar__sidebar{position:var(--cty-index-bar-sidebar-position);z-index:var(--cty-index-bar-sidebar-z-index);right:var(--cty-index-bar-sidebar-right);top:var(--cty-index-bar-sidebar-top);width:var(--cty-index-bar-sidebar-width);-webkit-transform:var(--cty-index-bar-sidebar-transform);transform:var(--cty-index-bar-sidebar-transform)}.cty-index-bar__index{width:var(--cty-index-bar-sidebar-index-size);height:var(--cty-index-bar-sidebar-index-size);background:var(--cty-index-bar-sidebar-index-background);margin:var(--cty-index-bar-sidebar-index-offset);color:var(--cty-index-bar-sidebar-index-color);font-size:var(--cty-index-bar-sidebar-index-font-size);border-radius:var(--cty-index-bar-sidebar-index-border-radius);-webkit-transition:var(--cty-index-bar-sidebar-index-transition);transition:var(--cty-index-bar-sidebar-index-transition);cursor:pointer}.cty-index-bar__index-active{background:var(--cty-index-bar-sidebar-index-active-background);color:var(--cty-index-bar-sidebar-index-active-color)}.cty-index-bar__item-content{padding:0 15px;line-height:44px;font-size:14px;border-bottom:1px solid #f7f8fa;background-color:#fff}";var IndexBar=function(){function e(e){registerInstance(this,e);this.ctyScrollToPoint=createEvent(this,"ctyScrollToPoint",7);this.sticky=true;this.stickyTop=0;this.offsetDiff=0;this.indexList=[];this.sum=true;this.alphabet="A";this.alphabets="ABCDEFGHIJKLMNOPQRSTUVWXYZ#".split("")||[];this.duration=300;this.offsetTops={};this.scrollEventBind=function(){}}Object.defineProperty(e.prototype,"hasAlphabet",{get:function(){return!!this.alphabet},enumerable:false,configurable:true});e.prototype.watchIndexListHandler=function(){this.initView(this.hasAlphabet)};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(t){switch(t.label){case 0:e=this.el.parentNode;if(!(e.nodeName.toLowerCase()==="ion-content"))return[3,2];i=this;return[4,e.getScrollElement()];case 1:i.scrollParent=t.sent();return[3,3];case 2:this.scrollParent=e;t.label=3;case 3:this.scrollEventBind=this.scrollEvent.bind(this);this.scrollParent.addEventListener("scroll",this.scrollEventBind,false);return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;raf((function(){var i;e.itemEls=Array.from(((i=e.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".cty-index-bar__item"))||[]);e.initView(e.hasAlphabet)}))};e.prototype.disconnectedCallback=function(){this.scrollParent.removeEventListener("scroll",this.scrollEventBind,false)};e.prototype.initView=function(e){if(e===void 0){e=false}if(!e&&this.indexList.length>0){this.alphabet=this.indexList[0].belong}this.getOffsetHeights();scrollToPoint(this.scrollParent,null,this.offsetTops[this.alphabet],0)};e.prototype.scrollEvent=function(){var e=this;var i=Object.values(this.offsetTops);var t=i.findIndex((function(i){return i>e.scrollParent.scrollTop}))-1;if(t<0){t=i.length-1}this.alphabet=Object.keys(this.offsetTops)[t]};e.prototype.onKeyUp=function(e,i){if(e.key==="Enter"){this.scrollToIndex(i)}};e.prototype.getOffsetHeights=function(){var e=this;var i;if(!((i=this.itemEls)===null||i===void 0?void 0:i.length)){return}this.offsetTops={};this.itemEls.forEach((function(i){var t=i.children[0].children[0].textContent;e.offsetTops[t]=i.offsetTop-e.offsetDiff}))};e.prototype.scrollToIndex=function(e){return __awaiter(this,void 0,void 0,(function(){var i,t,r;return __generator(this,(function(n){i=this.alphabets[e];t=Object.keys(this.offsetTops);if(!t.includes(i)){return[2]}this.alphabet=this.alphabets[e];r=this.offsetTops[this.alphabet];scrollToPoint(this.scrollParent,null,Math.min(r,this.scrollParent.scrollHeight-this.scrollParent.offsetHeight),this.duration);this.ctyScrollToPoint.emit(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"0ee0647b1d9d5b5521c81e39b091f6b8a72bc811",class:"cty-index-bar"},h("div",{key:"0dfdb54c8f8611021b37485aca28e0c19d3e5a44",class:"cty-index-bar__list"},this.indexList.map((function(i,t){var r;return h("div",{class:"cty-index-bar__item"},h("div",{part:"header",class:{"cty-index-bar__item-header":true,"cty-index-bar__item-header-active":e.alphabet===i.belong},style:{position:e.sticky?"sticky":"initial",top:e.stickyTop+"px"}},h("span",null,i.belong),e.sum&&h("span",{class:"cty-index-bar__item-header-sum"},"(",i.sum,")")),h("slot",{name:(r=i.slot)!==null&&r!==void 0?r:"".concat(t)}))}))),h("div",{key:"495ff2f9bf7e5cfb09161d4f7c1989b2b250740c",class:"cty-index-bar__sidebar",part:"sidebar"},this.alphabets.map((function(i,t){return h("button",{class:{"cty-index-bar__index cty-button-native":true,"cty-index-bar__index-active":e.alphabet===i},onClick:function(){return e.scrollToIndex(t)},onKeyUp:function(i){return e.onKeyUp(i,t)},tabindex:"0"},i)}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{indexList:["watchIndexListHandler"]}},enumerable:false,configurable:true});return e}();IndexBar.style=indexBarCss;export{IndexBar as cty_index_bar};

package/dist/esm-es5/cty-keyboard.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{k as keyboard}from"./keyboard-BJfELi7H.js";import{d as deviceInfo}from"./device-info-BWrjtLtW.js";import"./network-BqPNWsXF.js";import"./platform-BqPoMbNS.js";var keyboardCss="";var Keyboard=function(){function t(t){registerInstance(this,t);this.isIOS=deviceInfo.isIos;this.isMicroMessenger=deviceInfo.isMicroMessager;this.keyboardshow=false;this.timer=0}t.prototype.componentDidLoad=function(){var t=this.el.parentNode;this.resize(t)};t.prototype.disconnectedCallback=function(){this.destroy()};t.prototype.resize=function(t){var e=this;if(!this.isMicroMessenger){try{this.subscribeKbShow=keyboard.onKeyboardWillShow().subscribe((function(i){if(e.isIOS){if(!e.keyboardshow){e.timer=window.setTimeout((function(){window.scrollTo(0,0);var o="calc(100% - "+i.keyboardHeight+"px)";t.style.height=o;e.keyboardshow=true}),150)}}else{var o=window.screen.height-document.body.clientHeight;var r="calc(100% - "+(i.keyboardHeight-o)+"px)";t.style.height=r}}));this.subscribeKbHide=keyboard.onKeyboardWillHide().subscribe((function(){if(e.isIOS){clearTimeout(e.timer);t.style.height="100%";e.keyboardshow=false}else{t.style.height="100%"}}))}catch(t){}}};t.prototype.destroy=function(){var t,e;if(!this.isMicroMessenger){(t=this.subscribeKbShow)===null||t===void 0?void 0:t.unsubscribe();(e=this.subscribeKbHide)===null||e===void 0?void 0:e.unsubscribe()}};t.prototype.render=function(){return h(Host,{key:"d525c65b7c5e689b1569fb2216867221b67f0f09"})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Keyboard.style=keyboardCss;export{Keyboard as cty_keyboard};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{k as keyboard}from"./keyboard-BJfELi7H.js";import{d as deviceInfo}from"./device-info-BWrjtLtW.js";import"./network-BqPNWsXF.js";import"./platform-BqPoMbNS.js";var keyboardCss="";var Keyboard=function(){function e(e){registerInstance(this,e);this.isIOS=deviceInfo.isIos;this.isMicroMessenger=deviceInfo.isMicroMessager;this.keyboardshow=false;this.timer=0}e.prototype.componentDidLoad=function(){var e=this.el.parentNode;this.resize(e)};e.prototype.disconnectedCallback=function(){this.destroy()};e.prototype.resize=function(e){var t=this;if(!this.isMicroMessenger){try{this.subscribeKbShow=keyboard.onKeyboardWillShow().subscribe((function(i){if(t.isIOS){if(!t.keyboardshow){t.timer=window.setTimeout((function(){window.scrollTo(0,0);var o="calc(100% - "+i.keyboardHeight+"px)";e.style.height=o;t.keyboardshow=true}),150)}}else{var o=window.screen.height-document.body.clientHeight;var r="calc(100% - "+(i.keyboardHeight-o)+"px)";e.style.height=r}}));this.subscribeKbHide=keyboard.onKeyboardWillHide().subscribe((function(){if(t.isIOS){clearTimeout(t.timer);e.style.height="100%";t.keyboardshow=false}else{e.style.height="100%"}}))}catch(e){}}};e.prototype.destroy=function(){var e,t;if(!this.isMicroMessenger){(e=this.subscribeKbShow)===null||e===void 0?void 0:e.unsubscribe();(t=this.subscribeKbHide)===null||t===void 0?void 0:t.unsubscribe()}};e.prototype.render=function(){return h(Host,{key:"92fe9ba9e7e0e2b0ea5a51f30637097cf8c2b8ec"})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Keyboard.style=keyboardCss;export{Keyboard as cty_keyboard};

package/dist/esm-es5/cty-loading.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{e as createDelegateController,f as createTriggerController,p as prepareOverlay,g as removeBodyScrollClass,h as present,j as dismiss,k as eventMethod}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import"./config-iD8sj4Mi.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./helpers-skPg8wu0.js";var loadingCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-loading-overlay-position:fixed;--cty-loading-overlay-z-index:10;--cty-loading-overlay-width:100vw;--cty-loading-overlay-height:100vh;--cty-loading-overlay-background:var(--cty-overlay-color-light);--cty-loading-img-width:100px;--cty-loading-img-animation:initial;--cty-loading-active-color:var(--cty-color-primary);--cty-loading-text-size:var(--cty-font-size-base);--cty-loading-text-color:var(--cty-text-color-secondary);--cty-loading-text-offset-top:10px;--cty-loading-text-offset-start:5px;--cty-loading-transform-origin:center center;--cty-loading-transform:none}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-loading-overlay-position);z-index:var(--cty-loading-overlay-z-index);width:var(--cty-loading-overlay-width);height:var(--cty-loading-overlay-height);background:var(--cty-loading-overlay-background)}.cty-loading{-webkit-transform-origin:var(--cty-loading-transform-origin);transform-origin:var(--cty-loading-transform-origin);-webkit-transform:var(--cty-loading-transform);transform:var(--cty-loading-transform)}.cty-loading__img{display:block;width:var(--cty-loading-img-width);-webkit-animation:var(--cty-loading-img-animation);animation:var(--cty-loading-img-animation)}.cty-loading__dotted{width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);margin:0 3px;-webkit-animation:dotted linear 1s infinite;animation:dotted linear 1s infinite}.cty-loading__dotted:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__dotted:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__dotted:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__dotted:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__dotted:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}.cty-loading__columnar{width:4px;height:6px;background:var(--cty-loading-active-color);margin:0 3px;-webkit-animation:columnar linear 1s infinite;animation:columnar linear 1s infinite}.cty-loading__columnar:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__columnar:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__columnar:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__columnar:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__columnar:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}@keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}.cty-loading__type-circular{position:relative;width:50px;height:50px}.cty-loading__circular{position:absolute;width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:circular linear 0.8s infinite;animation:circular linear 0.8s infinite}.cty-loading__circular:nth-child(1){left:24px;top:2px;-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__circular:nth-child(2){left:40px;top:8px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(3){left:47px;top:24px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(4){left:40px;top:40px;-webkit-animation-delay:0.2s;animation-delay:0.2s}.cty-loading__circular:nth-child(5){left:24px;top:47px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.cty-loading__circular:nth-child(6){left:8px;top:40px;-webkit-animation-delay:0.5s;animation-delay:0.5s}.cty-loading__circular:nth-child(7){left:2px;top:24px;-webkit-animation-delay:0.6s;animation-delay:0.6s}.cty-loading__circular:nth-child(8){left:8px;top:8px;-webkit-animation-delay:0.7s;animation-delay:0.7s}@-webkit-keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}@keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}.cty-loading__type-sphere{width:20px;height:100px;border-bottom:1px solid var(--cty-loading-active-color)}.cty-loading__sphere{display:block;width:20px;height:20px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate;animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate}@-webkit-keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}@keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}.cty-loading__type-round{position:relative;width:50px;height:50px}.cty-loading__round{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cty-loading-active-color);-webkit-animation:loader-animate 0.5s linear infinite;animation:loader-animate 0.5s linear infinite;border-radius:var(--cty-border-radius-medium)}.cty-loading__round-shadow{position:absolute;top:59px;left:0;width:100%;height:5px;background:#000;opacity:0.1;border-radius:var(--cty-border-radius-circle);-webkit-animation:loader-shadow 0.5s linear infinite;animation:loader-shadow 0.5s linear infinite}@-webkit-keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}@keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}.cty-loading__text{margin-top:var(--cty-loading-text-offset-top);color:var(--cty-loading-text-color);font-size:var(--cty-loading-text-size)}.cty-loading__text-hor{margin-top:0;margin-left:var(--cty-loading-text-offset-start)}";var Loading=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.didPresent=createEvent(this,"ctyDidPresent",7);this.willPresent=createEvent(this,"ctyWillPresent",7);this.willDismiss=createEvent(this,"ctyWillDismiss",7);this.didDismiss=createEvent(this,"ctyDidDismiss",7);this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.root="default";this.animated=false;this.backdropDismiss=false;this.img="";this.spinner="dotted";this.vertical=true;this.spinnerComponents={dotted:h("div",{class:"flex"},Array(5).fill("").map((function(){return h("span",{class:"cty-loading__dotted"})}))),columnar:h("div",{class:"flex"},Array(5).fill("").map((function(){return h("span",{class:"cty-loading__columnar"})}))),circular:h("div",{class:"cty-loading__type-circular"},Array(8).fill("").map((function(){return h("span",{class:"cty-loading__circular"})}))),sphere:h("div",{class:"cty-loading__type-sphere"},h("span",{class:"cty-loading__sphere"})),round:h("div",{class:"cty-loading__type-round"},h("span",{class:"cty-loading__round"}),h("span",{class:"cty-loading__round-shadow"}))}}t.prototype.triggerChanged=function(){var t=this,e=t.trigger,a=t.el,i=t.triggerController;if(e){i.addClickListener(a,e)}};t.prototype.connectedCallback=function(){prepareOverlay(this.el);this.triggerChanged()};t.prototype.componentWillLoad=function(){};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};t.prototype.componentDidLoad=function(){var t=this;!this.hasController&&raf((function(){return t.present()}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.lockController.lock()];case 1:t=e.sent();return[4,this.delegateController.attachViewToDom(this.root)];case 2:e.sent();return[4,present(this,"loadingEnter",(function(t){return enterAnimation(t,".cty-loading")}))];case 3:e.sent();t();return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.lockController.lock()];case 1:t=a.sent();return[4,dismiss(this,"loadingLeave",(function(t){return leaveAnimation(t,".cty-loading")}))];case 2:e=a.sent();if(e){this.delegateController.removeViewFromDom()}t();return[2,e]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};t.prototype.renderSpinner=function(){if(this.img)return h("img",{src:this.img,class:"cty-loading__img",part:"img"});return this.spinnerComponents[this.spinner]||null};t.prototype.render=function(){var t=this;return h(Host,{key:"bd3ac53bbc22cc0222ee21c3428d52311d05ff31",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden cty-pos-cover":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"0458cd35d0e0875f4c3d20a131df8e8829bc9af5",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return t.dismiss()}},h("div",{key:"2b479bb6111d23af385ab4ebd433c575f0fc5dca",class:this.vertical?"cty-loading flex-column-center":"cty-loading flex-center",onClick:function(t){return t.stopPropagation()}},this.renderSpinner(),h("div",{key:"06a9afa4f27f78e83bfa988eb48a39da95c35e67",class:{"cty-loading__text":true,"cty-loading__text-hor":!this.vertical}},h("slot",{key:"615e24637383a1c57a98b59a9d87746b30116b52"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["triggerChanged"]}},enumerable:false,configurable:true});return t}();Loading.style=loadingCss;export{Loading as cty_loading};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{e as createDelegateController,f as createTriggerController,p as prepareOverlay,g as removeBodyScrollClass,h as present,j as dismiss,k as eventMethod}from"./overlays-DoToumP0.js";import{c as createLockController}from"./lock-controller-CaB1JJxy.js";import{r as raf}from"./helpers-Bm1EyNNA.js";import{g as getClassMap,e as enterAnimation,l as leaveAnimation}from"./theme-hWTV6D5u.js";import"./config-iD8sj4Mi.js";import"./animation-Cl-LwdfQ.js";import"./index-ZjP4CjeZ.js";import"./helpers-skPg8wu0.js";var loadingCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-loading-overlay-position:fixed;--cty-loading-overlay-z-index:10;--cty-loading-overlay-width:100vw;--cty-loading-overlay-height:100vh;--cty-loading-overlay-background:var(--cty-overlay-color-light);--cty-loading-img-width:100px;--cty-loading-img-animation:initial;--cty-loading-active-color:var(--cty-color-primary);--cty-loading-text-size:var(--cty-font-size-base);--cty-loading-text-color:var(--cty-text-color-secondary);--cty-loading-text-offset-top:10px;--cty-loading-text-offset-start:5px;--cty-loading-transform-origin:center center;--cty-loading-transform:none}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-loading-overlay-position);z-index:var(--cty-loading-overlay-z-index);width:var(--cty-loading-overlay-width);height:var(--cty-loading-overlay-height);background:var(--cty-loading-overlay-background)}.cty-loading{-webkit-transform-origin:var(--cty-loading-transform-origin);transform-origin:var(--cty-loading-transform-origin);-webkit-transform:var(--cty-loading-transform);transform:var(--cty-loading-transform)}.cty-loading__img{display:block;width:var(--cty-loading-img-width);-webkit-animation:var(--cty-loading-img-animation);animation:var(--cty-loading-img-animation)}.cty-loading__dotted{width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);margin:0 3px;-webkit-animation:dotted linear 1s infinite;animation:dotted linear 1s infinite}.cty-loading__dotted:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__dotted:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__dotted:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__dotted:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__dotted:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}.cty-loading__columnar{width:4px;height:6px;background:var(--cty-loading-active-color);margin:0 3px;-webkit-animation:columnar linear 1s infinite;animation:columnar linear 1s infinite}.cty-loading__columnar:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__columnar:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__columnar:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__columnar:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__columnar:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}@keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}.cty-loading__type-circular{position:relative;width:50px;height:50px}.cty-loading__circular{position:absolute;width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:circular linear 0.8s infinite;animation:circular linear 0.8s infinite}.cty-loading__circular:nth-child(1){left:24px;top:2px;-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__circular:nth-child(2){left:40px;top:8px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(3){left:47px;top:24px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(4){left:40px;top:40px;-webkit-animation-delay:0.2s;animation-delay:0.2s}.cty-loading__circular:nth-child(5){left:24px;top:47px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.cty-loading__circular:nth-child(6){left:8px;top:40px;-webkit-animation-delay:0.5s;animation-delay:0.5s}.cty-loading__circular:nth-child(7){left:2px;top:24px;-webkit-animation-delay:0.6s;animation-delay:0.6s}.cty-loading__circular:nth-child(8){left:8px;top:8px;-webkit-animation-delay:0.7s;animation-delay:0.7s}@-webkit-keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}@keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}.cty-loading__type-sphere{width:20px;height:100px;border-bottom:1px solid var(--cty-loading-active-color)}.cty-loading__sphere{display:block;width:20px;height:20px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate;animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate}@-webkit-keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}@keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}.cty-loading__type-round{position:relative;width:50px;height:50px}.cty-loading__round{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cty-loading-active-color);-webkit-animation:loader-animate 0.5s linear infinite;animation:loader-animate 0.5s linear infinite;border-radius:var(--cty-border-radius-medium)}.cty-loading__round-shadow{position:absolute;top:59px;left:0;width:100%;height:5px;background:#000;opacity:0.1;border-radius:var(--cty-border-radius-circle);-webkit-animation:loader-shadow 0.5s linear infinite;animation:loader-shadow 0.5s linear infinite}@-webkit-keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}@keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}.cty-loading__text{margin-top:var(--cty-loading-text-offset-top);color:var(--cty-loading-text-color);font-size:var(--cty-loading-text-size)}.cty-loading__text-hor{margin-top:0;margin-left:var(--cty-loading-text-offset-start)}";var Loading=function(){function t(t){registerInstance(this,t);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.didPresent=createEvent(this,"ctyDidPresent",7);this.willPresent=createEvent(this,"ctyWillPresent",7);this.willDismiss=createEvent(this,"ctyWillDismiss",7);this.didDismiss=createEvent(this,"ctyDidDismiss",7);this.delegateController=createDelegateController(this);this.lockController=createLockController();this.triggerController=createTriggerController();this.presented=false;this.hasController=false;this.root="default";this.animated=false;this.backdropDismiss=false;this.img="";this.spinner="dotted";this.vertical=true;this.spinnerComponents={dotted:h("div",{class:"flex"},Array(5).fill("").map((function(){return h("span",{class:"cty-loading__dotted"})}))),columnar:h("div",{class:"flex"},Array(5).fill("").map((function(){return h("span",{class:"cty-loading__columnar"})}))),circular:h("div",{class:"cty-loading__type-circular"},Array(8).fill("").map((function(){return h("span",{class:"cty-loading__circular"})}))),sphere:h("div",{class:"cty-loading__type-sphere"},h("span",{class:"cty-loading__sphere"})),round:h("div",{class:"cty-loading__type-round"},h("span",{class:"cty-loading__round"}),h("span",{class:"cty-loading__round-shadow"}))}}t.prototype.triggerChanged=function(){var t=this,e=t.trigger,a=t.el,i=t.triggerController;if(e){i.addClickListener(a,e)}};t.prototype.connectedCallback=function(){prepareOverlay(this.el);this.triggerChanged()};t.prototype.componentWillLoad=function(){};t.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener();this.presented&&removeBodyScrollClass()};t.prototype.componentDidLoad=function(){var t=this;!this.hasController&&raf((function(){return t.present()}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.lockController.lock()];case 1:t=e.sent();return[4,this.delegateController.attachViewToDom(this.root)];case 2:e.sent();return[4,present(this,"loadingEnter",(function(t){return enterAnimation(t,".cty-loading")}))];case 3:e.sent();t();return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.lockController.lock()];case 1:t=a.sent();return[4,dismiss(this,"loadingLeave",(function(t){return leaveAnimation(t,".cty-loading")}))];case 2:e=a.sent();if(e){this.delegateController.removeViewFromDom()}t();return[2,e]}}))}))};t.prototype.onDidDismiss=function(){return eventMethod(this.el,"ctyDidDismiss")};t.prototype.onWillDismiss=function(){return eventMethod(this.el,"ctyWillDismiss")};t.prototype.renderSpinner=function(){if(this.img)return h("img",{src:this.img,class:"cty-loading__img",part:"img"});return this.spinnerComponents[this.spinner]||null};t.prototype.render=function(){var t=this;return h(Host,{key:"44932eb236d219785e58868f61b472551af6767f",class:Object.assign(Object.assign({},getClassMap(this.cssClass)),{"overlay-hidden cty-pos-cover":true}),style:{zIndex:"".concat(2e4+this.overlayIndex)}},h("cty-backdrop",{key:"c252d39d00ce518d675e5fc863cd5f8088cc5bf2",backdropDismiss:this.backdropDismiss,onCtyDismiss:function(){return t.dismiss()}},h("div",{key:"a2eb24e493f95ee488600f95b3922d3e4af9abed",class:this.vertical?"cty-loading flex-column-center":"cty-loading flex-center",onClick:function(t){return t.stopPropagation()}},this.renderSpinner(),h("div",{key:"111268d2c84ee9707bfcb5c262aff574adcd583f",class:{"cty-loading__text":true,"cty-loading__text-hor":!this.vertical}},h("slot",{key:"3c7763077212b665ee94be8d5033e92f46a8c17e"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["triggerChanged"]}},enumerable:false,configurable:true});return t}();Loading.style=loadingCss;export{Loading as cty_loading};

package/dist/esm-es5/cty-media-capture.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{r as statusBar,s as secondsToVehicle}from"./status-bar-sXJ7CrDy.js";import{v as videoCapture}from"./video-capture-B1wGDp4R.js";import{o as closeOutline,q as arrowUndoCircle}from"./index-D0r4bHmZ.js";import"./config-iD8sj4Mi.js";import"./format-DnWe30Rj.js";import"./index-CZI7sxie.js";import"./device-info-BWrjtLtW.js";import"./platform-BqPoMbNS.js";import"./network-BqPNWsXF.js";var mediaCaptureCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-media-capture-video-background:var(--cty-color-black);--cty-media-capture-header-top:var(--ion-safe-area-top, 44px);--cty-media-capture-header-padding-start:10px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:24px;--cty-media-capture-close-icon-color:var(--cty-color-primary);--cty-media-capture-time-padding:2px 5px;--cty-media-capture-time-bg-color:#f00;--cty-media-capture-time-size:var(--cty-font-size-base);--cty-media-capture-time-color:var(--cty-color-white);--cty-media-capture-time-border-radius:var(--cty-border-radius-small);--cty-media-capture-footer-bottom:30px;--cty-media-capture-switch-size:60px;--cty-media-capture-switch-bg-color:var(--cty-color-primary);--cty-media-capture-switch-active-bg-color:#f00;--cty-media-capture-switch-border-width:3px;--cty-media-capture-switch-active-size:24px;--cty-media-capture-status-size:48px;--cty-media-capture-confirm-min-height:30px;--cty-media-capture-confirm-padding:0 1em;--cty-media-capture-confirm-size:var(--cty-font-size-base);--cty-media-capture-confirm-color:var(--cty-color-white);--cty-media-capture-confirm-bg-color:var(--cty-color-primary);--cty-media-capture-confirm-right:15px;--cty-media-capture-confirm-border-radius:var(--cty-border-radius-base);--cty-media-capture-video-object-fit:cover;position:absolute;left:0;top:0;width:100vw;height:100vh;visibility:visible !important}:host(.cty-media-captured){background:var(--cty-media-capture-video-background)}.cty-media-capture__header{position:absolute;z-index:1;left:0;top:var(--cty-media-capture-header-top);width:100%;padding-left:var(--cty-media-capture-header-padding-start);padding-right:var(--cty-media-capture-header-padding-end)}.cty-capture__close-icon{font-size:var(--cty-media-capture-close-icon-size);color:var(--cty-media-capture-close-icon-color)}.cty-media-capture__time{position:absolute;left:50%;top:50%;padding:var(--cty-media-capture-time-padding);border-radius:var(--cty-media-capture-time-border-radius);font-size:var(--cty-media-capture-time-size);color:var(--cty-media-capture-time-color);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-media-capture__time-active{background:var(--cty-media-capture-time-bg-color)}.cty-media-capture__footer{position:absolute;bottom:var(--cty-media-capture-footer-bottom);left:0;width:100%}.cty-media-capture__switch{width:var(--cty-media-capture-switch-size);height:var(--cty-media-capture-switch-size);border-color:var(--cty-media-capture-switch-bg-color);border-width:var(--cty-media-capture-switch-border-width);border-style:solid;border-radius:var(--cty-border-radius-circle);cursor:pointer}.cty-media-capture__status{width:var(--cty-media-capture-status-size);height:var(--cty-media-capture-status-size);border-radius:var(--cty-border-radius-circle);background:var(--cty-media-capture-switch-bg-color);-webkit-transition:0.3s;transition:0.3s}.cty-media-capture__status-active{width:var(--cty-media-capture-switch-active-size);height:var(--cty-media-capture-switch-active-size);border-radius:var(--cty-border-radius-base);background:var(--cty-media-capture-switch-active-bg-color)}.cty-media-capture__confirm{position:absolute;right:var(--cty-media-capture-confirm-right);top:50%;min-height:var(--cty-media-capture-confirm-min-height);background:var(--cty-media-capture-confirm-bg-color);padding:var(--cty-media-capture-confirm-padding);color:var(--cty-media-capture-confirm-color);font-size:var(--cty-media-capture-confirm-size);border-radius:var(--cty-media-capture-confirm-border-radius);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-media-capture__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:var(--cty-media-capture-video-object-fit);object-fit:var(--cty-media-capture-video-object-fit)}";var MediaCapture=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyComplete=createEvent(this,"ctyComplete",7);this.ctyStart=createEvent(this,"ctyStart",7);this.ctyStop=createEvent(this,"ctyStop",7);this.confirmText="完成";this.captureTime=true;this.options={};this.closeIcon=closeOutline;this.revocationIcon=arrowUndoCircle;this.loop=true;this.autoplay=true;this.controls=false;this.poster="";this.timeLimit=0;this.isCaptured=false;this.capturing=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";this.originalBodyBackground="";this._timer=0}e.prototype.connectedCallback=function(){this.initVideoCapture()};e.prototype.initVideoCapture=function(){var e=this;var t=window.document.querySelector("body");t.style.visibility="hidden";this.originalBodyBackground=window.getComputedStyle(t).background;t.style.background="transparent";videoCapture.captureVideo(this.options).then((function(t){if(t){var i=t.url,a=t.data;e.filePath=a;e.videoFileUrl=i;setTimeout((function(){e.videoEl.play()}),150)}})).catch((function(){}))};e.prototype.disconnectedCallback=function(){videoCapture.stopVideoCapture();this.videoEl&&this.videoEl.pause();clearInterval(this._timer);var e=window.document.querySelector("body");e.style.visibility="visible";e.style.background=this.originalBodyBackground;statusBar.toggleStatusBar(true)};e.prototype.doCapture=function(){if(this.capturing){this.stopVideoCapture()}else{this.startVideoCapture()}};e.prototype.startVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:return[4,videoCapture.startVideoCapture().catch((function(){}))];case 1:t.sent();this.capturing=true;clearInterval(this._timer);this._timer=window.setInterval((function(){e.captureDuration++;if(e.timeLimit>0&&e.captureDuration>=e.captureDuration){e.stopVideoCapture();clearInterval(e._timer)}}),1e3);this.ctyStart.emit();return[2]}}))}))};e.prototype.stopVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,videoCapture.stopVideoCapture().catch((function(){}))];case 1:e.sent();clearInterval(this._timer);this.capturing=false;this.isCaptured=true;this.ctyStop.emit();return[2]}}))}))};e.prototype.doHeaderAction=function(){if(this.isCaptured){this.initVideoCapture();this.isCaptured=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";return}this.ctyDismiss.emit()};e.prototype.toggleVideo=function(e){var t=e.target;if(t.paused){t.play()}else{t.pause()}};e.prototype.confirm=function(){this.ctyComplete.emit({data:this.filePath,url:this.videoFileUrl})};e.prototype.render=function(){var e=this;var t=secondsToVehicle(this.captureDuration);return h(Host,{key:"a2348b392a4dfc583c83f0aa45ca688c516d3a33",class:{"cty-media-capture":true,"cty-media-captured":this.isCaptured}},h("div",{key:"8941dcb4cbca994d15aead39cf77dea0a621bde8",class:"cty-media-capture__header"},h("button",{key:"603afe4b821ef29f29db2cd359d9722dc30f41f3",onClick:function(){return e.doHeaderAction()},class:"cty-button-native"},h("cty-icon",{key:"fd886d9f6fd97b34e8950a1e7cc77df9d035f8f5",class:"cty-capture__close-icon",name:this.isCaptured?this.revocationIcon:this.closeIcon})),this.captureTime&&(this.isCaptured||this.capturing)&&h("span",{key:"b03a09ae0dc739a43961bc9bbde4a6a641fb467b",class:{"cty-media-capture__time":true,"cty-media-capture__time-active":this.capturing}},t)),this.isCaptured&&h("video",{key:"a31e886e82bb680bb3a8293f43b7a4231bfa5a31",ref:function(t){return e.videoEl=t},class:"cty-media-capture__video",autoplay:this.autoplay,loop:this.loop,poster:this.poster,src:this.videoFileUrl,playsinline:true,"webkit-playsinline":true,controls:this.controls,onClick:function(t){return e.toggleVideo(t)}}),h("div",{key:"ad1dc5425bd7df3aafdd2ef1b169999b784ccd44",class:"cty-media-capture__footer flex-center"},!this.isCaptured&&h("button",{key:"7c9f565bbfb783c28743c44b27dea30ec385e8ed",class:"cty-media-capture__switch cty-button-native",onClick:function(){return e.doCapture()}},h("span",{key:"27099ff17056b20c3b5615a564712e82727c33e5",class:{"cty-media-capture__status":true,"cty-media-capture__status-active":this.capturing}})),this.isCaptured&&h("button",{key:"693f23683121bc970cd83d6a032be0a007c827de",class:"cty-media-capture__confirm cty-button-native",onClick:function(){return e.confirm()}},this.confirmText)),h("slot",{key:"c767b7dac399530e54a34e49c712aefff61af093"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MediaCapture.style=mediaCaptureCss;export{MediaCapture as cty_media_capture};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-DBsZD0Dk.js";import{r as statusBar,s as secondsToVehicle}from"./status-bar-sXJ7CrDy.js";import{v as videoCapture}from"./video-capture-B83C8hW9.js";import{o as closeOutline,q as arrowUndoCircle}from"./index-D0r4bHmZ.js";import"./config-iD8sj4Mi.js";import"./format-DnWe30Rj.js";import"./index-CZI7sxie.js";import"./device-info-BWrjtLtW.js";import"./platform-BqPoMbNS.js";import"./network-BqPNWsXF.js";var mediaCaptureCss="*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-media-capture-video-background:var(--cty-color-black);--cty-media-capture-header-top:var(--ion-safe-area-top, 44px);--cty-media-capture-header-padding-start:10px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:24px;--cty-media-capture-close-icon-color:var(--cty-color-primary);--cty-media-capture-time-padding:2px 5px;--cty-media-capture-time-bg-color:#f00;--cty-media-capture-time-size:var(--cty-font-size-base);--cty-media-capture-time-color:var(--cty-color-white);--cty-media-capture-time-border-radius:var(--cty-border-radius-small);--cty-media-capture-footer-bottom:30px;--cty-media-capture-switch-size:60px;--cty-media-capture-switch-bg-color:var(--cty-color-primary);--cty-media-capture-switch-active-bg-color:#f00;--cty-media-capture-switch-border-width:3px;--cty-media-capture-switch-active-size:24px;--cty-media-capture-status-size:48px;--cty-media-capture-confirm-min-height:30px;--cty-media-capture-confirm-padding:0 1em;--cty-media-capture-confirm-size:var(--cty-font-size-base);--cty-media-capture-confirm-color:var(--cty-color-white);--cty-media-capture-confirm-bg-color:var(--cty-color-primary);--cty-media-capture-confirm-right:15px;--cty-media-capture-confirm-border-radius:var(--cty-border-radius-base);--cty-media-capture-video-object-fit:cover;position:absolute;left:0;top:0;width:100vw;height:100vh;visibility:visible !important}:host(.cty-media-captured){background:var(--cty-media-capture-video-background)}.cty-media-capture__header{position:absolute;z-index:1;left:0;top:var(--cty-media-capture-header-top);width:100%;padding-left:var(--cty-media-capture-header-padding-start);padding-right:var(--cty-media-capture-header-padding-end)}.cty-capture__close-icon{font-size:var(--cty-media-capture-close-icon-size);color:var(--cty-media-capture-close-icon-color)}.cty-media-capture__time{position:absolute;left:50%;top:50%;padding:var(--cty-media-capture-time-padding);border-radius:var(--cty-media-capture-time-border-radius);font-size:var(--cty-media-capture-time-size);color:var(--cty-media-capture-time-color);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-media-capture__time-active{background:var(--cty-media-capture-time-bg-color)}.cty-media-capture__footer{position:absolute;bottom:var(--cty-media-capture-footer-bottom);left:0;width:100%}.cty-media-capture__switch{width:var(--cty-media-capture-switch-size);height:var(--cty-media-capture-switch-size);border-color:var(--cty-media-capture-switch-bg-color);border-width:var(--cty-media-capture-switch-border-width);border-style:solid;border-radius:var(--cty-border-radius-circle);cursor:pointer}.cty-media-capture__status{width:var(--cty-media-capture-status-size);height:var(--cty-media-capture-status-size);border-radius:var(--cty-border-radius-circle);background:var(--cty-media-capture-switch-bg-color);-webkit-transition:0.3s;transition:0.3s}.cty-media-capture__status-active{width:var(--cty-media-capture-switch-active-size);height:var(--cty-media-capture-switch-active-size);border-radius:var(--cty-border-radius-base);background:var(--cty-media-capture-switch-active-bg-color)}.cty-media-capture__confirm{position:absolute;right:var(--cty-media-capture-confirm-right);top:50%;min-height:var(--cty-media-capture-confirm-min-height);background:var(--cty-media-capture-confirm-bg-color);padding:var(--cty-media-capture-confirm-padding);color:var(--cty-media-capture-confirm-color);font-size:var(--cty-media-capture-confirm-size);border-radius:var(--cty-media-capture-confirm-border-radius);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-media-capture__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:var(--cty-media-capture-video-object-fit);object-fit:var(--cty-media-capture-video-object-fit)}";var MediaCapture=function(){function e(e){registerInstance(this,e);this.ctyDismiss=createEvent(this,"ctyDismiss",7);this.ctyComplete=createEvent(this,"ctyComplete",7);this.ctyStart=createEvent(this,"ctyStart",7);this.ctyStop=createEvent(this,"ctyStop",7);this.confirmText="完成";this.captureTime=true;this.options={};this.closeIcon=closeOutline;this.revocationIcon=arrowUndoCircle;this.loop=true;this.autoplay=true;this.controls=false;this.poster="";this.timeLimit=0;this.permissionAlertTitle="需要申请开启相机权限";this.permissionAlertContent="需要开启相机权限，用于拍摄视频。我们承诺仅在功能使用时调用摄像头。";this.isCaptured=false;this.capturing=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";this.hasPermission=false;this.permissionAlertVisible=false;this.originalBodyBackground="";this._timer=0}e.prototype.connectedCallback=function(){this.initVideoCapture()};e.prototype.initVideoCapture=function(){var e=this;var t=window.document.querySelector("body");t.style.visibility="hidden";this.originalBodyBackground=window.getComputedStyle(t).background;t.style.background="transparent";videoCapture.captureVideo(this.options).then((function(t){if(t){var i=t.url,a=t.data;e.filePath=a;e.videoFileUrl=i;setTimeout((function(){e.videoEl.play()}),150)}})).catch((function(t){var i=(t||{}).code;if(i=="PERMISSION_DENIED_NEED_SETTINGS"){e.permissionAlertVisible=true}else{e.ctyDismiss.emit()}}))};e.prototype.disconnectedCallback=function(){videoCapture.stopVideoCapture();this.videoEl&&this.videoEl.pause();clearInterval(this._timer);var e=window.document.querySelector("body");e.style.visibility="visible";e.style.background=this.originalBodyBackground;statusBar.toggleStatusBar(true)};e.prototype.doCapture=function(){if(this.capturing){this.stopVideoCapture()}else{this.startVideoCapture()}};e.prototype.startVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:return[4,videoCapture.startVideoCapture().catch((function(){}))];case 1:t.sent();this.capturing=true;clearInterval(this._timer);this._timer=window.setInterval((function(){e.captureDuration++;if(e.timeLimit>0&&e.captureDuration>=e.captureDuration){e.stopVideoCapture();clearInterval(e._timer)}}),1e3);this.ctyStart.emit();return[2]}}))}))};e.prototype.stopVideoCapture=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,videoCapture.stopVideoCapture().catch((function(){}))];case 1:e.sent();clearInterval(this._timer);this.capturing=false;this.isCaptured=true;this.ctyStop.emit();return[2]}}))}))};e.prototype.doHeaderAction=function(){if(this.isCaptured){this.initVideoCapture();this.isCaptured=false;this.captureDuration=0;this.filePath="";this.videoFileUrl="";return}this.ctyDismiss.emit()};e.prototype.toggleVideo=function(e){var t=e.target;if(t.paused){t.play()}else{t.pause()}};e.prototype.confirm=function(){this.ctyComplete.emit({data:this.filePath,url:this.videoFileUrl})};e.prototype.toOpenAppSetting=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(a){switch(a.label){case 0:t=e.detail.item;if(!(t.action=="permission"))return[3,4];a.label=1;case 1:a.trys.push([1,3,,4]);return[4,videoCapture.openAppSettings()];case 2:a.sent();this.permissionAlertVisible=false;this.initVideoCapture();return[3,4];case 3:i=a.sent();this.closePermissionAlert(e);return[3,4];case 4:return[2]}}))}))};e.prototype.closePermissionAlert=function(e){e.stopPropagation();this.permissionAlertVisible=false;this.ctyDismiss.emit()};e.prototype.render=function(){var e=this;var t=secondsToVehicle(this.captureDuration);return h(Host,{key:"dea0fde2e775dac71b8d627fbf72502ce8b01ac6",class:{"cty-media-capture":true,"cty-media-captured":this.isCaptured}},h("div",{key:"639152bb0476a2577a91268088efd50d251c3962",class:"cty-media-capture__header"},h("button",{key:"a2246e49b5e58c4623b1e2d65c7d14e216be179f",onClick:function(){return e.doHeaderAction()},class:"cty-button-native"},h("cty-icon",{key:"a47c9b4f70a9ffa317e6ed165ed05098eba5198f",class:"cty-capture__close-icon",name:this.isCaptured?this.revocationIcon:this.closeIcon})),this.captureTime&&(this.isCaptured||this.capturing)&&h("span",{key:"0bd480dc6ba6963ac65c14c55b6d7d242a1b79e2",class:{"cty-media-capture__time":true,"cty-media-capture__time-active":this.capturing}},t)),this.isCaptured&&h("video",{key:"9bb3ad454c63e53d6acd2968b2281a5c152a9390",ref:function(t){return e.videoEl=t},class:"cty-media-capture__video",autoplay:this.autoplay,loop:this.loop,poster:this.poster,src:this.videoFileUrl,playsinline:true,"webkit-playsinline":true,controls:this.controls,onClick:function(t){return e.toggleVideo(t)}}),h("div",{key:"90101389dea8e43c50dddf98c6cea75f8d324bd9",class:"cty-media-capture__footer flex-center"},!this.isCaptured&&h("button",{key:"71f330777cdabab5829a2dbcf703ba3a40d99647",class:"cty-media-capture__switch cty-button-native",onClick:function(){return e.doCapture()}},h("span",{key:"6957cf9034bd74ea7ae4653557f417b2c934ee81",class:{"cty-media-capture__status":true,"cty-media-capture__status-active":this.capturing}})),this.isCaptured&&h("button",{key:"f508c7bb4cca833a13b1cfe3957a10114c92377e",class:"cty-media-capture__confirm cty-button-native",onClick:function(){return e.confirm()}},this.confirmText)),h("slot",{key:"f5f99097bc702e82912865d500172f4a88966623"}),this.permissionAlertVisible&&h("cty-permission-alert",{key:"07ce58f2409b15db1621343acec4a7938cc87474",title:this.permissionAlertTitle,content:this.permissionAlertContent,buttons:this.permissionAlertbuttons,onCtyDismiss:function(t){return e.closePermissionAlert(t)},onCtyTap:function(t){return e.toOpenAppSetting(t)}}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MediaCapture.style=mediaCaptureCss;export{MediaCapture as cty_media_capture};