cty-mui-core 1.0.38 → 1.0.39

package/dist/cjs/cty-quick-access.cjs.entry.js

@@ -116,7 +116,7 @@ const QuickAccess = class {
         return dataList.map((item, idx) => (index.h("div", { class: "cty-quick-access__list-item flex-column-center", style: { width: this.itemWidth + '%' }, onClick: () => this.clickItem(item, idx) }, item[this._props.icon] && index.h("cty-icon", { name: item[this._props.icon], class: "cty-quick-access__list-item-icon" }), item[this._props.image] && index.h("img", { src: item[this._props.image], class: "cty-quick-access__list-item-img" }), item[this._props.text] && index.h("div", { class: "cty-quick-access__list-item-text" }, item[this._props.text]))));
     }
     render() {
-        return (index.h(index.Host, { key: 'eedf2912ded1785ce42d5a56ffbd722c19cf76c2', class: "cty-quick-access" }, index.h("slot", { key: 'b937dac3c520004915d0275fc7039b228e4bd770', name: "header" }), index.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 => (index.h("div", { class: "cty-quick-access__list flex-wrap" }, this.renderDataList(dataList))))), index.h("slot", { key: '6268ab5970c1e67f71296b185ca700356794463f', name: "bottom" }), this.list.length > 1 && this.paper && (index.h("div", { key: '955bb9a5826a0306fe47ebb8d0aba9b027b4357d', class: "cty-quick-access__pagination flex-center" }, [...this.list.keys()].map(idx => (index.h("div", { class: { 'cty-quick-access__pagination-point': true, 'active': idx === this.currentPage } }))))), index.h("slot", { key: '14cfc5cfa8d565827c52269747ab7a906b62c3f7', name: "p-bottom" })));
+        return (index.h(index.Host, { key: '21abcd1dbbef70659e4e01b04259b9d6b302d03f', class: "cty-quick-access" }, index.h("slot", { key: '4373fda4c24c656de181c1b961d92c253c19dcc1', name: "header" }), index.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 => (index.h("div", { class: "cty-quick-access__list flex-wrap" }, this.renderDataList(dataList))))), index.h("slot", { key: 'c463924b981ef2bcc89972d099cba6abe19838f1', name: "bottom" }), this.list.length > 1 && this.paper && (index.h("div", { key: 'a390fe76c1e6693ebad8bc63cb15b318579c8a76', class: "cty-quick-access__pagination flex-center" }, [...this.list.keys()].map(idx => (index.h("div", { class: { 'cty-quick-access__pagination-point': true, 'active': idx === this.currentPage } }))))), index.h("slot", { key: '8fc4482cbb1169fc8e7d65ded8f96ceb67aeeeb3', name: "p-bottom" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -154,7 +154,7 @@ const Rate = class {
         }
     }
     render() {
-        return (index.h(index.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 => (index.h("div", { class: "cty-rate__item", onClick: (e) => this._doAction(e) }, index.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 && (index.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 (index.h(index.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 => (index.h("div", { class: "cty-rate__item", onClick: (e) => this._doAction(e) }, index.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 && (index.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 index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DCK462Hl.js');
 var deviceInfo = require('./device-info-BPtPRb6d.js');
-var audioRecorder = require('./audio-recorder-ChGIymnF.js');
+var audioRecorder = require('./audio-recorder-D3rqlSLq.js');
 var overlays = require('./overlays-Cfk4eti-.js');
 var lockController = require('./lock-controller-Dk7it1jt.js');
 var helpers = require('./helpers-Bdo8wX6-.js');
@@ -41,6 +41,8 @@ const Record = class {
         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 +55,8 @@ const Record = class {
         this.lasttime = 0;
         this.countDownTimer = 0;
         this.audioFile = '';
+        this.hasPermission = deviceInfo.deviceInfo.isMicroMessager;
+        this.permissionAlertVisible = false;
         this.showWarning = false;
         this.toastOptions = {
             isOpen: false,
@@ -154,7 +158,36 @@ const Record = class {
             }
         }
     }
+    async requestPermission() {
+        if (!this.hasPermission) {
+            try {
+                this.hasPermission = await audioRecorder.audioRecorder.hasPermission();
+            }
+            catch (error) {
+                this.hasPermission = false;
+            }
+        }
+        if (!this.hasPermission) {
+            try {
+                await audioRecorder.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 +275,22 @@ const Record = class {
             this.dismiss();
         }
     }
+    async toOpenAppSetting(event) {
+        const { item } = event.detail;
+        if (item.action == 'permission') {
+            try {
+                await audioRecorder.audioRecorder.openAppSettings();
+            }
+            catch (error) { }
+            this.permissionAlertVisible = false;
+        }
+    }
+    closePermissionAlert(e) {
+        e.stopPropagation();
+        this.permissionAlertVisible = false;
+    }
     render() {
-        return (index.h(index.Host, { key: '556cdb86bd63b62816cb89818190228c52d8d8d8', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: 'bee3a2f7c86b7bf5f3f06761fe891417985b4068', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("div", { key: '9527be5602415f61f056f3baeaf0275a4dc44fe6', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '1fe5cc5e139bb4ec42244ced2270a3cf2c3e113e', name: "header" }), this.closeable && (index.h("div", { key: '04d2c25c820bdc64943daae12292d621d8cd5383', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, index.h("cty-icon", { key: '162424da884c1cf55342a86cb691ad0db327d858', name: index$1.closeOutline }))), index.h("p", { key: 'ff181c686dac3ec898a489b30aafb1db9f6067ad', class: "cty-record__desc" }, this.recordDescription), index.h("p", { key: '6759573c3c03b1d44090009a69428fa4a77b8691', class: "cty-record__time" }, this.recordDuration), index.h("div", { key: '99415f931360ba8dfb405de8bdb9d29eb3c80280', class: "cty-record__main flex-align-end-center" }, this.recorded && (index.h("button", { key: 'cc6d08f81f0795a042d38164b206326c38f6db50', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, index.h("cty-icon", { key: 'd99c2b4ff8ba05fed08cd6aac8c08d0370ee73a0', name: "cty-redo", class: "flex-center" }), index.h("span", { key: 'c8c46fd7e531ca66876860bd5faf4c73d393219c' }, "\u91CD\u5F55"))), !this.recording && (index.h("button", { key: 'b13016f2838e3d919efcc9436e9cb915d135aaa8', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && index.h("cty-icon", { key: '4ede33fab02cb3b9bd72998fd7a5b2ba7a7a55a0', name: "cty-record" }), this.auditioning && this.recorded && index.h("cty-icon", { key: 'f98951cb9bb37dd9b00b9972994b114d3decd82f', name: "cty-pause" }), !this.auditioning && this.recorded && index.h("cty-icon", { key: '0a763ec0c5e7a8fc2290404572568f716df1461b', name: "cty-play" }))), this.recording && (index.h("div", { key: 'd90681227b5fd7cd74f86afebe5d2e344e62523c', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, index.h("cty-circle", { key: '06a4d9fb4c8f9bfbea564f347d66f5713e042fec', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), index.h("cty-icon", { key: 'd91c552c079dd366f65f30d19ec456223f36c76e', name: "cty-pause" }))), this.recorded && (index.h("button", { key: '6eaeb7b21c8e132e59f8e787743cd46b14d115d1', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, index.h("cty-icon", { key: '7935637594d073b55acd03a3dd0307752f63ede8', name: "cty-yes", class: "flex-center" }), index.h("span", { key: 'b6fce3e09621b279425ec904e7fdf6a4bbe4f1ee' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && index.h("p", { key: '44824182d92c019216b6733d4ed08dc5e1cebf77', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && index.h("p", { key: '06db04189352945f562777fdf3055ae7f05e4bdd', class: "cty-record__status" }, this.recordState))), index.h("ion-toast", { key: '14c28883202ecc8db791e46eca0b7566198337e4', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && index.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) }, index.h("button", { key: '566e4feab82b68055913e3592a5f85542c56803a', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, index.h("cty-icon", { key: 'de2408300a285e79db301f5997d3e790c1ae4c35', name: "cty-close2" })))));
+        return (index.h(index.Host, { key: '43324ef68b0f2e8d1a9ce076112c87432df17213', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: '45ebeab107e3af77c58e3680b8dad93b299de623', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("div", { key: 'd215b46f4de67b97979831404e9bb708a0b4fffe', class: "cty-record safe-area-bottom-padding flex-center-column", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: 'b4b9ea9cfc0956436174eb43957f0d13217ec549', name: "header" }), this.closeable && (index.h("div", { key: 'a5ca9aadbc15f2d8e69b26acad63e4b9cb19cc37', class: "cty-record__close", onClick: () => this.handleCloseRecord() }, index.h("cty-icon", { key: 'ef0fa355dea771b315667761c4a0ea304ad90364', name: index$1.closeOutline }))), index.h("p", { key: 'bd67297dfaafcadb7f77816f1bfcf1231a59dea6', class: "cty-record__desc" }, this.recordDescription), index.h("p", { key: '327aa0fa2fa70dc70a9e8c91f481ddff0dd930dd', class: "cty-record__time" }, this.recordDuration), index.h("div", { key: 'a3f5acd54fda613ec1dbb70428dfbb64a34cc579', class: "cty-record__main flex-align-end-center" }, this.recorded && (index.h("button", { key: 'f6a65afcbcd1f395765df9ce2629dd4b53593f84', class: "cty-record__redo flex-column-center cty-button-native", onClick: () => this.restartRecording() }, index.h("cty-icon", { key: '4530c67455c3d551c16cba6a0a081a4cf9e22809', name: "cty-redo", class: "flex-center" }), index.h("span", { key: '4940cdee4266b61742b23ae60c78fc62c07cb09c' }, "\u91CD\u5F55"))), !this.recording && (index.h("button", { key: '54e3efce63bd0cdd1e96777252571e1c8945cdaa', class: "cty-record__button cty-button-native", onClick: () => this.handleRecordAction() }, !this.auditioning && !this.recorded && index.h("cty-icon", { key: '4cb49678c931c4f806a3e2c54b398fa0b62e56b8', name: "cty-record" }), this.auditioning && this.recorded && index.h("cty-icon", { key: '6ccc9e0e3a35a7a0daa50af3e2fcac2e81e44be2', name: "cty-pause" }), !this.auditioning && this.recorded && index.h("cty-icon", { key: 'aea60df70839e471250802a87682c293e9f9ea55', name: "cty-play" }))), this.recording && (index.h("div", { key: '719d50881292e5555acf44bb2047bb84d32ee3e7', class: "cty-record__recording flex-center", onClick: () => this.stopRecording() }, index.h("cty-circle", { key: '744b19f125e415686936d1af242ad96b7ad6508c', rate: (this.recordSecond / this.maxSeconds) * 100, width: this.circleWidth, color: this.circleColor }), index.h("cty-icon", { key: 'ef31ac9b11abad0f5d989c1647ce6203961cb84e', name: "cty-pause" }))), this.recorded && (index.h("button", { key: '50466c6883029528186cada3bb0c4a2d0bef71bf', class: "cty-record__yes flex-column-center cty-button-native", onClick: () => this.confirmRecording() }, index.h("cty-icon", { key: 'd5d2b82dcf94217659140b802237449ebeeddd87', name: "cty-yes", class: "flex-center" }), index.h("span", { key: '2a71ba3edecc390e8e246ed396665ece96154ed4' }, "\u786E\u5B9A")))), !this.auditioning && !this.recorded && !this.recording && index.h("p", { key: 'd10af2a0a94fed05752d36d90433e2e779253ae1', class: "cty-record__send" }, "\u4EC5\u53D1\u9001\u8BED\u97F3"), (this.auditioning || this.recorded || this.recording) && index.h("p", { key: '926937f8eb05e802b790d76e93936c95d1692695', class: "cty-record__status" }, this.recordState))), index.h("ion-toast", { key: '4590611480e2b27ecd1e0c8ac0719924252948a9', isOpen: this.toastOptions.isOpen, message: this.toastOptions.message, duration: 2000, position: "middle", onIonToastWillDismiss: () => (this.toastOptions.isOpen = false) }), this.showWarning && index.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) }, index.h("button", { key: 'e34d25e615d06fde71388d50ebb0ddc47be989a9', slot: "close", class: "cty--record__alert-close cty-button-native", onClick: () => this.showWarning = false }, index.h("cty-icon", { key: '4c4fe78dd1011901e763bbf41cb6e40409ce70e1', name: "cty-close2" }))), this.permissionAlertVisible && index.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 index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-segment-slides.cjs.entry.js

@@ -62,7 +62,7 @@ const SegmentSlides = class {
         return this.slidesEl.swiper;
     }
     render() {
-        return (index.h(index.Host, { key: '1549d6ee4e22ff8afe126875ab7e8dfddc6aa198', class: "cty-segment-slides" }, index.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 } }, index.h("slot", { key: 'd652d0a98d7c04bd1751d45d438cf763504ef4a7', name: 'segments' }), this._segments.map((item, idx) => index.h("ion-segment-button", { part: "segment-button", value: idx, layout: this.layout, class: "cty-segment-slides__segment-button" }, item[this._segmentProps['label']] && index.h("span", { class: "cty-segment-slides__segment-label" }, item[this._segmentProps['label']]), item[this._segmentProps['icon']] && index.h("cty-icon", { name: item[this._segmentProps['icon']], class: "cty-segment-slides__segment-icon" }), index.h("slot", { name: 'segment-button' + idx })))), index.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) => index.h("swiper-slide", { part: "slide", class: "cty-segment-slides__swiper-slide" }, index.h("slot", { name: 'content' + idx }))))));
+        return (index.h(index.Host, { key: 'd57bb2adf2db683a57db6c0ab0ec363287b93108', class: "cty-segment-slides" }, index.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 } }, index.h("slot", { key: '2b37890e9c5b68c5781739308d98161fb501dc77', name: 'segments' }), this._segments.map((item, idx) => index.h("ion-segment-button", { part: "segment-button", value: idx, layout: this.layout, class: "cty-segment-slides__segment-button" }, item[this._segmentProps['label']] && index.h("span", { class: "cty-segment-slides__segment-label" }, item[this._segmentProps['label']]), item[this._segmentProps['icon']] && index.h("cty-icon", { name: item[this._segmentProps['icon']], class: "cty-segment-slides__segment-icon" }), index.h("slot", { name: 'segment-button' + idx })))), index.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) => index.h("swiper-slide", { part: "slide", class: "cty-segment-slides__swiper-slide" }, index.h("slot", { name: 'content' + idx }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -62,7 +62,7 @@ const Selector = class {
         return [this.value];
     }
     render() {
-        return (index.h(index.Host, { key: '92f381dd5909391c30af0fad46f11c7976bcb5cd', role: "listbox", class: {
+        return (index.h(index.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/dist/cjs/cty-share-sheet.cjs.entry.js

@@ -393,7 +393,7 @@ const ShareSheet = class {
         this.ctyGuide.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '0499adede41f853e0124a33ce6d5bacfdf04245e', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: '66585199203d38c2096efc9842eadfc5f5e5bdd0', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (index.h("div", { key: '367da32df1dc4593e9949b8026162ba6af91e562', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, index.h("img", { key: 'c7e4e95e0c0db875a0d84f5e083a56c762db468a', src: this.guideImg }))), index.h("slot", { key: '0d5079a68bd9099323040bee95bbbda5faa5cdbd', name: "share-sheet" }), !this.hiddenSheet && (index.h("div", { key: 'e0046e6e745f498d2d97d285b5d1c151883d2c0a', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '68b36468429c18bb9a1bb007fbe21ab212de0e49', name: "header" }), (this.title || this.description) && (index.h("div", { key: '7287a4c5bc358d92848a102df8a067706ff3a4ce', class: "cty-share-sheet__header", part: "header" }, this.title && index.h("cty-divider", { key: '519b8c31c35976de4070fd3ff297f6fa9ac1838e' }, this.title), this.description && index.h("p", { key: '1ff35868f382a4692ebd42a3b7bbe3a590404e41', class: "cty-share-sheet__description" }, this.description))), index.h("slot", { key: 'ad10099f11a9fde890b41b33c8cb7c2407ef2c5c', name: "options" }), index.h("div", { key: 'b671d6dcead1b453897ffc3b20fb0ee9e8a563c3', class: "cty-share-sheet__options flex", part: "options" }, this._options.map((option, idx) => (index.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') && index.h("img", { class: "cty-share-sheet__img", src: option.icon }), option.icon && (option.icon.indexOf('/') < 0 || option.icon.endsWith('.svg')) && index.h("cty-icon", { name: option.icon, class: "cty-share-sheet__icon" }), option.title && index.h("span", { class: "cty-share-sheet__option-title" }, option.title), option.description && index.h("span", { class: "cty-share-sheet__option-description" }, option.description))))), index.h("slot", { key: '6887207f03c86214bcc3a069653b173d2f926cfe', name: "cancel" }), this.cancelText && (index.h("button", { key: '1e446b5380589964f2b901511c344c45d3361285', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && index.h("cty-permission-purpose", { key: 'd62b26be303c62dcfe0da9eb92a7eb9e85c9dd89', description: this.permissionDescription }), index.h("ion-toast", { key: '85f53a8dd06ec081e0e49e612e3bac8223590fdf', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000 })));
+        return (index.h(index.Host, { key: '91ae445e5b8e6d4c4f556813c46827662c3caa71', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: '5a77795a16d71fe24a1d71295aae63a589e6349d', backdropDismiss: this.backdropDismiss, position: "bottom", onCtyDismiss: () => this.dismiss() }, this.guide && this.isMicroMessager && (index.h("div", { key: 'b9df03165a447b5a386104985a63599a8be14ad9', class: "cty-share-guide", onClick: (e) => this._doGuid(e) }, index.h("img", { key: 'd6ab14d9d8fe4c42d239460d9f3a56bd77b8f082', src: this.guideImg }))), index.h("slot", { key: 'cd693bc3c0fb09d05669fe4d40e44a2835346f26', name: "share-sheet" }), !this.hiddenSheet && (index.h("div", { key: '92834554e2db55f4e4820acbabae4295830f3d63', class: "cty-share-sheet safe-area-bottom-padding", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '055adadf28f9b98e367340da523b333a5a620171', name: "header" }), (this.title || this.description) && (index.h("div", { key: 'ca99c89598e6df644d33f96df3f7b23fcac55357', class: "cty-share-sheet__header", part: "header" }, this.title && index.h("cty-divider", { key: '02fddae72eb92bae8b17e8698fde6ffd6c38df21' }, this.title), this.description && index.h("p", { key: '4dfc9d2fc63e334d21f36615155a14de1e4a8316', class: "cty-share-sheet__description" }, this.description))), index.h("slot", { key: '52fbd2f38afce3445f27cc6e38d6dc16337abdfa', name: "options" }), index.h("div", { key: 'd845d4240a80174bd151e7d692fb5f9ab580eaf8', class: "cty-share-sheet__options flex", part: "options" }, this._options.map((option, idx) => (index.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') && index.h("img", { class: "cty-share-sheet__img", src: option.icon }), option.icon && (option.icon.indexOf('/') < 0 || option.icon.endsWith('.svg')) && index.h("cty-icon", { name: option.icon, class: "cty-share-sheet__icon" }), option.title && index.h("span", { class: "cty-share-sheet__option-title" }, option.title), option.description && index.h("span", { class: "cty-share-sheet__option-description" }, option.description))))), index.h("slot", { key: 'e7f1a1873f568faf04fa8a0c881e27c370eed775', name: "cancel" }), this.cancelText && (index.h("button", { key: '80e5bdfb42c7c79ba96b9adfb8b37664d2ae32d6', part: "cancel", class: "cty-button-native cty-share-sheet__cancel", onClick: () => this.dismiss() }, this.cancelText))))), this.showPermissionPurpose && index.h("cty-permission-purpose", { key: '05109f049fcfe3f95ab56ac91c07a48ccf4a84cc', description: this.permissionDescription }), index.h("ion-toast", { key: '6e064a31101c1d9a29eda650b00a3b18b776b062', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000 })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-side-panel.cjs.entry.js

@@ -35,7 +35,7 @@ const SidePanel = class {
             }, part: 'content-item' }, index.h("slot", { name: 'content' + index$1 }));
     }
     render() {
-        return (index.h(index.Host, { key: 'f55c7869dfd2869c9b10b3cc31b40f7ab74eb311', class: 'cty-side-panel flex' }, index.h("div", { key: 'fa6e314e14c947f7a6d520280d3572bcd0364664', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && index.h("div", { key: 'ceab76130d63b8ea99e0d84174be0bfa356bbef8', class: 'cty-side-panel-content', part: 'content' }, index.h("slot", { key: '6b24b445b0c3c580d414f45dfbeb7cd34a2abbec' }), index.h("slot", { key: '52ef343849869db4365119bab122f259b2144ef6', name: 'content' + this.value })), !this.singleContent && index.h("div", { key: '43926ee02ed34197dd2a865274084711b916b89b', class: 'cty-side-panel-content' }, this.sideBars.map((_, index) => this.renderContentItem(index)))));
+        return (index.h(index.Host, { key: 'd4ccbc7a5e08436a2de5474726e6f239f3617616', class: 'cty-side-panel flex' }, index.h("div", { key: 'a32ae0ef541d94cc380414ed716cbaaae9b837d4', class: 'cty-side-panel-nav', part: 'nav' }, this.sideBars.map((item, index) => this.renderNavItem(item, index))), this.singleContent && index.h("div", { key: '97633fbba588804a1f2f7e237a113c9cb5bd5453', class: 'cty-side-panel-content', part: 'content' }, index.h("slot", { key: '863a072aed538fffaad933dcf0d077e6c65eb9c1' }), index.h("slot", { key: 'b7d28b8e62ab85db1cb9b86f460a4de08b597896', name: 'content' + this.value })), !this.singleContent && index.h("div", { key: 'cb18b933d68e8eb54253ac25e56745dd0f31d824', class: 'cty-side-panel-content' }, this.sideBars.map((_, index) => this.renderContentItem(index)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -102,7 +102,7 @@ const Stepper = class {
         return 0;
     }
     render() {
-        return (index.h(index.Host, { key: '86b8038caecd66bd2c49f375de33199053eafb28', class: "cty-stepper" }, this.showMinus && (index.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 && (index.h("div", { key: '9ddd7b306e532714b6d1e2c91ab9308e0e06f995', class: "cty-input-wrapper" }, index.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 && (index.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 (index.h(index.Host, { key: '49bba785b43a7bd1c8419f50f273200d73ed02dc', class: "cty-stepper" }, this.showMinus && (index.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 && (index.h("div", { key: '3b72a9a10b41065f0996915d404933e82d6f9435', class: "cty-input-wrapper" }, index.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 && (index.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 index.getElement(this); }
 };

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

@@ -23,7 +23,7 @@ const Steps = class {
         this.ctyStepTap.emit(index);
     }
     render() {
-        return (index.h(index.Host, { key: '5869144f79c4228135482d821527b2e9f003c002', class: 'cty-steps cty-steps__' + this.direction }, index.h("div", { key: '65a111fa89f0bf7703bd7de712345c84c6a4a4b7', class: "cty-steps__items" }, index.h("slot", { key: 'b321646d667099d2c6d888248951d1b7bdc49917' }))));
+        return (index.h(index.Host, { key: '5745583e60bbf601374638b8a5f706f316a846ab', class: 'cty-steps cty-steps__' + this.direction }, index.h("div", { key: '72dbc47ceca5f930d42003edd69282939cbae126', class: "cty-steps__items" }, index.h("slot", { key: '6b252b0ded95e31c185edbfc0262f351dd7886a1' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -292,7 +292,7 @@ const Swipe = class {
             'transform': `translate${vertical ? 'Y' : 'X'}(${+offset.toFixed(2)}px)`,
             [vertical ? 'height' : 'width']: `${this.trackSize}px`,
         };
-        return (index.h(index.Host, { key: 'f240c203838a93190a420255c3452a337df2e91a', class: "cty-swipe" }, index.h("slot", { key: '26b235adeda1724ed051ee45ce9466e1807a9815', name: "start" }), index.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) }, index.h("slot", { key: '8f8b7a51ce82dc5aca5f3201cd1e227a5da23a3c', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), index.h("slot", { key: 'c343f6ec58126dbeb1024811c0f54b4e875bf352', name: "end" })));
+        return (index.h(index.Host, { key: '7c43fa74ff636ccb9f561bfe46b9b295742ac894', class: "cty-swipe" }, index.h("slot", { key: 'c66ee224e75363811866d2b70a41b27c3a1424eb', name: "start" }), index.h("div", { key: '015662e04b5ec9b5d3b76757de25e2c52c721557', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, index.h("slot", { key: 'f60a25a27fe96cd1cd010260fff0c094750688e7', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), index.h("slot", { key: '545e73e9347b1b3319bbb258287461360d13cd10', name: "end" })));
     }
     get el() { return index.getElement(this); }
 };
@@ -326,10 +326,10 @@ const SwipeItem = class {
     }
     render() {
         const { offset, size, vertical } = this;
-        return (index.h(index.Host, { key: '631e407d2661497dfb58ff50670a8bde7441d16d', class: "cty-swipe-item", style: {
+        return (index.h(index.Host, { key: '4c2d804a0671caac64268f336b33beeb21cb4385', class: "cty-swipe-item", style: {
                 [vertical ? 'height' : 'width']: `${size}px`,
                 transform: `translate${vertical ? 'Y' : 'X'}(${offset}px)`
-            } }, index.h("slot", { key: 'c77e15f1939c9c135ae9d830dc3edd916c2f4e79' })));
+            } }, index.h("slot", { key: '0622753fe67dbc647b4381c6ead2ceb51303b3b7' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-text-ellipsis.cjs.entry.js

@@ -127,8 +127,8 @@ const TextEllipsis = class {
     }
     ;
     render() {
-        return (index.h(index.Host, { key: '7350c1d3a73f75c73546b153192f131864b99618', class: "cty-text-ellipsis" }, index.h("span", { key: '9707e9437b83e1a28f7fe173f38e48aa0767a213' }, this.expanded ? this.content : this.text), this.hasExpand &&
-            index.h("button", { key: '388fc5c5e68d4d2b9b3e7c58f8238e9fa35eff30', onClick: () => this.toggleExpand(), class: "cty-text-ellipsis__expand cty-button-native" }, this.expanded ? this.collapseText : this.expandText)));
+        return (index.h(index.Host, { key: '95f2e897086901c648bbf87de5609650be8e675c', class: "cty-text-ellipsis" }, index.h("span", { key: '2f4c1fd976816e9f09fcec78be781a1675a36302' }, this.expanded ? this.content : this.text), this.hasExpand &&
+            index.h("button", { key: '59fc941bb365858a6e7720e7ffe3f542496dc6b7', onClick: () => this.toggleExpand(), class: "cty-text-ellipsis__expand cty-button-native" }, this.expanded ? this.collapseText : this.expandText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-title-bar.cjs.entry.js

@@ -17,7 +17,7 @@ const TitleBar = class {
         this.ctyClickEnd.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '85514b30be1714342330e2f777be4b9d0d23b8b3', class: "cty-title-bar flex-between" }, index.h("div", { key: '4cf3afc4c2e6d3472ea10d86056cf3c2ab32481c', class: "cty-title-bar-start flex-align-center" }, index.h("slot", { key: '84e8051daf3ca9b64c2d561a1072ca937672df6c', name: "start-icon" }, this.startIcon && index.h("cty-icon", { key: 'bc22a4cde9c93053571e3a2e5da52a5be4cd1880', name: this.startIcon, class: "cty-title-bar-start__icon" })), index.h("slot", { key: 'ba199793f5726743ed9d4dde2263471aa37b915e', name: "title" }, this.title && index.h("h3", { key: '4955804af7cee360b9caf3b59a451cca489005ed', class: "cty-title-bar-title cty-ellipsis" }, this.title))), index.h("div", { key: 'c8cf45e5153bd3b67210f0be98cab903d660128f', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, index.h("slot", { key: 'c035022976a6b5afd4bd5f0f1f5369f1df8c7c55', name: "end-text" }, this.endText && index.h("span", { key: '1d16e11dcded44ba463c62097005294ca3af7fc7', class: "cty-title-bar-end__text" }, this.endText)), index.h("slot", { key: '12d6d26af8693c4a59255d5cb52b3078e3a4da3b', name: "end-icon" }, this.endIcon && index.h("cty-icon", { key: '715c8dfd049a2d35b13723c758acc15f4a69b39b', name: this.endIcon, class: "cty-title-bar-end__icon" })))));
+        return (index.h(index.Host, { key: 'c97b8916b8e9a74962a0aeb9186b700027150724', class: "cty-title-bar flex-between" }, index.h("div", { key: 'fe96befb4d176a262cdc8ff8e9613f7253ec7074', class: "cty-title-bar-start flex-align-center" }, index.h("slot", { key: '95500656c92be76b080a79b67b0b8e55215803c2', name: "start-icon" }, this.startIcon && index.h("cty-icon", { key: '9fbdf275bf289ea5fa515b306ede199c7ad5c4fe', name: this.startIcon, class: "cty-title-bar-start__icon" })), index.h("slot", { key: '2402ed869ec0ae482de8bb2992d98eedbe78a5eb', name: "title" }, this.title && index.h("h3", { key: '0da4af519b6bbe2d407ca02b660f9c25041a5a0d', class: "cty-title-bar-title cty-ellipsis" }, this.title))), index.h("div", { key: '8e7ac912edfbb07bcb614ff7e6d7a30163b5261a', class: "cty-title-bar-end flex-center-justify-end", onClick: () => this.clickEnd() }, index.h("slot", { key: '01ff584f499ede8101644ce0ca40c3358f867d54', name: "end-text" }, this.endText && index.h("span", { key: '7fb2410cd5c2f409f16ab5bb6400c103dd60927f', class: "cty-title-bar-end__text" }, this.endText)), index.h("slot", { key: '1ef2f029ec69647e6bf4c4f11fd275a9f94a26fc', name: "end-icon" }, this.endIcon && index.h("cty-icon", { key: '1d07a316ca0c4e6669fc0e10191e66eee893320d', name: this.endIcon, class: "cty-title-bar-end__icon" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -111,10 +111,10 @@ const Tour = class {
         const popoverClass = (Array.isArray(cssClass) ? [...cssClass] : [cssClass]).concat(['cty-tour__popover']).join(' ');
         const tourCloseable = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.closeable) || closeable;
         const enableFooter = Array.isArray(steps) && steps.length > 1;
-        return (index.h(index.Host, { key: 'fbd607719374b9f243bb5b09d8d40b80eee25874', class: "cty-tour overlay-hidden" }, display && index.h("cty-overlay", { key: 'b97b22b805530c919a1b1c27a065e6b3dce6ec15', root: '', backdropDismiss: false }, enableAopover && index.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 }), index.h("div", { key: 'd03faba453a65a82d0db71b0f63fd50622b846d5', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), index.h("div", { key: '72dade24fb523fa8d2be6d139037eff8b81078a6', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, index.h("slot", { key: '6d67aac2b56d3f704d8aff8993140d0150734ee3', name: "header" }), tourCloseable && index.h("slot", { key: '8b8b85a939b6f984ec6f4a30234fe4cf016e2f4b', name: "closeable" }, index.h("button", { key: '664bfc83eade5d0e625698af5c26e674c3cb3c61', class: "cty-button-native cty-tour__closeable" }, index.h("cty-icon", { key: '6a8754c158d97ac41c209a2d0e23dd5789598868', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && index.h("slot", { key: '405c5d15a54f45b566eb98c292931057e3ba09f7', name: "content" }, index.h("p", { key: 'c56a37e292145530eee74e01b678b426b69894e3', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && index.h("div", { key: 'cf504c676f0faae0a19cfd22b1caa0e50474477b', class: "cty-tour__content-footer flex-center-between" }, index.h("slot", { key: '51d3391914cbae9640277bd728be4f24535731f5', name: "indicator" }, index.h("div", { key: '8cae170f8602d893a5c8042fbb68c99f4ae295a2', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), index.h("slot", { key: '97db167d2583d32936a4926ecbe6ab131fb900a9', name: "buttons" }, index.h("div", { key: 'bc7d2b36a532486b8e6fbf6e3bf68c8211e9c429', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
-            index.h("button", { key: '5dfdbbfd58ec7ab0e1e489ef4ef0dcc4bfcb1e80', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
-            index.h("button", { key: '09a47fa8537b24a92de2d2402667ee9dcdbbfdd2', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
-            index.h("button", { key: '6f22247a10bd2ce5d022b72bc9f77ea0f0c571f8', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), index.h("slot", { key: 'ba19b4164edb8156e8096c07f193ef373015fd69', name: "footer" }))))));
+        return (index.h(index.Host, { key: 'c20c9812d53ac645f699af6d21bdf2b04fbe5fa9', class: "cty-tour overlay-hidden" }, display && index.h("cty-overlay", { key: '11db5947418d246a174dd1c9cd870dd0afc29a8c', root: '', backdropDismiss: false }, enableAopover && index.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 }), index.h("div", { key: 'cd001c3f042954beb4615503c3f24880c849a6ed', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), index.h("div", { key: '31bd94e6c17a63b303739be88930a014e0955f6a', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, index.h("slot", { key: '3b4d70d7a4052380cb490d15b02435d33b2284f1', name: "header" }), tourCloseable && index.h("slot", { key: 'e6062974840b0c35d045b315f0f95abd0610a3a2', name: "closeable" }, index.h("button", { key: 'ff766f423ae391118f5cf31157892a84f6f862b1', class: "cty-button-native cty-tour__closeable" }, index.h("cty-icon", { key: 'c661dfbe84da1d4feabebe49db01b18fed568c43', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && index.h("slot", { key: '50445c1c520cabb61a3105cf769eb9edaaf3b08a', name: "content" }, index.h("p", { key: 'fc84bc6e6ba8d6d25833de3693e17e551fb83d27', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && index.h("div", { key: '5d64c59373ec1b38f38baea7f07c0a3b47480a8d', class: "cty-tour__content-footer flex-center-between" }, index.h("slot", { key: '0c9a3e646198c08bd50e509a433aac065681aab2', name: "indicator" }, index.h("div", { key: '40299e8cd865d57bd380a8869a29db9b264ece21', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), index.h("slot", { key: '46b2a0cbe6362d2585f64be21e65375553f7dd26', name: "buttons" }, index.h("div", { key: '028f7f7f87511cba69be398164f1e4a4aa4f81d6', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
+            index.h("button", { key: '539b635614cf98d56d81c460b8ebc9fa9d8b2a04', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
+            index.h("button", { key: 'bd7d1ee594b6612a301c7cecf46a551bcec14fc3', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
+            index.h("button", { key: 'ecaf68c7cb34ed3e5be05933b266ed456b540d04', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), index.h("slot", { key: '1258d20c2cffdb9370d235d3381e76f30530faec', name: "footer" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -98,7 +98,7 @@ const Tutorial = class {
             indicator,
             touchable
         };
-        return (index.h(index.Host, { key: '0d96d7c7afdbe7b371276c1cb5eb11d589a8641a', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: 'd8647f58b3fd266324e0f423de81cade663358fb', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("cty-banner", Object.assign({ key: '3279fb0804c2c84ab1c0acee5d5060d6a514c7f7' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), index.h("slot", { key: 'c4a1dd05f8a17179f2b71d5035b8e3a2994a85bb', slot: "start", name: "start" }), index.h("slot", { key: 'dccbe02958034c0b015779dd660d1c12ed3267d7', slot: "end", name: "end" })), this.closeable && index.h("slot", { key: '3856c45320d775f60de30b7a977d78dc7c578c7d', name: "close" }, index.h("button", { key: 'fd4ab8e418539a8810f9ac7f0ead680f2fa7377b', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, index.h("cty-icon", { key: '10c85342b5b1236a085ca5cdf74072c887085986', name: "cty-close2" }))))));
+        return (index.h(index.Host, { key: 'ee4bc639a14ea3a54a18a1a8e1afe2225962a715', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: '396541fdb1b5dd85e9d12e12714e4e0c91599055', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("cty-banner", Object.assign({ key: '9c0b8e656c6306132cbc32051271e2f237e84577' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), index.h("slot", { key: '20b230b396c38b366a800d28ad0216bc14daaea7', slot: "start", name: "start" }), index.h("slot", { key: 'faddee7f9d8cfbd457f721b3442319842aeb0402', slot: "end", name: "end" })), this.closeable && index.h("slot", { key: 'd6b48b8ef0ed102f3f1dea0912b42050578e18e7', name: "close" }, index.h("button", { key: 'ffcd33c6fb5351fc9d325a6705504762e655aec0', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, index.h("cty-icon", { key: 'd75a2a170b43dac5ae3d259c79888bad039e1838', name: "cty-close2" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1202,12 +1202,12 @@ const Video = class {
             }, onClick: (event) => event.stopPropagation(), style: { top: this.dotDotPanelTop, left: this.dotDotPanelLeft, opacity: this.reallyShowDot ? '1' : '0' } }, index.h("span", { class: "cty-video__dot-label cty-ellipsis2" }, this.currentMarker.describe), index.h("ion-button", { onClick: this._toPoint }, index.h("cty-icon", { name: "cty-play-ex" }), "\u77E5\u8BC6\u70B9"), index.h("span", { class: "cty-video__dot-triangle", style: { 'margin-left': this.triangleMargin + 'px' } }))), index.h("slot", { name: "ctrl" })));
     }
     render() {
-        return (index.h(index.Host, { key: '88fc97152b6d1cd79e5d545f2f3a9b3a1539a457', class: {
+        return (index.h(index.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 && (index.h("ion-button", { key: '67ee18f257e82b82398b2b5d396eb9c3b37ffa01', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, index.h("cty-icon", { key: '016462904a7b5659e7c6671dbc511feefb5e5777', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (index.h("div", { key: 'ee13722df7a8cb9fea8620ecc087d5d40a6d2c92', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (index.h("div", { key: '630d38e43ec451d4c09d1102733a0577c967cc2c', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (index.h("div", { key: '58a084816e18edbc8d98726d9d6206677320d2be', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, index.h("div", { key: '123fdf1f0b83e59f0f3521e1758a441be571afeb', class: "cty-video__rate-mask flex-center-justify-end" }, index.h("div", { key: '0e1b1618f63353773420e526f3211d4e9f9eedaa', class: "cty-video__rate-list" }, this._rates.map((item) => (index.h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, index.h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (index.h("div", { key: '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 && (index.h("ion-button", { key: 'fc67d1c40664f33d2bf97bd60da93fc9f9b05797', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, index.h("cty-icon", { key: '16de825ccfbf288379a80b21c3824f88d16167d0', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (index.h("div", { key: '78511cdd5bccdb454511d01ee6b12085e34a9aab', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (index.h("div", { key: 'a0b3e28efdf3c8be7cd3168bfa48ea9678df5f9e', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (index.h("div", { key: '042083660f70096ce81e10a2edb0826e92362b8e', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, index.h("div", { key: '723dc99ab748b524dbcff33e28ff791d4d0f928a', class: "cty-video__rate-mask flex-center-justify-end" }, index.h("div", { key: 'a5ee156efdffcf6297ddc6aeea395b8152bd19a3', class: "cty-video__rate-list" }, this._rates.map((item) => (index.h("button", { onClick: () => this.setPlayRate(item), class: { active: this.rate == item, 'cty-video__rate-list-item': true } }, index.h("span", null, item, "X")))))))), this.hasInteractive && this.curIsFullscreen && (index.h("div", { key: 'fbdc97434d797b98b07932cc26b19ddbc3956e2b', class: "cty-video__player cty-video__interactive", onClick: () => { }, ref: (el) => this.interactiveEl = el }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/cty-virtual-list.cjs.entry.js

@@ -231,11 +231,11 @@ const VirtualList = class {
     }
     render() {
         const { isHorizontal, containerSize, itemRender } = this;
-        return (index.h(index.Host, { key: '48c43c43a497a1bc0667d1bb2a5575410aeb8c9e', class: {
+        return (index.h(index.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' } }, index.h("div", { key: 'a8054ee3311518ba3db289557d584b6e794f6596', class: "cty-virtual-list", style: this.getContainerStyle() }, index.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) => index.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' } }, index.h("div", { key: '9478b315e9f16448a812da4a7e0f7cbfbc87dee8', class: "cty-virtual-list", style: this.getContainerStyle() }, index.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) => index.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 index.getElement(this); }
 };

package/dist/cjs/{image-picker-DztF-H0P.js → image-picker-C9sdhsR_.js}

@@ -105,7 +105,7 @@ class CTYImagePicker {
     _pickMultiplePhotos(file = true, count = 1, imagePickerOptions) {
         return new Promise(async (resolve, reject) => {
             if (!this.isImagePickerAvailable) {
-                reject('Image Picker plugin is not available');
+                reject('Image picker plugin is not available');
                 return;
             }
             const option = {
@@ -207,6 +207,33 @@ class CTYImagePicker {
                 ? this._captureSinglePhoto(file, false, imagePickerOptions)
                 : this._pickMultiplePhotos(file, count, imagePickerOptions);
     }
+    hasPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isImagePickerAvailable) {
+                reject('Image picker plugin is not available');
+                return;
+            }
+            this._imagePickerPlugin.hasReadPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    requestPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isImagePickerAvailable) {
+                reject('Image picker plugin is not available');
+                return;
+            }
+            this._imagePickerPlugin.requestReadPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    openAppSettings() {
+        return new Promise((resolve, reject) => {
+            if (!this.isImagePickerAvailable) {
+                reject('Image picker plugin is not available');
+                return;
+            }
+            this._imagePickerPlugin.openAppSettings(() => resolve(), (error) => reject(error));
+        });
+    }
     getPictures(options) {
         var _a, _b, _c, _d, _e, _f;
         return (options === null || options === void 0 ? void 0 : options.camera)

package/dist/cjs/index.cjs.js

@@ -9,15 +9,15 @@ var dom = require('./dom-B8PDM5o-.js');
 var format = require('./format-BSDO5P-c.js');
 var utils = require('./utils-C8Ez-9Oe.js');
 var validate = require('./validate-Bad0X9vv.js');
-var audioRecorder = require('./audio-recorder-ChGIymnF.js');
-var cameraPreview = require('./camera-preview-CjkBcrrF.js');
+var audioRecorder = require('./audio-recorder-D3rqlSLq.js');
+var cameraPreview = require('./camera-preview-BylkRIcS.js');
 var deviceInfo = require('./device-info-BPtPRb6d.js');
-var imagePicker = require('./image-picker-DztF-H0P.js');
+var imagePicker = require('./image-picker-C9sdhsR_.js');
 var keyboard = require('./keyboard-Cuk4m847.js');
 var network = require('./network-D7xvJurk.js');
 var volumeControl = require('./volume-control-CPf0zISh.js');
 var share = require('./share-B864ykXo.js');
-var videoCapture = require('./video-capture-C-HjTI17.js');
+var videoCapture = require('./video-capture-BO4sLa1e.js');
 var ctyMuiGlobal = require('./cty-mui-global-CQI_F108.js');
 var overlays = require('./overlays-Cfk4eti-.js');
 require('./index-D3mJ1Cix.js');
@@ -544,6 +544,68 @@ class CTYMediaDownloader {
 }
 const mediaDownloader = new CTYMediaDownloader();
 
+class CTYMediaEditor {
+    get _mediaEditorPlugin() {
+        return window === null || window === void 0 ? void 0 : window.CTYMediaEditor;
+    }
+    ;
+    get isMediaEditorAvailable() {
+        return !!this._mediaEditorPlugin;
+    }
+    hasPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                reject('Media editor plugin is not available');
+                return;
+            }
+            this._mediaEditorPlugin.hasPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    requestPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                reject('Media editor plugin is not available');
+                return;
+            }
+            this._mediaEditorPlugin.requestPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    openAppSettings() {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                reject('Media editor plugin is not available');
+                return;
+            }
+            this._mediaEditorPlugin.openAppSettings(() => resolve(), (error) => reject(error));
+        });
+    }
+    videoTrsanfer(file, options = {}) {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                return reject('Media editor plugin is not available');
+            }
+            this._mediaEditorPlugin.transcodeVideo((outputfile) => resolve(outputfile), (err) => reject(err), Object.assign(Object.assign({ outputFileName: statusBar.formatDateTime(new Date(), 'yyyyMMddHHmmss'), optimizeForNetworkUse: 1, saveToLibrary: false, videoBitrate: 1536000, audioBitrate: 64000 }, options), { fileUri: file }));
+        });
+    }
+    audioTrsanfer(file, options = {}) {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                return reject('Media editor plugin is not available');
+            }
+            this._mediaEditorPlugin.transcodeAudio((outputfile) => resolve(outputfile), (err) => reject(err), Object.assign(Object.assign({ outputFileName: statusBar.formatDateTime(new Date(), 'yyyyMMddHHmmss'), optimizeForNetworkUse: 1, saveToLibrary: false, audioBitrate: 64000 }, options), { fileUri: file }));
+        });
+    }
+    createThumbnail(file, options = {}) {
+        return new Promise((resolve, reject) => {
+            if (!this.isMediaEditorAvailable) {
+                return reject('Media editor plugin is not available');
+            }
+            this._mediaEditorPlugin.createThumbnail((outputfile) => resolve(outputfile), (err) => reject(err), Object.assign(Object.assign({ outputFileName: statusBar.formatDateTime(new Date(), 'yyyyMMddHHmmss'), width: 256, quality: 85 }, options), { fileUri: file }));
+        });
+    }
+}
+const mediaEditor = new CTYMediaEditor();
+
 class CTYPayment {
     constructor() {
         this._wxPayRequest = () => { };
@@ -957,6 +1019,7 @@ exports.recordController = overlays.recordController;
 exports.shareSheetController = overlays.shareSheetController;
 exports.tutorialController = overlays.tutorialController;
 exports.CTYMediaDownloader = CTYMediaDownloader;
+exports.CTYMediaEditor = CTYMediaEditor;
 exports.CTYPayment = CTYPayment;
 exports.CTYSpeechTranscriber = CTYSpeechTranscriber;
 exports.ModalFade = ModalFade;
@@ -968,6 +1031,7 @@ exports.localDelete = localDelete;
 exports.localGet = localGet;
 exports.localSave = localSave;
 exports.mediaDownloader = mediaDownloader;
+exports.mediaEditor = mediaEditor;
 exports.payment = payment;
 exports.sessionDelete = sessionDelete;
 exports.sessionGet = sessionGet;