cty-mui-core 1.0.38 → 1.0.39

package/components/cty-media-capture.js

@@ -2,7 +2,10 @@ 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$6 } from './alert.js';
+import { d as defineCustomElement$5 } from './backdrop.js';
+import { d as defineCustomElement$4 } from './icon.js';
+import { d as defineCustomElement$3 } from './permission-alert.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:10px;--cty-media-capture-header-padding-end:15px;--cty-media-capture-close-icon-size:24px;--cty-media-capture-close-icon-color:var(--cty-color-primary);--cty-media-capture-time-padding:2px 5px;--cty-media-capture-time-bg-color:#f00;--cty-media-capture-time-size:var(--cty-font-size-base);--cty-media-capture-time-color:var(--cty-color-white);--cty-media-capture-time-border-radius:var(--cty-border-radius-small);--cty-media-capture-footer-bottom:30px;--cty-media-capture-switch-size:60px;--cty-media-capture-switch-bg-color:var(--cty-color-primary);--cty-media-capture-switch-active-bg-color:#f00;--cty-media-capture-switch-border-width:3px;--cty-media-capture-switch-active-size:24px;--cty-media-capture-status-size:48px;--cty-media-capture-confirm-min-height:30px;--cty-media-capture-confirm-padding:0 1em;--cty-media-capture-confirm-size:var(--cty-font-size-base);--cty-media-capture-confirm-color:var(--cty-color-white);--cty-media-capture-confirm-bg-color:var(--cty-color-primary);--cty-media-capture-confirm-right:15px;--cty-media-capture-confirm-border-radius:var(--cty-border-radius-base);--cty-media-capture-video-object-fit:cover;position:absolute;left:0;top:0;width:100vw;height:100vh;visibility:visible !important}:host(.cty-media-captured){background:var(--cty-media-capture-video-background)}.cty-media-capture__header{position:absolute;z-index:1;left:0;top:var(--cty-media-capture-header-top);width:100%;padding-left:var(--cty-media-capture-header-padding-start);padding-right:var(--cty-media-capture-header-padding-end)}.cty-capture__close-icon{font-size:var(--cty-media-capture-close-icon-size);color:var(--cty-media-capture-close-icon-color)}.cty-media-capture__time{position:absolute;left:50%;top:50%;padding:var(--cty-media-capture-time-padding);border-radius:var(--cty-media-capture-time-border-radius);font-size:var(--cty-media-capture-time-size);color:var(--cty-media-capture-time-color);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-media-capture__time-active{background:var(--cty-media-capture-time-bg-color)}.cty-media-capture__footer{position:absolute;bottom:var(--cty-media-capture-footer-bottom);left:0;width:100%}.cty-media-capture__switch{width:var(--cty-media-capture-switch-size);height:var(--cty-media-capture-switch-size);border-color:var(--cty-media-capture-switch-bg-color);border-width:var(--cty-media-capture-switch-border-width);border-style:solid;border-radius:var(--cty-border-radius-circle);cursor:pointer}.cty-media-capture__status{width:var(--cty-media-capture-status-size);height:var(--cty-media-capture-status-size);border-radius:var(--cty-border-radius-circle);background:var(--cty-media-capture-switch-bg-color);-webkit-transition:0.3s;transition:0.3s}.cty-media-capture__status-active{width:var(--cty-media-capture-switch-active-size);height:var(--cty-media-capture-switch-active-size);border-radius:var(--cty-border-radius-base);background:var(--cty-media-capture-switch-active-bg-color)}.cty-media-capture__confirm{position:absolute;right:var(--cty-media-capture-confirm-right);top:50%;min-height:var(--cty-media-capture-confirm-min-height);background:var(--cty-media-capture-confirm-bg-color);padding:var(--cty-media-capture-confirm-padding);color:var(--cty-media-capture-confirm-color);font-size:var(--cty-media-capture-confirm-size);border-radius:var(--cty-media-capture-confirm-border-radius);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-media-capture__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:var(--cty-media-capture-video-object-fit);object-fit:var(--cty-media-capture-video-object-fit)}";
@@ -26,11 +29,15 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
         this.controls = false;
         this.poster = '';
         this.timeLimit = 0; //大于0则有录制时间限制
+        this.permissionAlertTitle = '需要申请开启相机权限';
+        this.permissionAlertContent = '需要开启相机权限，用于拍摄视频。我们承诺仅在功能使用时调用摄像头。';
         this.isCaptured = false;
         this.capturing = false;
         this.captureDuration = 0;
         this.filePath = '';
         this.videoFileUrl = '';
