cty-mui-core 1.0.8 → 1.0.9

package/components/cty-tour.js

@@ -124,10 +124,10 @@ const Tour = /*@__PURE__*/ proxyCustomElement(class Tour extends HTMLElement {
         const popoverClass = (Array.isArray(cssClass) ? [...cssClass] : [cssClass]).concat(['cty-tour__popover']).join(' ');
         const tourCloseable = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.closeable) || closeable;
         const enableFooter = Array.isArray(steps) && steps.length > 1;
-        return (h(Host, { key: '9d8661156fcf15df5c22b0d34961b534ae13d02c', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'f0d5d6decf59ed6faae5cf49e4a59cff08b3c5f6', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: '56fdb3d56abcd841b0ed20b9c49105a30e9d573a', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), h("div", { key: '7bffd7d92ec0df3cee220c54951a967bcdde149f', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '0b19e46e77e78416252b16f3820eecbafeefa4a2', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '66a04550626abe4dbd325563835e5503f00f71c0', name: "header" }), tourCloseable && h("slot", { key: '84cc72b709dff789cce8346802c3a02f749306dd', name: "closeable" }, h("button", { key: '46c58097c56ad503f8be8ed97c2b86781e388d91', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: 'bd1619a0a94bc2f0e1c572258f9370dc2d21c435', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: 'b84399ad26a4946a40217dba009f67b8bb9fadc9', name: "content" }, h("p", { key: '72fa9c1d9394c2f87637497bebb896c1a5068d4c', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '47627655099918d3e521bc4edc32cf2f81038617', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '06902d076fc51bc5dfed6bae2f53eafc2e1f387b', name: "indicator" }, h("div", { key: '799df380ea66ee0dbd4ce8b3d2c49716e4b5130d', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '72a3d0b4a8cda0c79f5e1ac4bffa4a3e33c757e6', name: "buttons" }, h("div", { key: 'a40098fc03c5f081c5e89d9f6ca048dca3c63728', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
-            h("button", { key: '1d71e841bb9a33ceb28249ce4804d716832be8f3', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
-            h("button", { key: '805f0d08eddb489428525190b3f63a1c046f2d0c', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
-            h("button", { key: 'c6d507eaf2b741896ece007b968f562475afa39e', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: '445a3ca1493082677c00ffffa809e0155cafcccc', name: "footer" }))))));
+        return (h(Host, { key: '9d8661156fcf15df5c22b0d34961b534ae13d02c', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'f0d5d6decf59ed6faae5cf49e4a59cff08b3c5f6', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'a1138f0ab42d6b2cf93330c7c41fa5534041f64d', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), h("div", { key: 'fda1239d5bdb194304057869c7202fa973036829', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '3c5969c3aca13c398a0a461d20ae558159c618ff', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '597428c38608ca19cce1b7e5b4fe28fb46b15dc9', name: "header" }), tourCloseable && h("slot", { key: 'd60f1e1380d17c3db200ed8d0ceb2ab11b3dd475', name: "closeable" }, h("button", { key: 'f2f614a0d8fa8000b694bfebf43d5167895e66a2', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '2622b99a0a750f50de43b25cb812217be33b139c', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '5622d447db172f0866d129210a05ea54ce07833e', name: "content" }, h("p", { key: '72c033247bd4a9b8c589f141f1d992f123074016', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '2dfbf149f1beaa3ae463bc388c487532dd3e02c7', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '397045e0b07245485ce619197b544915c18d1705', name: "indicator" }, h("div", { key: '155eed8cfe0f3997c23a4093e9d70d983481221e', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '3d018423014eb291d6a5213d194102d1055eadfe', name: "buttons" }, h("div", { key: '0028d42802dd89e1bc879a7a5a6013cdd0ed76b5', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
+            h("button", { key: '66e55cf39b3190c8e0b71c29b3ffeb4ac17d6b35', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
+            h("button", { key: '93f853c11d8db9dac4806f59aa6de991273f13a2', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
+            h("button", { key: 'c5f36a4232076e8cac57ea1f61eb72776219cd6f', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: '658afef0513543d64a4b628caaea096e553b81c0', name: "footer" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-video.js

@@ -120,7 +120,7 @@ class CTYVolumeControl {
 }
 const volumeControl = new CTYVolumeControl();
 
-const videoCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}:host{--cty-video-width:100vw;--cty-video-height:100vh;--cty-video-half-width:calc(var(--cty-video-width) / 2);--cty-video-fit:fill;--cty-video-header-height:50px;--cty-video-header-background:var(--cty-overlay-color-lighter);--cty-video-header-unfullscreen-background:transparent;--cty-video-header-unfullscreen-height:30px;--cty-video-header-padding-top:0px;--cty-video-header-padding-bottom:0px;--cty-video-header-padding-start:0px;--cty-video-header-padding-end:0px;--cty-video-header-back-display:flex;--cty-video-header-back-background:transparent;--cty-video-header-back-height:36px;--cty-video-header-back-width:36px;--cty-video-header-back-radius:var(--cty-border-radius-circle);--cty-video-header-back-offset-start:2px;--cty-video-header-back-offset-end:0px;--cty-video-header-back-size:25px;--cty-video-header-back-color:var(--cty-color-white);--cty-video-header-title-size:var(--cty-font-size-medium);--cty-video-header-title-color:var(--cty-color-white);--cty-video-header-title-display:flex;--cty-video-footer-height:50px;--cty-video-footer-background:var(--cty-overlay-color-lighter);--cty-video-footer-unfullscreen-background:transparent;--cty-video-footer-unfullscreen-height:35px;--cty-video-footer-progress-height:0px;--cty-video-footer-padding-start:0px;--cty-video-footer-padding-end:0px;--cty-video-footer-progress-size:var(--cty-font-size-medium);--cty-video-footer-icon-size:24px;--cty-video-footer-fullscreen-icon-size:20px;--cty-video-play-size:80px;--cty-video-play-border:5px solid rgba(238, 238, 238, 0.8);--cty-video-play-icon-size:40px;--cty-video-unfullscreen-play-size:40px;--cty-video-unfullscreen-play-border:4px solid rgba(238, 238, 238, 0.8);--cty-video-unfullscreen-play-icon-size:26px;--cty-video-range-bar-height:2px;--cty-video-bar-size:12px;--cty-video-bar-color:var(--cty-color-white);--cty-video-range-knob-background:var(--cty-color-white);--cty-video-range-background:rgba(255,255,255,0.5);--cty-video-range-background-active:var(--cty-color-primary);--cty-video-loading-background-color:rgba(0,0,0,0.9);--cty-video-loading-img-width:100px;--cty-video-half-screen-height:56vw;--cty-video-dot-size:7px;--cty-video-dot-padding:9px;--cty-video-dot-active-color:var(--cty-color-primary);--cty-video-progress-vertical-padding:0 15px;--cty-video-progress-horizongtal-padding:0px;--cty-video-rate-active-color:var(--cty-color-primary);--cty-video-toast-width:calc(var(--cty-video-width) * 0.4);--cty-video-toast-height:40px;--cty-video-opn-toast-icon-size:20px;display:block;position:relative;width:var(--cty-video-width);height:var(--cty-video-height);background:var(--cty-color-black)}ion-row{height:100%}ion-col{overflow:hidden}ion-button{margin:0;min-height:auto}.cty-video__wrapper{position:relative;width:100%;height:100%}.cty-video__player{display:none;position:absolute;top:0;left:0;margin:0;width:var(--cty-video-height);height:var(--cty-video-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg) translate(0, -100%);transform:rotate(90deg);-o-object-fit:var(--cty-video-fit);object-fit:var(--cty-video-fit)}.cty-video__controls{position:absolute;top:0;left:0;width:100%;height:100%}.cty-video__header{position:absolute;z-index:6;background:var(--cty-video-header-background);top:0;left:0;width:calc(var(--cty-video-height) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));height:var(--cty-video-header-height);padding-left:var(--cty-video-header-padding-start);padding-right:var(--cty-video-header-padding-end);padding-top:var(--cty-video-header-padding-top);padding-bottom:var(--cty-video-header-padding-bottom);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-box-sizing:content-box;box-sizing:content-box}.cty-video__header-back{display:var(--cty-video-header-back-display);width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__header-back ion-button{width:var(--cty-video-header-back-width);height:var(--cty-video-header-back-height);border-radius:var(--cty-video-header-back-radius);--background:var(--cty-video-header-back-background);--padding-start:5px;--padding-end:5px;--padding-top:0;--padding-bottom:0;margin-left:var(--cty-video-header-back-offset-start);margin-right:var(--cty-video-header-back-offset-end)}.cty-video__header-back cty-icon{font-size:var(--cty-video-header-back-size);color:var(--cty-video-header-back-color)}.cty-video__title[class]{display:var(--cty-video-header-title-display);font-size:var(--cty-video-header-title-size);color:var(--cty-video-header-title-color);line-height:var(--cty-video-header-height)}.cty-video__footer{position:absolute;top:0;left:0;z-index:6;width:var(--cty-video-height);height:var(--cty-video-footer-height);background:var(--cty-video-footer-background);padding-left:var(--cty-video-footer-padding-start);padding-right:var(--cty-video-footer-padding-end);transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-box-sizing:border-box;box-sizing:border-box}.cty-video__footer ion-button{height:100%;--background:transparent;--padding-start:12px;--padding-end:12px;--padding-top:0;--padding-bottom:0;--color:var(--cty-color-white)}.cty-video__footer ion-row{height:calc(var(--cty-video-footer-height) - var(--cty-video-footer-progress-height))}.cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height);-webkit-transform:translateY(calc(var(--cty-video-footer-progress-height) / 2));transform:translateY(calc(var(--cty-video-footer-progress-height) / 2))}.cty-video__footer-controls{background:transparent}.cty-video__footer-controls ion-col:not(.cty-video__footer-progress){opacity:0}.cty-video__footer-controls .cty-video__time{opacity:0}.cty-video__footer-toggle-play{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-toggle-play cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-flex{-ms-flex:1;flex:1}.cty-video__footer-time-label{margin-left:8px;color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size);letter-spacing:0.2px}.cty-video__footer-time-label span{margin:0 1px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cty-video__footer-progress{overflow:auto;-ms-flex:1;flex:1}.cty-video__time{color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size)}.cty-video__time:nth-child(1){margin-right:12px}.cty-video__time:nth-child(2),.cty-video__time:last-child{margin-left:12px}.cty-video__footer-range{--height:100%;--knob-size:var(--cty-video-bar-size);--bar-height:var(--cty-video-range-bar-height);padding:0;--knob-background:var(--cty-video-range-knob-background);--bar-background:var(--cty-video-range-background);--bar-background-active:var(--cty-video-range-background-active);color:var(--cty-video-bar-color);font-size:var(--cty-font-size-medium);opacity:1}.cty-video__footer-bar{position:relative;-ms-flex:1;flex:1;height:80%;cursor:pointer}.cty-video__footer-progress__top{position:relative;z-index:2;padding:var(--cty-video-progress-horizongtal-padding)}.cty-video__footer-progress__top .cty-video__footer-bar{height:100%}.cty-video__footer-dot{position:absolute;top:50%;padding:var(--cty-video-dot-padding);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-video__footer-dot::after{display:block;width:var(--cty-video-dot-size);height:var(--cty-video-dot-size);background:var(--cty-video-dot-active-color);content:\"\";border-radius:var(--cty-border-radius-circle)}.cty-video__footer-rate{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-rate ion-button{--padding-start:5px;--padding-end:5px;--padding-top:4px;--padding-bottom:4px;width:36px;height:auto;margin-left:12px;border-radius:var(--cty-border-radius-base);border:1px solid var(--cty-color-white);font-size:var(--cty-font-size-extra-small);font-weight:bold;white-space:nowrap}.cty-video__footer-volume{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-volume cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-fullscreen{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-fullscreen ion-button{--padding-start:0px}.cty-video__footer-fullscreen cty-icon{font-size:var(--cty-video-footer-fullscreen-icon-size)}.cty-video__toggle-play{position:absolute;left:50%;top:50%;z-index:8;font-weight:bold;width:var(--cty-video-play-size);height:var(--cty-video-play-size);margin:calc(var(--cty-video-play-size) / -2) 0px 0px calc(var(--cty-video-play-size) / -2);border-radius:var(--cty-border-radius-circle);border:var(--cty-video-play-border);text-align:center;--background:transparent;--padding-top:0;--padding-end:0;--padding-start:0;--padding-bottom:0}.cty-video__toggle-play cty-icon{color:rgba(238, 238, 238, 0.9);font-size:var(--cty-video-play-icon-size);text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__opn-toast{position:absolute;z-index:4;top:50%;left:50%;width:var(--cty-video-toast-width);max-width:150px;height:var(--cty-video-toast-height);background:var(--cty-overlay-color-light);border-radius:var(--cty-border-radius-round);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);font-size:var(--cty-font-size-medium);font-weight:bold;color:var(--cty-color-white)}.cty-video__opn-toast cty-icon{margin-right:10px;font-size:var(--cty-video-opn-toast-icon-size)}.cty-video__opn-panel{position:absolute;z-index:5;top:50%;left:50%;width:var(--cty-video-height);height:calc(var(--cty-video-width) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:0 0 0 calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / 2);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.cty-video__dot-panel{position:absolute;z-index:6;background:var(--cty-overlay-color);padding:5px 11px 5px 8px;margin-left:calc(var(--cty-video-footer-height) + 13px + 46px);border-radius:var(--cty-border-radius-base);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__dot-panel .cty-video__dot-label{position:relative;max-width:160px;padding-right:17px;font-size:var(--cty-font-size-small);line-height:1.38;color:var(--cty-color-white)}.cty-video__dot-panel .cty-video__dot-label::after{position:absolute;top:0;right:7px;height:100%;width:1px;background-color:rgba(255, 255, 255, 0.3);content:\"\";-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}.cty-video__dot-panel ion-button{height:36px;--padding-start:0;--padding-end:0;--background:transparent;--border-radius:0;--color:var(--cty-video-dot-active-color);font-weight:bold;font-size:var(--cty-font-size-small)}.cty-video__dot-panel cty-icon{margin-right:4px;font-size:var(--cty-font-size-medium)}.cty-video__dot-panel .cty-video__dot-triangle{position:absolute;bottom:-18px;left:20px;border-width:9px 8px;border-style:solid;border-color:transparent;border-top-color:var(--cty-overlay-color)}.cty-video__dot-panel-ex{margin-left:calc(var(--cty-video-footer-height) + 46px)}.cty-video__toast[class]{position:absolute;top:50%;z-index:7;font-weight:bold;min-width:300px;max-width:96vw;padding:0 15px;margin:0px 0px 0px -60px;background:var(--cty-overlay-color);border-radius:var(--cty-border-radius-large);color:rgba(238, 238, 238, 0.9);font-size:var(--cty-font-size-extra-small);line-height:30px;text-align:center;pointer-events:none;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__rate{position:absolute;top:0;left:0;z-index:9;width:var(--cty-video-height);height:var(--cty-video-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__rate-mask{position:absolute;top:0;right:0;width:40%;height:100%;background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.9)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.5)), to(transparent));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent)}.cty-video__rate-list-item{display:block;width:112px;min-height:50px;background-color:transparent;outline:none;border:none;color:var(--cty-color-white);font-size:var(--cty-font-size-base);text-align:center}.cty-video__rate-list-item.active{color:var(--cty-video-rate-active-color)}.cty-video__interactive{display:none;z-index:101;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}:host(.cty-video__vertical) cty-loading{--cty-loading-transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__player{top:50%;width:var(--cty-video-width);height:auto;max-height:100%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}:host(.cty-video__vertical) .cty-video__toggle-play cty-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__toast{left:50%;top:80%;margin:0;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}:host(.cty-video__vertical) .cty-video__header{width:calc(var(--cty-video-width) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__opn-panel{width:var(--cty-video-width);height:calc(var(--cty-video-height) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / -2) 0 0;-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)}:host(.cty-video__vertical) .cty-video__opn-toast{top:50%;-webkit-transform:translate(-50%, 0) rotate(0deg);transform:translate(-50%, 0) rotate(0deg)}:host(.cty-video__vertical) .cty-video__footer{width:var(--cty-video-width);-webkit-transform:rotate(0);transform:rotate(0);top:auto;bottom:0}:host(.cty-video__vertical) .cty-video__footer-progress__top{padding:var(--cty-video-progress-vertical-padding)}:host(.cty-video__vertical) .cty-video__time{font-size:var(--cty-font-size-small)}:host(.cty-video__vertical) .cty-video__footer-time-label{margin-left:0}:host(.cty-video__vertical) .cty-video__rate{width:var(--cty-video-width);height:var(--cty-video-height);-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__dot-panel{margin-left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);bottom:calc(var(--footer-height) + 13px)}:host(.cty-video__vertical) .cty-video__dot-panel-ex{bottom:var(--footer-height)}:host(.cty-video__unfullscreen){height:var(--cty-video-half-screen-height)}:host(.cty-video__unfullscreen) .cty-video__wrapper{background-color:var(--cty-color-black)}:host(.cty-video__unfullscreen) .cty-video__player{top:0;height:var(--cty-video-half-screen-height);max-height:initial;-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__unfullscreen) .cty-video__toggle-play{width:var(--cty-video-unfullscreen-play-size);height:var(--cty-video-unfullscreen-play-size);margin:calc(var(--cty-video-unfullscreen-play-size) / -2) 0px 0px calc(var(--cty-video-unfullscreen-play-size) / -2);border:var(--cty-video-unfullscreen-play-border)}:host(.cty-video__unfullscreen) .cty-video__toggle-play cty-icon{font-size:var(--cty-video-unfullscreen-play-icon-size)}:host(.cty-video__unfullscreen) .cty-video__header{height:var(--cty-video-header-unfullscreen-height);background:var(--cty-video-header-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__title{line-height:var(--cty-video-header-unfullscreen-height)}:host(.cty-video__unfullscreen) .cty-video__header-back ion-button{width:30px;height:100%}:host(.cty-video__unfullscreen) .cty-video__footer{height:var(--cty-video-footer-unfullscreen-height);background:var(--cty-video-footer-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__footer ion-row{height:calc(var(--cty-video-footer-unfullscreen-height) - var(--cty-video-footer-progress-height))}:host(.cty-video__unfullscreen) .cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height)}:host(.cty-video__unfullscreen) .cty-video__footer ion-button{--padding-start:8px;--padding-end:8px}:host(.cty-video__unfullscreen) .cty-video__footer-fullscreen ion-button{--padding-start:0px}:host(.cty-video__unfullscreen) .cty-video__opn-panel{height:calc(var(--cty-video-half-screen-height) - var(--cty-video-header-unfullscreen-height) - var(--cty-video-footer-unfullscreen-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom))}:host(.cty-video__unfullscreen) .cty-video__opn-toast{top:40%;height:30px}:host(.cty-video__unfullscreen) .cty-video__toast{top:70%}:host(.cty-video__unfullscreen) cty-loading{--cty-loading-overlay-height:var(--cty-video-half-screen-height)}:host(.cty-video__large-screen) .cty-video__player{width:auto;max-width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cty-video__audio-player{display:block}.cty-video__player-audio{position:absolute;visibility:hidden;display:none}";
+const videoCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}:host{--cty-video-width:100vw;--cty-video-height:100vh;--cty-video-half-width:calc(var(--cty-video-width) / 2);--cty-video-fit:fill;--cty-video-header-height:50px;--cty-video-header-background:var(--cty-overlay-color-lighter);--cty-video-header-unfullscreen-background:transparent;--cty-video-header-unfullscreen-height:30px;--cty-video-header-padding-top:0px;--cty-video-header-padding-bottom:0px;--cty-video-header-padding-start:0px;--cty-video-header-padding-end:0px;--cty-video-header-back-display:flex;--cty-video-header-back-background:transparent;--cty-video-header-back-height:36px;--cty-video-header-back-width:36px;--cty-video-header-back-radius:var(--cty-border-radius-circle);--cty-video-header-back-offset-start:2px;--cty-video-header-back-offset-end:0px;--cty-video-header-back-size:25px;--cty-video-header-back-color:var(--cty-color-white);--cty-video-header-title-size:var(--cty-font-size-medium);--cty-video-header-title-color:var(--cty-color-white);--cty-video-header-title-display:flex;--cty-video-footer-height:50px;--cty-video-footer-background:var(--cty-overlay-color-lighter);--cty-video-footer-unfullscreen-background:transparent;--cty-video-footer-unfullscreen-height:35px;--cty-video-footer-progress-height:0px;--cty-video-footer-padding-start:0px;--cty-video-footer-padding-end:0px;--cty-video-footer-progress-size:var(--cty-font-size-medium);--cty-video-footer-icon-size:24px;--cty-video-footer-fullscreen-icon-size:20px;--cty-video-play-size:80px;--cty-video-play-border:5px solid rgba(238, 238, 238, 0.8);--cty-video-play-icon-size:40px;--cty-video-unfullscreen-play-size:40px;--cty-video-unfullscreen-play-border:4px solid rgba(238, 238, 238, 0.8);--cty-video-unfullscreen-play-icon-size:26px;--cty-video-range-bar-height:2px;--cty-video-bar-size:12px;--cty-video-bar-color:var(--cty-color-white);--cty-video-range-knob-background:var(--cty-color-white);--cty-video-range-background:rgba(255,255,255,0.5);--cty-video-range-background-active:var(--cty-color-primary);--cty-video-loading-background-color:rgba(0,0,0,0.9);--cty-video-loading-img-width:100px;--cty-video-half-screen-height:56vw;--cty-video-dot-size:7px;--cty-video-dot-padding:9px;--cty-video-dot-active-color:var(--cty-color-primary);--cty-video-progress-vertical-padding:0 15px;--cty-video-progress-horizongtal-padding:0px;--cty-video-rate-active-color:var(--cty-color-primary);--cty-video-toast-width:calc(var(--cty-video-width) * 0.4);--cty-video-toast-height:40px;--cty-video-opn-toast-icon-size:20px;display:block;position:relative;width:var(--cty-video-width);height:var(--cty-video-height);background:var(--cty-color-black)}ion-row{height:100%}ion-col{overflow:hidden}ion-button{margin:0;min-height:auto}.cty-video__wrapper{position:relative;width:100%;height:100%}.cty-video__player{display:none;position:absolute;top:0;left:0;margin:0;width:var(--cty-video-height);height:var(--cty-video-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg) translate(0, -100%);transform:rotate(90deg);-o-object-fit:var(--cty-video-fit);object-fit:var(--cty-video-fit)}.cty-video__controls{position:absolute;top:0;left:0;width:100%;height:100%}.cty-video__header{position:absolute;z-index:6;background:var(--cty-video-header-background);top:0;left:0;width:calc(var(--cty-video-height) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));height:var(--cty-video-header-height);padding-left:var(--cty-video-header-padding-start);padding-right:var(--cty-video-header-padding-end);padding-top:var(--cty-video-header-padding-top);padding-bottom:var(--cty-video-header-padding-bottom);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-box-sizing:content-box;box-sizing:content-box}.cty-video__header-back{display:var(--cty-video-header-back-display);width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__header-back ion-button{width:var(--cty-video-header-back-width);height:var(--cty-video-header-back-height);border-radius:var(--cty-video-header-back-radius);--background:var(--cty-video-header-back-background);--padding-start:5px;--padding-end:5px;--padding-top:0;--padding-bottom:0;margin-left:var(--cty-video-header-back-offset-start);margin-right:var(--cty-video-header-back-offset-end)}.cty-video__header-back cty-icon{font-size:var(--cty-video-header-back-size);color:var(--cty-video-header-back-color)}.cty-video__title[class]{display:var(--cty-video-header-title-display);font-size:var(--cty-video-header-title-size);color:var(--cty-video-header-title-color);line-height:var(--cty-video-header-height)}.cty-video__footer{position:absolute;top:0;left:0;z-index:6;width:var(--cty-video-height);height:var(--cty-video-footer-height);background:var(--cty-video-footer-background);padding-left:var(--cty-video-footer-padding-start);padding-right:var(--cty-video-footer-padding-end);transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-box-sizing:border-box;box-sizing:border-box}.cty-video__footer ion-button{height:100%;--background:transparent;--padding-start:12px;--padding-end:12px;--padding-top:0;--padding-bottom:0;--color:var(--cty-color-white)}.cty-video__footer ion-row{height:calc(var(--cty-video-footer-height) - var(--cty-video-footer-progress-height))}.cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height);-webkit-transform:translateY(calc(var(--cty-video-footer-progress-height) / 2));transform:translateY(calc(var(--cty-video-footer-progress-height) / 2))}.cty-video__footer-controls{background:transparent}.cty-video__footer-controls ion-col:not(.cty-video__footer-progress){opacity:0}.cty-video__footer-controls .cty-video__time{opacity:0}.cty-video__footer-toggle-play{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-toggle-play cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-flex{-ms-flex:1;flex:1}.cty-video__footer-time-label{margin-left:8px;color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size);letter-spacing:0.2px}.cty-video__footer-time-label span{margin:0 1px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cty-video__footer-progress{overflow:auto;-ms-flex:1;flex:1}.cty-video__time{color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size)}.cty-video__time:nth-child(1){margin-right:12px}.cty-video__time:nth-child(2),.cty-video__time:last-child{margin-left:12px}.cty-video__footer-range{--height:100%;--knob-size:var(--cty-video-bar-size);--bar-height:var(--cty-video-range-bar-height);padding:0;--knob-background:var(--cty-video-range-knob-background);--bar-background:var(--cty-video-range-background);--bar-background-active:var(--cty-video-range-background-active);color:var(--cty-video-bar-color);font-size:var(--cty-font-size-medium);opacity:1}.cty-video__footer-bar{position:relative;-ms-flex:1;flex:1;height:80%;cursor:pointer}.cty-video__footer-progress__top{position:relative;z-index:2;padding:var(--cty-video-progress-horizongtal-padding)}.cty-video__footer-progress__top .cty-video__footer-bar{height:100%}.cty-video__footer-dot{position:absolute;top:50%;padding:var(--cty-video-dot-padding);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-video__footer-dot::after{display:block;width:var(--cty-video-dot-size);height:var(--cty-video-dot-size);background:var(--cty-video-dot-active-color);content:\"\";border-radius:var(--cty-border-radius-circle)}.cty-video__footer-rate{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-rate ion-button{--padding-start:5px;--padding-end:5px;--padding-top:4px;--padding-bottom:4px;width:36px;height:auto;margin-left:12px;border-radius:var(--cty-border-radius-base);border:1px solid var(--cty-color-white);font-size:var(--cty-font-size-extra-small);font-weight:bold;white-space:nowrap}.cty-video__footer-volume{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-volume cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-fullscreen{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-fullscreen ion-button{--padding-start:0px}.cty-video__footer-fullscreen cty-icon{font-size:var(--cty-video-footer-fullscreen-icon-size)}.cty-video__toggle-play{position:absolute;left:50%;top:50%;z-index:8;font-weight:bold;width:var(--cty-video-play-size);height:var(--cty-video-play-size);margin:calc(var(--cty-video-play-size) / -2) 0px 0px calc(var(--cty-video-play-size) / -2);border-radius:var(--cty-border-radius-circle);border:var(--cty-video-play-border);text-align:center;--background:transparent;--padding-top:0;--padding-end:0;--padding-start:0;--padding-bottom:0}.cty-video__toggle-play cty-icon{color:rgba(238, 238, 238, 0.9);font-size:var(--cty-video-play-icon-size);text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__opn-toast{position:absolute;z-index:4;top:50%;left:50%;width:var(--cty-video-toast-width);max-width:150px;height:var(--cty-video-toast-height);background:var(--cty-overlay-color-light);border-radius:var(--cty-border-radius-round);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);font-size:var(--cty-font-size-medium);font-weight:bold;color:var(--cty-color-white)}.cty-video__opn-toast cty-icon{margin-right:10px;font-size:var(--cty-video-opn-toast-icon-size)}.cty-video__opn-panel{position:absolute;z-index:5;top:50%;left:50%;width:var(--cty-video-height);height:calc(var(--cty-video-width) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:0 0 0 calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / 2);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.cty-video__dot-panel{position:absolute;z-index:6;background:var(--cty-overlay-color);padding:5px 11px 5px 8px;margin-left:calc(var(--cty-video-footer-height) + 13px + 46px);border-radius:var(--cty-border-radius-base);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__dot-panel .cty-video__dot-label{position:relative;max-width:160px;padding-right:17px;font-size:var(--cty-font-size-small);line-height:1.38;color:var(--cty-color-white)}.cty-video__dot-panel .cty-video__dot-label::after{position:absolute;top:0;right:7px;height:100%;width:1px;background-color:rgba(255, 255, 255, 0.3);content:\"\";-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}.cty-video__dot-panel ion-button{height:36px;--padding-start:0;--padding-end:0;--background:transparent;--border-radius:0;--color:var(--cty-video-dot-active-color);font-weight:bold;font-size:var(--cty-font-size-small)}.cty-video__dot-panel cty-icon{margin-right:4px;font-size:var(--cty-font-size-medium)}.cty-video__dot-panel .cty-video__dot-triangle{position:absolute;bottom:-18px;left:20px;border-width:9px 8px;border-style:solid;border-color:transparent;border-top-color:var(--cty-overlay-color)}.cty-video__dot-panel-ex{margin-left:calc(var(--cty-video-footer-height) + 46px)}.cty-video__toast[class]{position:absolute;top:50%;z-index:7;font-weight:bold;min-width:300px;max-width:96vw;padding:0 15px;margin:0px 0px 0px -60px;background:var(--cty-overlay-color);border-radius:var(--cty-border-radius-large);color:rgba(238, 238, 238, 0.9);font-size:var(--cty-font-size-extra-small);line-height:30px;text-align:center;pointer-events:none;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__rate{position:absolute;top:0;left:0;z-index:9;width:var(--cty-video-height);height:var(--cty-video-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__rate-mask{position:absolute;top:0;right:0;width:40%;height:100%;background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.9)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.5)), to(transparent));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent)}.cty-video__rate-list-item{display:block;width:112px;min-height:50px;background-color:transparent;outline:none;border:none;color:var(--cty-color-white);font-size:var(--cty-font-size-base);text-align:center}.cty-video__rate-list-item.active{color:var(--cty-video-rate-active-color)}.cty-video__interactive{display:none;z-index:101;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}:host(.cty-video__vertical) cty-loading{--cty-loading-transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__player{top:50%;width:var(--cty-video-width);height:auto;max-height:100%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}:host(.cty-video__vertical) .cty-video__toggle-play cty-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__toast{left:50%;top:80%;margin:0;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}:host(.cty-video__vertical) .cty-video__header{width:calc(var(--cty-video-width) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__opn-panel{width:var(--cty-video-width);height:calc(var(--cty-video-height) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / -2) 0 0;-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)}:host(.cty-video__vertical) .cty-video__opn-toast{top:50%;-webkit-transform:translate(-50%, 0) rotate(0deg);transform:translate(-50%, 0) rotate(0deg)}:host(.cty-video__vertical) .cty-video__footer{width:var(--cty-video-width);-webkit-transform:rotate(0);transform:rotate(0);top:auto;bottom:0}:host(.cty-video__vertical) .cty-video__footer-progress__top{padding:var(--cty-video-progress-vertical-padding)}:host(.cty-video__vertical) .cty-video__time{font-size:var(--cty-font-size-small)}:host(.cty-video__vertical) .cty-video__footer-time-label{margin-left:0}:host(.cty-video__vertical) .cty-video__rate{width:var(--cty-video-width);height:var(--cty-video-height);-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__dot-panel{margin-left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);bottom:calc(var(--cty-video-footer-height) + 13px)}:host(.cty-video__vertical) .cty-video__dot-panel-ex{bottom:var(--cty-video-footer-height)}:host(.cty-video__unfullscreen){height:var(--cty-video-half-screen-height)}:host(.cty-video__unfullscreen) .cty-video__wrapper{background-color:var(--cty-color-black)}:host(.cty-video__unfullscreen) .cty-video__player{top:0;height:var(--cty-video-half-screen-height);max-height:initial;-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__unfullscreen) .cty-video__toggle-play{width:var(--cty-video-unfullscreen-play-size);height:var(--cty-video-unfullscreen-play-size);margin:calc(var(--cty-video-unfullscreen-play-size) / -2) 0px 0px calc(var(--cty-video-unfullscreen-play-size) / -2);border:var(--cty-video-unfullscreen-play-border)}:host(.cty-video__unfullscreen) .cty-video__toggle-play cty-icon{font-size:var(--cty-video-unfullscreen-play-icon-size)}:host(.cty-video__unfullscreen) .cty-video__header{height:var(--cty-video-header-unfullscreen-height);background:var(--cty-video-header-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__title{line-height:var(--cty-video-header-unfullscreen-height)}:host(.cty-video__unfullscreen) .cty-video__header-back ion-button{width:30px;height:100%}:host(.cty-video__unfullscreen) .cty-video__footer{height:var(--cty-video-footer-unfullscreen-height);background:var(--cty-video-footer-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__footer ion-row{height:calc(var(--cty-video-footer-unfullscreen-height) - var(--cty-video-footer-progress-height))}:host(.cty-video__unfullscreen) .cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height)}:host(.cty-video__unfullscreen) .cty-video__footer ion-button{--padding-start:8px;--padding-end:8px}:host(.cty-video__unfullscreen) .cty-video__footer-fullscreen ion-button{--padding-start:0px}:host(.cty-video__unfullscreen) .cty-video__opn-panel{height:calc(var(--cty-video-half-screen-height) - var(--cty-video-header-unfullscreen-height) - var(--cty-video-footer-unfullscreen-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom))}:host(.cty-video__unfullscreen) .cty-video__opn-toast{top:40%;height:30px}:host(.cty-video__unfullscreen) .cty-video__toast{top:70%}:host(.cty-video__unfullscreen) cty-loading{--cty-loading-overlay-height:var(--cty-video-half-screen-height)}:host(.cty-video__large-screen) .cty-video__player{width:auto;max-width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cty-video__audio-player{display:block}.cty-video__player-audio{position:absolute;visibility:hidden;display:none}";
 const CtyVideoStyle0 = videoCss;
 
 const Video = /*@__PURE__*/ proxyCustomElement(class Video extends HTMLElement {
@@ -701,7 +701,7 @@ const Video = /*@__PURE__*/ proxyCustomElement(class Video extends HTMLElement {
         this.lastControlType = '';
         this.hasInteractive = false;
         this.currentMarker = {
-            description: '',
+            describe: '',
             breakpoint: 0,
             position: 0
         };
@@ -984,7 +984,7 @@ const Video = /*@__PURE__*/ proxyCustomElement(class Video extends HTMLElement {
     _resetDot() {
         this.showDotPanel = false;
         this.currentMarker = {
-            description: '',
+            describe: '',
             breakpoint: 0,
             position: 0
         };
@@ -1251,15 +1251,15 @@ const Video = /*@__PURE__*/ proxyCustomElement(class Video extends HTMLElement {
             } }, h("ion-button", { onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { name: this.isPlaying ? 'cty-pause' : 'cty-play' })), this.progressPosition == 'top' && (h("div", { class: "flex-align-center cty-video__footer-time-label" }, this.currentTimeLabel, h("span", null, "/"), this.durationLabel))), this.progressPosition == 'center' && (h("ion-col", { class: "cty-video__footer-progress flex-center" }, h("span", { class: 'cty-video__time' }, this.currentTimeLabel), !this.isPC && (h("div", { class: "cty-video__footer-bar", onTouchStart: this._doPrgTouchstart, onTouchMove: this._doPrgTouchmove, onTouchEnd: this._doPrgTouchend }, this.direction == 'L' && this.curIsFullscreen && (this.markerList.map((item) => (h("span", { onTouchStart: (event) => this._doDot(event, item), class: "cty-video__footer-dot", style: { left: item.position + '%' } })))))), this.isPC && (h("div", { class: "cty-video__footer-bar", onMouseDown: this._doPrgTouchstart, onMouseMove: this._doPrgTouchmove, onMouseUp: this._doPrgTouchend, onMouseLeave: this._doPrgTouchend }, this.direction == 'L' && this.curIsFullscreen && (this.markerList.map((item) => (h("span", { onTouchStart: (event) => this._doDot(event, item), class: "cty-video__footer-dot", style: { left: item.position + '%' } })))))), h("span", { class: 'cty-video__time' }, this.durationLabel))), this.curIsFullscreen && (h("ion-col", { class: "cty-video__footer-rate flex-align-center" }, h("ion-button", { onClick: this._doSetRate }, this.rate == 1 ? '倍速' : this.rate + "X"))), h("ion-col", { class: "cty-video__footer-volume flex-align-center" }, h("ion-button", { onClick: () => this.toggleVolume() }, h("cty-icon", { name: this._getVolumeIconName() }))), !this.fullscreenOnly && !this.curIsFullscreen && this.fullscreenIcon && (h("ion-col", { class: "cty-video__footer-fullscreen flex-align-center" }, h("ion-button", { onClick: () => this._toggleFullScreen(true) }, h("cty-icon", { name: this.fullscreenIcon })))), !this.fullscreenOnly && this.curIsFullscreen && this.exitFullscreenIcon && (h("ion-col", { class: "cty-video__footer-fullscreen flex-align-center" }, h("ion-button", { onClick: () => this._toggleFullScreen(false) }, h("cty-icon", { name: this.exitFullscreenIcon })))), h("slot", { name: "footerCol" })))), this.isMoving && (h("div", { class: "cty-video__opn-toast flex-center" }, h("cty-icon", { name: this.controlIcon }), h("span", null, this.controlLabel))), h("slot", { name: "controls" }), !this.isPC && this.controls && (h("div", { class: "cty-video__opn-panel", onTouchStart: this._doOpnStart, onTouchMove: this._doOpnMove, onTouchEnd: this._doOpnEnd, onClick: (event) => event.stopPropagation() })), this.isPC && this.controls && (h("div", { class: "cty-video__opn-panel", onMouseDown: this._doOpnStart, onMouseMove: this._doOpnMove, onMouseUp: this._doOpnEnd, onMouseLeave: this._doOpnEnd, onClick: (event) => event.stopPropagation() })), this.showCtrl && this.showDotPanel && (h("div", { ref: (el) => { this.dotPanelEl = el; }, class: {
                 'cty-video__dot-panel flex-center': true,
                 'cty-video__dot-panel-ex': this.progressPosition == 'top'
-            }, onClick: (event) => event.stopPropagation(), style: { top: this.dotDotPanelTop, left: this.dotDotPanelLeft, opacity: this.reallyShowDot ? '1' : '0' } }, h("span", { class: "cty-video__dot-label cty-ellipsis2" }, this.currentMarker.description), h("ion-button", { onClick: this._toPoint }, h("cty-icon", { name: "cty-play-ex" }), "\u77E5\u8BC6\u70B9"), h("span", { class: "cty-video__dot-triangle", style: { 'margin-left': this.triangleMargin + 'px' } }))), h("slot", { name: "ctrl" })));
+            }, onClick: (event) => event.stopPropagation(), style: { top: this.dotDotPanelTop, left: this.dotDotPanelLeft, opacity: this.reallyShowDot ? '1' : '0' } }, h("span", { class: "cty-video__dot-label cty-ellipsis2" }, this.currentMarker.describe), h("ion-button", { onClick: this._toPoint }, h("cty-icon", { name: "cty-play-ex" }), "\u77E5\u8BC6\u70B9"), h("span", { class: "cty-video__dot-triangle", style: { 'margin-left': this.triangleMargin + 'px' } }))), h("slot", { name: "ctrl" })));
     }
     render() {
-        return (h(Host, { key: '056a3a42daea50d136a413ebd346c22576b5dc9c', class: {
+        return (h(Host, { key: '9661f934045fa71c5059b2859cddb1b66a98c6f3', class: {
                 'cty-video': true,
                 'cty-video__vertical': this.deviceIsPORTRAIT,
                 'cty-video__unfullscreen': !this.curIsFullscreen,
                 'cty-video__large-screen': this.direction == 'P' && this.curIsFullscreen && (this.isPC || this.isIpad)
-            } }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (h("ion-button", { key: 'da1e20db5ec7456d0e4a71d76971906b8bc94ab1', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: '8dad66e65350b990cadf8f86d631426c7c428c5e', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: '61570fcb22e63c1ad9267841e81716825ac7fa75', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: '9dfcf401d85d46984fac8ee25e7d46209f6d81a2', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: 'dde86df67bcab9f038d7febb94c617d00c458a53', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: '069885c784b8635b306171bd92f2d714dfa375b5', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: '6883c64b7a7d5d2de585054a212e219b6297686b', class: "cty-video__rate-list" }, this._rates.map((item) => (h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (h("div", { key: '58e86d6da30db08e19d45927b69380bd9d4c362a', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
+            } }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (h("ion-button", { key: 'd237e7d4e2cf5938d05673e7ddf559ad0b7c4e4f', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: 'cf6e46d17a7329b8943190599a35e9b24efeac14', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: 'e080016877dcc7109d5b914dc0a172d286049e87', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: '50f30feae870874dfb92f79fc652990448001bb6', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: 'ade015d7c368ce5ac644eeb562b0566505ee8fb1', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: 'ec614cbcf9db30e9254fefd6efd169a351cd0bf0', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: 'c2a40d96769b41475ff4fddc4fe65e4f35fda3fb', class: "cty-video__rate-list" }, this._rates.map((item) => (h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (h("div", { key: '122a272040b75963d4d50cf84ecab4716ff15586', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/components/swipe.js

@@ -63,19 +63,29 @@ const Swipe = /*@__PURE__*/ proxyCustomElement(class Swipe extends HTMLElement {
         this.stopAutoplay();
     }
     initialize(active = +this.initialSwipe) {
-        const children = this.swipeItems = Array.from(this.el.children).filter(child => child.tagName.toLocaleLowerCase() === 'cty-swipe-item');
-        this.count = children.length;
-        this.size = this.el[this.vertical ? 'offsetHeight' : 'offsetWidth'];
-        this.minOffset = this.count ? -this.size * (this.count - 1) : 0;
-        this.maxCount = this.count ? this.count - 1 : this.count;
-        this.trackSize = this.count * this.size;
-        this.active = active;
-        this.swiping = true;
-        this.offset = this.getTargetOffset(active);
-        children.forEach((swipeItem) => {
-            swipeItem.setOffset(0);
-        });
-        this.autoplayFn();
+        const cb = () => {
+            const children = this.swipeItems = Array.from(this.el.children).filter(child => child.tagName.toLocaleLowerCase() === 'cty-swipe-item');
+            this.count = children.length;
+            this.size = this.el[this.vertical ? 'offsetHeight' : 'offsetWidth'];
+            this.minOffset = this.count ? -this.size * (this.count - 1) : 0;
+            this.maxCount = this.count ? this.count - 1 : this.count;
+            this.trackSize = this.count * this.size;
+            this.active = active;
+            this.swiping = true;
+            this.offset = this.getTargetOffset(active);
+            children.forEach((swipeItem) => {
+                swipeItem.setOffset(0);
+            });
+            this.autoplayFn();
+        };
+        if (!this.el.offsetParent) {
+            doubleRaf(() => {
+                cb();
+            });
+        }
+        else {
+            cb();
+        }
     }
     move({ pace = 0, offset = 0, emitChange }) {
         if (this.count <= 1) {
@@ -281,7 +291,7 @@ const Swipe = /*@__PURE__*/ proxyCustomElement(class Swipe extends HTMLElement {
             'transform': `translate${vertical ? 'Y' : 'X'}(${+offset.toFixed(2)}px)`,
             [vertical ? 'height' : 'width']: `${this.trackSize}px`,
         };
-        return (h(Host, { key: '7ced7e62304002ef9fcc1c52dfaf7d496f1d395e', class: "cty-swipe" }, h("slot", { key: '079c8a3ac493e6b5b1cd33583c8600c6935023a0', name: "start" }), h("div", { key: '7ce3369d17eb9a4254b6beb514f076bb94689735', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: '304192351733b32e92b14f95bfa838d1c2777f7c', onSlotchange: () => this.slotChanged() })), this.renderIndicator(), h("slot", { key: '910b4172ee69f7c34acc13c809845278ba6025c4', name: "end" })));
+        return (h(Host, { key: 'e1e1936de1403fe18765a80aee688aa11a648c0b', class: "cty-swipe" }, h("slot", { key: '514610f1f29490ac2cfb94ab1ce69e3e9fcd3573', name: "start" }), h("div", { key: '377a3bef5eddf88a64ef6fc944a94d009913a80d', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: '243e2087229bef761a4b27cbd0a70a845f43f1cf', onSlotchange: () => this.slotChanged() })), this.renderIndicator(), h("slot", { key: '27a66c7a30c0260b52bd3d65171eb61101bc0290', name: "end" })));
     }
     get el() { return this; }
     static get style() { return CtySwipeStyle0; }

package/dist/cjs/cty-swipe_2.cjs.entry.js

@@ -65,19 +65,29 @@ const Swipe = class {
         this.stopAutoplay();
     }
     initialize(active = +this.initialSwipe) {
-        const children = this.swipeItems = Array.from(this.el.children).filter(child => child.tagName.toLocaleLowerCase() === 'cty-swipe-item');
-        this.count = children.length;
-        this.size = this.el[this.vertical ? 'offsetHeight' : 'offsetWidth'];
-        this.minOffset = this.count ? -this.size * (this.count - 1) : 0;
-        this.maxCount = this.count ? this.count - 1 : this.count;
-        this.trackSize = this.count * this.size;
-        this.active = active;
-        this.swiping = true;
-        this.offset = this.getTargetOffset(active);
-        children.forEach((swipeItem) => {
-            swipeItem.setOffset(0);
-        });
-        this.autoplayFn();
+        const cb = () => {
+            const children = this.swipeItems = Array.from(this.el.children).filter(child => child.tagName.toLocaleLowerCase() === 'cty-swipe-item');
+            this.count = children.length;
+            this.size = this.el[this.vertical ? 'offsetHeight' : 'offsetWidth'];
+            this.minOffset = this.count ? -this.size * (this.count - 1) : 0;
+            this.maxCount = this.count ? this.count - 1 : this.count;
+            this.trackSize = this.count * this.size;
+            this.active = active;
+            this.swiping = true;
+            this.offset = this.getTargetOffset(active);
+            children.forEach((swipeItem) => {
+                swipeItem.setOffset(0);
+            });
+            this.autoplayFn();
+        };
+        if (!this.el.offsetParent) {
+            helpers.doubleRaf(() => {
+                cb();
+            });
+        }
+        else {
+            cb();
+        }
     }
     move({ pace = 0, offset = 0, emitChange }) {
         if (this.count <= 1) {
@@ -283,7 +293,7 @@ const Swipe = class {
             'transform': `translate${vertical ? 'Y' : 'X'}(${+offset.toFixed(2)}px)`,
             [vertical ? 'height' : 'width']: `${this.trackSize}px`,
         };
-        return (index.h(index.Host, { key: '7ced7e62304002ef9fcc1c52dfaf7d496f1d395e', class: "cty-swipe" }, index.h("slot", { key: '079c8a3ac493e6b5b1cd33583c8600c6935023a0', name: "start" }), index.h("div", { key: '7ce3369d17eb9a4254b6beb514f076bb94689735', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, index.h("slot", { key: '304192351733b32e92b14f95bfa838d1c2777f7c', onSlotchange: () => this.slotChanged() })), this.renderIndicator(), index.h("slot", { key: '910b4172ee69f7c34acc13c809845278ba6025c4', name: "end" })));
+        return (index.h(index.Host, { key: 'e1e1936de1403fe18765a80aee688aa11a648c0b', class: "cty-swipe" }, index.h("slot", { key: '514610f1f29490ac2cfb94ab1ce69e3e9fcd3573', name: "start" }), index.h("div", { key: '377a3bef5eddf88a64ef6fc944a94d009913a80d', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, index.h("slot", { key: '243e2087229bef761a4b27cbd0a70a845f43f1cf', onSlotchange: () => this.slotChanged() })), this.renderIndicator(), index.h("slot", { key: '27a66c7a30c0260b52bd3d65171eb61101bc0290', name: "end" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-tour.cjs.entry.js

@@ -123,10 +123,10 @@ const Tour = class {
         const popoverClass = (Array.isArray(cssClass) ? [...cssClass] : [cssClass]).concat(['cty-tour__popover']).join(' ');
         const tourCloseable = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.closeable) || closeable;
         const enableFooter = Array.isArray(steps) && steps.length > 1;
-        return (index.h(index.Host, { key: '9d8661156fcf15df5c22b0d34961b534ae13d02c', class: "cty-tour overlay-hidden" }, display && index.h("cty-overlay", { key: 'f0d5d6decf59ed6faae5cf49e4a59cff08b3c5f6', root: '', backdropDismiss: false }, enableAopover && index.h("ion-popover", Object.assign({ key: '56fdb3d56abcd841b0ed20b9c49105a30e9d573a', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), index.h("div", { key: '7bffd7d92ec0df3cee220c54951a967bcdde149f', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), index.h("div", { key: '0b19e46e77e78416252b16f3820eecbafeefa4a2', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, index.h("slot", { key: '66a04550626abe4dbd325563835e5503f00f71c0', name: "header" }), tourCloseable && index.h("slot", { key: '84cc72b709dff789cce8346802c3a02f749306dd', name: "closeable" }, index.h("button", { key: '46c58097c56ad503f8be8ed97c2b86781e388d91', class: "cty-button-native cty-tour__closeable" }, index.h("cty-icon", { key: 'bd1619a0a94bc2f0e1c572258f9370dc2d21c435', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && index.h("slot", { key: 'b84399ad26a4946a40217dba009f67b8bb9fadc9', name: "content" }, index.h("p", { key: '72fa9c1d9394c2f87637497bebb896c1a5068d4c', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && index.h("div", { key: '47627655099918d3e521bc4edc32cf2f81038617', class: "cty-tour__content-footer flex-center-between" }, index.h("slot", { key: '06902d076fc51bc5dfed6bae2f53eafc2e1f387b', name: "indicator" }, index.h("div", { key: '799df380ea66ee0dbd4ce8b3d2c49716e4b5130d', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), index.h("slot", { key: '72a3d0b4a8cda0c79f5e1ac4bffa4a3e33c757e6', name: "buttons" }, index.h("div", { key: 'a40098fc03c5f081c5e89d9f6ca048dca3c63728', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
-            index.h("button", { key: '1d71e841bb9a33ceb28249ce4804d716832be8f3', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
-            index.h("button", { key: '805f0d08eddb489428525190b3f63a1c046f2d0c', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
-            index.h("button", { key: 'c6d507eaf2b741896ece007b968f562475afa39e', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), index.h("slot", { key: '445a3ca1493082677c00ffffa809e0155cafcccc', name: "footer" }))))));
+        return (index.h(index.Host, { key: '9d8661156fcf15df5c22b0d34961b534ae13d02c', class: "cty-tour overlay-hidden" }, display && index.h("cty-overlay", { key: 'f0d5d6decf59ed6faae5cf49e4a59cff08b3c5f6', root: '', backdropDismiss: false }, enableAopover && index.h("ion-popover", Object.assign({ key: 'a1138f0ab42d6b2cf93330c7c41fa5534041f64d', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), index.h("div", { key: 'fda1239d5bdb194304057869c7202fa973036829', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), index.h("div", { key: '3c5969c3aca13c398a0a461d20ae558159c618ff', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, index.h("slot", { key: '597428c38608ca19cce1b7e5b4fe28fb46b15dc9', name: "header" }), tourCloseable && index.h("slot", { key: 'd60f1e1380d17c3db200ed8d0ceb2ab11b3dd475', name: "closeable" }, index.h("button", { key: 'f2f614a0d8fa8000b694bfebf43d5167895e66a2', class: "cty-button-native cty-tour__closeable" }, index.h("cty-icon", { key: '2622b99a0a750f50de43b25cb812217be33b139c', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && index.h("slot", { key: '5622d447db172f0866d129210a05ea54ce07833e', name: "content" }, index.h("p", { key: '72c033247bd4a9b8c589f141f1d992f123074016', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && index.h("div", { key: '2dfbf149f1beaa3ae463bc388c487532dd3e02c7', class: "cty-tour__content-footer flex-center-between" }, index.h("slot", { key: '397045e0b07245485ce619197b544915c18d1705', name: "indicator" }, index.h("div", { key: '155eed8cfe0f3997c23a4093e9d70d983481221e', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), index.h("slot", { key: '3d018423014eb291d6a5213d194102d1055eadfe', name: "buttons" }, index.h("div", { key: '0028d42802dd89e1bc879a7a5a6013cdd0ed76b5', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
+            index.h("button", { key: '66e55cf39b3190c8e0b71c29b3ffeb4ac17d6b35', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
+            index.h("button", { key: '93f853c11d8db9dac4806f59aa6de991273f13a2', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
+            index.h("button", { key: 'c5f36a4232076e8cac57ea1f61eb72776219cd6f', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), index.h("slot", { key: '658afef0513543d64a4b628caaea096e553b81c0', name: "footer" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-video.cjs.entry.js

@@ -118,7 +118,7 @@ class CTYVolumeControl {
 }
 const volumeControl = new CTYVolumeControl();
 
-const videoCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}:host{--cty-video-width:100vw;--cty-video-height:100vh;--cty-video-half-width:calc(var(--cty-video-width) / 2);--cty-video-fit:fill;--cty-video-header-height:50px;--cty-video-header-background:var(--cty-overlay-color-lighter);--cty-video-header-unfullscreen-background:transparent;--cty-video-header-unfullscreen-height:30px;--cty-video-header-padding-top:0px;--cty-video-header-padding-bottom:0px;--cty-video-header-padding-start:0px;--cty-video-header-padding-end:0px;--cty-video-header-back-display:flex;--cty-video-header-back-background:transparent;--cty-video-header-back-height:36px;--cty-video-header-back-width:36px;--cty-video-header-back-radius:var(--cty-border-radius-circle);--cty-video-header-back-offset-start:2px;--cty-video-header-back-offset-end:0px;--cty-video-header-back-size:25px;--cty-video-header-back-color:var(--cty-color-white);--cty-video-header-title-size:var(--cty-font-size-medium);--cty-video-header-title-color:var(--cty-color-white);--cty-video-header-title-display:flex;--cty-video-footer-height:50px;--cty-video-footer-background:var(--cty-overlay-color-lighter);--cty-video-footer-unfullscreen-background:transparent;--cty-video-footer-unfullscreen-height:35px;--cty-video-footer-progress-height:0px;--cty-video-footer-padding-start:0px;--cty-video-footer-padding-end:0px;--cty-video-footer-progress-size:var(--cty-font-size-medium);--cty-video-footer-icon-size:24px;--cty-video-footer-fullscreen-icon-size:20px;--cty-video-play-size:80px;--cty-video-play-border:5px solid rgba(238, 238, 238, 0.8);--cty-video-play-icon-size:40px;--cty-video-unfullscreen-play-size:40px;--cty-video-unfullscreen-play-border:4px solid rgba(238, 238, 238, 0.8);--cty-video-unfullscreen-play-icon-size:26px;--cty-video-range-bar-height:2px;--cty-video-bar-size:12px;--cty-video-bar-color:var(--cty-color-white);--cty-video-range-knob-background:var(--cty-color-white);--cty-video-range-background:rgba(255,255,255,0.5);--cty-video-range-background-active:var(--cty-color-primary);--cty-video-loading-background-color:rgba(0,0,0,0.9);--cty-video-loading-img-width:100px;--cty-video-half-screen-height:56vw;--cty-video-dot-size:7px;--cty-video-dot-padding:9px;--cty-video-dot-active-color:var(--cty-color-primary);--cty-video-progress-vertical-padding:0 15px;--cty-video-progress-horizongtal-padding:0px;--cty-video-rate-active-color:var(--cty-color-primary);--cty-video-toast-width:calc(var(--cty-video-width) * 0.4);--cty-video-toast-height:40px;--cty-video-opn-toast-icon-size:20px;display:block;position:relative;width:var(--cty-video-width);height:var(--cty-video-height);background:var(--cty-color-black)}ion-row{height:100%}ion-col{overflow:hidden}ion-button{margin:0;min-height:auto}.cty-video__wrapper{position:relative;width:100%;height:100%}.cty-video__player{display:none;position:absolute;top:0;left:0;margin:0;width:var(--cty-video-height);height:var(--cty-video-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg) translate(0, -100%);transform:rotate(90deg);-o-object-fit:var(--cty-video-fit);object-fit:var(--cty-video-fit)}.cty-video__controls{position:absolute;top:0;left:0;width:100%;height:100%}.cty-video__header{position:absolute;z-index:6;background:var(--cty-video-header-background);top:0;left:0;width:calc(var(--cty-video-height) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));height:var(--cty-video-header-height);padding-left:var(--cty-video-header-padding-start);padding-right:var(--cty-video-header-padding-end);padding-top:var(--cty-video-header-padding-top);padding-bottom:var(--cty-video-header-padding-bottom);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-box-sizing:content-box;box-sizing:content-box}.cty-video__header-back{display:var(--cty-video-header-back-display);width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__header-back ion-button{width:var(--cty-video-header-back-width);height:var(--cty-video-header-back-height);border-radius:var(--cty-video-header-back-radius);--background:var(--cty-video-header-back-background);--padding-start:5px;--padding-end:5px;--padding-top:0;--padding-bottom:0;margin-left:var(--cty-video-header-back-offset-start);margin-right:var(--cty-video-header-back-offset-end)}.cty-video__header-back cty-icon{font-size:var(--cty-video-header-back-size);color:var(--cty-video-header-back-color)}.cty-video__title[class]{display:var(--cty-video-header-title-display);font-size:var(--cty-video-header-title-size);color:var(--cty-video-header-title-color);line-height:var(--cty-video-header-height)}.cty-video__footer{position:absolute;top:0;left:0;z-index:6;width:var(--cty-video-height);height:var(--cty-video-footer-height);background:var(--cty-video-footer-background);padding-left:var(--cty-video-footer-padding-start);padding-right:var(--cty-video-footer-padding-end);transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-box-sizing:border-box;box-sizing:border-box}.cty-video__footer ion-button{height:100%;--background:transparent;--padding-start:12px;--padding-end:12px;--padding-top:0;--padding-bottom:0;--color:var(--cty-color-white)}.cty-video__footer ion-row{height:calc(var(--cty-video-footer-height) - var(--cty-video-footer-progress-height))}.cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height);-webkit-transform:translateY(calc(var(--cty-video-footer-progress-height) / 2));transform:translateY(calc(var(--cty-video-footer-progress-height) / 2))}.cty-video__footer-controls{background:transparent}.cty-video__footer-controls ion-col:not(.cty-video__footer-progress){opacity:0}.cty-video__footer-controls .cty-video__time{opacity:0}.cty-video__footer-toggle-play{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-toggle-play cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-flex{-ms-flex:1;flex:1}.cty-video__footer-time-label{margin-left:8px;color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size);letter-spacing:0.2px}.cty-video__footer-time-label span{margin:0 1px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cty-video__footer-progress{overflow:auto;-ms-flex:1;flex:1}.cty-video__time{color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size)}.cty-video__time:nth-child(1){margin-right:12px}.cty-video__time:nth-child(2),.cty-video__time:last-child{margin-left:12px}.cty-video__footer-range{--height:100%;--knob-size:var(--cty-video-bar-size);--bar-height:var(--cty-video-range-bar-height);padding:0;--knob-background:var(--cty-video-range-knob-background);--bar-background:var(--cty-video-range-background);--bar-background-active:var(--cty-video-range-background-active);color:var(--cty-video-bar-color);font-size:var(--cty-font-size-medium);opacity:1}.cty-video__footer-bar{position:relative;-ms-flex:1;flex:1;height:80%;cursor:pointer}.cty-video__footer-progress__top{position:relative;z-index:2;padding:var(--cty-video-progress-horizongtal-padding)}.cty-video__footer-progress__top .cty-video__footer-bar{height:100%}.cty-video__footer-dot{position:absolute;top:50%;padding:var(--cty-video-dot-padding);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-video__footer-dot::after{display:block;width:var(--cty-video-dot-size);height:var(--cty-video-dot-size);background:var(--cty-video-dot-active-color);content:\"\";border-radius:var(--cty-border-radius-circle)}.cty-video__footer-rate{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-rate ion-button{--padding-start:5px;--padding-end:5px;--padding-top:4px;--padding-bottom:4px;width:36px;height:auto;margin-left:12px;border-radius:var(--cty-border-radius-base);border:1px solid var(--cty-color-white);font-size:var(--cty-font-size-extra-small);font-weight:bold;white-space:nowrap}.cty-video__footer-volume{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-volume cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-fullscreen{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-fullscreen ion-button{--padding-start:0px}.cty-video__footer-fullscreen cty-icon{font-size:var(--cty-video-footer-fullscreen-icon-size)}.cty-video__toggle-play{position:absolute;left:50%;top:50%;z-index:8;font-weight:bold;width:var(--cty-video-play-size);height:var(--cty-video-play-size);margin:calc(var(--cty-video-play-size) / -2) 0px 0px calc(var(--cty-video-play-size) / -2);border-radius:var(--cty-border-radius-circle);border:var(--cty-video-play-border);text-align:center;--background:transparent;--padding-top:0;--padding-end:0;--padding-start:0;--padding-bottom:0}.cty-video__toggle-play cty-icon{color:rgba(238, 238, 238, 0.9);font-size:var(--cty-video-play-icon-size);text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__opn-toast{position:absolute;z-index:4;top:50%;left:50%;width:var(--cty-video-toast-width);max-width:150px;height:var(--cty-video-toast-height);background:var(--cty-overlay-color-light);border-radius:var(--cty-border-radius-round);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);font-size:var(--cty-font-size-medium);font-weight:bold;color:var(--cty-color-white)}.cty-video__opn-toast cty-icon{margin-right:10px;font-size:var(--cty-video-opn-toast-icon-size)}.cty-video__opn-panel{position:absolute;z-index:5;top:50%;left:50%;width:var(--cty-video-height);height:calc(var(--cty-video-width) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:0 0 0 calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / 2);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.cty-video__dot-panel{position:absolute;z-index:6;background:var(--cty-overlay-color);padding:5px 11px 5px 8px;margin-left:calc(var(--cty-video-footer-height) + 13px + 46px);border-radius:var(--cty-border-radius-base);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__dot-panel .cty-video__dot-label{position:relative;max-width:160px;padding-right:17px;font-size:var(--cty-font-size-small);line-height:1.38;color:var(--cty-color-white)}.cty-video__dot-panel .cty-video__dot-label::after{position:absolute;top:0;right:7px;height:100%;width:1px;background-color:rgba(255, 255, 255, 0.3);content:\"\";-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}.cty-video__dot-panel ion-button{height:36px;--padding-start:0;--padding-end:0;--background:transparent;--border-radius:0;--color:var(--cty-video-dot-active-color);font-weight:bold;font-size:var(--cty-font-size-small)}.cty-video__dot-panel cty-icon{margin-right:4px;font-size:var(--cty-font-size-medium)}.cty-video__dot-panel .cty-video__dot-triangle{position:absolute;bottom:-18px;left:20px;border-width:9px 8px;border-style:solid;border-color:transparent;border-top-color:var(--cty-overlay-color)}.cty-video__dot-panel-ex{margin-left:calc(var(--cty-video-footer-height) + 46px)}.cty-video__toast[class]{position:absolute;top:50%;z-index:7;font-weight:bold;min-width:300px;max-width:96vw;padding:0 15px;margin:0px 0px 0px -60px;background:var(--cty-overlay-color);border-radius:var(--cty-border-radius-large);color:rgba(238, 238, 238, 0.9);font-size:var(--cty-font-size-extra-small);line-height:30px;text-align:center;pointer-events:none;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__rate{position:absolute;top:0;left:0;z-index:9;width:var(--cty-video-height);height:var(--cty-video-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__rate-mask{position:absolute;top:0;right:0;width:40%;height:100%;background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.9)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.5)), to(transparent));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent)}.cty-video__rate-list-item{display:block;width:112px;min-height:50px;background-color:transparent;outline:none;border:none;color:var(--cty-color-white);font-size:var(--cty-font-size-base);text-align:center}.cty-video__rate-list-item.active{color:var(--cty-video-rate-active-color)}.cty-video__interactive{display:none;z-index:101;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}:host(.cty-video__vertical) cty-loading{--cty-loading-transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__player{top:50%;width:var(--cty-video-width);height:auto;max-height:100%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}:host(.cty-video__vertical) .cty-video__toggle-play cty-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__toast{left:50%;top:80%;margin:0;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}:host(.cty-video__vertical) .cty-video__header{width:calc(var(--cty-video-width) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__opn-panel{width:var(--cty-video-width);height:calc(var(--cty-video-height) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / -2) 0 0;-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)}:host(.cty-video__vertical) .cty-video__opn-toast{top:50%;-webkit-transform:translate(-50%, 0) rotate(0deg);transform:translate(-50%, 0) rotate(0deg)}:host(.cty-video__vertical) .cty-video__footer{width:var(--cty-video-width);-webkit-transform:rotate(0);transform:rotate(0);top:auto;bottom:0}:host(.cty-video__vertical) .cty-video__footer-progress__top{padding:var(--cty-video-progress-vertical-padding)}:host(.cty-video__vertical) .cty-video__time{font-size:var(--cty-font-size-small)}:host(.cty-video__vertical) .cty-video__footer-time-label{margin-left:0}:host(.cty-video__vertical) .cty-video__rate{width:var(--cty-video-width);height:var(--cty-video-height);-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__dot-panel{margin-left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);bottom:calc(var(--footer-height) + 13px)}:host(.cty-video__vertical) .cty-video__dot-panel-ex{bottom:var(--footer-height)}:host(.cty-video__unfullscreen){height:var(--cty-video-half-screen-height)}:host(.cty-video__unfullscreen) .cty-video__wrapper{background-color:var(--cty-color-black)}:host(.cty-video__unfullscreen) .cty-video__player{top:0;height:var(--cty-video-half-screen-height);max-height:initial;-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__unfullscreen) .cty-video__toggle-play{width:var(--cty-video-unfullscreen-play-size);height:var(--cty-video-unfullscreen-play-size);margin:calc(var(--cty-video-unfullscreen-play-size) / -2) 0px 0px calc(var(--cty-video-unfullscreen-play-size) / -2);border:var(--cty-video-unfullscreen-play-border)}:host(.cty-video__unfullscreen) .cty-video__toggle-play cty-icon{font-size:var(--cty-video-unfullscreen-play-icon-size)}:host(.cty-video__unfullscreen) .cty-video__header{height:var(--cty-video-header-unfullscreen-height);background:var(--cty-video-header-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__title{line-height:var(--cty-video-header-unfullscreen-height)}:host(.cty-video__unfullscreen) .cty-video__header-back ion-button{width:30px;height:100%}:host(.cty-video__unfullscreen) .cty-video__footer{height:var(--cty-video-footer-unfullscreen-height);background:var(--cty-video-footer-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__footer ion-row{height:calc(var(--cty-video-footer-unfullscreen-height) - var(--cty-video-footer-progress-height))}:host(.cty-video__unfullscreen) .cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height)}:host(.cty-video__unfullscreen) .cty-video__footer ion-button{--padding-start:8px;--padding-end:8px}:host(.cty-video__unfullscreen) .cty-video__footer-fullscreen ion-button{--padding-start:0px}:host(.cty-video__unfullscreen) .cty-video__opn-panel{height:calc(var(--cty-video-half-screen-height) - var(--cty-video-header-unfullscreen-height) - var(--cty-video-footer-unfullscreen-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom))}:host(.cty-video__unfullscreen) .cty-video__opn-toast{top:40%;height:30px}:host(.cty-video__unfullscreen) .cty-video__toast{top:70%}:host(.cty-video__unfullscreen) cty-loading{--cty-loading-overlay-height:var(--cty-video-half-screen-height)}:host(.cty-video__large-screen) .cty-video__player{width:auto;max-width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cty-video__audio-player{display:block}.cty-video__player-audio{position:absolute;visibility:hidden;display:none}";
+const videoCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}:host{--cty-video-width:100vw;--cty-video-height:100vh;--cty-video-half-width:calc(var(--cty-video-width) / 2);--cty-video-fit:fill;--cty-video-header-height:50px;--cty-video-header-background:var(--cty-overlay-color-lighter);--cty-video-header-unfullscreen-background:transparent;--cty-video-header-unfullscreen-height:30px;--cty-video-header-padding-top:0px;--cty-video-header-padding-bottom:0px;--cty-video-header-padding-start:0px;--cty-video-header-padding-end:0px;--cty-video-header-back-display:flex;--cty-video-header-back-background:transparent;--cty-video-header-back-height:36px;--cty-video-header-back-width:36px;--cty-video-header-back-radius:var(--cty-border-radius-circle);--cty-video-header-back-offset-start:2px;--cty-video-header-back-offset-end:0px;--cty-video-header-back-size:25px;--cty-video-header-back-color:var(--cty-color-white);--cty-video-header-title-size:var(--cty-font-size-medium);--cty-video-header-title-color:var(--cty-color-white);--cty-video-header-title-display:flex;--cty-video-footer-height:50px;--cty-video-footer-background:var(--cty-overlay-color-lighter);--cty-video-footer-unfullscreen-background:transparent;--cty-video-footer-unfullscreen-height:35px;--cty-video-footer-progress-height:0px;--cty-video-footer-padding-start:0px;--cty-video-footer-padding-end:0px;--cty-video-footer-progress-size:var(--cty-font-size-medium);--cty-video-footer-icon-size:24px;--cty-video-footer-fullscreen-icon-size:20px;--cty-video-play-size:80px;--cty-video-play-border:5px solid rgba(238, 238, 238, 0.8);--cty-video-play-icon-size:40px;--cty-video-unfullscreen-play-size:40px;--cty-video-unfullscreen-play-border:4px solid rgba(238, 238, 238, 0.8);--cty-video-unfullscreen-play-icon-size:26px;--cty-video-range-bar-height:2px;--cty-video-bar-size:12px;--cty-video-bar-color:var(--cty-color-white);--cty-video-range-knob-background:var(--cty-color-white);--cty-video-range-background:rgba(255,255,255,0.5);--cty-video-range-background-active:var(--cty-color-primary);--cty-video-loading-background-color:rgba(0,0,0,0.9);--cty-video-loading-img-width:100px;--cty-video-half-screen-height:56vw;--cty-video-dot-size:7px;--cty-video-dot-padding:9px;--cty-video-dot-active-color:var(--cty-color-primary);--cty-video-progress-vertical-padding:0 15px;--cty-video-progress-horizongtal-padding:0px;--cty-video-rate-active-color:var(--cty-color-primary);--cty-video-toast-width:calc(var(--cty-video-width) * 0.4);--cty-video-toast-height:40px;--cty-video-opn-toast-icon-size:20px;display:block;position:relative;width:var(--cty-video-width);height:var(--cty-video-height);background:var(--cty-color-black)}ion-row{height:100%}ion-col{overflow:hidden}ion-button{margin:0;min-height:auto}.cty-video__wrapper{position:relative;width:100%;height:100%}.cty-video__player{display:none;position:absolute;top:0;left:0;margin:0;width:var(--cty-video-height);height:var(--cty-video-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg) translate(0, -100%);transform:rotate(90deg);-o-object-fit:var(--cty-video-fit);object-fit:var(--cty-video-fit)}.cty-video__controls{position:absolute;top:0;left:0;width:100%;height:100%}.cty-video__header{position:absolute;z-index:6;background:var(--cty-video-header-background);top:0;left:0;width:calc(var(--cty-video-height) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));height:var(--cty-video-header-height);padding-left:var(--cty-video-header-padding-start);padding-right:var(--cty-video-header-padding-end);padding-top:var(--cty-video-header-padding-top);padding-bottom:var(--cty-video-header-padding-bottom);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-box-sizing:content-box;box-sizing:content-box}.cty-video__header-back{display:var(--cty-video-header-back-display);width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__header-back ion-button{width:var(--cty-video-header-back-width);height:var(--cty-video-header-back-height);border-radius:var(--cty-video-header-back-radius);--background:var(--cty-video-header-back-background);--padding-start:5px;--padding-end:5px;--padding-top:0;--padding-bottom:0;margin-left:var(--cty-video-header-back-offset-start);margin-right:var(--cty-video-header-back-offset-end)}.cty-video__header-back cty-icon{font-size:var(--cty-video-header-back-size);color:var(--cty-video-header-back-color)}.cty-video__title[class]{display:var(--cty-video-header-title-display);font-size:var(--cty-video-header-title-size);color:var(--cty-video-header-title-color);line-height:var(--cty-video-header-height)}.cty-video__footer{position:absolute;top:0;left:0;z-index:6;width:var(--cty-video-height);height:var(--cty-video-footer-height);background:var(--cty-video-footer-background);padding-left:var(--cty-video-footer-padding-start);padding-right:var(--cty-video-footer-padding-end);transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-transform-origin:calc(var(--cty-video-footer-height) / 2) calc(var(--cty-video-footer-height) / 2);-webkit-box-sizing:border-box;box-sizing:border-box}.cty-video__footer ion-button{height:100%;--background:transparent;--padding-start:12px;--padding-end:12px;--padding-top:0;--padding-bottom:0;--color:var(--cty-color-white)}.cty-video__footer ion-row{height:calc(var(--cty-video-footer-height) - var(--cty-video-footer-progress-height))}.cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height);-webkit-transform:translateY(calc(var(--cty-video-footer-progress-height) / 2));transform:translateY(calc(var(--cty-video-footer-progress-height) / 2))}.cty-video__footer-controls{background:transparent}.cty-video__footer-controls ion-col:not(.cty-video__footer-progress){opacity:0}.cty-video__footer-controls .cty-video__time{opacity:0}.cty-video__footer-toggle-play{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-toggle-play cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-flex{-ms-flex:1;flex:1}.cty-video__footer-time-label{margin-left:8px;color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size);letter-spacing:0.2px}.cty-video__footer-time-label span{margin:0 1px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cty-video__footer-progress{overflow:auto;-ms-flex:1;flex:1}.cty-video__time{color:var(--cty-color-white);font-size:var(--cty-video-footer-progress-size)}.cty-video__time:nth-child(1){margin-right:12px}.cty-video__time:nth-child(2),.cty-video__time:last-child{margin-left:12px}.cty-video__footer-range{--height:100%;--knob-size:var(--cty-video-bar-size);--bar-height:var(--cty-video-range-bar-height);padding:0;--knob-background:var(--cty-video-range-knob-background);--bar-background:var(--cty-video-range-background);--bar-background-active:var(--cty-video-range-background-active);color:var(--cty-video-bar-color);font-size:var(--cty-font-size-medium);opacity:1}.cty-video__footer-bar{position:relative;-ms-flex:1;flex:1;height:80%;cursor:pointer}.cty-video__footer-progress__top{position:relative;z-index:2;padding:var(--cty-video-progress-horizongtal-padding)}.cty-video__footer-progress__top .cty-video__footer-bar{height:100%}.cty-video__footer-dot{position:absolute;top:50%;padding:var(--cty-video-dot-padding);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-video__footer-dot::after{display:block;width:var(--cty-video-dot-size);height:var(--cty-video-dot-size);background:var(--cty-video-dot-active-color);content:\"\";border-radius:var(--cty-border-radius-circle)}.cty-video__footer-rate{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-rate ion-button{--padding-start:5px;--padding-end:5px;--padding-top:4px;--padding-bottom:4px;width:36px;height:auto;margin-left:12px;border-radius:var(--cty-border-radius-base);border:1px solid var(--cty-color-white);font-size:var(--cty-font-size-extra-small);font-weight:bold;white-space:nowrap}.cty-video__footer-volume{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-volume cty-icon{font-size:var(--cty-video-footer-icon-size)}.cty-video__footer-fullscreen{width:auto;-ms-flex-positive:0;flex-grow:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.cty-video__footer-fullscreen ion-button{--padding-start:0px}.cty-video__footer-fullscreen cty-icon{font-size:var(--cty-video-footer-fullscreen-icon-size)}.cty-video__toggle-play{position:absolute;left:50%;top:50%;z-index:8;font-weight:bold;width:var(--cty-video-play-size);height:var(--cty-video-play-size);margin:calc(var(--cty-video-play-size) / -2) 0px 0px calc(var(--cty-video-play-size) / -2);border-radius:var(--cty-border-radius-circle);border:var(--cty-video-play-border);text-align:center;--background:transparent;--padding-top:0;--padding-end:0;--padding-start:0;--padding-bottom:0}.cty-video__toggle-play cty-icon{color:rgba(238, 238, 238, 0.9);font-size:var(--cty-video-play-icon-size);text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__opn-toast{position:absolute;z-index:4;top:50%;left:50%;width:var(--cty-video-toast-width);max-width:150px;height:var(--cty-video-toast-height);background:var(--cty-overlay-color-light);border-radius:var(--cty-border-radius-round);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);font-size:var(--cty-font-size-medium);font-weight:bold;color:var(--cty-color-white)}.cty-video__opn-toast cty-icon{margin-right:10px;font-size:var(--cty-video-opn-toast-icon-size)}.cty-video__opn-panel{position:absolute;z-index:5;top:50%;left:50%;width:var(--cty-video-height);height:calc(var(--cty-video-width) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:0 0 0 calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / 2);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.cty-video__dot-panel{position:absolute;z-index:6;background:var(--cty-overlay-color);padding:5px 11px 5px 8px;margin-left:calc(var(--cty-video-footer-height) + 13px + 46px);border-radius:var(--cty-border-radius-base);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__dot-panel .cty-video__dot-label{position:relative;max-width:160px;padding-right:17px;font-size:var(--cty-font-size-small);line-height:1.38;color:var(--cty-color-white)}.cty-video__dot-panel .cty-video__dot-label::after{position:absolute;top:0;right:7px;height:100%;width:1px;background-color:rgba(255, 255, 255, 0.3);content:\"\";-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}.cty-video__dot-panel ion-button{height:36px;--padding-start:0;--padding-end:0;--background:transparent;--border-radius:0;--color:var(--cty-video-dot-active-color);font-weight:bold;font-size:var(--cty-font-size-small)}.cty-video__dot-panel cty-icon{margin-right:4px;font-size:var(--cty-font-size-medium)}.cty-video__dot-panel .cty-video__dot-triangle{position:absolute;bottom:-18px;left:20px;border-width:9px 8px;border-style:solid;border-color:transparent;border-top-color:var(--cty-overlay-color)}.cty-video__dot-panel-ex{margin-left:calc(var(--cty-video-footer-height) + 46px)}.cty-video__toast[class]{position:absolute;top:50%;z-index:7;font-weight:bold;min-width:300px;max-width:96vw;padding:0 15px;margin:0px 0px 0px -60px;background:var(--cty-overlay-color);border-radius:var(--cty-border-radius-large);color:rgba(238, 238, 238, 0.9);font-size:var(--cty-font-size-extra-small);line-height:30px;text-align:center;pointer-events:none;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.cty-video__rate{position:absolute;top:0;left:0;z-index:9;width:var(--cty-video-height);height:var(--cty-video-width);-webkit-transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);transform-origin:var(--cty-video-half-width) var(--cty-video-half-width);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cty-video__rate-mask{position:absolute;top:0;right:0;width:40%;height:100%;background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.9)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.5)), to(transparent));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent)}.cty-video__rate-list-item{display:block;width:112px;min-height:50px;background-color:transparent;outline:none;border:none;color:var(--cty-color-white);font-size:var(--cty-font-size-base);text-align:center}.cty-video__rate-list-item.active{color:var(--cty-video-rate-active-color)}.cty-video__interactive{display:none;z-index:101;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}:host(.cty-video__vertical) cty-loading{--cty-loading-transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__player{top:50%;width:var(--cty-video-width);height:auto;max-height:100%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}:host(.cty-video__vertical) .cty-video__toggle-play cty-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__toast{left:50%;top:80%;margin:0;-webkit-transform:rotate(0deg) translateX(-50%);transform:rotate(0deg) translateX(-50%)}:host(.cty-video__vertical) .cty-video__header{width:calc(var(--cty-video-width) - var(--cty-video-header-padding-start) - var(--cty-video-header-padding-end));-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__opn-panel{width:var(--cty-video-width);height:calc(var(--cty-video-height) - var(--cty-video-header-height) - var(--cty-video-footer-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom));margin:calc((var(--cty-video-footer-height) - var(--cty-video-header-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom)) / -2) 0 0;-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)}:host(.cty-video__vertical) .cty-video__opn-toast{top:50%;-webkit-transform:translate(-50%, 0) rotate(0deg);transform:translate(-50%, 0) rotate(0deg)}:host(.cty-video__vertical) .cty-video__footer{width:var(--cty-video-width);-webkit-transform:rotate(0);transform:rotate(0);top:auto;bottom:0}:host(.cty-video__vertical) .cty-video__footer-progress__top{padding:var(--cty-video-progress-vertical-padding)}:host(.cty-video__vertical) .cty-video__time{font-size:var(--cty-font-size-small)}:host(.cty-video__vertical) .cty-video__footer-time-label{margin-left:0}:host(.cty-video__vertical) .cty-video__rate{width:var(--cty-video-width);height:var(--cty-video-height);-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__vertical) .cty-video__dot-panel{margin-left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);bottom:calc(var(--cty-video-footer-height) + 13px)}:host(.cty-video__vertical) .cty-video__dot-panel-ex{bottom:var(--cty-video-footer-height)}:host(.cty-video__unfullscreen){height:var(--cty-video-half-screen-height)}:host(.cty-video__unfullscreen) .cty-video__wrapper{background-color:var(--cty-color-black)}:host(.cty-video__unfullscreen) .cty-video__player{top:0;height:var(--cty-video-half-screen-height);max-height:initial;-webkit-transform:rotate(0deg);transform:rotate(0deg)}:host(.cty-video__unfullscreen) .cty-video__toggle-play{width:var(--cty-video-unfullscreen-play-size);height:var(--cty-video-unfullscreen-play-size);margin:calc(var(--cty-video-unfullscreen-play-size) / -2) 0px 0px calc(var(--cty-video-unfullscreen-play-size) / -2);border:var(--cty-video-unfullscreen-play-border)}:host(.cty-video__unfullscreen) .cty-video__toggle-play cty-icon{font-size:var(--cty-video-unfullscreen-play-icon-size)}:host(.cty-video__unfullscreen) .cty-video__header{height:var(--cty-video-header-unfullscreen-height);background:var(--cty-video-header-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__title{line-height:var(--cty-video-header-unfullscreen-height)}:host(.cty-video__unfullscreen) .cty-video__header-back ion-button{width:30px;height:100%}:host(.cty-video__unfullscreen) .cty-video__footer{height:var(--cty-video-footer-unfullscreen-height);background:var(--cty-video-footer-unfullscreen-background)}:host(.cty-video__unfullscreen) .cty-video__footer ion-row{height:calc(var(--cty-video-footer-unfullscreen-height) - var(--cty-video-footer-progress-height))}:host(.cty-video__unfullscreen) .cty-video__footer .cty-video__footer-progress__top{height:var(--cty-video-footer-progress-height)}:host(.cty-video__unfullscreen) .cty-video__footer ion-button{--padding-start:8px;--padding-end:8px}:host(.cty-video__unfullscreen) .cty-video__footer-fullscreen ion-button{--padding-start:0px}:host(.cty-video__unfullscreen) .cty-video__opn-panel{height:calc(var(--cty-video-half-screen-height) - var(--cty-video-header-unfullscreen-height) - var(--cty-video-footer-unfullscreen-height) - var(--cty-video-header-padding-top) - var(--cty-video-header-padding-bottom))}:host(.cty-video__unfullscreen) .cty-video__opn-toast{top:40%;height:30px}:host(.cty-video__unfullscreen) .cty-video__toast{top:70%}:host(.cty-video__unfullscreen) cty-loading{--cty-loading-overlay-height:var(--cty-video-half-screen-height)}:host(.cty-video__large-screen) .cty-video__player{width:auto;max-width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cty-video__audio-player{display:block}.cty-video__player-audio{position:absolute;visibility:hidden;display:none}";
 const CtyVideoStyle0 = videoCss;
 
 const Video = class {
@@ -697,7 +697,7 @@ const Video = class {
         this.lastControlType = '';
         this.hasInteractive = false;
         this.currentMarker = {
-            description: '',
+            describe: '',
             breakpoint: 0,
             position: 0
         };
@@ -980,7 +980,7 @@ const Video = class {
     _resetDot() {
         this.showDotPanel = false;
         this.currentMarker = {
-            description: '',
+            describe: '',
             breakpoint: 0,
             position: 0
         };
@@ -1247,15 +1247,15 @@ const Video = class {
             } }, index.h("ion-button", { onClick: (e) => { this.toggleVideo(e); } }, index.h("cty-icon", { name: this.isPlaying ? 'cty-pause' : 'cty-play' })), this.progressPosition == 'top' && (index.h("div", { class: "flex-align-center cty-video__footer-time-label" }, this.currentTimeLabel, index.h("span", null, "/"), this.durationLabel))), this.progressPosition == 'center' && (index.h("ion-col", { class: "cty-video__footer-progress flex-center" }, index.h("span", { class: 'cty-video__time' }, this.currentTimeLabel), !this.isPC && (index.h("div", { class: "cty-video__footer-bar", onTouchStart: this._doPrgTouchstart, onTouchMove: this._doPrgTouchmove, onTouchEnd: this._doPrgTouchend }, this.direction == 'L' && this.curIsFullscreen && (this.markerList.map((item) => (index.h("span", { onTouchStart: (event) => this._doDot(event, item), class: "cty-video__footer-dot", style: { left: item.position + '%' } })))))), this.isPC && (index.h("div", { class: "cty-video__footer-bar", onMouseDown: this._doPrgTouchstart, onMouseMove: this._doPrgTouchmove, onMouseUp: this._doPrgTouchend, onMouseLeave: this._doPrgTouchend }, this.direction == 'L' && this.curIsFullscreen && (this.markerList.map((item) => (index.h("span", { onTouchStart: (event) => this._doDot(event, item), class: "cty-video__footer-dot", style: { left: item.position + '%' } })))))), index.h("span", { class: 'cty-video__time' }, this.durationLabel))), this.curIsFullscreen && (index.h("ion-col", { class: "cty-video__footer-rate flex-align-center" }, index.h("ion-button", { onClick: this._doSetRate }, this.rate == 1 ? '倍速' : this.rate + "X"))), index.h("ion-col", { class: "cty-video__footer-volume flex-align-center" }, index.h("ion-button", { onClick: () => this.toggleVolume() }, index.h("cty-icon", { name: this._getVolumeIconName() }))), !this.fullscreenOnly && !this.curIsFullscreen && this.fullscreenIcon && (index.h("ion-col", { class: "cty-video__footer-fullscreen flex-align-center" }, index.h("ion-button", { onClick: () => this._toggleFullScreen(true) }, index.h("cty-icon", { name: this.fullscreenIcon })))), !this.fullscreenOnly && this.curIsFullscreen && this.exitFullscreenIcon && (index.h("ion-col", { class: "cty-video__footer-fullscreen flex-align-center" }, index.h("ion-button", { onClick: () => this._toggleFullScreen(false) }, index.h("cty-icon", { name: this.exitFullscreenIcon })))), index.h("slot", { name: "footerCol" })))), this.isMoving && (index.h("div", { class: "cty-video__opn-toast flex-center" }, index.h("cty-icon", { name: this.controlIcon }), index.h("span", null, this.controlLabel))), index.h("slot", { name: "controls" }), !this.isPC && this.controls && (index.h("div", { class: "cty-video__opn-panel", onTouchStart: this._doOpnStart, onTouchMove: this._doOpnMove, onTouchEnd: this._doOpnEnd, onClick: (event) => event.stopPropagation() })), this.isPC && this.controls && (index.h("div", { class: "cty-video__opn-panel", onMouseDown: this._doOpnStart, onMouseMove: this._doOpnMove, onMouseUp: this._doOpnEnd, onMouseLeave: this._doOpnEnd, onClick: (event) => event.stopPropagation() })), this.showCtrl && this.showDotPanel && (index.h("div", { ref: (el) => { this.dotPanelEl = el; }, class: {
                 'cty-video__dot-panel flex-center': true,
                 'cty-video__dot-panel-ex': this.progressPosition == 'top'
-            }, onClick: (event) => event.stopPropagation(), style: { top: this.dotDotPanelTop, left: this.dotDotPanelLeft, opacity: this.reallyShowDot ? '1' : '0' } }, index.h("span", { class: "cty-video__dot-label cty-ellipsis2" }, this.currentMarker.description), index.h("ion-button", { onClick: this._toPoint }, index.h("cty-icon", { name: "cty-play-ex" }), "\u77E5\u8BC6\u70B9"), index.h("span", { class: "cty-video__dot-triangle", style: { 'margin-left': this.triangleMargin + 'px' } }))), index.h("slot", { name: "ctrl" })));
+            }, onClick: (event) => event.stopPropagation(), style: { top: this.dotDotPanelTop, left: this.dotDotPanelLeft, opacity: this.reallyShowDot ? '1' : '0' } }, index.h("span", { class: "cty-video__dot-label cty-ellipsis2" }, this.currentMarker.describe), index.h("ion-button", { onClick: this._toPoint }, index.h("cty-icon", { name: "cty-play-ex" }), "\u77E5\u8BC6\u70B9"), index.h("span", { class: "cty-video__dot-triangle", style: { 'margin-left': this.triangleMargin + 'px' } }))), index.h("slot", { name: "ctrl" })));
     }
     render() {
-        return (index.h(index.Host, { key: '056a3a42daea50d136a413ebd346c22576b5dc9c', class: {
+        return (index.h(index.Host, { key: '9661f934045fa71c5059b2859cddb1b66a98c6f3', class: {
                 'cty-video': true,
                 'cty-video__vertical': this.deviceIsPORTRAIT,
                 'cty-video__unfullscreen': !this.curIsFullscreen,
                 'cty-video__large-screen': this.direction == 'P' && this.curIsFullscreen && (this.isPC || this.isIpad)
-            } }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (index.h("ion-button", { key: 'da1e20db5ec7456d0e4a71d76971906b8bc94ab1', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, index.h("cty-icon", { key: '8dad66e65350b990cadf8f86d631426c7c428c5e', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (index.h("div", { key: '61570fcb22e63c1ad9267841e81716825ac7fa75', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (index.h("div", { key: '9dfcf401d85d46984fac8ee25e7d46209f6d81a2', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (index.h("div", { key: 'dde86df67bcab9f038d7febb94c617d00c458a53', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, index.h("div", { key: '069885c784b8635b306171bd92f2d714dfa375b5', class: "cty-video__rate-mask flex-center-justify-end" }, index.h("div", { key: '6883c64b7a7d5d2de585054a212e219b6297686b', class: "cty-video__rate-list" }, this._rates.map((item) => (index.h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, index.h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (index.h("div", { key: '58e86d6da30db08e19d45927b69380bd9d4c362a', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
+            } }, this.renderPlayer(), this.renderControls(), (!this.isLoading || this.isMicroMessager) && !this.isPlaying && !this.showInteractiveLayer && this.showTogglePlay && (index.h("ion-button", { key: 'd237e7d4e2cf5938d05673e7ddf559ad0b7c4e4f', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, index.h("cty-icon", { key: 'cf6e46d17a7329b8943190599a35e9b24efeac14', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (index.h("div", { key: 'e080016877dcc7109d5b914dc0a172d286049e87', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (index.h("div", { key: '50f30feae870874dfb92f79fc652990448001bb6', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (index.h("div", { key: 'ade015d7c368ce5ac644eeb562b0566505ee8fb1', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, index.h("div", { key: 'ec614cbcf9db30e9254fefd6efd169a351cd0bf0', class: "cty-video__rate-mask flex-center-justify-end" }, index.h("div", { key: 'c2a40d96769b41475ff4fddc4fe65e4f35fda3fb', class: "cty-video__rate-list" }, this._rates.map((item) => (index.h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, index.h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (index.h("div", { key: '122a272040b75963d4d50cf84ecab4716ff15586', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/collection/components/swipe/swipe.js

@@ -53,19 +53,29 @@ export class Swipe {
         this.stopAutoplay();
     }
     initialize(active = +this.initialSwipe) {
-        const children = this.swipeItems = Array.from(this.el.children).filter(child => child.tagName.toLocaleLowerCase() === 'cty-swipe-item');
-        this.count = children.length;
-        this.size = this.el[this.vertical ? 'offsetHeight' : 'offsetWidth'];
-        this.minOffset = this.count ? -this.size * (this.count - 1) : 0;
-        this.maxCount = this.count ? this.count - 1 : this.count;
-        this.trackSize = this.count * this.size;
-        this.active = active;
-        this.swiping = true;
-        this.offset = this.getTargetOffset(active);
-        children.forEach((swipeItem) => {
-            swipeItem.setOffset(0);
-        });
-        this.autoplayFn();
+        const cb = () => {
+            const children = this.swipeItems = Array.from(this.el.children).filter(child => child.tagName.toLocaleLowerCase() === 'cty-swipe-item');
+            this.count = children.length;
+            this.size = this.el[this.vertical ? 'offsetHeight' : 'offsetWidth'];
+            this.minOffset = this.count ? -this.size * (this.count - 1) : 0;
+            this.maxCount = this.count ? this.count - 1 : this.count;
+            this.trackSize = this.count * this.size;
+            this.active = active;
+            this.swiping = true;
+            this.offset = this.getTargetOffset(active);
+            children.forEach((swipeItem) => {
+                swipeItem.setOffset(0);
+            });
+            this.autoplayFn();
+        };
+        if (!this.el.offsetParent) {
+            doubleRaf(() => {
+                cb();
+            });
+        }
+        else {
+            cb();
+        }
     }
     move({ pace = 0, offset = 0, emitChange }) {
         if (this.count <= 1) {
@@ -271,7 +281,7 @@ export class Swipe {
             'transform': `translate${vertical ? 'Y' : 'X'}(${+offset.toFixed(2)}px)`,
             [vertical ? 'height' : 'width']: `${this.trackSize}px`,
         };
-        return (h(Host, { key: '7ced7e62304002ef9fcc1c52dfaf7d496f1d395e', class: "cty-swipe" }, h("slot", { key: '079c8a3ac493e6b5b1cd33583c8600c6935023a0', name: "start" }), h("div", { key: '7ce3369d17eb9a4254b6beb514f076bb94689735', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: '304192351733b32e92b14f95bfa838d1c2777f7c', onSlotchange: () => this.slotChanged() })), this.renderIndicator(), h("slot", { key: '910b4172ee69f7c34acc13c809845278ba6025c4', name: "end" })));
+        return (h(Host, { key: 'e1e1936de1403fe18765a80aee688aa11a648c0b', class: "cty-swipe" }, h("slot", { key: '514610f1f29490ac2cfb94ab1ce69e3e9fcd3573', name: "start" }), h("div", { key: '377a3bef5eddf88a64ef6fc944a94d009913a80d', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: '243e2087229bef761a4b27cbd0a70a845f43f1cf', onSlotchange: () => this.slotChanged() })), this.renderIndicator(), h("slot", { key: '27a66c7a30c0260b52bd3d65171eb61101bc0290', name: "end" })));
     }
     static get is() { return "cty-swipe"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tour/tour.js

@@ -104,10 +104,10 @@ export class Tour {
         const popoverClass = (Array.isArray(cssClass) ? [...cssClass] : [cssClass]).concat(['cty-tour__popover']).join(' ');
         const tourCloseable = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.closeable) || closeable;
         const enableFooter = Array.isArray(steps) && steps.length > 1;
-        return (h(Host, { key: '9d8661156fcf15df5c22b0d34961b534ae13d02c', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'f0d5d6decf59ed6faae5cf49e4a59cff08b3c5f6', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: '56fdb3d56abcd841b0ed20b9c49105a30e9d573a', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), h("div", { key: '7bffd7d92ec0df3cee220c54951a967bcdde149f', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '0b19e46e77e78416252b16f3820eecbafeefa4a2', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '66a04550626abe4dbd325563835e5503f00f71c0', name: "header" }), tourCloseable && h("slot", { key: '84cc72b709dff789cce8346802c3a02f749306dd', name: "closeable" }, h("button", { key: '46c58097c56ad503f8be8ed97c2b86781e388d91', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: 'bd1619a0a94bc2f0e1c572258f9370dc2d21c435', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: 'b84399ad26a4946a40217dba009f67b8bb9fadc9', name: "content" }, h("p", { key: '72fa9c1d9394c2f87637497bebb896c1a5068d4c', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '47627655099918d3e521bc4edc32cf2f81038617', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '06902d076fc51bc5dfed6bae2f53eafc2e1f387b', name: "indicator" }, h("div", { key: '799df380ea66ee0dbd4ce8b3d2c49716e4b5130d', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '72a3d0b4a8cda0c79f5e1ac4bffa4a3e33c757e6', name: "buttons" }, h("div", { key: 'a40098fc03c5f081c5e89d9f6ca048dca3c63728', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
-            h("button", { key: '1d71e841bb9a33ceb28249ce4804d716832be8f3', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
-            h("button", { key: '805f0d08eddb489428525190b3f63a1c046f2d0c', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
-            h("button", { key: 'c6d507eaf2b741896ece007b968f562475afa39e', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: '445a3ca1493082677c00ffffa809e0155cafcccc', name: "footer" }))))));
+        return (h(Host, { key: '9d8661156fcf15df5c22b0d34961b534ae13d02c', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'f0d5d6decf59ed6faae5cf49e4a59cff08b3c5f6', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'a1138f0ab42d6b2cf93330c7c41fa5534041f64d', mode: "ios", ref: (el) => (this.popoverEl = el), arrow: tourArrow, animated: false, backdropDismiss: backdropDismiss, alignment: alignment, side: side, keepContentsMounted: true, class: popoverClass, onIonPopoverWillDismiss: (e) => this.popoverWillDismiss(e) }, popoverAttrs, { showBackdrop: false }), h("div", { key: 'fda1239d5bdb194304057869c7202fa973036829', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '3c5969c3aca13c398a0a461d20ae558159c618ff', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '597428c38608ca19cce1b7e5b4fe28fb46b15dc9', name: "header" }), tourCloseable && h("slot", { key: 'd60f1e1380d17c3db200ed8d0ceb2ab11b3dd475', name: "closeable" }, h("button", { key: 'f2f614a0d8fa8000b694bfebf43d5167895e66a2', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '2622b99a0a750f50de43b25cb812217be33b139c', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '5622d447db172f0866d129210a05ea54ce07833e', name: "content" }, h("p", { key: '72c033247bd4a9b8c589f141f1d992f123074016', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '2dfbf149f1beaa3ae463bc388c487532dd3e02c7', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '397045e0b07245485ce619197b544915c18d1705', name: "indicator" }, h("div", { key: '155eed8cfe0f3997c23a4093e9d70d983481221e', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '3d018423014eb291d6a5213d194102d1055eadfe', name: "buttons" }, h("div", { key: '0028d42802dd89e1bc879a7a5a6013cdd0ed76b5', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
+            h("button", { key: '66e55cf39b3190c8e0b71c29b3ffeb4ac17d6b35', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
+            h("button", { key: '93f853c11d8db9dac4806f59aa6de991273f13a2', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
+            h("button", { key: 'c5f36a4232076e8cac57ea1f61eb72776219cd6f', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: '658afef0513543d64a4b628caaea096e553b81c0', name: "footer" }))))));
     }
     static get is() { return "cty-tour"; }
     static get encapsulation() { return "scoped"; }