cty-mui-core 1.0.37 → 1.0.39

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: 'd38b25ab3651be90d9c4df85a0d039d286e8b4c4', class: "cty-tour overlay-hidden" }, display && h("cty-overlay", { key: 'e49a5ed75ab99fc68123fd7d1bb35255bbe8bc0a', root: '', backdropDismiss: false }, enableAopover && h("ion-popover", Object.assign({ key: '5c98ff5278b52a3f612711db1d98174a1131f295', 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: '5cd956b0db4ebf5bd51ba9bd96612422d020f778', class: "cty-tour__clone-wrapper flex-center", ref: (el) => this.triggerCloneParentEl = el }), h("div", { key: 'ebc3c250a448435443e2f244a0dda4b8684867fd', class: { 'cty-tour__content': true, 'cty-tour__content-closeable': tourCloseable } }, h("slot", { key: '13246b0951b36eb32fe700dd3f754ca39bea428e', name: "header" }), tourCloseable && h("slot", { key: '9707d27bbb177ddf2beaf9dd7f1cce2850ac10ef', name: "closeable" }, h("button", { key: 'f8d5b3521f0087cc8bac128acd0cdcbddfca29ab', class: "cty-button-native cty-tour__closeable" }, h("cty-icon", { key: '59d656054e4e29007a64aad192ad866ce85ae2d0', name: "cty-close2", onClick: () => this.dismiss('closeable') }))), currentStep.content && h("slot", { key: 'f2441135120813bfb3da635d6f3df743078cfd49', name: "content" }, h("p", { key: '7f879e2d0617ce4bea0bc0b84c07fd910e78780b', class: "cty-tour__content-inner" }, currentStep.content)), enableFooter && h("div", { key: 'f40ea180ff17d97202c93a43a8e881b14261e38f', class: "cty-tour__content-footer flex-center-between" }, h("slot", { key: 'dcb247e050c587dea60378afb50a49179065682c', name: "indicator" }, h("div", { key: '31b15b1d31f73223b66beb3bd91892a40c069c6d', class: "cty-tour__content-indicator" }, current + 1, "/", steps.length)), h("slot", { key: '953c203221f937334368ebecbd72d378d6acfbc7', name: "buttons" }, h("div", { key: '495fd7c3f46f163be88d986f74cbea8b2cb8774e', class: "cty-tour__content-buttons flex" }, this.showPrev && current > 0 &&
-            h("button", { key: 'f4598c8a6835b7bcebcf766116cacfed29b340db', class: "cty-button-native cty-tour__content-prev", onClick: () => this.prevStep() }, this.prevText), current < steps.length - 1 &&
-            h("button", { key: 'd8f49da0dc5211082873b1caf98391e4652377b5', class: "cty-button-native cty-tour__content-next", onClick: () => this.nextStep() }, this.nextText), current === steps.length - 1 &&
-            h("button", { key: '9e78b694d9727788a77e0393bf6801a066179089', class: "cty-button-native cty-tour__content-complete", onClick: () => this.complete() }, this.completeText)))), h("slot", { key: 'daccd21de73f0145048158d65b03cae7ed7e18ad', 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: '3c21cf5b96914f84f3e4e3f05a70d2278645bd46', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '288240c2b34fa7bec5ea041899e609ab6eb0ff22', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("cty-banner", Object.assign({ key: 'bdf5e26faea97c60befcbfeb8f30c9416dbc6661' }, attrs, { onClick: (e) => e.stopPropagation, onCtySwipeChange: (e) => this.handleSlideChange(e), onCtySwipeTap: (e) => this.handleSlideTap(e) }), h("slot", { key: 'd8a3210010ceed0de9b7fac5f83e5eb9885d882c', slot: "start", name: "start" }), h("slot", { key: 'd4282dfcf940dec3e89a24eb0c00db13bd0dca0e', slot: "end", name: "end" })), this.closeable && h("slot", { key: 'd36733c4b59fd30d5bb62b5c1aa92b3b6e40addb', name: "close" }, h("button", { key: '06b9486f1438167df8faba3a16f12cb55d0abbe6', class: "cty-tutorial__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '597d86b3a7a0b420ba61677b0e5aeda74778d6c1', 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: '5319e2880f559d23946f98a2de5fd429b572e712', 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: '90984ef83cb04b9402955352f5731ef1ed1f914a', part: "toggle-play", class: "cty-video__toggle-play flex-center", onClick: (e) => { this.toggleVideo(e); } }, h("cty-icon", { key: '8b5bf6bcbbc300933cefb690d4aec1ae6b7d8676', name: "cty-play" }))), !this.isWifi && !this.isPlaying && !this.isLoading && !this.isMicroMessager && this.trafficMsg && (h("div", { key: 'd5b4b83f0aa9bc4a115523cafc3cdaf420738420', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.trafficMsg)), this.warningMsg != '' && (h("div", { key: 'efaadefcb7445d040167aed6a40b3b08cb285685', class: "cty-video__toast cty-ellipsis", part: "toast" }, this.warningMsg)), this.showPlayRate && (h("div", { key: '890cdd076fbd4ce6e58ebdb49e05d3703e2008a5', class: "cty-video__rate", onClick: () => this.showPlayRate = false }, h("div", { key: '8462590389d0b23f50bc54bfed35d84bc9921fd0', class: "cty-video__rate-mask flex-center-justify-end" }, h("div", { key: 'ee899156c8eeb0ea2d8bb3ee586a036b6b072ef0', 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: 'e9bb94cddbf65f45968ec604e7d72fc52421e7a5', 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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const virtualListCss = ":host{--cty-virtual-list-horizontal-item-margin-right:20px;--cty-virtual-list-vertical-item-margin-top:20px;--cty-virtual-list-horizontal-padding:10px}.cty-virtual-list-box{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.cty-virtual-list-box::-webkit-scrollbar{display:none}.cty-virtual-list-horizontal-box{padding:var(--cty-virtual-list-horizontal-padding)}.cty-list-horizontal-scroll{overflow:hidden;float:left}.cty-list-horizontal-scroll .cty-virtual-list-item{display:block;float:left;margin-right:var(--cty-virtual-list-horizontal-item-margin-right)}.cty-list-horizontal-scroll:after{content:\"\";display:block;visibility:hidden;clear:both}.cty-list-vertical-scroll{overflow:hidden}.cty-list-vertical-scroll .cty-virtual-list-item{display:block;margin-top:var(--cty-virtual-list-vertical-item-margin-top)}.cty-virtual-list{width:100%;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}[dir=rtl] .cty-list-horizontal-scroll{float:right}[dir=rtl] .cty-list-horizontal-scroll .cty-virtual-list-item{float:right;margin-right:0;margin-left:var(--cty-virtual-list-horizontal-item-margin-right)}";
+const virtualListCss = ":host{--cty-virtual-list-horizontal-item-margin-right:20px;--cty-virtual-list-vertical-item-margin-top:20px;--cty-virtual-list-horizontal-padding:10px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.cty-virtual-list-horizontal-box){padding:var(--cty-virtual-list-horizontal-padding)}.cty-list-horizontal-scroll{overflow:hidden;float:left}.cty-list-horizontal-scroll .cty-virtual-list-item{display:block;float:left;margin-right:var(--cty-virtual-list-horizontal-item-margin-right)}.cty-list-horizontal-scroll:after{content:\"\";display:block;visibility:hidden;clear:both}.cty-list-vertical-scroll{overflow:hidden}.cty-list-vertical-scroll .cty-virtual-list-item{display:block;margin-top:var(--cty-virtual-list-vertical-item-margin-top)}.cty-virtual-list{width:100%;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}[dir=rtl] .cty-list-horizontal-scroll{float:right}[dir=rtl] .cty-list-horizontal-scroll .cty-virtual-list-item{float:right;margin-right:0;margin-left:var(--cty-virtual-list-horizontal-item-margin-right)}";
 
 const VirtualList = /*@__PURE__*/ proxyCustomElement(class VirtualList extends HTMLElement {
     constructor() {
@@ -24,7 +24,7 @@ const VirtualList = /*@__PURE__*/ proxyCustomElement(class VirtualList extends H
             lastVisibleIndex: 10 //最后一个可见元素的索引
         };
         this.handleScroll = () => {
-            requestAnimationFrame(() => this.onScroll(this.scrollContainerEl || document.body));
+            requestAnimationFrame(() => this.onScroll(this.el));
         };
         this.getEndIndex = () => {
             const dataLength = this.items.length;
@@ -60,7 +60,7 @@ const VirtualList = /*@__PURE__*/ proxyCustomElement(class VirtualList extends H
     get containerSize() {
         if (this.containerHeight)
             return this.containerHeight;
-        const element = document.body;
+        const element = this.el.parentNode;
         return this.isHorizontal ? element.offsetWidth : element.offsetHeight;
     }
     componentWillLoad() {
@@ -94,11 +94,10 @@ const VirtualList = /*@__PURE__*/ proxyCustomElement(class VirtualList extends H
         this.updateVisibleItems();
     }
     async setupScrollListener() {
-        const element = this.scrollContainerEl || document.body;
-        element.addEventListener('scroll', this.handleScroll);
+        this.el.addEventListener('scroll', this.handleScroll);
     }
     removeScrollListener() {
-        (this.scrollContainerEl || document.body).removeEventListener('scroll', this.handleScroll);
+        this.el.removeEventListener('scroll', this.handleScroll);
     }
     onScroll(element) {
         const scrollSize = this.isHorizontal ? element.scrollLeft : element.scrollTop;
@@ -231,7 +230,12 @@ const VirtualList = /*@__PURE__*/ proxyCustomElement(class VirtualList extends H
         return tempIndex || 0;
     }
     render() {
-        return (h(Host, { key: '669aaab526c0e046604c5c8bb9ed42435a290766' }, h("div", { key: '80fbd6debf85323c184b384b3dfc3262cc1b61dc', ref: el => this.scrollContainerEl = el, class: { 'cty-virtual-list-box': true, 'cty-virtual-list-horizontal-box': this.isHorizontal, 'cty-virtual-list-vertical-box': !this.isHorizontal }, style: { height: this.isHorizontal ? '100px' : this.containerSize + 'px' } }, h("div", { key: 'c71bb7be5cda2e79b3eab4dac7bb0b4007ab6ebb', class: "cty-virtual-list", style: this.getContainerStyle() }, h("div", { key: 'bf2e1033194a3421a57b3c6b218306fb50733e64', class: this.isHorizontal ? 'cty-list-horizontal-scroll' : 'cty-list-vertical-scroll', style: this.getTransformStyle(), ref: el => this.itemsContainerEl = el }, this.visibleItems.map((_, i) => h("div", { class: "cty-virtual-list-item", "data-index": this.getDataIndex(i), style: { display: this.getDisplayStyle(i) } }, h("slot", { name: this.getDataIndex(i) + '' }))))))));
+        const { isHorizontal, containerSize, itemRender } = this;
+        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: '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; }
@@ -239,6 +243,7 @@ const VirtualList = /*@__PURE__*/ proxyCustomElement(class VirtualList extends H
         "items": [16],
         "direction": [1],
         "preloadItemCount": [2, "preload-item-count"],
+        "itemRender": [16, "item-render"],
         "containerHeight": [2, "container-height"],
         "itemKey": [1, "item-key"],
         "visibleItems": [32]

package/components/divider.js

@@ -18,10 +18,10 @@ const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends HTMLEleme
     render() {
         const { vertical, placement, hasContent } = this;
         const classRet = vertical ? `cty-divider__vertical` : hasContent ? `cty-divider__content-${placement}` : ``;
-        return (h(Host, { key: 'b9d087dcfbc973c32966363e2db037fafe7ceb78', class: {
+        return (h(Host, { key: 'dfd49737a845112f77896befa6ac9926a1951f48', class: {
                 'cty-divider': true,
                 [classRet]: true
-            } }, h("slot", { key: 'ee440ec8f5ff56d81bde3d950e4c78d42219582c' })));
+            } }, h("slot", { key: '8799145031bc0605e950b4f9d3cb6632d65fd54e' })));
     }
     get el() { return this; }
     static get style() { return dividerCss; }

package/components/icon.js

@@ -40,7 +40,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends HTMLElement {
         }
     }
     render() {
-        return (h(Host, { key: 'a76d38557cc02e2ed4655a270b160b2d1b4e00d8', class: "cty-icon" }, h("ion-icon", { key: 'f0ca1789733155e91316be5a287d34ff6ce7bfa9', src: this._src || undefined, name: this._name || undefined, icon: this._icon || null, size: this.size, color: this.color, lazy: this.lazy, flipRtl: this.flipRtl, sanitize: this.sanitize })));
+        return (h(Host, { key: '03ee82eb0f6aae454d57b5f3c09c4188c72e7a69', class: "cty-icon" }, h("ion-icon", { key: 'e31b63f0721af3ade7af2ae7bd6f4cfc3e6e15d1', src: this._src || undefined, name: this._name || undefined, icon: this._icon || null, size: this.size, color: this.color, lazy: this.lazy, flipRtl: this.flipRtl, sanitize: this.sanitize })));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/components/image-picker.js

@@ -9,10 +9,37 @@ class CTYCameraPreview {
     get isCameraPreviewAvailable() {
         return !!this.cameraPreviewPlugin;
     }
+    hasPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isCameraPreviewAvailable) {
+                reject('Camera preview plugin is not available');
+                return;
+            }
+            this.cameraPreviewPlugin.hasPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    requestPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isCameraPreviewAvailable) {
+                reject('Camera preview plugin is not available');
+                return;
+            }
+            this.cameraPreviewPlugin.requestPermission(() => resolve(), (error) => reject(error));
+        });
+    }
+    openAppSettings() {
+        return new Promise((resolve, reject) => {
+            if (!this.isCameraPreviewAvailable) {
+                reject('Camera preview plugin is not available');
+                return;
+            }
+            this.cameraPreviewPlugin.openAppSettings(() => resolve(), (error) => reject(error));
+        });
+    }
     startCamera(options) {
         return new Promise((resolve, reject) => {
             if (!this.isCameraPreviewAvailable) {
-                return reject('Camera Preview plugin is not available');
+                return reject('Camera preview plugin is not available');
             }
             this.cameraPreviewPlugin.startCamera(options, resolve, reject);
         });
@@ -30,7 +57,7 @@ class CTYCameraPreview {
     takePicture(options) {
         return new Promise((resolve, reject) => {
             this.cameraPreviewPlugin.takePicture(options, (data) => {
-                resolve(data[0]);
+                resolve(data);
             }, reject);
         });
     }
@@ -179,7 +206,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 = {
@@ -192,8 +219,18 @@ class CTYImagePicker {
                 }
                 const imageList = [];
                 for (const data of results) {
-                    const result = await this.formatPictureResult(file, data);
-                    imageList.push(result);
+                    let uri = data;
+                    let thumbnail = '';
+                    if (data && typeof data === 'object') {
+                        uri = data.uri;
+                        thumbnail = data.thumb;
+                    }
+                    else {
+                        uri = data;
+                    }
+                    const result = await this.formatPictureResult(file, uri);
+                    const thumbResult = await imagePicker.formatPictureResult(file, thumbnail);
+                    imageList.push(Object.assign(Object.assign({}, result), { thumbnail: thumbResult.url }));
                 }
                 resolve(imageList);
             }, (error) => { reject(error); }, Object.assign(option, imagePickerOptions, {
@@ -271,6 +308,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/components/image-viewer.js

@@ -7,7 +7,7 @@ import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './swiper.js';
 import { d as defineCustomElement$1 } from './icon2.js';
 
-const imageViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.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-image-viewer-overlay-position:fixed;--cty-image-viewer-overlay-z-index:10;--cty-image-viewer-overlay-background:var(--cty-color-black);--cty-image-viewer-overlay-width:100vw;--cty-image-viewer-overlay-height:100vh;--cty-image-viewer-header-padding-top:var(--ion-safe-area-top, 44px);--cty-image-viewer-pager-padding:0;--cty-image-viewer-pager-index-color:var(--cty-text-color-white);--cty-image-viewer-pager-color:var(--cty-text-color-white);--cty-image-viewer-pager-font-size:var(--cty-font-size-extra-small);--cty-image-viewer-pager-align:center;--cty-image-viewer-pager-font-weight:600;--cty-image-viewer-pager-line-height:44px;--cty-image-viewer-pager-font-style:initial;--cty-image-viewer-close-offset-bottom:12px;--cty-image-viewer-close-offset-right:12px;--cty-image-viewer-close-color:var(--cty-text-color-white);--cty-image-viewer-close-size:20px;--cty-image-viewer-image-width:100%;--cty-image-viewer-image-height:auto}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-image-viewer-overlay-position);z-index:var(--cty-image-viewer-overlay-z-index);background:var(--cty-image-viewer-overlay-background);width:var(--cty-image-viewer-overlay-width);height:var(--cty-image-viewer-overlay-height)}.cty-image-viewer{position:relative;width:100%;height:100%}.cty-image-preview__header{position:absolute;z-index:2;top:0;left:0;width:100%;min-height:calc(var(--cty-image-viewer-header-padding-top) + var(--cty-image-viewer-pager-line-height));padding-top:var(--cty-image-viewer-header-padding-top)}.cty-image-preview__pager{padding:var(--cty-image-viewer-pager-padding);text-align:var(--cty-image-viewer-pager-align);line-height:var(--cty-image-viewer-pager-line-height);font-weight:var(--cty-image-viewer-pager-font-weight);font-size:var(--cty-image-viewer-pager-font-size);font-style:var(--cty-image-viewer-pager-font-style);color:var(--cty-image-viewer-pager-color)}.cty-image-preview__index{color:var(--cty-image-viewer-pager-index-color)}.cty-image-preview__close{position:absolute;bottom:var(--cty-image-viewer-close-offset-bottom);right:var(--cty-image-viewer-close-offset-right);font-size:var(--cty-image-viewer-close-size);color:var(--cty-image-viewer-close-color)}cty-swiper{--cty-swiper-img-width:var(--cty-image-viewer-image-width);--cty-swiper-img-height:var(--cty-image-viewer-image-height)}";
+const imageViewerCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.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}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-image-viewer-overlay-position:fixed;--cty-image-viewer-overlay-z-index:10;--cty-image-viewer-overlay-background:var(--cty-color-black);--cty-image-viewer-overlay-width:100vw;--cty-image-viewer-overlay-height:100vh;--cty-image-viewer-header-padding-top:var(--ion-safe-area-top, 44px);--cty-image-viewer-pager-padding:0;--cty-image-viewer-pager-index-color:var(--cty-text-color-white);--cty-image-viewer-pager-color:var(--cty-text-color-white);--cty-image-viewer-pager-font-size:var(--cty-font-size-extra-small);--cty-image-viewer-pager-align:center;--cty-image-viewer-pager-font-weight:600;--cty-image-viewer-pager-min-height:44px;--cty-image-viewer-pager-font-style:initial;--cty-image-viewer-close-offset-bottom:12px;--cty-image-viewer-close-offset-right:12px;--cty-image-viewer-close-color:var(--cty-text-color-white);--cty-image-viewer-close-size:20px;--cty-image-viewer-image-width:100%;--cty-image-viewer-image-height:auto}:host(.overlay-hidden){display:none}cty-backdrop{position:var(--cty-image-viewer-overlay-position);z-index:var(--cty-image-viewer-overlay-z-index);background:var(--cty-image-viewer-overlay-background);width:var(--cty-image-viewer-overlay-width);height:var(--cty-image-viewer-overlay-height)}.cty-image-viewer{position:relative;width:100%;height:100%}.cty-image-viewer__hidden{opacity:0}.cty-image-preview__header{position:absolute;z-index:2;top:0;left:0;width:100%;min-height:calc(var(--cty-image-viewer-header-padding-top) + var(--cty-image-viewer-pager-line-height));padding-top:var(--cty-image-viewer-header-padding-top)}.cty-image-preview__pager{padding:var(--cty-image-viewer-pager-padding);text-align:var(--cty-image-viewer-pager-align);min-height:var(--cty-image-viewer-pager-min-height);font-weight:var(--cty-image-viewer-pager-font-weight);font-size:var(--cty-image-viewer-pager-font-size);font-style:var(--cty-image-viewer-pager-font-style);color:var(--cty-image-viewer-pager-color)}.cty-image-preview__pager-text{width:var(--cty-image-viewer-pager-text-width, auto);padding:var(--cty-image-viewer-pager-text-padding, 0);background:var(--cty-image-viewer-pager-text-bg, transparent);border-radius:var(--cty-image-viewer-pager-text-border-radius, 0);border:var(--cty-image-viewer-pager-text-border, none);font-size:inherit;color:inherit;font-weight:inherit;line-height:var(--cty-image-viewer-pager-text-line-height, 1)}.cty-image-preview__index{color:var(--cty-image-viewer-pager-index-color)}.cty-image-preview__close{position:absolute;bottom:var(--cty-image-viewer-close-offset-bottom);right:var(--cty-image-viewer-close-offset-right);padding:var(--cty-image-viewer-close-padding, 0);border-radius:var(--cty-image-viewer-close-border-radius, 0);border:var(--cty-image-viewer-close-border, none);background:var(--cty-image-viewer-close-bg, transparent);font-size:var(--cty-image-viewer-close-size);color:var(--cty-image-viewer-close-color)}cty-swiper{--cty-swiper-img-width:var(--cty-image-viewer-image-width);--cty-swiper-img-height:var(--cty-image-viewer-image-height)}";
 
 const ImageViewer = /*@__PURE__*/ proxyCustomElement(class ImageViewer extends HTMLElement {
     constructor() {
@@ -39,6 +39,7 @@ const ImageViewer = /*@__PURE__*/ proxyCustomElement(class ImageViewer extends H
         this.root = 'default';
         this.animated = false;
         this.activeIndex = 0;
+        this.initialized = false;
     }
     triggerChanged() {
         const { trigger, el, triggerController } = this;
@@ -88,7 +89,10 @@ const ImageViewer = /*@__PURE__*/ proxyCustomElement(class ImageViewer extends H
                 }
                 swiper === null || swiper === void 0 ? void 0 : swiper.zoom.enable();
                 swiper.update();
-            }, 0);
+                setTimeout(() => {
+                    this.initialized = true;
+                }, 150);
+            }, 200);
         }
         catch (error) {
         }
@@ -101,16 +105,16 @@ const ImageViewer = /*@__PURE__*/ proxyCustomElement(class ImageViewer extends H
         return this.swiperEl.slideTo(index, speed);
     }
     render() {
-        const { images, speed, loop, zoom, attrs } = this;
+        const { images, speed, loop, zoom, attrs, initialized } = this;
         const swiperAttrs = {
             swipers: images,
             speed,
             loop,
             pagination: false,
             autoplay: false,
-            attrs: Object.assign({ zoom }, attrs)
+            attrs: Object.assign({ virtual: true, zoom }, attrs)
         };
-        return (h(Host, { key: '9cfd4cb9bc77162cd93c30da4dd3047a32751704', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '9b52a934cc16248bb26e9dae42a4f5b259eb60a0', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'c7f9cd031822bc4b10dd7d11bec2701b1427ce84', class: "cty-image-viewer" }, h("slot", { key: '202457c1e05d77f3637ea3b477e13e6fa4a3ce9b', name: 'start' }), (this.closeable || this.pager || !this.backdropDismiss) && h("div", { key: 'eab832efec28a9f32a81a519bd498a41c5d0a237', class: "cty-image-preview__header", onClick: (e) => e.stopPropagation() }, this.pager && h("slot", { key: '235c46cb4a84eb9606e7599e12a701c24b0f8608', name: "pager" }, h("h6", { key: 'e4fcdd5c3b36ff06baafdc139a3aa44583f45657', class: "cty-image-preview__pager" }, h("span", { key: '66992955313486d30b9fa93c3f299babd2931f1c', class: "cty-image-preview__index" }, this.activeIndex + 1), " / ", this.images.length)), (this.closeable || !this.backdropDismiss) && h("slot", { key: '91b5c3c7ebd70c7d3ecb012c329734546ad4ca92', name: "close" }, h("button", { key: '6c1d06a82135c7e167729bf73a9cc3563bc7345b', class: "cty-image-preview__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: 'c12aba1f028a12e5e0c61295f2c0fa3184896640', name: "cty-close2" })))), h("cty-swiper", Object.assign({ key: '2f1728f9e2c71f0454a2bc2c233de7186841f294', ref: (el) => this.swiperEl = el }, swiperAttrs, { onCtySlideChange: (e) => this._slideChange(e) })), h("slot", { key: 'e0a0239853fbe9ddf654a0ca47a00dd11b990eff', name: 'end' })))));
+        return (h(Host, { key: '18b1464e3e7b8d103427546e83f7f02380d053de', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: 'c7914de771c49f43365bcd2271511595dd94fe4f', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '42ecf8b9c942639eedd01286914c947bd1231aee', class: { 'cty-image-viewer': true, 'cty-image-viewer__hidden': !initialized } }, h("slot", { key: '42c9d2f8fae0ed835148e2eba6c28b219c02b040', name: 'start' }), (this.closeable || this.pager || !this.backdropDismiss) && h("div", { key: '1416c5b64c5d96d1557b1aaf485378dd26ff2925', class: "cty-image-preview__header", onClick: (e) => e.stopPropagation() }, this.pager && h("slot", { key: '62ccb2d8d005b4d958d8daa975bd593723bedbac', name: "pager" }, h("div", { key: 'df8e9d33b45cb52b622ac4b41bcef8573922eb3c', class: "cty-image-preview__pager flex-center" }, h("h6", { key: '5a77fa57b32f9000ea7678fabd4bdc32890314a0', class: "cty-image-preview__pager-text" }, h("span", { key: 'd7f8ab7eb983dc645825f66b1ba0485d1c937e92', class: "cty-image-preview__index" }, this.activeIndex + 1), " / ", this.images.length))), (this.closeable || !this.backdropDismiss) && h("slot", { key: 'c6e1d25d84545a19d829045e8b04da64f79576fa', name: "close" }, h("button", { key: 'ab92d1d5a9423cc086af1dbba7c13a11bcfb7488', class: "cty-image-preview__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: 'b2f1536e7454414af54fd9fb0f120c5855bdbfb7', name: "cty-close2" })))), h("cty-swiper", Object.assign({ key: 'd511309c54605a5ebab94c5fea3d3d63e3ff2e5c', ref: (el) => this.swiperEl = el }, swiperAttrs, { onCtySlideChange: (e) => this._slideChange(e) })), h("slot", { key: '90e5b1090d0c6454478076d453b7d3fdbdbf0e04', name: 'end' })))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -137,6 +141,7 @@ const ImageViewer = /*@__PURE__*/ proxyCustomElement(class ImageViewer extends H
         "enterAnimation": [16, "enter-animation"],
         "trigger": [1],
         "activeIndex": [32],
+        "initialized": [32],
         "present": [64],
         "dismiss": [64],
         "onDidDismiss": [64],

package/components/index.js

@@ -3,7 +3,8 @@ import { c as createAnimation } from './animation.js';
 import { c as config } from './config.js';
 export { s as setupConfig } from './config.js';
 export { C as CTYCityData } from './area.js';
-export { C as CTYStatusBar, j as addDays, k as addHours, l as addMinutes, n as addMonths, m as addSeconds, o as addYears, q as convertDate, c as convertTimeZone, i as diff, d as formatDate, f as formatDateTime, e as getFormatForDatePicker, h as getFormatForDateTimePicker, b as getTimeZone, a as getUTCDate, g as getUTCDateTime, p as isValidDate, s as secondsToVehicle, r as statusBar } from './status-bar.js';
+import { f as formatDateTime } from './status-bar.js';
+export { C as CTYStatusBar, j as addDays, k as addHours, l as addMinutes, n as addMonths, m as addSeconds, o as addYears, q as convertDate, c as convertTimeZone, i as diff, d as formatDate, e as getFormatForDatePicker, h as getFormatForDateTimePicker, b as getTimeZone, a as getUTCDate, g as getUTCDateTime, p as isValidDate, s as secondsToVehicle, r as statusBar } from './status-bar.js';
 export { e as checkScrollEnd, g as getElementRect, a as getEventClientCoords, b as getEventPageCoords, c as scrollElementBottom, s as scrollElementTop, d as scrollToPoint } from './dom.js';
 import { p as parseJson } from './format.js';
 export { h as camelToKebab, i as clamp, d as convertNumber, f as fileSize, k as kebabToCamel, n as numberToChinese, e as numberToLetter, a as pad, g as parseArray, b as percent, c as price, r as randomNum } from './format.js';
@@ -538,6 +539,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: 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: 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: formatDateTime(new Date(), 'yyyyMMddHHmmss'), width: 256, quality: 85 }, options), { fileUri: file }));
+        });
+    }
+}
+const mediaEditor = new CTYMediaEditor();
+
 class CTYPayment {
     constructor() {
         this._wxPayRequest = () => { };
@@ -859,4 +922,4 @@ const initialize = (userConfig = {}) => {
     CtyMUI.config = config;
 };
 
-export { CTYMediaDownloader, CTYPayment, CTYSpeechTranscriber, DownloadMediaType, Easing, ModalFade, ModalRotate, ModalSlide, ModalZoom, SlidePosition, deviceInfo, fromBase64, initialize, localDelete, localGet, localSave, mediaDownloader, parseJson, payment, sessionDelete, sessionGet, sessionSave, speechTranscriber, toBase64 };
+export { CTYMediaDownloader, CTYMediaEditor, CTYPayment, CTYSpeechTranscriber, DownloadMediaType, Easing, ModalFade, ModalRotate, ModalSlide, ModalZoom, SlidePosition, deviceInfo, formatDateTime, fromBase64, initialize, localDelete, localGet, localSave, mediaDownloader, mediaEditor, parseJson, payment, sessionDelete, sessionGet, sessionSave, speechTranscriber, toBase64 };

package/components/nav-bar.js

@@ -30,7 +30,7 @@ const NavBar = /*@__PURE__*/ proxyCustomElement(class NavBar extends HTMLElement
     }
     render() {
         const { start, end, arrow, arrowIcon, type, title } = this;
-        return (h(Host, { key: 'f0fb718f0c907d2c17a77b0fe8fda4ad6edea635', class: { "cty-nav-bar": true, [type ? 'cty-nav-bar__' + type : '']: true } }, h("ion-header", { key: '6821ed299149af74d7207362014693bfc746274f' }, h("ion-toolbar", { key: '8431267147b9749f9f466a479186d6f200a201e7', class: "cty-nav-bar__toolbar" }, start && h("ion-buttons", { key: '2c32c5479fd375ad94d99f0c94bf7d4b8931ce70', slot: "start" }, h("slot", { key: 'd84df928944457a9f9cca198ea51b866b47889c1', name: "start" }, arrow && h("ion-button", { key: '183aa8ae2b7d9e7ac862550c00e398b4ebb8d1ae', class: "cty-nav-bar__arrow", onClick: () => this.action() }, h("cty-icon", { key: '6ee29d3f1581f80f730b53003e8852556b2d7c58', class: "cty-nav-bar__arrow-icon", name: arrowIcon })))), title && h("ion-title", { key: '6f44c318242bbf2e10a250cd36c535fab2670cc0', class: "cty-nav-bar__title" }, h("slot", { key: '4ca3fc89dee1bdf2fa51b0a1f0df4674172f61ff', name: 'title' }, title)), end && h("ion-buttons", { key: '96e0e7f960a653a4ecdb730e900c32495387e916', slot: "end" }, h("slot", { key: '9a103345ce785d4f6e18c32e27cbff564377fa1b', name: 'end' }))))));
+        return (h(Host, { key: 'a6fc9f0326ad6f7b85087348d5dcf2c3c15e78af', class: { "cty-nav-bar": true, [type ? 'cty-nav-bar__' + type : '']: true } }, h("ion-header", { key: '3ae9aa93e2b76d44e6b220058a857d132966aada' }, h("ion-toolbar", { key: '4f50bd3a5c89f530fe77cec0c6d3e3c633084373', class: "cty-nav-bar__toolbar" }, start && h("ion-buttons", { key: '02d4e96017a2fc258838e5c419157b49eae51504', slot: "start" }, h("slot", { key: '30449cb63c53a8e2abc9437cf3f113e4026cc2da', name: "start" }, arrow && h("ion-button", { key: '14b8964f2cb324ca621f45cee082d6b6bdbbd57a', class: "cty-nav-bar__arrow", onClick: () => this.action() }, h("cty-icon", { key: 'a57be5da16f0724d107e971245fff1c114a2b539', class: "cty-nav-bar__arrow-icon", name: arrowIcon })))), title && h("ion-title", { key: 'd190a2101879dc404365428c274a648562212496', class: "cty-nav-bar__title" }, h("slot", { key: '8c90403204f3bf65e9e266af8dd1f52dd84dfc73', name: 'title' }, title)), end && h("ion-buttons", { key: '5ffa889f317a33713dc384ce8ec0536406917bb5', slot: "end" }, h("slot", { key: '884a69b196cb434ca350cce621de7034b9d8c49d', name: 'end' }))))));
     }
     get el() { return this; }
     static get style() { return navBarCss; }

package/components/overlay.js

@@ -71,7 +71,7 @@ const Overlay = /*@__PURE__*/ proxyCustomElement(class Overlay extends HTMLEleme
     render() {
         const { position } = this;
         const positionClass = position === 'top' ? 'flex-justify-center' : position === 'bottom' ? 'flex-align-end-center' : 'flex-center';
-        return (h(Host, { key: '203fdd182505a1e425b173f365f4d056068e2098', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("div", { key: 'dd88a67a77150a18e026dd8591a0aeb5da8699a1', class: { 'cty-overlay': true, [positionClass]: true }, onClick: () => this.backdropDismiss && this.dismiss() }, h("slot", { key: '187f39d26c8a45de3d4a2a3ca998a8dd1c4e1133' }), this.html && h("div", { key: 'ced2f295fe9eff9628c34633b54201c26c6d0163', innerHTML: sanitizeDOMString(this.html), onClick: (e) => e.stopPropagation() }))));
+        return (h(Host, { key: '0caffb1b2222a8ad595fc880a3a7e71e9206054c', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("div", { key: '87dd3ae3928adae35f4c8e1a8900fb2b06ec8182', class: { 'cty-overlay': true, [positionClass]: true }, onClick: () => this.backdropDismiss && this.dismiss() }, h("slot", { key: '7b24efb48b5ed298dbb9efa4665ab60c5250b417' }), this.html && h("div", { key: 'e9cacdc173e4f4e17d5109701c0199636c7d075e', innerHTML: sanitizeDOMString(this.html), onClick: (e) => e.stopPropagation() }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/permission-alert.js

@@ -0,0 +1,84 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './alert.js';
+import { d as defineCustomElement$3 } from './backdrop.js';
+import { d as defineCustomElement$2 } from './icon.js';
+import { d as defineCustomElement$1 } from './icon2.js';
+
+const permissionAlertCss = ":host{--cty-permission-alert-overlay-position:fixed;--cty-permission-alert-overlay-z-index:999999;--cty-permission-alert-overlay-background:var(--cty-overlay-color);--cty-permission-alert-overlay-width:100vw;--cty-permission-alert-overlay-height:100vh;--cty-permission-alert-width:80%;--cty-permission-alert-background:var(--cty-color-white);--cty-permission-alert-padding-bottom:15px;--cty-permission-alert-padding-end:15px;--cty-permission-alert-padding-start:15px;--cty-permission-alert-padding-top:15px;--cty-permission-alert-border-radius:12px;--cty-permission-alert-title-align:flex-start;--cty-permission-alert-title-color:var(--cty-text-color-primary);--cty-permission-alert-title-size:var(--cty-font-size-medium);--cty-permission-alert-content-margin-bottom:20px;--cty-permission-alert-content-margin-top:20px;--cty-permission-alert-content-size:var(--cty-font-size-base);--cty-permission-alert-content-align:justify;--cty-permission-alert-content-color:var(--cty-text-color-primary);--cty-permission-alert-button-min-height:36px;--cty-permission-alert-button-color:var(--cty-text-color-primary);--cty-permission-alert-button-size:var(--cty-font-size-base);--cty-permission-alert-button-radius:var(--cty-border-radius-medium);--cty-permission-alert-button-primary-background:var(--cty-color-primary);--cty-permission-alert-button-primary-color:var(--cty-text-color-white)}cty-alert{--cty-alert-overlay-position:var(--cty-permission-alert-overlay-position);--cty-alert-overlay-z-index:var(--cty-permission-alert-overlay-z-index);--cty-alert-overlay-background:var(--cty-permission-alert-overlay-background);--cty-alert-overlay-width:var(--cty-permission-alert-overlay-width);--cty-alert-overlay-height:var(--cty-permission-alert-overlay-height);--cty-alert-width:var(--cty-permission-alert-width);--cty-alert-background:var(--cty-permission-alert-background);--cty-alert-padding-bottom:var(--cty-permission-alert-padding-bottom);--cty-alert-padding-end:var(--cty-permission-alert-padding-end);--cty-alert-padding-start:var(--cty-permission-alert-padding-start);--cty-alert-padding-top:var(--cty-permission-alert-padding-top);--cty-alert-border-radius:var(--cty-permission-alert-border-radius);--cty-alert-title-align:var(--cty-permission-alert-title-align);--cty-alert-title-color:var(--cty-permission-alert-title-color);--cty-alert-title-size:var(--cty-permission-alert-title-size);--cty-alert-content-margin-bottom:var(--cty-permission-alert-content-margin-bottom);--cty-alert-content-margin-top:var(--cty-permission-alert-content-margin-top);--cty-alert-content-size:var(--cty-permission-alert-content-size);--cty-alert-content-align:var(--cty-permission-alert-content-align);--cty-alert-content-color:var(--cty-permission-alert-content-color);--cty-alert-button-min-height:var(--cty-permission-alert-button-min-height);--cty-alert-button-color:var(--cty-permission-alert-button-color);--cty-alert-button-size:var(--cty-permission-alert-button-size);--cty-alert-button-radius:var(--cty-permission-alert-button-radius);--cty-alert-button-primary-background:var(--cty-permission-alert-button-primary-background);--cty-alert-button-primary-color:var(--cty-permission-alert-button-primary-color)}";
+
+const PermissionAlert = /*@__PURE__*/ proxyCustomElement(class PermissionAlert extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.ctyDismiss = createEvent(this, "ctyDismiss", 7);
+        this.ctyTap = createEvent(this, "ctyTap", 7);
+        this.backdropDismiss = false;
+        this.title = '需要申请相机权限';
+        this.content = '需要开启相机权限，用于拍照、扫码或视频聊天。我们承诺仅在功能使用时调用摄像头。';
+        this.closeable = false;
+        this.buttons = [{
+                text: '取消',
+                action: 'cancel'
+            }, {
+                text: '去打开',
+                action: 'permission'
+            }];
+    }
+    _buttonClick(event) {
+        event.stopPropagation();
+        const { item, index } = event.detail;
+        if (item.action !== 'cancel') {
+            this.ctyTap.emit({ item, index });
+        }
+    }
+    _dismiss() {
+        this.ctyDismiss.emit();
+    }
+    render() {
+        return (h(Host, { key: '56a3795cba4d50f34250ae7bd6a95cd1f9aeb8be' }, h("cty-alert", { key: '30d8a9b62d7cb7c391a746755dbecdaef347ada0', part: "permission-alert", class: "cty-permission-alert", animated: false, overlayIndex: 1, backdropDismiss: this.backdropDismiss, title: this.title, content: this.content, closeable: this.closeable, buttons: this.buttons, onCtyTap: (e) => this._buttonClick(e), onCtyDismiss: () => this._dismiss() }, h("slot", { key: 'e661dd93f220462e2478233fce1a887bb6ac57d3', name: "header", slot: "header" }), h("slot", { key: '128a5f263a932e9c5263c51fccd6f2a67ef1cc49', name: "content", slot: "content" }), h("slot", { key: 'bfefd5cdb9c04a6fb3b13f1e4ea21d3b1a1b3dae', name: "buttons", slot: "buttons" }))));
+    }
+    get el() { return this; }
+    static get style() { return permissionAlertCss; }
+}, [1, "cty-permission-alert", {
+        "backdropDismiss": [4, "backdrop-dismiss"],
+        "title": [1],
+        "content": [1],
+        "closeable": [4],
+        "buttons": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["cty-permission-alert", "cty-alert", "cty-backdrop", "cty-icon", "ion-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "cty-permission-alert":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PermissionAlert);
+            }
+            break;
+        case "cty-alert":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "cty-backdrop":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "cty-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ion-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { PermissionAlert as P, defineCustomElement as d };

package/components/permission-purpose.js

@@ -17,7 +17,7 @@ const PermissionPurpose = /*@__PURE__*/ proxyCustomElement(class PermissionPurpo
         this.ctyDismiss.emit();
     }
     render() {
-        return (h(Host, { key: '699a0ba23bd9fa3b554669db97136d0e49682556' }, h("cty-backdrop", { key: '2032899309697c4bb98e4c56a816981837cb282e', backdropDismiss: this.backdropDismiss, position: "top", onCtyDismiss: () => this.dismiss() }, h("div", { key: 'd18e31f52292c6e47aebeedaefd180549e99e03b', class: "cty-permission-purpose", onClick: (e) => e.stopPropagation() }, h("div", { key: '3ca3365dc6574a607dae4e12b0a0c8200bdf777d', innerHTML: sanitizeDOMString(this.description) })))));
+        return (h(Host, { key: 'bca028072a8313b0f7b774ec6693703def84181a' }, h("cty-backdrop", { key: '3a2d92e7474c23706fe520486d456d5768ccdf9f', backdropDismiss: this.backdropDismiss, position: "top", onCtyDismiss: () => this.dismiss() }, h("div", { key: 'f5d1bb932f282961ca9afc377a08b3651e20e131', class: "cty-permission-purpose", onClick: (e) => e.stopPropagation() }, h("div", { key: '91e475575512cac998bf5d3d67311e455c85c413', innerHTML: sanitizeDOMString(this.description) })))));
     }
     get el() { return this; }
     static get style() { return permissionPurposeCss; }

package/components/swipe-item.js

@@ -31,10 +31,10 @@ const SwipeItem = /*@__PURE__*/ proxyCustomElement(class SwipeItem extends HTMLE
     }
     render() {
         const { offset, size, vertical } = this;
-        return (h(Host, { key: '0d4fddeeb3cfcbe9f64dd14b392db992c55eabf8', class: "cty-swipe-item", style: {
+        return (h(Host, { key: '4c2d804a0671caac64268f336b33beeb21cb4385', class: "cty-swipe-item", style: {
                 [vertical ? 'height' : 'width']: `${size}px`,
                 transform: `translate${vertical ? 'Y' : 'X'}(${offset}px)`
-            } }, h("slot", { key: 'db7925c7417db7582145f41fd0d33d037b996d17' })));
+            } }, h("slot", { key: '0622753fe67dbc647b4381c6ead2ceb51303b3b7' })));
     }
     get el() { return this; }
     static get style() { return swipeItemCss; }

package/components/swipe.js

@@ -292,7 +292,7 @@ const Swipe = /*@__PURE__*/ proxyCustomElement(class Swipe extends HTMLElement {
             'transform': `translate${vertical ? 'Y' : 'X'}(${+offset.toFixed(2)}px)`,
             [vertical ? 'height' : 'width']: `${this.trackSize}px`,
         };
-        return (h(Host, { key: '19130a582fee049b48f7c2635161b0ffa94e0443', class: "cty-swipe" }, h("slot", { key: '34c1e0ddae71896e5703e9e2bf5c8ef7a06c62bf', name: "start" }), h("div", { key: '9e5691a1c645156fbc796c6d4aa973964d5aa221', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: '9529f5e2136a6f2415c013df9eadd0c62abb2497', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), h("slot", { key: '9b1dbaed973adb0ae5633057b1800ae905f61d72', name: "end" })));
+        return (h(Host, { key: '7c43fa74ff636ccb9f561bfe46b9b295742ac894', class: "cty-swipe" }, h("slot", { key: 'c66ee224e75363811866d2b70a41b27c3a1424eb', name: "start" }), 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) }, h("slot", { key: 'f60a25a27fe96cd1cd010260fff0c094750688e7', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), h("slot", { key: '545e73e9347b1b3319bbb258287461360d13cd10', name: "end" })));
     }
     get el() { return this; }
     static get style() { return swipeCss; }