cty-mui-core 1.0.45 → 1.0.46

package/components/cty-loading.js

@@ -1,133 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { e as createDelegateController, f as createTriggerController, p as prepareOverlay, g as removeBodyScrollClass, h as present, j as dismiss, k as eventMethod } from './overlays.js';
-import { c as createLockController, g as getClassMap, e as enterAnimation, l as leaveAnimation } from './theme.js';
-import { r as raf } from './helpers.js';
-import { d as defineCustomElement$2 } from './backdrop.js';
-
-const loadingCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-loading-overlay-position:fixed;--cty-loading-overlay-z-index:10;--cty-loading-overlay-width:100vw;--cty-loading-overlay-height:100vh;--cty-loading-overlay-background:var(--cty-overlay-color-light);--cty-loading-img-width:100px;--cty-loading-img-animation:initial;--cty-loading-active-color:var(--cty-color-primary);--cty-loading-text-size:var(--cty-font-size-base);--cty-loading-text-color:var(--cty-text-color-secondary);--cty-loading-text-offset-top:10px;--cty-loading-text-offset-start:5px;--cty-loading-transform-origin:center center;--cty-loading-transform:none}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-loading-overlay-position);z-index:var(--cty-loading-overlay-z-index);width:var(--cty-loading-overlay-width);height:var(--cty-loading-overlay-height);background:var(--cty-loading-overlay-background)}.cty-loading{-webkit-transform-origin:var(--cty-loading-transform-origin);transform-origin:var(--cty-loading-transform-origin);-webkit-transform:var(--cty-loading-transform);transform:var(--cty-loading-transform)}.cty-loading__img{display:block;width:var(--cty-loading-img-width);-webkit-animation:var(--cty-loading-img-animation);animation:var(--cty-loading-img-animation)}.cty-loading__dotted{width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);margin:0 3px;-webkit-animation:dotted linear 1s infinite;animation:dotted linear 1s infinite}.cty-loading__dotted:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__dotted:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__dotted:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__dotted:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__dotted:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}.cty-loading__columnar{width:4px;height:6px;background:var(--cty-loading-active-color);margin:0 3px;-webkit-animation:columnar linear 1s infinite;animation:columnar linear 1s infinite}.cty-loading__columnar:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__columnar:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__columnar:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__columnar:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__columnar:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}@keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}.cty-loading__type-circular{position:relative;width:50px;height:50px}.cty-loading__circular{position:absolute;width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:circular linear 0.8s infinite;animation:circular linear 0.8s infinite}.cty-loading__circular:nth-child(1){left:24px;top:2px;-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__circular:nth-child(2){left:40px;top:8px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(3){left:47px;top:24px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(4){left:40px;top:40px;-webkit-animation-delay:0.2s;animation-delay:0.2s}.cty-loading__circular:nth-child(5){left:24px;top:47px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.cty-loading__circular:nth-child(6){left:8px;top:40px;-webkit-animation-delay:0.5s;animation-delay:0.5s}.cty-loading__circular:nth-child(7){left:2px;top:24px;-webkit-animation-delay:0.6s;animation-delay:0.6s}.cty-loading__circular:nth-child(8){left:8px;top:8px;-webkit-animation-delay:0.7s;animation-delay:0.7s}@-webkit-keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}@keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}.cty-loading__type-sphere{width:20px;height:100px;border-bottom:1px solid var(--cty-loading-active-color)}.cty-loading__sphere{display:block;width:20px;height:20px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate;animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate}@-webkit-keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}@keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}.cty-loading__type-round{position:relative;width:50px;height:50px}.cty-loading__round{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cty-loading-active-color);-webkit-animation:loader-animate 0.5s linear infinite;animation:loader-animate 0.5s linear infinite;border-radius:var(--cty-border-radius-medium)}.cty-loading__round-shadow{position:absolute;top:59px;left:0;width:100%;height:5px;background:#000;opacity:0.1;border-radius:var(--cty-border-radius-circle);-webkit-animation:loader-shadow 0.5s linear infinite;animation:loader-shadow 0.5s linear infinite}@-webkit-keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}@keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}.cty-loading__text{margin-top:var(--cty-loading-text-offset-top);color:var(--cty-loading-text-color);font-size:var(--cty-loading-text-size)}.cty-loading__text-hor{margin-top:0;margin-left:var(--cty-loading-text-offset-start)}";
-
-const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.ctyDismiss = createEvent(this, "ctyDismiss", 7);
-        this.didPresent = createEvent(this, "ctyDidPresent", 7);
-        this.willPresent = createEvent(this, "ctyWillPresent", 7);
-        this.willDismiss = createEvent(this, "ctyWillDismiss", 7);
-        this.didDismiss = createEvent(this, "ctyDidDismiss", 7);
-        this.delegateController = createDelegateController(this);
-        this.lockController = createLockController();
-        this.triggerController = createTriggerController();
-        this.presented = false;
-        /** @internal */
-        this.hasController = false;
-        this.root = 'default';
-        this.animated = false;
-        this.backdropDismiss = false; //是否在点击遮罩层后关闭
-        this.img = '';
-        this.spinner = 'dotted';
-        this.vertical = true;
-        this.spinnerComponents = {
-            dotted: (h("div", { class: "flex" }, Array(5).fill('').map(() => (h("span", { class: "cty-loading__dotted" }))))),
-            columnar: (h("div", { class: "flex" }, Array(5).fill('').map(() => (h("span", { class: "cty-loading__columnar" }))))),
-            circular: (h("div", { class: "cty-loading__type-circular" }, Array(8).fill('').map(() => (h("span", { class: "cty-loading__circular" }))))),
-            sphere: (h("div", { class: "cty-loading__type-sphere" }, h("span", { class: "cty-loading__sphere" }))),
-            round: (h("div", { class: "cty-loading__type-round" }, h("span", { class: "cty-loading__round" }), h("span", { class: "cty-loading__round-shadow" }))),
-        };
-    }
-    triggerChanged() {
-        const { trigger, el, triggerController } = this;
-        if (trigger) {
-            triggerController.addClickListener(el, trigger);
-        }
-    }
-    connectedCallback() {
-        prepareOverlay(this.el);
-        this.triggerChanged();
-    }
-    componentWillLoad() {
-    }
-    disconnectedCallback() {
-        this.triggerController.removeClickListener();
-        this.presented && removeBodyScrollClass();
-    }
-    componentDidLoad() {
-        !this.hasController && raf(() => this.present());
-    }
-    async present() {
-        const unlock = await this.lockController.lock();
-        await this.delegateController.attachViewToDom(this.root);
-        await present(this, 'loadingEnter', (baseEl) => enterAnimation(baseEl, '.cty-loading'));
-        unlock();
-    }
-    async dismiss() {
-        const unlock = await this.lockController.lock();
-        const dismissed = await dismiss(this, 'loadingLeave', (baseEl) => leaveAnimation(baseEl, '.cty-loading'));
-        if (dismissed) {
-            this.delegateController.removeViewFromDom();
-        }
-        unlock();
-        return dismissed;
-    }
-    onDidDismiss() {
-        return eventMethod(this.el, 'ctyDidDismiss');
-    }
-    onWillDismiss() {
-        return eventMethod(this.el, 'ctyWillDismiss');
-    }
-    renderSpinner() {
-        if (this.img)
-            return h("img", { src: this.img, class: "cty-loading__img", part: "img" });
-        return this.spinnerComponents[this.spinner] || null;
-    }
-    render() {
-        return (h(Host, { key: 'a7dc78d83899f394b4eb78f9db58702161362e75', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '2579570daded08ffbd29af20d5b7c7ed1e629e0b', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '8d17d847989cd8096847f6a9fd0c7cccfe09bfd5', class: this.vertical ? 'cty-loading flex-column-center' : 'cty-loading flex-center', onClick: (e) => e.stopPropagation() }, this.renderSpinner(), h("div", { key: 'ad7a7abc9ea517b16ae8d9a0e1e056917e85f0bf', class: { 'cty-loading__text': true, 'cty-loading__text-hor': !this.vertical } }, h("slot", { key: 'ccce9a41fa3e8fcce84932f57dc849a45adad9b3' }))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "trigger": ["triggerChanged"]
-    }; }
-    static get style() { return loadingCss; }
-}, [1, "cty-loading", {
-        "overlayIndex": [2, "overlay-index"],
-        "delegate": [16],
-        "hasController": [4, "has-controller"],
-        "root": [1],
-        "animated": [4],
-        "cssClass": [1, "css-class"],
-        "leaveAnimation": [16, "leave-animation"],
-        "enterAnimation": [16, "enter-animation"],
-        "backdropDismiss": [4, "backdrop-dismiss"],
-        "img": [1],
-        "spinner": [1],
-        "vertical": [4],
-        "trigger": [1],
-        "present": [64],
-        "dismiss": [64],
-        "onDidDismiss": [64],
-        "onWillDismiss": [64]
-    }, undefined, {
-        "trigger": ["triggerChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cty-loading", "cty-backdrop"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cty-loading":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Loading);
-            }
-            break;
-        case "cty-backdrop":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
+import { L as Loading, d as defineCustomElement$1 } from './loading.js';
 
 const CtyLoading = Loading;
 const defineCustomElement = defineCustomElement$1;

package/components/cty-media-capture.js

@@ -2,10 +2,12 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { r as statusBar, s as secondsToVehicle } from './status-bar.js';
 import { v as videoCapture } from './video-capture.js';
 import { d as closeOutline, l as arrowUndoCircle } from './index2.js';
-import { d as defineCustomElement$3 } from './icon.js';
+import { d as defineCustomElement$5 } from './backdrop.js';
+import { d as defineCustomElement$4 } from './icon.js';
+import { d as defineCustomElement$3 } from './loading.js';
 import { d as defineCustomElement$2 } from './icon2.js';
 
-const mediaCaptureCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-media-capture-video-background:var(--cty-color-black);--cty-media-capture-header-top:var(--ion-safe-area-top, 44px);--cty-media-capture-header-padding-start:6px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:32px;--cty-media-capture-close-icon-color:var(--cty-color-primary);--cty-media-capture-time-padding:2px 5px;--cty-media-capture-time-bg-color:#f00;--cty-media-capture-time-size:var(--cty-font-size-base);--cty-media-capture-time-color:var(--cty-color-white);--cty-media-capture-time-border-radius:var(--cty-border-radius-small);--cty-media-capture-footer-bottom:var(--ion-safe-area-bottom, 30px);--cty-media-capture-switch-size:60px;--cty-media-capture-switch-bg-color:var(--cty-color-primary);--cty-media-capture-switch-active-bg-color:#f00;--cty-media-capture-switch-border-width:3px;--cty-media-capture-switch-active-size:24px;--cty-media-capture-status-size:48px;--cty-media-capture-confirm-min-height:30px;--cty-media-capture-confirm-padding:0 1em;--cty-media-capture-confirm-size:var(--cty-font-size-base);--cty-media-capture-confirm-color:var(--cty-color-white);--cty-media-capture-confirm-bg-color:var(--cty-color-primary);--cty-media-capture-confirm-right:15px;--cty-media-capture-confirm-border-radius:var(--cty-border-radius-base);--cty-media-capture-video-object-fit:cover;position:absolute;left:0;top:0;width:100vw;height:100vh;visibility:visible !important}:host(.cty-media-captured){background:var(--cty-media-capture-video-background)}.cty-media-capture__header{position:absolute;z-index:1;left:0;top:var(--cty-media-capture-header-top);width:100%;padding-left:var(--cty-media-capture-header-padding-start);padding-right:var(--cty-media-capture-header-padding-end)}.cty-media-close__captured{margin-left:6px}.cty-capture__close-icon{font-size:var(--cty-media-capture-close-icon-size);color:var(--cty-media-capture-close-icon-color)}.cty-media-capture__time{position:absolute;left:50%;top:50%;padding:var(--cty-media-capture-time-padding);border-radius:var(--cty-media-capture-time-border-radius);font-size:var(--cty-media-capture-time-size);color:var(--cty-media-capture-time-color);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-media-capture__time-active{background:var(--cty-media-capture-time-bg-color)}.cty-media-capture__footer{position:absolute;bottom:var(--cty-media-capture-footer-bottom);left:0;width:100%}.cty-media-capture__switch{width:var(--cty-media-capture-switch-size);height:var(--cty-media-capture-switch-size);border-color:var(--cty-media-capture-switch-bg-color);border-width:var(--cty-media-capture-switch-border-width);border-style:solid;border-radius:var(--cty-border-radius-circle);cursor:pointer}.cty-media-capture__status{width:var(--cty-media-capture-status-size);height:var(--cty-media-capture-status-size);border-radius:var(--cty-border-radius-circle);background:var(--cty-media-capture-switch-bg-color);-webkit-transition:0.3s;transition:0.3s}.cty-media-capture__status-active{width:var(--cty-media-capture-switch-active-size);height:var(--cty-media-capture-switch-active-size);border-radius:var(--cty-border-radius-base);background:var(--cty-media-capture-switch-active-bg-color)}.cty-media-capture__confirm{position:absolute;right:var(--cty-media-capture-confirm-right);bottom:0;min-height:var(--cty-media-capture-confirm-min-height);background:var(--cty-media-capture-confirm-bg-color);padding:var(--cty-media-capture-confirm-padding);color:var(--cty-media-capture-confirm-color);font-size:var(--cty-media-capture-confirm-size);border-radius:var(--cty-media-capture-confirm-border-radius)}.cty-media-capture__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:var(--cty-media-capture-video-object-fit);object-fit:var(--cty-media-capture-video-object-fit)}";
+const mediaCaptureCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-media-capture-video-background:var(--cty-color-black);--cty-media-capture-header-top:var(--ion-safe-area-top, 44px);--cty-media-capture-header-padding-start:6px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:32px;--cty-media-capture-close-icon-color:var(--cty-color-primary);--cty-media-capture-time-padding:2px 5px;--cty-media-capture-time-bg-color:#f00;--cty-media-capture-time-size:var(--cty-font-size-base);--cty-media-capture-time-color:var(--cty-color-white);--cty-media-capture-time-border-radius:var(--cty-border-radius-small);--cty-media-capture-footer-bottom:var(--ion-safe-area-bottom, 30px);--cty-media-capture-switch-size:60px;--cty-media-capture-switch-bg-color:var(--cty-color-primary);--cty-media-capture-switch-active-bg-color:#f00;--cty-media-capture-switch-border-width:3px;--cty-media-capture-switch-active-size:24px;--cty-media-capture-status-size:48px;--cty-media-capture-confirm-min-height:30px;--cty-media-capture-confirm-padding:0 1em;--cty-media-capture-confirm-size:var(--cty-font-size-base);--cty-media-capture-confirm-color:var(--cty-color-white);--cty-media-capture-confirm-bg-color:var(--cty-color-primary);--cty-media-capture-confirm-right:15px;--cty-media-capture-confirm-border-radius:var(--cty-border-radius-base);--cty-media-capture-video-object-fit:cover;position:absolute;left:0;top:0;width:100vw;height:100vh;visibility:visible !important}:host(.cty-media-captured){background:var(--cty-media-capture-video-background)}.cty-media-capture__header{position:absolute;z-index:1;left:0;top:var(--cty-media-capture-header-top);width:100%;padding-left:var(--cty-media-capture-header-padding-start);padding-right:var(--cty-media-capture-header-padding-end)}.cty-media-close__captured{margin-left:6px}.cty-capture__close-icon{font-size:var(--cty-media-capture-close-icon-size);color:var(--cty-media-capture-close-icon-color)}.cty-media-capture__time{position:absolute;left:50%;top:50%;padding:var(--cty-media-capture-time-padding);border-radius:var(--cty-media-capture-time-border-radius);font-size:var(--cty-media-capture-time-size);color:var(--cty-media-capture-time-color);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-media-capture__time-active{background:var(--cty-media-capture-time-bg-color)}.cty-media-capture__footer{position:absolute;bottom:var(--cty-media-capture-footer-bottom);left:0;width:100%}.cty-media-capture__switch{width:var(--cty-media-capture-switch-size);height:var(--cty-media-capture-switch-size);border-color:var(--cty-media-capture-switch-bg-color);border-width:var(--cty-media-capture-switch-border-width);border-style:solid;border-radius:var(--cty-border-radius-circle);cursor:pointer}.cty-media-capture__status{width:var(--cty-media-capture-status-size);height:var(--cty-media-capture-status-size);border-radius:var(--cty-border-radius-circle);background:var(--cty-media-capture-switch-bg-color);-webkit-transition:0.3s;transition:0.3s}.cty-media-capture__status-active{width:var(--cty-media-capture-switch-active-size);height:var(--cty-media-capture-switch-active-size);border-radius:var(--cty-border-radius-base);background:var(--cty-media-capture-switch-active-bg-color)}.cty-media-capture__confirm{position:absolute;right:var(--cty-media-capture-confirm-right);bottom:0;min-height:var(--cty-media-capture-confirm-min-height);background:var(--cty-media-capture-confirm-bg-color);padding:var(--cty-media-capture-confirm-padding);color:var(--cty-media-capture-confirm-color);font-size:var(--cty-media-capture-confirm-size);border-radius:var(--cty-media-capture-confirm-border-radius)}.cty-media-capture__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:var(--cty-media-capture-video-object-fit);object-fit:var(--cty-media-capture-video-object-fit)}cty-loading{visibility:visible}.cty-loading__title{margin:var(--cty-media-capture-video-loading-title-font-size, 8px 0 0);font-weight:var(--cty-media-capture-video-loading-title-font-weight, normal);font-size:var(--cty-media-capture-video-loading-title-font-size, var(--cty-font-size-medium));text-align:var(--cty-media-capture-video-loading-title-text-align, center);color:var(--cty-media-capture-video-loading-description-color, #fff)}.cty-loading__description{font-weight:var(--cty-media-capture-video-loading-description-font-weight, normal);font-size:var(--cty-media-capture-video-loading-description-font-size, var(--cty-font-size-small));text-align:var(--cty-media-capture-video-loading-description-text-align, center);color:var(--cty-media-capture-video-loading-description-color, #fff)}";
 
 const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends HTMLElement {
     constructor() {
@@ -27,6 +29,9 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
         this.controls = false;
         this.poster = '';
         this.timeLimit = 0; //大于0则有录制时间限制
+        this.loadingSpinner = 'round';
+        this.loaingTitle = '正在处理视频';
+        this.loaingDescription = '请稍候，这可能需要几秒钟';
         this.isCaptured = false;
         this.capturing = false;
         this.captureDuration = 0;
@@ -121,7 +126,7 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
     }
     render() {
         const captureDuration = secondsToVehicle(this.captureDuration);
-        return (h(Host, { key: '01836d2ec5ec6ecc1165f1f6b1f4da10ba461a1c', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, h("div", { key: '857b458c910a17fb5ec86040e64f141be5641e2a', class: "cty-media-capture__header" }, h("button", { key: 'd5715b0bfa2458f3e50c422389c7de0787e66458', onClick: () => this.doHeaderAction(), class: { 'cty-button-native': true, 'cty-media-close__captured': this.isCaptured } }, h("cty-icon", { key: '91b04f0063081fcd87c5b8f32e85f89c077b3a6a', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (h("span", { key: '41cf5b55da20221d1138d8e129a815e6f8723940', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (h("video", { key: 'e015d30d41a32cf02f79e3f54ed8360c8f5867c8', ref: el => (this.videoEl = el), class: "cty-media-capture__video", autoplay: this.autoplay, loop: this.loop, poster: this.poster, src: this.videoFileUrl, playsinline: true, "webkit-playsinline": true, controls: this.controls, onClick: e => this.toggleVideo(e) })), h("div", { key: '951a91e9e1cccbf9b8f20ab088c78a56cc446128', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (h("button", { key: '68177b232dc84df1ae5f919d9ae0cf4c473ea4b4', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, h("span", { key: '4b9cd22474cbb7475896dc1fb068b622b6b779b1', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (h("button", { key: '40011748253595b2c866f1ac5830e2c4bb71beda', class: "cty-media-capture__confirm cty-button-native", onClick: () => this.confirm() }, this.confirmText))), h("slot", { key: '4d0bbd711f4232517b6f3587cc3521ab617ecba3' })));
+        return (h(Host, { key: '8d556942435698565ec78e64015882f366ab4256', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, h("div", { key: '42c48f771fbdab65eeb8955b792f919208027029', class: "cty-media-capture__header" }, h("button", { key: '2abaf94fb1bc81f641e48135aa683816ed6234fd', onClick: () => this.doHeaderAction(), class: { 'cty-button-native': true, 'cty-media-close__captured': this.isCaptured } }, h("cty-icon", { key: '5f4b4cfea737bec2239909144cb577a9aea5a40f', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (h("span", { key: 'b5acf012dc457f667acf8ee48fc9e43f9e5e894d', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (h("video", { key: 'a8ff03d0db43884cb76ecde47bbdfb9d5bbf9826', ref: el => (this.videoEl = el), class: "cty-media-capture__video", autoplay: this.autoplay, loop: this.loop, poster: this.poster, src: this.videoFileUrl, playsinline: true, "webkit-playsinline": true, controls: this.controls, onClick: e => this.toggleVideo(e) })), this.isCaptured && !this.filePath && h("cty-loading", { key: 'c40177486ea1b5445b2ccfe3a31eb6284b01371f', part: "loading", animated: false, overlayIndex: 1, spinner: this.loadingSpinner }, h("slot", { key: '6791018518664f434ba39e2a8919644cb1a957bc', name: "loading-text" }, this.loaingTitle && h("h3", { key: '9557bdd42752f13ade54a6ad66e5f2918004cd8e', class: "cty-loading__title" }, this.loaingTitle), this.loaingDescription && h("p", { key: '6fef588e1e9d9afb3d3d3a4ef937fa3699f210ef', class: "cty-loading__description" }, this.loaingDescription))), h("div", { key: 'f631e1f54e472f5d2f49750f5c7f4c168c63cace', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (h("button", { key: '8fe4090f5c55248108796f631606b942c79a54fc', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, h("span", { key: '55323c8d708fb7ca36439375b0e3bd695bbd0c77', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (h("button", { key: '0b157e3d544e38dd4107b588454beba344550280', class: "cty-media-capture__confirm cty-button-native", disabled: !this.filePath, onClick: () => this.confirm() }, this.confirmText))), h("slot", { key: '5282bb9e08d12ce04fd158f10133f4982639dc31' })));
     }
     get el() { return this; }
     static get style() { return mediaCaptureCss; }
@@ -136,6 +141,9 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
         "controls": [4],
         "poster": [1],
         "timeLimit": [2, "time-limit"],
+        "loadingSpinner": [1, "loading-spinner"],
+        "loaingTitle": [1, "loaing-title"],
+        "loaingDescription": [1, "loaing-description"],
         "isCaptured": [32],
         "capturing": [32],
         "captureDuration": [32],
@@ -148,14 +156,24 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["cty-media-capture", "cty-icon", "ion-icon"];
+    const components = ["cty-media-capture", "cty-backdrop", "cty-icon", "cty-loading", "ion-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "cty-media-capture":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, MediaCapture);
             }
             break;
+        case "cty-backdrop":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
         case "cty-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "cty-loading":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/components/cty-notice-bar.js

@@ -55,7 +55,7 @@ const NoticeBar = /*@__PURE__*/ proxyCustomElement(class NoticeBar extends HTMLE
         }, 1000);
     }
     render() {
-        return (h(Host, { key: 'd49e29d973b13c99e47e2f0642e537480540da6e', class: "cty-notice-bar flex-align-center" }, this.startIcon && h("button", { key: 'c2afe7476cba33e01abee2314760477cf8eb3e9f', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'start') }, h("cty-icon", { key: '9f1acb695183c59ecfe3f78c7ab3553a28d94127', name: this.startIcon, class: "cty-notice-bar__start-icon" })), h("slot", { key: '3433798c43db564cce542d953c9797e788ddd39e', name: 'start' }), h("div", { key: 'ad7a29de39ebb0b3db4feddfa09b143a0cd31deb', class: "cty-notice-bar__wrap flex-align-center", ref: el => this.wrapRefEl = el }, h("div", { key: '8c47634eac63f04e7dea54a7f65c3a74f9531995', class: { 'cty-ellipsis': !this.scrollable, 'cty-notice-bar__content': true }, ref: el => this.contentEl = el }, this.text, h("slot", { key: '7863622878e28bfda0a2ccd45edff0e9f6c17f7f' }))), this.endIcon && h("button", { key: '8d0bc08eaa2fe7dfff37444ebcf89e4b2661b063', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'end') }, h("cty-icon", { key: 'b8a6112a462ef4f445745dbd0487efaa454be261', name: this.endIcon, class: "cty-notice-bar__end-icon" })), h("slot", { key: '7b241f62ecc605436574eb5930a524db4290588e', name: 'end' })));
+        return (h(Host, { key: 'af63bed696f3af70b8cfcc910219e30fc70a71fe', class: "cty-notice-bar flex-align-center" }, this.startIcon && h("button", { key: '2f8f8b4a9e83c5d4d7d79054abef6c2c6be1feb7', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'start') }, h("cty-icon", { key: '69bf2a5df14aa0c2a3e6e19f4811869956750602', name: this.startIcon, class: "cty-notice-bar__start-icon" })), h("slot", { key: 'ebe24eb4fe182811c9c3d5f1f9e8c9707f021199', name: 'start' }), h("div", { key: '99f51eae75718087e3815f2307c8df6d174b532d', class: "cty-notice-bar__wrap flex-align-center", ref: el => this.wrapRefEl = el }, h("div", { key: 'fb98f7dc54c9768fcf97829bae826882e8d3991a', class: { 'cty-ellipsis': !this.scrollable, 'cty-notice-bar__content': true }, ref: el => this.contentEl = el }, this.text, h("slot", { key: '5bc1cd0407822f0f7eaa9ca45540664570494152' }))), this.endIcon && h("button", { key: '1fa9b9e00f128d7eaf9307ceb0ecb2ae2449d9a0', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'end') }, h("cty-icon", { key: 'a87db371cc51772fc61dc944e94b87eeb873f036', name: this.endIcon, class: "cty-notice-bar__end-icon" })), h("slot", { key: '1169cdef81fdac6da5a6fac98d340f80faf81def', name: 'end' })));
     }
     get el() { return this; }
     static get style() { return noticeBarCss; }

package/components/cty-pdf-viewer.js

@@ -30,7 +30,7 @@ const PdfViewer = /*@__PURE__*/ proxyCustomElement(class PdfViewer extends HTMLE
         }
     }
     render() {
-        return (h(Host, { key: '49483c3b906cf75e91c1d2b61eaf4a49a6338ff0', class: "cty-pdf-viewer" }, h("slot", { key: '0803085a97e73fe5324e3ca2424d576e3b5f8afb' })));
+        return (h(Host, { key: '658e1defbab2f29c766ee1f1e62566d2ad988853', class: "cty-pdf-viewer" }, h("slot", { key: '1bd787850bffac53e5735e90be2011c8d97f17cc' })));
     }
     get el() { return this; }
     static get style() { return pdfViewerCss; }

package/components/cty-progress.js

@@ -19,7 +19,7 @@ const Progress = /*@__PURE__*/ proxyCustomElement(class Progress extends HTMLEle
         this.handleProgressChange(this.percentage);
     }
     render() {
-        return (h(Host, { key: 'e3a60e82da726bc2ea5e1e9a7e70e9370e5065cc', class: "cty-progress" }, h("span", { key: '94600114f1bca83302c725e539c7165a0ea37bcd', class: "cty-progress__portion", style: { width: this._percentage + '%' } }), this.pivot && (h("span", { key: '163d967728fad42ccf21558976059296051647b2', class: "cty-progress__pivot", style: {
+        return (h(Host, { key: '5612f3dbded87d1df841f4edf71419999e54f2b5', class: "cty-progress" }, h("span", { key: '4ffef5dfe225ec625a6e85ef2f712b6b9ef896b1', class: "cty-progress__portion", style: { width: this._percentage + '%' } }), this.pivot && (h("span", { key: '04fd3925cfc5337fbee973e95a45d1fce6202655', class: "cty-progress__pivot", style: {
                 left: this._percentage + '%',
                 transform: 'translate(-' + (this._percentage + '%') + ',-50%)',
             } }, this.pivotText || this._percentage + '%'))));

package/components/cty-quick-access.js

@@ -118,7 +118,7 @@ const QuickAccess = /*@__PURE__*/ proxyCustomElement(class QuickAccess extends H
         return dataList.map((item, idx) => (h("div", { class: "cty-quick-access__list-item flex-column-center", style: { width: this.itemWidth + '%' }, onClick: () => this.clickItem(item, idx) }, item[this._props.icon] && h("cty-icon", { name: item[this._props.icon], class: "cty-quick-access__list-item-icon" }), item[this._props.image] && h("img", { src: item[this._props.image], class: "cty-quick-access__list-item-img" }), item[this._props.text] && h("div", { class: "cty-quick-access__list-item-text" }, item[this._props.text]))));
     }
     render() {
-        return (h(Host, { key: 'eedf2912ded1785ce42d5a56ffbd722c19cf76c2', class: "cty-quick-access" }, h("slot", { key: 'b937dac3c520004915d0275fc7039b228e4bd770', name: "header" }), h("div", { key: 'ed9770f62c1f5cfa2417ff7284cbf0225bef234a', ref: el => (this.slideEl = el), class: "cty-quick-access__wrapper flex-align-start", style: { width: this.sliderTotalWidth + '%' }, onTouchStart: e => this.handleDragStart(e), onTouchMove: e => this.handleDragMove(e), onTouchEnd: () => this.handleDragEnd(), onMouseDown: e => this.handleDragStart(e), onMouseMove: e => this.handleDragMove(e), onMouseUp: () => this.handleDragEnd() }, this.list.map(dataList => (h("div", { class: "cty-quick-access__list flex-wrap" }, this.renderDataList(dataList))))), h("slot", { key: '6268ab5970c1e67f71296b185ca700356794463f', name: "bottom" }), this.list.length > 1 && this.paper && (h("div", { key: '955bb9a5826a0306fe47ebb8d0aba9b027b4357d', class: "cty-quick-access__pagination flex-center" }, [...this.list.keys()].map(idx => (h("div", { class: { 'cty-quick-access__pagination-point': true, 'active': idx === this.currentPage } }))))), h("slot", { key: '14cfc5cfa8d565827c52269747ab7a906b62c3f7', name: "p-bottom" })));
+        return (h(Host, { key: '657a4a4caf3ee2962e1ea1e89ec41c6fd6ff0c91', class: "cty-quick-access" }, h("slot", { key: 'fc2aa5a070335b5ecefaadfa997f36f2a59427b2', name: "header" }), h("div", { key: '49fad34c31bf5d21912359e8a0ade965e5dde183', ref: el => (this.slideEl = el), class: "cty-quick-access__wrapper flex-align-start", style: { width: this.sliderTotalWidth + '%' }, onTouchStart: e => this.handleDragStart(e), onTouchMove: e => this.handleDragMove(e), onTouchEnd: () => this.handleDragEnd(), onMouseDown: e => this.handleDragStart(e), onMouseMove: e => this.handleDragMove(e), onMouseUp: () => this.handleDragEnd() }, this.list.map(dataList => (h("div", { class: "cty-quick-access__list flex-wrap" }, this.renderDataList(dataList))))), h("slot", { key: 'ea6ff4f6756d974db1097f80d26c64aabb326460', name: "bottom" }), this.list.length > 1 && this.paper && (h("div", { key: '530538c19f70f94aefcaad341503bae596edf660', class: "cty-quick-access__pagination flex-center" }, [...this.list.keys()].map(idx => (h("div", { class: { 'cty-quick-access__pagination-point': true, 'active': idx === this.currentPage } }))))), h("slot", { key: '9f174fcbf9d289ee2b6e85584946ff5dc6b4f57d', name: "p-bottom" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-rate.js

@@ -156,7 +156,7 @@ const Rate = /*@__PURE__*/ proxyCustomElement(class Rate extends HTMLElement {
         }
     }
     render() {
-        return (h(Host, { key: '8e1c6b8b265c3b66e8073dfc3090e697ccec5e52', class: { 'cty-rate': true, 'cty-rate__disabled': this.disabled, 'cty-rate__readonly': this.readonly }, onTouchStart: () => this._start(), onTouchMove: (e) => this._move(e), onTouchEnd: () => this._end(), onMouseDown: () => this._start(), onMouseMove: (e) => this._move(e), onMouseUp: () => this._end() }, this.statusList.map(item => (h("div", { class: "cty-rate__item", onClick: (e) => this._doAction(e) }, h("cty-icon", { name: item.status === 'full' ? this.icon : this.voidIcon, class: { 'cty-rate__icon': true, 'cty-rate__icon-full': item.status === 'full', 'cty-rate__icon-disabled': this.disabled } }), this.half && item.value > 0 && item.value < 1 && (h("cty-icon", { name: item.status === 'void' ? this.voidIcon : this.icon, class: { 'cty-rate__icon cty-rate__icon-half': true, 'cty-rate__icon-full': item.status !== 'void', 'cty-rate__icon-disabled': this.disabled }, style: { width: item.value * 100 + '%' } })))))));
+        return (h(Host, { key: '604612a4bd1f3d7762f2c4b826371fbf168006fa', class: { 'cty-rate': true, 'cty-rate__disabled': this.disabled, 'cty-rate__readonly': this.readonly }, onTouchStart: () => this._start(), onTouchMove: (e) => this._move(e), onTouchEnd: () => this._end(), onMouseDown: () => this._start(), onMouseMove: (e) => this._move(e), onMouseUp: () => this._end() }, this.statusList.map(item => (h("div", { class: "cty-rate__item", onClick: (e) => this._doAction(e) }, h("cty-icon", { name: item.status === 'full' ? this.icon : this.voidIcon, class: { 'cty-rate__icon': true, 'cty-rate__icon-full': item.status === 'full', 'cty-rate__icon-disabled': this.disabled } }), this.half && item.value > 0 && item.value < 1 && (h("cty-icon", { name: item.status === 'void' ? this.voidIcon : this.icon, class: { 'cty-rate__icon cty-rate__icon-half': true, 'cty-rate__icon-full': item.status !== 'void', 'cty-rate__icon-disabled': this.disabled }, style: { width: item.value * 100 + '%' } })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-record.js

@@ -269,7 +269,7 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
         }
     }
     render() {
-        return (h(Host, { key: 'cf1ebcbf4b0d7dfe937105d72088da7b1f4e910c', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'd203e50852d3c7efe1ef587f45ac986f1808f3ed', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'f3183c972d288bac27b965a45dabf95075023205', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, h("slot", { key: '8e72e87c497e9e6d6699fb5eb79f51787ed0ccf0', name: "header" }), this.closeable && (h("div", { key: '7b932989cee6f9354d8dc0b5ce9f5aa443a85ea7', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, h("cty-icon", { key: '2c3da8b20faf032b2b250ba30dfcb45ab22d58d0', name: closeOutline }))), h("p", { key: '5fba37cd25adabf170898b441fabe1ec9b90f9ea', class: "cty-record__desc" }, this.recordDescription), h("p", { key: '0b9b38f5df68ce17152df329956b13395ab1a523', class: "cty-record__time" }, this.recordDuration), h("div", { key: '431f6ed631c34eaaf257a313e3733d8b588126f3', class: "cty-record__main flex-align-end-center" }, this.recorded && (h("button", { key: '91938ac06c9e36bb6776a10d6c87e093181fa1cd', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, h("cty-icon", { key: 'e1c1f554ddeacd70f35ac874161553df5da549a5', name: "cty-redo", class: "flex-center" }), h("span", { key: '27edd2d0e5c46960eb4300e9d4c8d3c6604531d5' }, "\u91CD\u5F55"))), !this.recording && (h("button", { key: '8109dc884ce5bba19f61fb093c7636cd8ad6a208', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && h("cty-icon", { key: 'b6c20eaccc5e5e511f90a5697135194620efae8c', name: "cty-record" }), this.auditioning && this.recorded && h("cty-icon", { key: '0c70d56784a2de64fc7e09c026aeda38ea0e7af4', name: "cty-pause" }), !this.auditioning && this.recorded && h("cty-icon", { key: '358f1d673171f06c60e2ee281bcd3925799dc246', name: "cty-play" }))), this.recording && (h("div", { key: '18f6c679ecf8353264262b5818d544558a569eea', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, h("cty-circle", { key: 'cde6dba25eeeb9df8b70f093e79d774f41f18f11', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), h("cty-icon", { key: '4ba59d8dce03458190ce690b3e04a4d5cf3ea82c', name: "cty-pause" }))), this.recorded && (h("button", { key: '68d942c616ba2f933a3287ead9b35913ef10862d', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, h("cty-icon", { key: '5c0d3c95f1e07efb47d609542a4bc383d258ae4a', name: "cty-yes", class: "flex-center" }), h("span", { key: 'ce7a144181ad482b857165c72cd1a0efb1e830d2' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && h("p", { key: 'd26f0d39b2b4931ca9981ac75a243ac72a0208ad', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && h("p", { key: '4eb3f9b7bdc97e437579ce5c2692b87d350e6107', class: "cty-record__status" }, this.recordState))), h("ion-toast", { key: 'b699b67f2ec24e56fadeb17969c08fba2d57f4e8', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && h("cty-alert", { key: '9fa70e3470d1f481fd9ff87be6b2e58e8037466e', title: "\u53D6\u6D88\u5F55\u97F3", content: "\u786E\u5B9A\u53D6\u6D88\u672C\u6761\u5F55\u97F3\uFF1F", buttons: ['取消', '确定'], overlayIndex: 1, onCtyTap: e => this.handleAlertAction(e) }, h("button", { key: '93924a6ed5955a04d8b2355fb873c7657af8824b', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, h("cty-icon", { key: '445578c103a2ee6b3905b743e19e5afa8d836abd', name: "cty-close2" })))));
+        return (h(Host, { key: '989f89cc8d82fd5c145ecad470e4f2ab43dba3b6', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'b5d73f8e089ca13b67d9f2f24383336505702c5b', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'a314fe2012f0acf716c55393da254a04d4b0ff90', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, h("slot", { key: '9d40c491148519b59ad39822986cf7740bf12685', name: "header" }), this.closeable && (h("div", { key: '6f1cf46bc6628ba07d7b62314f2bb382d5ef99d8', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, h("cty-icon", { key: 'e865944bca9d2bc7003545eb09ef49ce08a5a01c', name: closeOutline }))), h("p", { key: '843cf4bbf16ab8ed9f2a4faef47644d63cba117c', class: "cty-record__desc" }, this.recordDescription), h("p", { key: '6e5c9d2f67d66fad9b68b277f0d1d7d315c2234b', class: "cty-record__time" }, this.recordDuration), h("div", { key: '117b76774c0722d62b8c33d25d4091b0bafd26ac', class: "cty-record__main flex-align-end-center" }, this.recorded && (h("button", { key: 'e76db99b429f0ecf9852f99f4ec73033716a7674', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, h("cty-icon", { key: '7157f323eb1db2d614e806cbf136f06890202a7b', name: "cty-redo", class: "flex-center" }), h("span", { key: '0218b90372d3da857f8d8bb83f1947eb75180aba' }, "\u91CD\u5F55"))), !this.recording && (h("button", { key: '9f567b6efa2118c872610eecec09e5b0b56ef4a4', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && h("cty-icon", { key: '05e976f65e345d7ad6c4977d1c11f6b169e0df1b', name: "cty-record" }), this.auditioning && this.recorded && h("cty-icon", { key: '3217f8f288f246126af2a52947584963ad344f43', name: "cty-pause" }), !this.auditioning && this.recorded && h("cty-icon", { key: '63044323bc2beed39c44bd37ab5a5afa4181489a', name: "cty-play" }))), this.recording && (h("div", { key: 'e970e089d7816736192e4b8c8cb51a57b42df055', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, h("cty-circle", { key: '0ee52b562b48c597f60252e568689c63d4e6179e', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), h("cty-icon", { key: '71f8aaaf25f30cf14facf347befacfa5f97cf34c', name: "cty-pause" }))), this.recorded && (h("button", { key: 'a84ef08f7214e299f0b95c2fba613615e05fd556', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, h("cty-icon", { key: '86a565f80c58ca894ae4f5ae04091c4a1d5900d2', name: "cty-yes", class: "flex-center" }), h("span", { key: '952a096ad6e4c240ae9980d5ead6b309eaeea025' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && h("p", { key: '6daf8d8bdab3a264d026fb5156669b1e85647c97', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && h("p", { key: 'c5135dc4f9af25b0e35c11bca6b711a088dac67a', class: "cty-record__status" }, this.recordState))), h("ion-toast", { key: '8a228ee8ee0af0804b458d52c9c72c39627c9938', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && h("cty-alert", { key: 'bc64d4327b41f1ade7d75af970b5e2981937df5a', title: "\u53D6\u6D88\u5F55\u97F3", content: "\u786E\u5B9A\u53D6\u6D88\u672C\u6761\u5F55\u97F3\uFF1F", buttons: ['取消', '确定'], overlayIndex: 1, onCtyTap: e => this.handleAlertAction(e) }, h("button", { key: 'f1492fd2770bd159b33ccdb684616f9540fead09', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, h("cty-icon", { key: '97bde7e191de3b144f9916d14153b45135cd26c4', name: "cty-close2" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-segment-slides.js

@@ -68,7 +68,7 @@ const SegmentSlides = /*@__PURE__*/ proxyCustomElement(class SegmentSlides exten
         return this.slidesEl.swiper;
     }
     render() {
-        return (h(Host, { key: 'eba60d9463c82e68c275ec92895d529bb598697f', class: "cty-segment-slides" }, h("ion-segment", { key: '1f5327d2a20e04fa2dc21e21a6275829ae8ef928', part: "segment", class: "cty-segment-slides__segment", value: this._slideValue, onIonChange: (e) => this.segmentChanged(e), mode: "md", style: { 'top': this._top } }, h("slot", { key: 'fc8991c42c6fe9f818520c1a7f167be775ea5762', name: 'segments' }), this._segments.map((item, idx) => h("ion-segment-button", { part: "segment-button", value: idx, layout: this.layout, class: "cty-segment-slides__segment-button" }, item[this._segmentProps['label']] && h("span", { class: "cty-segment-slides__segment-label" }, item[this._segmentProps['label']]), item[this._segmentProps['icon']] && h("cty-icon", { name: item[this._segmentProps['icon']], class: "cty-segment-slides__segment-icon" }), h("slot", { name: 'segment-button' + idx })))), h("swiper-container", Object.assign({ key: 'ba155c6261dcfbeff7f1d6c205868d45ae659d6a', part: "container", class: "cty-segment-slides__swiper-container", ref: (el) => this.slidesEl = el, observer: this.observer, observerParents: this.observerParents, resistanceRatio: '0', autoHeight: this.autoHeight, onSwiperslidechangetransitionstart: () => this.slideChange() }, this.swiperAttrs), this._segments.map((_, idx) => h("swiper-slide", { part: "slide", class: "cty-segment-slides__swiper-slide" }, h("slot", { name: 'content' + idx }))))));
+        return (h(Host, { key: '9ace6a85b92d94baa876071466f8488b482baf15', class: "cty-segment-slides" }, h("ion-segment", { key: '1e9620ee3a039efbfde02aaa7f8f7b3a44d3a856', part: "segment", class: "cty-segment-slides__segment", value: this._slideValue, onIonChange: (e) => this.segmentChanged(e), mode: "md", style: { 'top': this._top } }, h("slot", { key: '6164d1ca3056ceca762e62c525d0125fb84f2fad', name: 'segments' }), this._segments.map((item, idx) => h("ion-segment-button", { part: "segment-button", value: idx, layout: this.layout, class: "cty-segment-slides__segment-button" }, item[this._segmentProps['label']] && h("span", { class: "cty-segment-slides__segment-label" }, item[this._segmentProps['label']]), item[this._segmentProps['icon']] && h("cty-icon", { name: item[this._segmentProps['icon']], class: "cty-segment-slides__segment-icon" }), h("slot", { name: 'segment-button' + idx })))), h("swiper-container", Object.assign({ key: '3a0f3b8dbc9f06ce152d6ee7e8a30fd563ce86c2', part: "container", class: "cty-segment-slides__swiper-container", ref: (el) => this.slidesEl = el, observer: this.observer, observerParents: this.observerParents, resistanceRatio: '0', autoHeight: this.autoHeight, onSwiperslidechangetransitionstart: () => this.slideChange() }, this.swiperAttrs), this._segments.map((_, idx) => h("swiper-slide", { part: "slide", class: "cty-segment-slides__swiper-slide" }, h("slot", { name: 'content' + idx }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-selector.js

@@ -64,7 +64,7 @@ const Selector = /*@__PURE__*/ proxyCustomElement(class Selector extends HTMLEle
         return [this.value];
     }
     render() {
-        return (h(Host, { key: '92f381dd5909391c30af0fad46f11c7976bcb5cd', role: "listbox", class: {
+        return (h(Host, { key: '40b2e7b2e1d071c4c31e85eeac892f3db9ed3727', role: "listbox", class: {
                 'cty-selector-grid': !!this.columns,
             }, style: { 'grid-template-columns': `repeat(${this.columns}, 1fr)` } }, this.options.map(option => {
             const valueArr = this.getValueArray();

package/components/cty-share-sheet.js

@@ -394,7 +394,7 @@ const ShareSheet = /*@__PURE__*/ proxyCustomElement(class ShareSheet extends HTM
         this.ctyGuide.emit();
     }
     render() {
-        return (h(Host, { key: '0499adede41f853e0124a33ce6d5bacfdf04245e', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '66585199203d38c2096efc9842eadfc5f5e5bdd0', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (h("div", { key: '367da32df1dc4593e9949b8026162ba6af91e562', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, h("img", { key: 'c7e4e95e0c0db875a0d84f5e083a56c762db468a', src: this.guideImg }))), h("slot", { key: '0d5079a68bd9099323040bee95bbbda5faa5cdbd', name: "share-sheet" }), !this.hiddenSheet && (h("div", { key: 'e0046e6e745f498d2d97d285b5d1c151883d2c0a', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, h("slot", { key: '68b36468429c18bb9a1bb007fbe21ab212de0e49', name: "header" }), (this.title || this.description) && (h("div", { key: '7287a4c5bc358d92848a102df8a067706ff3a4ce', class: "cty-share-sheet__header", part: "header" }, this.title && h("cty-divider", { key: '519b8c31c35976de4070fd3ff297f6fa9ac1838e' }, this.title), this.description && h("p", { key: '1ff35868f382a4692ebd42a3b7bbe3a590404e41', class: "cty-share-sheet__description" }, this.description))), h("slot", { key: 'ad10099f11a9fde890b41b33c8cb7c2407ef2c5c', name: "options" }), h("div", { key: 'b671d6dcead1b453897ffc3b20fb0ee9e8a563c3', class: "cty-share-sheet__options flex", part: "options" }, this._options.map((option, idx) => (h("div", { part: "option", class: "cty-share-sheet__option flex-align-center", onClick: () => this._buttonClick(option, idx) }, option.icon && option.icon.indexOf('/') >= 0 && !option.icon.endsWith('.svg') && h("img", { class: "cty-share-sheet__img", src: option.icon }), option.icon && (option.icon.indexOf('/') < 0 || option.icon.endsWith('.svg')) && h("cty-icon", { name: option.icon, class: "cty-share-sheet__icon" }), option.title && h("span", { class: "cty-share-sheet__option-title" }, option.title), option.description && h("span", { class: "cty-share-sheet__option-description" }, option.description))))), h("slot", { key: '6887207f03c86214bcc3a069653b173d2f926cfe', name: "cancel" }), this.cancelText && (h("button", { key: '1e446b5380589964f2b901511c344c45d3361285', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && h("cty-permission-purpose", { key: 'd62b26be303c62dcfe0da9eb92a7eb9e85c9dd89', description: this.permissionDescription }), h("ion-toast", { key: '85f53a8dd06ec081e0e49e612e3bac8223590fdf', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000 })));
+        return (h(Host, { key: '7d18b6a812533f70cac660ab5b4603961e1bd3ca', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '1e347e5b5c7024a43054e3831dce12c2453af85b', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (h("div", { key: 'eff7e95d29d6da9b348edfc074ebceda2d446592', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, h("img", { key: '07d20321e42741dd621fc23eeea4196b139a61cd', src: this.guideImg }))), h("slot", { key: '8b189ea4a505fa1726f315f852a58ae1a052c579', name: "share-sheet" }), !this.hiddenSheet && (h("div", { key: 'c68e7db901a5b9dc6f6889abbbf884862899989a', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, h("slot", { key: 'fb767b4474ebafdfa24b267186117dd7f0de8ece', name: "header" }), (this.title || this.description) && (h("div", { key: 'b8289588fb2e85a34351096acfef6f7d3c3571bd', class: "cty-share-sheet__header", part: "header" }, this.title && h("cty-divider", { key: 'c69002d27aea8083042a59400a181fe35ab8e091' }, this.title), this.description && h("p", { key: 'c707e7f42b074524928438c1abc106790ea27631', class: "cty-share-sheet__description" }, this.description))), h("slot", { key: '8dcf9d1d9f1442205a54b6b945f164ed77bdb913', name: "options" }), h("div", { key: 'a15b19a469f00ef9218a9904d996b9aecc45f954', class: "cty-share-sheet__options flex", part: "options" }, this._options.map((option, idx) => (h("div", { part: "option", class: "cty-share-sheet__option flex-align-center", onClick: () => this._buttonClick(option, idx) }, option.icon && option.icon.indexOf('/') >= 0 && !option.icon.endsWith('.svg') && h("img", { class: "cty-share-sheet__img", src: option.icon }), option.icon && (option.icon.indexOf('/') < 0 || option.icon.endsWith('.svg')) && h("cty-icon", { name: option.icon, class: "cty-share-sheet__icon" }), option.title && h("span", { class: "cty-share-sheet__option-title" }, option.title), option.description && h("span", { class: "cty-share-sheet__option-description" }, option.description))))), h("slot", { key: 'c8f1378d2bca442b7136bc16f9188c454bca528d', name: "cancel" }), this.cancelText && (h("button", { key: 'c7d429839fd95b9dafcc954f68b0e3cbc31343e7', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && h("cty-permission-purpose", { key: 'c2749595fc5ab4b6c88e0040c621240482ee7747', description: this.permissionDescription }), h("ion-toast", { key: '8c852237ad47d29b0911564c28c45798bb87f2d1', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000 })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-side-panel.js

@@ -35,7 +35,7 @@ const SidePanel = /*@__PURE__*/ proxyCustomElement(class SidePanel extends HTMLE
             }, part: 'content-item' }, h("slot", { name: 'content' + index }));
     }
     render() {
-        return (h(Host, { key: 'f55c7869dfd2869c9b10b3cc31b40f7ab74eb311', class: 'cty-side-panel flex' }, h("div", { key: 'fa6e314e14c947f7a6d520280d3572bcd0364664', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && h("div", { key: 'ceab76130d63b8ea99e0d84174be0bfa356bbef8', class: 'cty-side-panel-content', part: 'content' }, h("slot", { key: '6b24b445b0c3c580d414f45dfbeb7cd34a2abbec' }), h("slot", { key: '52ef343849869db4365119bab122f259b2144ef6', name: 'content' + this.value })), !this.singleContent && h("div", { key: '43926ee02ed34197dd2a865274084711b916b89b', class: 'cty-side-panel-content' }, this.sideBars.map((_, index) => this.renderContentItem(index)))));
+        return (h(Host, { key: 'c588a3a579074e60a1a0422179e9d4b7fd59ca1a', class: 'cty-side-panel flex' }, h("div", { key: '77d10f5762f4b55458f53aa3c2ce87617fe03c91', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && h("div", { key: '5f5a033e845ef1815b4a88dd65166e66f5867aff', class: 'cty-side-panel-content', part: 'content' }, h("slot", { key: '2aaf9288b721cb57f9040d2fc4033eab397d4a8a' }), h("slot", { key: '146d1077426a13f85c24990535d5a1590926792f', name: 'content' + this.value })), !this.singleContent && h("div", { key: '15b0466ce95f792317085aedebf3c0f755f7376b', class: 'cty-side-panel-content' }, this.sideBars.map((_, index) => this.renderContentItem(index)))));
     }
     get el() { return this; }
     static get style() { return sidePanelCss; }

package/components/cty-stepper.js

@@ -102,7 +102,7 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends HTMLEleme
         return 0;
     }
     render() {
-        return (h(Host, { key: '86b8038caecd66bd2c49f375de33199053eafb28', class: "cty-stepper" }, this.showMinus && (h("button", { key: '14af61ac1824246fd5ec0991fa9b33a148daadcb', part: "minus", class: "cty-stepper_minus cty-button-native", disabled: +this.min === +this.value || this.disabled || this.disableMinus, onClick: () => this.handleMinus() }, this.minusText)), this.showInput && (h("div", { key: '9ddd7b306e532714b6d1e2c91ab9308e0e06f995', class: "cty-input-wrapper" }, h("input", { key: '79f8da72d5d03a9161f8e14cee357ea49ba96492', class: "cty-stepper_input", type: "number", disabled: this.disabled || this.disableInput, readonly: this.readonly, value: this.value, onBlur: (e) => this.handleInputBlur(e), onChange: (e) => this.handleInputChange(e), onFocus: e => this.handleFocus(e), onKeyPress: e => this.handleKeyPress(e), part: "input" }))), this.showPlus && (h("button", { key: 'bc609fd026f32b0426beed63469ebaf1c47e15db', part: "plus", class: "cty-stepper_plus cty-button-native", disabled: +this.max === +this.value || this.disabled || this.disablePlus, onClick: () => this.handlePlus() }, this.plusText))));
+        return (h(Host, { key: '1520e0c3695f7876368e92a93ad3c5517956ce5e', class: "cty-stepper" }, this.showMinus && (h("button", { key: '08be9f56cb0505e7d9efa1c4e6bcdcc98066cfe4', part: "minus", class: "cty-stepper_minus cty-button-native", disabled: +this.min === +this.value || this.disabled || this.disableMinus, onClick: () => this.handleMinus() }, this.minusText)), this.showInput && (h("div", { key: 'e2ee6abfbd42fe745d648f3a65d398783bbb604e', class: "cty-input-wrapper" }, h("input", { key: '2b7851b4314d09ed3fd2af3a5563cf076c0ffcde', class: "cty-stepper_input", type: "number", disabled: this.disabled || this.disableInput, readonly: this.readonly, value: this.value, onBlur: (e) => this.handleInputBlur(e), onChange: (e) => this.handleInputChange(e), onFocus: e => this.handleFocus(e), onKeyPress: e => this.handleKeyPress(e), part: "input" }))), this.showPlus && (h("button", { key: '11ad2c5d908090322da0da1a4c78d6f13e101fc2', part: "plus", class: "cty-stepper_plus cty-button-native", disabled: +this.max === +this.value || this.disabled || this.disablePlus, onClick: () => this.handlePlus() }, this.plusText))));
     }
     get el() { return this; }
     static get style() { return stepperCss; }

package/components/cty-steps.js

@@ -23,7 +23,7 @@ const Steps = /*@__PURE__*/ proxyCustomElement(class Steps extends HTMLElement {
         this.ctyStepTap.emit(index);
     }
     render() {
-        return (h(Host, { key: '5869144f79c4228135482d821527b2e9f003c002', class: 'cty-steps cty-steps__' + this.direction }, h("div", { key: '65a111fa89f0bf7703bd7de712345c84c6a4a4b7', class: "cty-steps__items" }, h("slot", { key: 'b321646d667099d2c6d888248951d1b7bdc49917' }))));
+        return (h(Host, { key: '9f6ef812a58a27263a05d439664ee1608cbaa89a', class: 'cty-steps cty-steps__' + this.direction }, h("div", { key: 'c104997f8b1b887ac7bfb78a2e0b07b5eb395485', class: "cty-steps__items" }, h("slot", { key: '55d3b84a8aa1a6e08a6be733262d171d47ed6fd7' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-text-ellipsis.js

@@ -127,8 +127,8 @@ const TextEllipsis = /*@__PURE__*/ proxyCustomElement(class TextEllipsis extends
     }
     ;
     render() {
-        return (h(Host, { key: '7350c1d3a73f75c73546b153192f131864b99618', class: "cty-text-ellipsis" }, h("span", { key: '9707e9437b83e1a28f7fe173f38e48aa0767a213' }, this.expanded ? this.content : this.text), this.hasExpand &&
-            h("button", { key: '388fc5c5e68d4d2b9b3e7c58f8238e9fa35eff30', onClick: () => this.toggleExpand(), class: "cty-text-ellipsis__expand cty-button-native" }, this.expanded ? this.collapseText : this.expandText)));
+        return (h(Host, { key: '4815fec7d5ab8c17381557e3e41e31656827ff4f', class: "cty-text-ellipsis" }, h("span", { key: 'aac6a16fa4ba71d8bad996ca1f261a4c0d47448f' }, this.expanded ? this.content : this.text), this.hasExpand &&
+            h("button", { key: 'cbab64adacfb5a19b93ed022f519eb869548136c', onClick: () => this.toggleExpand(), class: "cty-text-ellipsis__expand cty-button-native" }, this.expanded ? this.collapseText : this.expandText)));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-title-bar.js

@@ -19,7 +19,7 @@ const TitleBar = /*@__PURE__*/ proxyCustomElement(class TitleBar extends HTMLEle
         this.ctyClickEnd.emit();
     }
     render() {
-        return (h(Host, { key: '85514b30be1714342330e2f777be4b9d0d23b8b3', class: "cty-title-bar flex-between" }, h("div", { key: '4cf3afc4c2e6d3472ea10d86056cf3c2ab32481c', class: "cty-title-bar-start flex-align-center" }, h("slot", { key: '84e8051daf3ca9b64c2d561a1072ca937672df6c', name: "start-icon" }, this.startIcon && h("cty-icon", { key: 'bc22a4cde9c93053571e3a2e5da52a5be4cd1880', name: this.startIcon, class: "cty-title-bar-start__icon" })), h("slot", { key: 'ba199793f5726743ed9d4dde2263471aa37b915e', name: "title" }, this.title && h("h3", { key: '4955804af7cee360b9caf3b59a451cca489005ed', class: "cty-title-bar-title cty-ellipsis" }, this.title))), h("div", { key: 'c8cf45e5153bd3b67210f0be98cab903d660128f', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, h("slot", { key: 'c035022976a6b5afd4bd5f0f1f5369f1df8c7c55', name: "end-text" }, this.endText && h("span", { key: '1d16e11dcded44ba463c62097005294ca3af7fc7', class: "cty-title-bar-end__text" }, this.endText)), h("slot", { key: '12d6d26af8693c4a59255d5cb52b3078e3a4da3b', name: "end-icon" }, this.endIcon && h("cty-icon", { key: '715c8dfd049a2d35b13723c758acc15f4a69b39b', name: this.endIcon, class: "cty-title-bar-end__icon" })))));
+        return (h(Host, { key: 'a66ac9bcd21e236eb2bb1158a2483e705a56f26f', class: "cty-title-bar flex-between" }, h("div", { key: '2ec6cf622905254229f26fd98ddfb6d55cbff90d', class: "cty-title-bar-start flex-align-center" }, h("slot", { key: 'b4253f2c1cefb5829a4400730eb2236bc60bfe77', name: "start-icon" }, this.startIcon && h("cty-icon", { key: 'a7092a5c0e9390d373d8d80b49c5f5a8cff582ca', name: this.startIcon, class: "cty-title-bar-start__icon" })), h("slot", { key: '4b09cc0a56422787ea4400834cf5f9fa4e642815', name: "title" }, this.title && h("h3", { key: '06a37ae5c2884b5bd356017b982fcadb78bda29f', class: "cty-title-bar-title cty-ellipsis" }, this.title))), h("div", { key: '3010260c60f120b6074e4f9d731ae59635e34cfb', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, h("slot", { key: '2618264600c2680ca943a4b97b8e02e47d888c5d', name: "end-text" }, this.endText && h("span", { key: 'e65b38248588c3b811b581e0f2c050ee3bd7f07c', class: "cty-title-bar-end__text" }, this.endText)), h("slot", { key: '862c65907e21b6c3382c342e1374c6d78371f72a', name: "end-icon" }, this.endIcon && h("cty-icon", { key: '22d57e6d59c1330adb2b2af63382d5e4aeac649e', name: this.endIcon, class: "cty-title-bar-end__icon" })))));
     }
     get el() { return this; }
     static get style() { return titleBarCss; }

package/components/cty-tour.js

@@ -115,10 +115,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: 'fbd607719374b9f243bb5b09d8d40b80eee25874', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'b97b22b805530c919a1b1c27a065e6b3dce6ec15', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'a623747dd284e1563fbfa4bca43ea28e527c5b68', 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: 'd03faba453a65a82d0db71b0f63fd50622b846d5', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '72dade24fb523fa8d2be6d139037eff8b81078a6', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '6d67aac2b56d3f704d8aff8993140d0150734ee3', name: "header" }), tourCloseable && h("slot", { key: '8b8b85a939b6f984ec6f4a30234fe4cf016e2f4b', name: "closeable" }, h("button", { key: '664bfc83eade5d0e625698af5c26e674c3cb3c61', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '6a8754c158d97ac41c209a2d0e23dd5789598868', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '405c5d15a54f45b566eb98c292931057e3ba09f7', name: "content" }, h("p", { key: 'c56a37e292145530eee74e01b678b426b69894e3', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: 'cf504c676f0faae0a19cfd22b1caa0e50474477b', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '51d3391914cbae9640277bd728be4f24535731f5', name: "indicator" }, h("div", { key: '8cae170f8602d893a5c8042fbb68c99f4ae295a2', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '97db167d2583d32936a4926ecbe6ab131fb900a9', name: "buttons" }, h("div", { key: 'bc7d2b36a532486b8e6fbf6e3bf68c8211e9c429', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
-            h("button", { key: '5dfdbbfd58ec7ab0e1e489ef4ef0dcc4bfcb1e80', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
-            h("button", { key: '09a47fa8537b24a92de2d2402667ee9dcdbbfdd2', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
-            h("button", { key: '6f22247a10bd2ce5d022b72bc9f77ea0f0c571f8', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: 'ba19b4164edb8156e8096c07f193ef373015fd69', name: "footer" }))))));
+        return (h(Host, { key: '54142c018a2388a4a7aba05605ee1347cd941d4d', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: '89bc77b337739047e0123b2e6d34b0911af59182', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'e02d557bcf5c98b7e6180e2d0087d9abf7f844ae', 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: 'c7c93e9595e8ed66c8c34e44505c62c2b401f5d7', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: 'e76dc15867e64cb2d826962d449998251edc18d2', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '69a215941fad7fe57c327e63c82654e548152acc', name: "header" }), tourCloseable && h("slot", { key: 'e98558165778bbf6ca4d8bb5d883d501c16fac6d', name: "closeable" }, h("button", { key: 'be184ecfaf4f2c12b76ecd723b04afa4b5b5e5cb', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '3e54be31b454b90f0101206e7e08c35b2d0c0819', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '402fb94c5e5f29ebf858365f915bd63ac6072412', name: "content" }, h("p", { key: 'fb20907f0cfe860703adc61bec8bd4227f3e7b67', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '39dc82e7c4db23bda09a7de998a1dd1b2cad546e', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '293941ff0dd1fbeaedb1625fab6dcb24394f7beb', name: "indicator" }, h("div", { key: 'ec38656c42c489f13153c36de097a8d5b1298c95', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '0270d3ea60b535922601a704cbeff987d4127538', name: "buttons" }, h("div", { key: '9b12bec0079352e85bae15b6f210d7f791fb1b23', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
+            h("button", { key: '248102005c15160b9539c29d76d99e94358a21eb', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
+            h("button", { key: '1d53f04a2c7b62f721212d307e10e680ab928fee', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
+            h("button", { key: '741b0e892a57ca17e6ed4d910fdd582aa85fbaf1', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: 'b46b4824538e5209eeb23052ab074f213831bec0', name: "footer" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-tutorial.js

@@ -99,7 +99,7 @@ const Tutorial = /*@__PURE__*/ proxyCustomElement(class Tutorial extends HTMLEle
             indicator,
             touchable
         };
-        return (h(Host, { key: '0d96d7c7afdbe7b371276c1cb5eb11d589a8641a', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'd8647f58b3fd266324e0f423de81cade663358fb', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: '3279fb0804c2c84ab1c0acee5d5060d6a514c7f7' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: 'c4a1dd05f8a17179f2b71d5035b8e3a2994a85bb', slot: "start", name: "start" }), h("slot", { key: 'dccbe02958034c0b015779dd660d1c12ed3267d7', slot: "end", name: "end" })), this.closeable && h("slot", { key: '3856c45320d775f60de30b7a977d78dc7c578c7d', name: "close" }, h("button", { key: 'fd4ab8e418539a8810f9ac7f0ead680f2fa7377b', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '10c85342b5b1236a085ca5cdf74072c887085986', name: "cty-close2" }))))));
+        return (h(Host, { key: 'ed468ac2cba725afab1fd9b193c586345117398c', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '484448d5ec2f19a37180fa511599e47c55e0880d', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: 'cf039de75e65af8ff81c1be257531f03dd481223' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: '49880b5432fe055dfaf530dabcfa216357cde116', slot: "start", name: "start" }), h("slot", { key: '723356b0155809527465a421501a04ec303678ea', slot: "end", name: "end" })), this.closeable && h("slot", { key: '4e91390ac551152ad1e650818ca9a9a589557f54', name: "close" }, h("button", { key: 'f07c4561c886de1345a7a62eac4c3850bad4ad97', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '4ebb08c2b8c6e7e40cfc98567d28ad6e9dd3381c', name: "cty-close2" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-video.js

@@ -1209,12 +1209,12 @@ const Video = /*@__PURE__*/ proxyCustomElement(class Video extends HTMLElement {
             }, 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: '88fc97152b6d1cd79e5d545f2f3a9b3a1539a457', class: {
+        return (h(Host, { key: 'bc55296cc88edcb925234e75d94cc047a28f6925', 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: '67ee18f257e82b82398b2b5d396eb9c3b37ffa01', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: '016462904a7b5659e7c6671dbc511feefb5e5777', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: 'ee13722df7a8cb9fea8620ecc087d5d40a6d2c92', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: '630d38e43ec451d4c09d1102733a0577c967cc2c', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: '58a084816e18edbc8d98726d9d6206677320d2be', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: '123fdf1f0b83e59f0f3521e1758a441be571afeb', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: '0e1b1618f63353773420e526f3211d4e9f9eedaa', 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: '29525111fc54962112f0f1839bcf956842acf09f', 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: '7393390b8b1680957479e1c3f11529726695ed84', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: 'bedc4f7c07844dba0e885ff609294337073adb6b', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: 'bcde5c5483d1e5a149ba2479f5b1b7cc96369149', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: 'c07a6190582b58b136e2469e646847c752305b01', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: '73fa6ca7a6eab96a3216c2a1d72a9007d868c86a', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: 'dac72093f10085788a33e4d54de420e35dcfe4d9', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: '5680f168070c61f64ec58abe091af7a3f8ec3060', 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: 'f347f81063a374d6c67c602d4e51eb7343329cd5', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/components/cty-virtual-list.js

@@ -231,11 +231,11 @@ const VirtualList = /*@__PURE__*/ proxyCustomElement(class VirtualList extends H
     }
     render() {
         const { isHorizontal, containerSize, itemRender } = this;
-        return (h(Host, { key: '48c43c43a497a1bc0667d1bb2a5575410aeb8c9e', class: {
+        return (h(Host, { key: 'cb7d2ffc06fb11d1a67a06739d47ac14cef22d25', class: {
                 'cty-virtual-list-box': true,
                 'cty-virtual-list-horizontal-box': isHorizontal,
                 'cty-virtual-list-vertical-box': !isHorizontal
-            }, style: { height: isHorizontal ? '100px' : containerSize + 'px' } }, h("div", { key: 'a8054ee3311518ba3db289557d584b6e794f6596', class: "cty-virtual-list", style: this.getContainerStyle() }, h("div", { key: '05a59bb47c1b2d0869888b64f6512c024d3fa385', class: isHorizontal ? 'cty-list-horizontal-scroll' : 'cty-list-vertical-scroll', style: this.getTransformStyle(), ref: el => this.itemsContainerEl = el }, this.visibleItems.map((item, i) => h("div", { class: "cty-virtual-list-item", "data-index": this.getDataIndex(i), style: { display: this.getDisplayStyle(i) } }, itemRender ? itemRender(item, i) : null))))));
+            }, style: { height: isHorizontal ? '100px' : containerSize + 'px' } }, h("div", { key: '6995fe28d735f725e79d3c8f24efcfdbb50c54f7', class: "cty-virtual-list", style: this.getContainerStyle() }, h("div", { key: 'cd5e0602f68333c2e3cac09f92a48a198880c278', class: isHorizontal ? 'cty-list-horizontal-scroll' : 'cty-list-vertical-scroll', style: this.getTransformStyle(), ref: el => this.itemsContainerEl = el }, this.visibleItems.map((item, i) => h("div", { class: "cty-virtual-list-item", "data-index": this.getDataIndex(i), style: { display: this.getDisplayStyle(i) } }, itemRender ? itemRender(item, i) : null))))));
     }
     get el() { return this; }
     static get style() { return virtualListCss; }