cty-mui-core 1.0.45 → 1.0.46

package/components/loading.js

@@ -0,0 +1,132 @@
+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$1 } 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() {
+    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$1();
+            }
+            break;
+    } });
+}
+
+export { Loading as L, defineCustomElement as d };

package/components/nav-bar.js

@@ -30,7 +30,7 @@ const NavBar = /*@__PURE__*/ proxyCustomElement(class NavBar extends HTMLElement
     }
     render() {
         const { start, end, arrow, arrowIcon, type, title } = this;
-        return (h(Host, { key: 'ff7972db159fcf473556893461aa207805a72c76', class: { "cty-nav-bar": true, [type ? 'cty-nav-bar__' + type : '']: true } }, h("ion-header", { key: 'a9a9b962186be4b582bdef3108cc69d68fb651bb' }, h("ion-toolbar", { key: 'f8251f81c1c7c54af88114676bc5c1e0c3f22e39', class: "cty-nav-bar__toolbar" }, start && h("ion-buttons", { key: '36b44724f2bb0c3fb915da4bfc0908c9aa4fd60b', slot: "start" }, h("slot", { key: '02f6b5dfbfb701dd0364b3340151a89e31e21c6a', name: "start" }, arrow && h("ion-button", { key: '3d2cb3a8a06bdc6daba36623d39605309d17cfa1', class: "cty-nav-bar__arrow", onClick: () => this.action() }, h("cty-icon", { key: 'c220408b1ce30c93506106659bb8f61f5e44c454', class: "cty-nav-bar__arrow-icon", name: arrowIcon })))), title && h("ion-title", { key: '57071bc0564a5f61ed31f09130cb48fb5e88651a', class: "cty-nav-bar__title" }, h("slot", { key: '9b078a46c6eef3375e31fc0a08fc2b000a344cf4', name: 'title' }, title)), end && h("ion-buttons", { key: '6c3793a53b496415abc4fd1072677f6f110dec1e', slot: "end" }, h("slot", { key: '72650d022121225a165a6d87f643a11b5982de15', name: 'end' }))))));
+        return (h(Host, { key: '4f43d5f7d8fc6e5be9e42170423d32b65d63debd', class: { "cty-nav-bar": true, [type ? 'cty-nav-bar__' + type : '']: true } }, h("ion-header", { key: 'cc1e4f5893ebc2f316809a1ea638c217efad348d' }, h("ion-toolbar", { key: '140865666748a0716de4c4fac0d3010d6ec9a3ad', class: "cty-nav-bar__toolbar" }, start && h("ion-buttons", { key: '96cae93145e33ea453fbdd61a49f8c142a75b735', slot: "start" }, h("slot", { key: '50c865c5a9b8a9e6f32971e45515b2d9791b4bbc', name: "start" }, arrow && h("ion-button", { key: 'f9a37ffe1fb420fa72b8a09a506121c13b63c471', class: "cty-nav-bar__arrow", onClick: () => this.action() }, h("cty-icon", { key: '3c3d29ef0a469d9332ee4bfe6fbcc75b29fa58e2', class: "cty-nav-bar__arrow-icon", name: arrowIcon })))), title && h("ion-title", { key: '1db6c324cec67a3c71a345cc89cee08d9bfa7060', class: "cty-nav-bar__title" }, h("slot", { key: 'a82e4c2bd1465d1f2d7545c955b2452584f0dc1f', name: 'title' }, title)), end && h("ion-buttons", { key: 'c41aedefeea31fc652ed269cc516fd1d2c9f345b', slot: "end" }, h("slot", { key: '7e0d966a75fe133f149fa51c65eafb34b302a908', name: 'end' }))))));
     }
     get el() { return this; }
     static get style() { return navBarCss; }

package/components/overlay.js