+        this.hasPermission = false;
+        this.permissionAlertVisible = false;
         this.originalBodyBackground = '';
         this._timer = 0;
     }
@@ -51,7 +58,15 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
                     this.videoEl.play();
                 }, 150);
             }
-        }).catch(() => { });
+        }).catch((error) => {
+            const { code } = error || {};
+            if (code == 'PERMISSION_DENIED_NEED_SETTINGS') {
+                this.permissionAlertVisible = true;
+            }
+            else {
+                this.ctyDismiss.emit();
+            }
+        });
     }
     disconnectedCallback() {
         videoCapture.stopVideoCapture();
@@ -113,9 +128,27 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
     confirm() {
         this.ctyComplete.emit({ data: this.filePath, url: this.videoFileUrl });
     }
+    async toOpenAppSetting(event) {
+        const { item } = event.detail;
+        if (item.action == 'permission') {
+            try {
+                await videoCapture.openAppSettings();
+                this.permissionAlertVisible = false;
+                this.initVideoCapture();
+            }
+            catch (error) {
+                this.closePermissionAlert(event);
+            }
+        }
+    }
+    closePermissionAlert(e) {
+        e.stopPropagation();
+        this.permissionAlertVisible = false;
+        this.ctyDismiss.emit();
+    }
     render() {
         const captureDuration = secondsToVehicle(this.captureDuration);
-        return (h(Host, { key: '41cd3b9c071abf32b0428b62c62978c1b30cdf5e', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, h("div", { key: '131fd33826409aae41e4e0ef8433f38010a49c23', class: "cty-media-capture__header" }, h("button", { key: 'a2c93c5e1389f0d376493d6015749dadd8cdf639', onClick: () => this.doHeaderAction(), class: "cty-button-native" }, h("cty-icon", { key: '152d631296205e667c42077c2298d600483661ed', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (h("span", { key: '7313ce3898f26261f5223a4e9ed81ef8f3000d75', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (h("video", { key: '698056a0a60d562bfeeb3fa8c91a3f1ab23c3a42', 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: '0a9f675c5d461dcc65cbd1e53f99a87ae38283b8', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (h("button", { key: 'afce2cd74e03beeb38804e5aeb7a6574406ac335', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, h("span", { key: 'a973a14eab73f918fbf8a9a8c10e28a0c0228dcd', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (h("button", { key: '159a4f9d93e976f8c60fc43433387dfb448fbab8', class: "cty-media-capture__confirm cty-button-native", onClick: () => this.confirm() }, this.confirmText))), h("slot", { key: '6722138ab3c5824b80478fffb871910491ae97d8' })));
+        return (h(Host, { key: 'dea0fde2e775dac71b8d627fbf72502ce8b01ac6', class: { 'cty-media-capture': true, 'cty-media-captured': this.isCaptured } }, h("div", { key: '639152bb0476a2577a91268088efd50d251c3962', class: "cty-media-capture__header" }, h("button", { key: 'a2246e49b5e58c4623b1e2d65c7d14e216be179f', onClick: () => this.doHeaderAction(), class: "cty-button-native" }, h("cty-icon", { key: 'a47c9b4f70a9ffa317e6ed165ed05098eba5198f', class: "cty-capture__close-icon", name: this.isCaptured ? this.revocationIcon : this.closeIcon })), this.captureTime && (this.isCaptured || this.capturing) && (h("span", { key: '0bd480dc6ba6963ac65c14c55b6d7d242a1b79e2', class: { 'cty-media-capture__time': true, 'cty-media-capture__time-active': this.capturing } }, captureDuration))), this.isCaptured && (h("video", { key: '9bb3ad454c63e53d6acd2968b2281a5c152a9390', 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: '90101389dea8e43c50dddf98c6cea75f8d324bd9', class: "cty-media-capture__footer flex-center" }, !this.isCaptured && (h("button", { key: '71f330777cdabab5829a2dbcf703ba3a40d99647', class: "cty-media-capture__switch cty-button-native", onClick: () => this.doCapture() }, h("span", { key: '6957cf9034bd74ea7ae4653557f417b2c934ee81', class: { 'cty-media-capture__status': true, 'cty-media-capture__status-active': this.capturing } }))), this.isCaptured && (h("button", { key: 'f508c7bb4cca833a13b1cfe3957a10114c92377e', class: "cty-media-capture__confirm cty-button-native", onClick: () => this.confirm() }, this.confirmText))), h("slot", { key: 'f5f99097bc702e82912865d500172f4a88966623' }), this.permissionAlertVisible && h("cty-permission-alert", { key: '07ce58f2409b15db1621343acec4a7938cc87474', title: this.permissionAlertTitle, content: this.permissionAlertContent, buttons: this.permissionAlertbuttons, onCtyDismiss: (e) => this.closePermissionAlert(e), onCtyTap: (e) => this.toOpenAppSetting(e) })));
     }
     get el() { return this; }
     static get style() { return mediaCaptureCss; }
@@ -130,11 +163,15 @@ const MediaCapture = /*@__PURE__*/ proxyCustomElement(class MediaCapture extends
         "controls": [4],
         "poster": [1],
         "timeLimit": [2, "time-limit"],
+        "permissionAlertTitle": [1, "permission-alert-title"],
+        "permissionAlertContent": [1, "permission-alert-content"],
+        "permissionAlertbuttons": [16, "permission-alertbuttons"],
         "isCaptured": [32],
         "capturing": [32],
         "captureDuration": [32],
         "filePath": [32],
         "videoFileUrl": [32],
+        "permissionAlertVisible": [32],
         "startVideoCapture": [64],
         "stopVideoCapture": [64]
     }]);
@@ -142,14 +179,29 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["cty-media-capture", "cty-icon", "ion-icon"];
+    const components = ["cty-media-capture", "cty-alert", "cty-backdrop", "cty-icon", "cty-permission-alert", "ion-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "cty-media-capture":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, MediaCapture);
             }
             break;
+        case "cty-alert":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "cty-backdrop":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
         case "cty-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "cty-permission-alert":
             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: '69d2fe26714632a8cc1ba86a5baed8e454fb8ceb', class: "cty-notice-bar flex-align-center" }, this.startIcon && h("button", { key: '5b1de819afbc15424ecf7204cc861f69bed8e021', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'start') }, h("cty-icon", { key: 'b79d1cbbe9d107743146f4a2329d13b82e60ea19', name: this.startIcon, class: "cty-notice-bar__start-icon" })), h("slot", { key: 'ad325087d6664d5ef7773f73c3329b280a121920', name: 'start' }), h("div", { key: '5bc22f7f060b5b130e6f38784a1c94d942997c64', class: "cty-notice-bar__wrap flex-align-center", ref: el => this.wrapRefEl = el }, h("div", { key: '4e35cade717e3244df86ac97e19369b89c2cd36f', class: { 'cty-ellipsis': !this.scrollable, 'cty-notice-bar__content': true }, ref: el => this.contentEl = el }, this.text, h("slot", { key: '609eb6474970b05f71e7c37e3631dd6efe106f3a' }))), this.endIcon && h("button", { key: '8a08f174e0725086a0153161a1b6eedaefc12219', part: "start", class: "cty-button-native", onClick: (e) => this.doIconAction(e, 'end') }, h("cty-icon", { key: '44190679ff737269165330799e2dab7f8b604d20', name: this.endIcon, class: "cty-notice-bar__end-icon" })), h("slot", { key: '7cfac5f266453d21254536461cecd83bd80c943f', 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: 'b9c75cd618f45e4e8a81a2c3da1a4f03639552a0', class: "cty-pdf-viewer" }, h("slot", { key: '54730034acd9237e541b7f0cff8e37aa51a38b90' })));
     }
     get el() { return this; }
     static get style() { return pdfViewerCss; }

package/components/cty-permission-alert.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface CtyPermissionAlert extends Components.CtyPermissionAlert, HTMLElement {}
+export const CtyPermissionAlert: {
+    prototype: CtyPermissionAlert;
+    new (): CtyPermissionAlert;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/cty-permission-alert.js

@@ -0,0 +1,6 @@
+import { P as PermissionAlert, d as defineCustomElement$1 } from './permission-alert.js';
+
+const CtyPermissionAlert = PermissionAlert;
+const defineCustomElement = defineCustomElement$1;
+
+export { CtyPermissionAlert, defineCustomElement };

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: 'cd7ee00d56f7d4382bb07ddb1ee7fcd60b8e4e73', class: "cty-progress" }, h("span", { key: 'af47715016908fd6c3a56e30e25419f2a01fc3a1', class: "cty-progress__portion", style: { width: this._percentage + '%' } }), this.pivot && (h("span", { key: 'c33139bd15eeb34a3fe07399c2ef8a920acdf04c', 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: '21abcd1dbbef70659e4e01b04259b9d6b302d03f', class: "cty-quick-access" }, h("slot", { key: '4373fda4c24c656de181c1b961d92c253c19dcc1', name: "header" }), h("div", { key: '2f6258413b1e94c0463611413e9b461796198d8f', 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: 'c463924b981ef2bcc89972d099cba6abe19838f1', name: "bottom" }), this.list.length > 1 && this.paper && (h("div", { key: 'a390fe76c1e6693ebad8bc63cb15b318579c8a76', 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: '8fc4482cbb1169fc8e7d65ded8f96ceb67aeeeb3', 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: '4bb846f8dc1e71a95931f39f49d820c6db7f5d3c', 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

@@ -5,10 +5,11 @@ import { e as createDelegateController, f as createTriggerController, p as prepa
 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 closeOutline } from './index2.js';
-import { d as defineCustomElement$8 } from './alert.js';
-import { d as defineCustomElement$7 } from './backdrop.js';
-import { d as defineCustomElement$6 } from './circle.js';
-import { d as defineCustomElement$5 } from './icon.js';
+import { d as defineCustomElement$9 } from './alert.js';
+import { d as defineCustomElement$8 } from './backdrop.js';
+import { d as defineCustomElement$7 } from './circle.js';
+import { d as defineCustomElement$6 } from './icon.js';
+import { d as defineCustomElement$5 } from './permission-alert.js';
 import { d as defineCustomElement$4 } from './icon2.js';
 import { d as defineCustomElement$3 } from './ripple-effect.js';
 import { d as defineCustomElement$2 } from './toast.js';
@@ -41,6 +42,8 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
         this.minSeconds = 1;
         this.circleColor = 'var(--cty-color-primary)';
         this.circleWidth = 50;
+        this.permissionAlertTitle = '需要申请开启麦克风权限';
+        this.permissionAlertContent = '需要开启麦克风权限，以便发送语音消息。我们仅在主动点击语音按钮时开启录音。';
         this.root = 'default';
         this.animated = false;
         this.recordDescription = '点击开始录音';
@@ -53,6 +56,8 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
         this.lasttime = 0;
         this.countDownTimer = 0;
         this.audioFile = '';
+        this.hasPermission = deviceInfo.isMicroMessager;
+        this.permissionAlertVisible = false;
         this.showWarning = false;
         this.toastOptions = {
             isOpen: false,
@@ -154,7 +159,36 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
             }
         }
     }
+    async requestPermission() {
+        if (!this.hasPermission) {
+            try {
+                this.hasPermission = await audioRecorder.hasPermission();
+            }
+            catch (error) {
+                this.hasPermission = false;
+            }
+        }
+        if (!this.hasPermission) {
+            try {
+                await audioRecorder.requestPermission();
+                this.hasPermission = true;
+            }
+            catch (error) {
+                const { code, message } = error;
+                if (code == 'PERMISSION_DENIED_NEED_SETTINGS') {
+                    this.permissionAlertVisible = true;
+                }
+                else if (code != 'PERMISSION_DENIED_FIRST_TIME' && message) {
+                    this.toastOptions = { isOpen: true, message };
+                }
+            }
+        }
+    }
     async startRecord() {
+        await this.requestPermission();
+        if (!this.hasPermission) {
+            return;
+        }
         this.recordSecond = 0;
         this.recording = true;
         this.recorded = false;
@@ -242,8 +276,22 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
             this.dismiss();
         }
     }
+    async toOpenAppSetting(event) {
+        const { item } = event.detail;
+        if (item.action == 'permission') {
+            try {
+                await audioRecorder.openAppSettings();
+            }
+            catch (error) { }
+            this.permissionAlertVisible = false;
+        }
+    }
+    closePermissionAlert(e) {
+        e.stopPropagation();
+        this.permissionAlertVisible = false;
+    }
     render() {
-        return (h(Host, { key: '556cdb86bd63b62816cb89818190228c52d8d8d8', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'bee3a2f7c86b7bf5f3f06761fe891417985b4068', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '9527be5602415f61f056f3baeaf0275a4dc44fe6', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, h("slot", { key: '1fe5cc5e139bb4ec42244ced2270a3cf2c3e113e', name: "header" }), this.closeable && (h("div", { key: '04d2c25c820bdc64943daae12292d621d8cd5383', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, h("cty-icon", { key: '162424da884c1cf55342a86cb691ad0db327d858', name: closeOutline }))), h("p", { key: 'ff181c686dac3ec898a489b30aafb1db9f6067ad', class: "cty-record__desc" }, this.recordDescription), h("p", { key: '6759573c3c03b1d44090009a69428fa4a77b8691', class: "cty-record__time" }, this.recordDuration), h("div", { key: '99415f931360ba8dfb405de8bdb9d29eb3c80280', class: "cty-record__main flex-align-end-center" }, this.recorded && (h("button", { key: 'cc6d08f81f0795a042d38164b206326c38f6db50', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, h("cty-icon", { key: 'd99c2b4ff8ba05fed08cd6aac8c08d0370ee73a0', name: "cty-redo", class: "flex-center" }), h("span", { key: 'c8c46fd7e531ca66876860bd5faf4c73d393219c' }, "\u91CD\u5F55"))), !this.recording && (h("button", { key: 'b13016f2838e3d919efcc9436e9cb915d135aaa8', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && h("cty-icon", { key: '4ede33fab02cb3b9bd72998fd7a5b2ba7a7a55a0', name: "cty-record" }), this.auditioning && this.recorded && h("cty-icon", { key: 'f98951cb9bb37dd9b00b9972994b114d3decd82f', name: "cty-pause" }), !this.auditioning && this.recorded && h("cty-icon", { key: '0a763ec0c5e7a8fc2290404572568f716df1461b', name: "cty-play" }))), this.recording && (h("div", { key: 'd90681227b5fd7cd74f86afebe5d2e344e62523c', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, h("cty-circle", { key: '06a4d9fb4c8f9bfbea564f347d66f5713e042fec', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), h("cty-icon", { key: 'd91c552c079dd366f65f30d19ec456223f36c76e', name: "cty-pause" }))), this.recorded && (h("button", { key: '6eaeb7b21c8e132e59f8e787743cd46b14d115d1', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, h("cty-icon", { key: '7935637594d073b55acd03a3dd0307752f63ede8', name: "cty-yes", class: "flex-center" }), h("span", { key: 'b6fce3e09621b279425ec904e7fdf6a4bbe4f1ee' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && h("p", { key: '44824182d92c019216b6733d4ed08dc5e1cebf77', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && h("p", { key: '06db04189352945f562777fdf3055ae7f05e4bdd', class: "cty-record__status" }, this.recordState))), h("ion-toast", { key: '14c28883202ecc8db791e46eca0b7566198337e4', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && h("cty-alert", { key: '779095cbd7ade8a824e18b11311d065f2ea9a8fd', 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: '566e4feab82b68055913e3592a5f85542c56803a', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, h("cty-icon", { key: 'de2408300a285e79db301f5997d3e790c1ae4c35', name: "cty-close2" })))));
+        return (h(Host, { key: '43324ef68b0f2e8d1a9ce076112c87432df17213', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '45ebeab107e3af77c58e3680b8dad93b299de623', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'd215b46f4de67b97979831404e9bb708a0b4fffe', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, h("slot", { key: 'b4b9ea9cfc0956436174eb43957f0d13217ec549', name: "header" }), this.closeable && (h("div", { key: 'a5ca9aadbc15f2d8e69b26acad63e4b9cb19cc37', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, h("cty-icon", { key: 'ef0fa355dea771b315667761c4a0ea304ad90364', name: closeOutline }))), h("p", { key: 'bd67297dfaafcadb7f77816f1bfcf1231a59dea6', class: "cty-record__desc" }, this.recordDescription), h("p", { key: '327aa0fa2fa70dc70a9e8c91f481ddff0dd930dd', class: "cty-record__time" }, this.recordDuration), h("div", { key: 'a3f5acd54fda613ec1dbb70428dfbb64a34cc579', class: "cty-record__main flex-align-end-center" }, this.recorded && (h("button", { key: 'f6a65afcbcd1f395765df9ce2629dd4b53593f84', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, h("cty-icon", { key: '4530c67455c3d551c16cba6a0a081a4cf9e22809', name: "cty-redo", class: "flex-center" }), h("span", { key: '4940cdee4266b61742b23ae60c78fc62c07cb09c' }, "\u91CD\u5F55"))), !this.recording && (h("button", { key: '54e3efce63bd0cdd1e96777252571e1c8945cdaa', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && h("cty-icon", { key: '4cb49678c931c4f806a3e2c54b398fa0b62e56b8', name: "cty-record" }), this.auditioning && this.recorded && h("cty-icon", { key: '6ccc9e0e3a35a7a0daa50af3e2fcac2e81e44be2', name: "cty-pause" }), !this.auditioning && this.recorded && h("cty-icon", { key: 'aea60df70839e471250802a87682c293e9f9ea55', name: "cty-play" }))), this.recording && (h("div", { key: '719d50881292e5555acf44bb2047bb84d32ee3e7', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, h("cty-circle", { key: '744b19f125e415686936d1af242ad96b7ad6508c', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), h("cty-icon", { key: 'ef31ac9b11abad0f5d989c1647ce6203961cb84e', name: "cty-pause" }))), this.recorded && (h("button", { key: '50466c6883029528186cada3bb0c4a2d0bef71bf', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, h("cty-icon", { key: 'd5d2b82dcf94217659140b802237449ebeeddd87', name: "cty-yes", class: "flex-center" }), h("span", { key: '2a71ba3edecc390e8e246ed396665ece96154ed4' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && h("p", { key: 'd10af2a0a94fed05752d36d90433e2e779253ae1', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && h("p", { key: '926937f8eb05e802b790d76e93936c95d1692695', class: "cty-record__status" }, this.recordState))), h("ion-toast", { key: '4590611480e2b27ecd1e0c8ac0719924252948a9', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && h("cty-alert", { key: 'bdfe00993cdb88a3a4f63292610e56b4cc6dbbf6', 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: 'e34d25e615d06fde71388d50ebb0ddc47be989a9', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, h("cty-icon", { key: '4c4fe78dd1011901e763bbf41cb6e40409ce70e1', name: "cty-close2" }))), this.permissionAlertVisible && h("cty-permission-alert", { key: 'dcc1d21b7b7db47a4019e87483bcc42e18ed1fe9', title: this.permissionAlertTitle, content: this.permissionAlertContent, buttons: this.permissionAlertbuttons, onCtyDismiss: (e) => this.closePermissionAlert(e), onCtyTap: (e) => this.toOpenAppSetting(e) })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -260,6 +308,9 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
         "minSeconds": [2, "min-seconds"],
         "circleColor": [1, "circle-color"],
         "circleWidth": [8, "circle-width"],
+        "permissionAlertTitle": [1, "permission-alert-title"],
+        "permissionAlertContent": [1, "permission-alert-content"],
+        "permissionAlertbuttons": [16, "permission-alertbuttons"],
         "root": [1],
         "animated": [4],
         "cssClass": [1, "css-class"],
@@ -273,6 +324,7 @@ const Record = /*@__PURE__*/ proxyCustomElement(class Record extends HTMLElement
         "recording": [32],
         "auditioning": [32],
         "recordSecond": [32],
+        "permissionAlertVisible": [32],
         "showWarning": [32],
         "toastOptions": [32],
         "present": [64],
@@ -289,7 +341,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["cty-record", "cty-alert", "cty-backdrop", "cty-circle", "cty-icon", "ion-icon", "ion-ripple-effect", "ion-toast"];
+    const components = ["cty-record", "cty-alert", "cty-backdrop", "cty-circle", "cty-icon", "cty-permission-alert", "ion-icon", "ion-ripple-effect", "ion-toast"];
     components.forEach(tagName => { switch (tagName) {
         case "cty-record":
             if (!customElements.get(tagName)) {
@@ -298,20 +350,25 @@ function defineCustomElement$1() {
             break;
         case "cty-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "cty-backdrop":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "cty-circle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "cty-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "cty-permission-alert":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/components/cty-segment-slides.js

@@ -67,7 +67,7 @@ const SegmentSlides = /*@__PURE__*/ proxyCustomElement(class SegmentSlides exten
         return this.slidesEl.swiper;
     }
     render() {
-        return (h(Host, { key: '1549d6ee4e22ff8afe126875ab7e8dfddc6aa198', class: "cty-segment-slides" }, h("ion-segment", { key: '75c99b604c6afe4e15ec2a6caebccece0ca1bf3c', part: "segment", class: "cty-segment-slides__segment", value: this._slideValue, onIonChange: (e) => this.segmentChanged(e), mode: "md", style: { 'top': this._top } }, h("slot", { key: 'd652d0a98d7c04bd1751d45d438cf763504ef4a7', 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", { key: '18f8cb66ddf916c3fd30e6b04a970d9f61d1ab89', 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._segments.map((_, idx) => h("swiper-slide", { part: "slide", class: "cty-segment-slides__swiper-slide" }, h("slot", { name: 'content' + idx }))))));
+        return (h(Host, { key: 'd57bb2adf2db683a57db6c0ab0ec363287b93108', class: "cty-segment-slides" }, h("ion-segment", { key: '853398f61a1f62efc454e703e2ccc8d686947789', part: "segment", class: "cty-segment-slides__segment", value: this._slideValue, onIonChange: (e) => this.segmentChanged(e), mode: "md", style: { 'top': this._top } }, h("slot", { key: '2b37890e9c5b68c5781739308d98161fb501dc77', 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", { key: 'c2776d7956c14886074ba5b88f93769d0b1e88f1', 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._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: '8184ae43a40feeada061d46199df3fafced3b370', 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: '91ae445e5b8e6d4c4f556813c46827662c3caa71', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '5a77795a16d71fe24a1d71295aae63a589e6349d', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (h("div", { key: 'b9df03165a447b5a386104985a63599a8be14ad9', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, h("img", { key: 'd6ab14d9d8fe4c42d239460d9f3a56bd77b8f082', src: this.guideImg }))), h("slot", { key: 'cd693bc3c0fb09d05669fe4d40e44a2835346f26', name: "share-sheet" }), !this.hiddenSheet && (h("div", { key: '92834554e2db55f4e4820acbabae4295830f3d63', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, h("slot", { key: '055adadf28f9b98e367340da523b333a5a620171', name: "header" }), (this.title || this.description) && (h("div", { key: 'ca99c89598e6df644d33f96df3f7b23fcac55357', class: "cty-share-sheet__header", part: "header" }, this.title && h("cty-divider", { key: '02fddae72eb92bae8b17e8698fde6ffd6c38df21' }, this.title), this.description && h("p", { key: '4dfc9d2fc63e334d21f36615155a14de1e4a8316', class: "cty-share-sheet__description" }, this.description))), h("slot", { key: '52fbd2f38afce3445f27cc6e38d6dc16337abdfa', name: "options" }), h("div", { key: 'd845d4240a80174bd151e7d692fb5f9ab580eaf8', 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: 'e7f1a1873f568faf04fa8a0c881e27c370eed775', name: "cancel" }), this.cancelText && (h("button", { key: '80e5bdfb42c7c79ba96b9adfb8b37664d2ae32d6', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && h("cty-permission-purpose", { key: '05109f049fcfe3f95ab56ac91c07a48ccf4a84cc', description: this.permissionDescription }), h("ion-toast", { key: '6e064a31101c1d9a29eda650b00a3b18b776b062', "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: 'd4ccbc7a5e08436a2de5474726e6f239f3617616', class: 'cty-side-panel flex' }, h("div", { key: 'a32ae0ef541d94cc380414ed716cbaaae9b837d4', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && h("div", { key: '97633fbba588804a1f2f7e237a113c9cb5bd5453', class: 'cty-side-panel-content', part: 'content' }, h("slot", { key: '863a072aed538fffaad933dcf0d077e6c65eb9c1' }), h("slot", { key: 'b7d28b8e62ab85db1cb9b86f460a4de08b597896', name: 'content' + this.value })), !this.singleContent && h("div", { key: 'cb18b933d68e8eb54253ac25e56745dd0f31d824', 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: '49bba785b43a7bd1c8419f50f273200d73ed02dc', class: "cty-stepper" }, this.showMinus && (h("button", { key: '0945f647adb0df5224c362364f5fa4677e31c2c9', 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: '3b72a9a10b41065f0996915d404933e82d6f9435', class: "cty-input-wrapper" }, h("input", { key: '41781e498b05f976de4192e4e9e5f72d24841f09', 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: '7b945de98a1c14527ff74a4818b44720bc45ec25', 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: '5745583e60bbf601374638b8a5f706f316a846ab', class: 'cty-steps cty-steps__' + this.direction }, h("div", { key: '72dbc47ceca5f930d42003edd69282939cbae126', class: "cty-steps__items" }, h("slot", { key: '6b252b0ded95e31c185edbfc0262f351dd7886a1' }))));
     }
     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: '95f2e897086901c648bbf87de5609650be8e675c', class: "cty-text-ellipsis" }, h("span", { key: '2f4c1fd976816e9f09fcec78be781a1675a36302' }, this.expanded ? this.content : this.text), this.hasExpand &&
+            h("button", { key: '59fc941bb365858a6e7720e7ffe3f542496dc6b7', 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: 'c97b8916b8e9a74962a0aeb9186b700027150724', class: "cty-title-bar flex-between" }, h("div", { key: 'fe96befb4d176a262cdc8ff8e9613f7253ec7074', class: "cty-title-bar-start flex-align-center" }, h("slot", { key: '95500656c92be76b080a79b67b0b8e55215803c2', name: "start-icon" }, this.startIcon && h("cty-icon", { key: '9fbdf275bf289ea5fa515b306ede199c7ad5c4fe', name: this.startIcon, class: "cty-title-bar-start__icon" })), h("slot", { key: '2402ed869ec0ae482de8bb2992d98eedbe78a5eb', name: "title" }, this.title && h("h3", { key: '0da4af519b6bbe2d407ca02b660f9c25041a5a0d', class: "cty-title-bar-title cty-ellipsis" }, this.title))), h("div", { key: '8e7ac912edfbb07bcb614ff7e6d7a30163b5261a', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, h("slot", { key: '01ff584f499ede8101644ce0ca40c3358f867d54', name: "end-text" }, this.endText && h("span", { key: '7fb2410cd5c2f409f16ab5bb6400c103dd60927f', class: "cty-title-bar-end__text" }, this.endText)), h("slot", { key: '1ef2f029ec69647e6bf4c4f11fd275a9f94a26fc', name: "end-icon" }, this.endIcon && h("cty-icon", { key: '1d07a316ca0c4e6669fc0e10191e66eee893320d', 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: 'c20c9812d53ac645f699af6d21bdf2b04fbe5fa9', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: '11db5947418d246a174dd1c9cd870dd0afc29a8c', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: 'fe79a7d4c18e73216d743c7640d821bca56ac0be', 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: 'cd001c3f042954beb4615503c3f24880c849a6ed', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: '31bd94e6c17a63b303739be88930a014e0955f6a', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '3b4d70d7a4052380cb490d15b02435d33b2284f1', name: "header" }), tourCloseable && h("slot", { key: 'e6062974840b0c35d045b315f0f95abd0610a3a2', name: "closeable" }, h("button", { key: 'ff766f423ae391118f5cf31157892a84f6f862b1', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: 'c661dfbe84da1d4feabebe49db01b18fed568c43', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: '50445c1c520cabb61a3105cf769eb9edaaf3b08a', name: "content" }, h("p", { key: 'fc84bc6e6ba8d6d25833de3693e17e551fb83d27', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: '5d64c59373ec1b38f38baea7f07c0a3b47480a8d', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: '0c9a3e646198c08bd50e509a433aac065681aab2', name: "indicator" }, h("div", { key: '40299e8cd865d57bd380a8869a29db9b264ece21', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '46b2a0cbe6362d2585f64be21e65375553f7dd26', name: "buttons" }, h("div", { key: '028f7f7f87511cba69be398164f1e4a4aa4f81d6', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
+            h("button", { key: '539b635614cf98d56d81c460b8ebc9fa9d8b2a04', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
+            h("button", { key: 'bd7d1ee594b6612a301c7cecf46a551bcec14fc3', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
+            h("button", { key: 'ecaf68c7cb34ed3e5be05933b266ed456b540d04', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: '1258d20c2cffdb9370d235d3381e76f30530faec', 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: 'ee4bc639a14ea3a54a18a1a8e1afe2225962a715', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '396541fdb1b5dd85e9d12e12714e4e0c91599055', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: '9c0b8e656c6306132cbc32051271e2f237e84577' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: '20b230b396c38b366a800d28ad0216bc14daaea7', slot: "start", name: "start" }), h("slot", { key: 'faddee7f9d8cfbd457f721b3442319842aeb0402', slot: "end", name: "end" })), this.closeable && h("slot", { key: 'd6b48b8ef0ed102f3f1dea0912b42050578e18e7', name: "close" }, h("button", { key: 'ffcd33c6fb5351fc9d325a6705504762e655aec0', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: 'd75a2a170b43dac5ae3d259c79888bad039e1838', 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: 'bdbc355f9bb58b14c3c16f696f5e0de5dc66afb6', 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: 'fc67d1c40664f33d2bf97bd60da93fc9f9b05797', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: '16de825ccfbf288379a80b21c3824f88d16167d0', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: '78511cdd5bccdb454511d01ee6b12085e34a9aab', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: 'a0b3e28efdf3c8be7cd3168bfa48ea9678df5f9e', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: '042083660f70096ce81e10a2edb0826e92362b8e', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: '723dc99ab748b524dbcff33e28ff791d4d0f928a', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: 'a5ee156efdffcf6297ddc6aeea395b8152bd19a3', 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: 'fbdc97434d797b98b07932cc26b19ddbc3956e2b', 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: '99f26c0adb28153adccc5ff0a055315a570e5efb', 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: '9478b315e9f16448a812da4a7e0f7cbfbc87dee8', class: "cty-virtual-list", style: this.getContainerStyle() }, h("div", { key: 'd4215360700e6c99b4622314dc8c2b4a36aa284c', 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; }