@@ -71,7 +71,7 @@ const Overlay = /*@__PURE__*/ proxyCustomElement(class Overlay extends HTMLEleme
     render() {
         const { position } = this;
         const positionClass = position === 'top' ? 'flex-justify-center' : position === 'bottom' ? 'flex-align-end-center' : 'flex-center';
-        return (h(Host, { key: '2c653f957c1ed316f6de63a84e33f94a2a5b0e8a', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("div", { key: 'b244774c649d6469f573bad8b761636b04977979', class: { 'cty-overlay': true, [positionClass]: true }, onClick: () => this.backdropDismiss && this.dismiss() }, h("slot", { key: 'd24737000570412b29c0f39592756ce7766c67eb' }), this.html && h("div", { key: '8b469a2a5792a1ae99ee73d3db91f5ca8256a805', innerHTML: sanitizeDOMString(this.html), onClick: (e) => e.stopPropagation() }))));
+        return (h(Host, { key: '403f99ddbb375f79ec1c35b3610a7d7faa9f6167', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("div", { key: 'accebc9d049d91675ae14f62517a2501ffa7051a', class: { 'cty-overlay': true, [positionClass]: true }, onClick: () => this.backdropDismiss && this.dismiss() }, h("slot", { key: '94714f74cd1436ce3532abe07b16b45a5f546b7d' }), this.html && h("div", { key: '3c909582cb1755f14c0a54e0f127a20c8d77482c', innerHTML: sanitizeDOMString(this.html), onClick: (e) => e.stopPropagation() }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/permission-purpose.js

@@ -17,7 +17,7 @@ const PermissionPurpose = /*@__PURE__*/ proxyCustomElement(class PermissionPurpo
         this.ctyDismiss.emit();
     }
     render() {
-        return (h(Host, { key: 'fcee182b206b8003aab0cc84c497546f8e370ba9' }, h("cty-backdrop", { key: '92558bbececb709c932fdd065841857aec17ac56', backdropDismiss: this.backdropDismiss, position: "top", onCtyDismiss: () => this.dismiss() }, h("div", { key: '9135da9c7bb7bcfc76732f4418a247de43178c95', class: "cty-permission-purpose", onClick: (e) => e.stopPropagation() }, h("div", { key: 'bfd5d2f8613a259bc9906fcd2ef2a6f35791fda5', innerHTML: sanitizeDOMString(this.description) })))));
+        return (h(Host, { key: '1d5a4635630dde065bf6a3e00cb99a69cd9b25e5' }, h("cty-backdrop", { key: 'd0fcc14ca2e0ef22addffdf78baebaf248c4f37f', backdropDismiss: this.backdropDismiss, position: "top", onCtyDismiss: () => this.dismiss() }, h("div", { key: 'c275558a8134d7c32ca584c2c3fdda1beacc6bd1', class: "cty-permission-purpose", onClick: (e) => e.stopPropagation() }, h("div", { key: '52082eaa50efacb23b01ddec953c4e99fa0245dc', innerHTML: sanitizeDOMString(this.description) })))));
     }
     get el() { return this; }
     static get style() { return permissionPurposeCss; }

package/components/swipe-item.js

@@ -31,10 +31,10 @@ const SwipeItem = /*@__PURE__*/ proxyCustomElement(class SwipeItem extends HTMLE
     }
     render() {
         const { offset, size, vertical } = this;
-        return (h(Host, { key: '631e407d2661497dfb58ff50670a8bde7441d16d', class: "cty-swipe-item", style: {
+        return (h(Host, { key: '9a8063bb71011a6c5563f3966df28ca6591af311', class: "cty-swipe-item", style: {
                 [vertical ? 'height' : 'width']: `${size}px`,
                 transform: `translate${vertical ? 'Y' : 'X'}(${offset}px)`
-            } }, h("slot", { key: 'c77e15f1939c9c135ae9d830dc3edd916c2f4e79' })));
+            } }, h("slot", { key: '53697d2d574e6f6b1df4e4f0eb751c5f5e38b700' })));
     }
     get el() { return this; }
     static get style() { return swipeItemCss; }

package/components/swipe.js

@@ -292,7 +292,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: 'f240c203838a93190a420255c3452a337df2e91a', class: "cty-swipe" }, h("slot", { key: '26b235adeda1724ed051ee45ce9466e1807a9815', name: "start" }), h("div", { key: '8f968e7bcaa818d4a71924c976fd2e62315e3fdb', 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: '8f8b7a51ce82dc5aca5f3201cd1e227a5da23a3c', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), h("slot", { key: 'c343f6ec58126dbeb1024811c0f54b4e875bf352', name: "end" })));
+        return (h(Host, { key: '9e857e7daaa1826971d7a62b48b85391539860e3', class: "cty-swipe" }, h("slot", { key: '1ab6cfa2bb5297ec56aacc2c6a55088fb6c2c71f', name: "start" }), h("div", { key: 'bbe01e79faeeb3a0f03ab259b5ba5333611078d3', 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: '12fe853009dcf93ca6d8aa2978e95ba5f088240a', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), h("slot", { key: '100e762846f507f6f5fa9c2a6522dbce31263970', name: "end" })));
     }
     get el() { return this; }
     static get style() { return swipeCss; }

package/components/swiper.js

@@ -95,7 +95,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class Swiper extends HTMLElement
         return this._swiper;
     }
     render() {
-        return (h(Host, { key: '4bc163a19d9de3da948d9e9e43187a7988f7ba77', class: "cty-swiper" }, h("swiper-container", Object.assign({ key: '2f7305306bca0280f5f7c0b6fa34ab03a0a48e40', class: "cty-swipe__container", ref: (el) => this.swiperEl = el, autoplay: this.autoplay, modules: this.swiperModules, direction: this.direction, loop: this.loop, pagination: this.pagination, observer: this.observer, "observer-parents": this.observerParents, onSwiperslidechangetransitionend: () => this.slideChange(), onSwiperclick: () => this.slideClick() }, this.attrs), this._swipers.map((item, idx) => h("swiper-slide", { class: "cty-swipe__slide" }, h("slot", { name: idx + '' }, h("div", { class: "swiper-zoom-container" }, h("img", { src: item[this.props.pic], alt: item[this.props.alt || ''] || '', onClick: (e) => e.stopPropagation() }))))), h("slot", { key: '172723c51e7f45fab45b1e51f5d8c7b373cdad09', name: "container-start", slot: "container-start" }), h("slot", { key: '67c6bfb010250ff902e59e47ca9c3a8a6608e0e6', name: "container-end", slot: "container-end" }))));
+        return (h(Host, { key: '64b6ae4e7b09769cd9aaa041bde4156d7136c82c', class: "cty-swiper" }, h("swiper-container", Object.assign({ key: 'b5263b5e358326f813881b44c21154bed74efcfb', class: "cty-swipe__container", ref: (el) => this.swiperEl = el, autoplay: this.autoplay, modules: this.swiperModules, direction: this.direction, loop: this.loop, pagination: this.pagination, observer: this.observer, "observer-parents": this.observerParents, onSwiperslidechangetransitionend: () => this.slideChange(), onSwiperclick: () => this.slideClick() }, this.attrs), this._swipers.map((item, idx) => h("swiper-slide", { class: "cty-swipe__slide" }, h("slot", { name: idx + '' }, h("div", { class: "swiper-zoom-container" }, h("img", { src: item[this.props.pic], alt: item[this.props.alt || ''] || '', onClick: (e) => e.stopPropagation() }))))), h("slot", { key: '7d942fc55ffcc7e7f51386aff4859cec52b94430', name: "container-start", slot: "container-start" }), h("slot", { key: '6106ace52b9cfbe4c3f2b45bc0e24d80c178bc40', name: "container-end", slot: "container-end" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/cjs/cty-image-viewer_6.cjs.entry.js

@@ -149,7 +149,7 @@ const NavBar = class {
     }
     render() {
         const { start, end, arrow, arrowIcon, type, title } = this;
-        return (index.h(index.Host, { key: 'ff7972db159fcf473556893461aa207805a72c76', class: { "cty-nav-bar": true, [type ? 'cty-nav-bar__' + type : '']: true } }, index.h("ion-header", { key: 'a9a9b962186be4b582bdef3108cc69d68fb651bb' }, index.h("ion-toolbar", { key: 'f8251f81c1c7c54af88114676bc5c1e0c3f22e39', class: "cty-nav-bar__toolbar" }, start && index.h("ion-buttons", { key: '36b44724f2bb0c3fb915da4bfc0908c9aa4fd60b', slot: "start" }, index.h("slot", { key: '02f6b5dfbfb701dd0364b3340151a89e31e21c6a', name: "start" }, arrow && index.h("ion-button", { key: '3d2cb3a8a06bdc6daba36623d39605309d17cfa1', class: "cty-nav-bar__arrow", onClick: () => this.action() }, index.h("cty-icon", { key: 'c220408b1ce30c93506106659bb8f61f5e44c454', class: "cty-nav-bar__arrow-icon", name: arrowIcon })))), title && index.h("ion-title", { key: '57071bc0564a5f61ed31f09130cb48fb5e88651a', class: "cty-nav-bar__title" }, index.h("slot", { key: '9b078a46c6eef3375e31fc0a08fc2b000a344cf4', name: 'title' }, title)), end && index.h("ion-buttons", { key: '6c3793a53b496415abc4fd1072677f6f110dec1e', slot: "end" }, index.h("slot", { key: '72650d022121225a165a6d87f643a11b5982de15', name: 'end' }))))));
+        return (index.h(index.Host, { key: '4f43d5f7d8fc6e5be9e42170423d32b65d63debd', class: { "cty-nav-bar": true, [type ? 'cty-nav-bar__' + type : '']: true } }, index.h("ion-header", { key: 'cc1e4f5893ebc2f316809a1ea638c217efad348d' }, index.h("ion-toolbar", { key: '140865666748a0716de4c4fac0d3010d6ec9a3ad', class: "cty-nav-bar__toolbar" }, start && index.h("ion-buttons", { key: '96cae93145e33ea453fbdd61a49f8c142a75b735', slot: "start" }, index.h("slot", { key: '50c865c5a9b8a9e6f32971e45515b2d9791b4bbc', name: "start" }, arrow && index.h("ion-button", { key: 'f9a37ffe1fb420fa72b8a09a506121c13b63c471', class: "cty-nav-bar__arrow", onClick: () => this.action() }, index.h("cty-icon", { key: '3c3d29ef0a469d9332ee4bfe6fbcc75b29fa58e2', class: "cty-nav-bar__arrow-icon", name: arrowIcon })))), title && index.h("ion-title", { key: '1db6c324cec67a3c71a345cc89cee08d9bfa7060', class: "cty-nav-bar__title" }, index.h("slot", { key: 'a82e4c2bd1465d1f2d7545c955b2452584f0dc1f', name: 'title' }, title)), end && index.h("ion-buttons", { key: 'c41aedefeea31fc652ed269cc516fd1d2c9f345b', slot: "end" }, index.h("slot", { key: '7e0d966a75fe133f149fa51c65eafb34b302a908', name: 'end' }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const Swiper = class {
         return this._swiper;
     }
     render() {
-        return (index.h(index.Host, { key: '4bc163a19d9de3da948d9e9e43187a7988f7ba77', class: "cty-swiper" }, index.h("swiper-container", Object.assign({ key: '2f7305306bca0280f5f7c0b6fa34ab03a0a48e40', class: "cty-swipe__container", ref: (el) => this.swiperEl = el, autoplay: this.autoplay, modules: this.swiperModules, direction: this.direction, loop: this.loop, pagination: this.pagination, observer: this.observer, "observer-parents": this.observerParents, onSwiperslidechangetransitionend: () => this.slideChange(), onSwiperclick: () => this.slideClick() }, this.attrs), this._swipers.map((item, idx) => index.h("swiper-slide", { class: "cty-swipe__slide" }, index.h("slot", { name: idx + '' }, index.h("div", { class: "swiper-zoom-container" }, index.h("img", { src: item[this.props.pic], alt: item[this.props.alt || ''] || '', onClick: (e) => e.stopPropagation() }))))), index.h("slot", { key: '172723c51e7f45fab45b1e51f5d8c7b373cdad09', name: "container-start", slot: "container-start" }), index.h("slot", { key: '67c6bfb010250ff902e59e47ca9c3a8a6608e0e6', name: "container-end", slot: "container-end" }))));
+        return (index.h(index.Host, { key: '64b6ae4e7b09769cd9aaa041bde4156d7136c82c', class: "cty-swiper" }, index.h("swiper-container", Object.assign({ key: 'b5263b5e358326f813881b44c21154bed74efcfb', class: "cty-swipe__container", ref: (el) => this.swiperEl = el, autoplay: this.autoplay, modules: this.swiperModules, direction: this.direction, loop: this.loop, pagination: this.pagination, observer: this.observer, "observer-parents": this.observerParents, onSwiperslidechangetransitionend: () => this.slideChange(), onSwiperclick: () => this.slideClick() }, this.attrs), this._swipers.map((item, idx) => index.h("swiper-slide", { class: "cty-swipe__slide" }, index.h("slot", { name: idx + '' }, index.h("div", { class: "swiper-zoom-container" }, index.h("img", { src: item[this.props.pic], alt: item[this.props.alt || ''] || '', onClick: (e) => e.stopPropagation() }))))), index.h("slot", { key: '7d942fc55ffcc7e7f51386aff4859cec52b94430', name: "container-start", slot: "container-start" }), index.h("slot", { key: '6106ace52b9cfbe4c3f2b45bc0e24d80c178bc40', name: "container-end", slot: "container-end" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-media-capture.cjs.entry.js

@@ -11,7 +11,7 @@ require('./device-info-BPtPRb6d.js');
 require('./platform-DJmEyHMN.js');
 require('./network-D7xvJurk.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 = class {
     constructor(hostRef) {
@@ -31,6 +31,9 @@ const MediaCapture = class {
         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;
@@ -125,7 +128,7 @@ const MediaCapture = class {
     }
     render() {
         const captureDuration = statusBar.secondsToVehicle(this.captureDuration);
-        return (index.h(index.Host, { key: '01836d2ec5ec6ecc1165f1f6b1f4da10ba461a1c', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, index.h("div", { key: '857b458c910a17fb5ec86040e64f141be5641e2a', class: "cty-media-capture__header" }, index.h("button", { key: 'd5715b0bfa2458f3e50c422389c7de0787e66458', onClick: () => this.doHeaderAction(), class: { 'cty-button-native': true, 'cty-media-close__captured': this.isCaptured } }, index.h("cty-icon", { key: '91b04f0063081fcd87c5b8f32e85f89c077b3a6a', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (index.h("span", { key: '41cf5b55da20221d1138d8e129a815e6f8723940', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (index.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) })), index.h("div", { key: '951a91e9e1cccbf9b8f20ab088c78a56cc446128', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (index.h("button", { key: '68177b232dc84df1ae5f919d9ae0cf4c473ea4b4', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, index.h("span", { key: '4b9cd22474cbb7475896dc1fb068b622b6b779b1', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (index.h("button", { key: '40011748253595b2c866f1ac5830e2c4bb71beda', class: "cty-media-capture__confirm cty-button-native", onClick: () => this.confirm() }, this.confirmText))), index.h("slot", { key: '4d0bbd711f4232517b6f3587cc3521ab617ecba3' })));
+        return (index.h(index.Host, { key: '8d556942435698565ec78e64015882f366ab4256', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, index.h("div", { key: '42c48f771fbdab65eeb8955b792f919208027029', class: "cty-media-capture__header" }, index.h("button", { key: '2abaf94fb1bc81f641e48135aa683816ed6234fd', onClick: () => this.doHeaderAction(), class: { 'cty-button-native': true, 'cty-media-close__captured': this.isCaptured } }, index.h("cty-icon", { key: '5f4b4cfea737bec2239909144cb577a9aea5a40f', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (index.h("span", { key: 'b5acf012dc457f667acf8ee48fc9e43f9e5e894d', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (index.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 && index.h("cty-loading", { key: 'c40177486ea1b5445b2ccfe3a31eb6284b01371f', part: "loading", animated: false, overlayIndex: 1, spinner: this.loadingSpinner }, index.h("slot", { key: '6791018518664f434ba39e2a8919644cb1a957bc', name: "loading-text" }, this.loaingTitle && index.h("h3", { key: '9557bdd42752f13ade54a6ad66e5f2918004cd8e', class: "cty-loading__title" }, this.loaingTitle), this.loaingDescription && index.h("p", { key: '6fef588e1e9d9afb3d3d3a4ef937fa3699f210ef', class: "cty-loading__description" }, this.loaingDescription))), index.h("div", { key: 'f631e1f54e472f5d2f49750f5c7f4c168c63cace', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (index.h("button", { key: '8fe4090f5c55248108796f631606b942c79a54fc', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, index.h("span", { key: '55323c8d708fb7ca36439375b0e3bd695bbd0c77', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (index.h("button", { key: '0b157e3d544e38dd4107b588454beba344550280', class: "cty-media-capture__confirm cty-button-native", disabled: !this.filePath, onClick: () => this.confirm() }, this.confirmText))), index.h("slot", { key: '5282bb9e08d12ce04fd158f10133f4982639dc31' })));
     }
     get el() { return index.getElement(this); }
 };