npm - cty-mui-core - Versions diffs - 1.0.38 → 1.0.39 - Mend

cty-mui-core 1.0.38 → 1.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (387) hide show

package/dist/cjs/cty-camera-photo.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-DCK462Hl.js');
-var imagePicker = require('./image-picker-DztF-H0P.js');
+var imagePicker = require('./image-picker-C9sdhsR_.js');
 var deviceInfo = require('./device-info-BPtPRb6d.js');
 var overlays = require('./overlays-Cfk4eti-.js');
 var lockController = require('./lock-controller-Dk7it1jt.js');
@@ -63,6 +63,8 @@ const CameraPhoto = class {
         this.clipImageQuality = 1;
         this.clipImageSuffix = 'jpeg';
         this.permissionPurpose = true;
+        this.permissionAlertTitle = '需要申请开启相册权限';
+        this.permissionAlertContent = '需要开启相册权限，我们会帮助您选择好的照片或视频上传发布';
         this.root = 'default';
         this.animated = false;
         this.overlay = true;
@@ -77,6 +79,10 @@ const CameraPhoto = class {
         this.showPermissionPurpose = false;
         this.permissionDescription = '';
         this.showCameraPreview = false;
+        this.hasPermission = deviceInfo.deviceInfo.isMicroMessager;
+        this.permissionAlertVisible = false;
+        this.isToastOpen = false;
+        this.toastContent = '';
     }
     triggerChanged() {
         const { trigger, el, triggerController } = this;
@@ -119,6 +125,30 @@ const CameraPhoto = class {
     onWillDismiss() {
         return overlays.eventMethod(this.el, 'ctyWillDismiss');
     }
+    async requestPermission() {
+        try {
+            this.hasPermission = await imagePicker.imagePicker.hasPermission();
+        }
+        catch (error) {
+            this.hasPermission = false;
+        }
+        if (!this.hasPermission) {
+            try {
+                await imagePicker.imagePicker.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.isToastOpen = true;
+                    this.toastContent = message;
+                }
+            }
+        }
+    }
     async _buttonClick(event) {
         event.stopPropagation();
         const { index } = event.detail;
@@ -138,13 +168,20 @@ const CameraPhoto = class {
             return;
         }
         let imageList = [];
+        const pictureOption = {
+            camera: option.action === 'camera',
+            file: this.file,
+            count: this.count,
+            option: this.photoOption,
+        };
+        //暂时处理多选图片的情况
+        if (!pictureOption.camera && pictureOption.count > 1 && !this.hasPermission) {
+            await this.requestPermission();
+            if (!this.hasPermission) {
+                return;
+            }
+        }
         try {
-            const pictureOption = {
-                camera: option.action === 'camera',
-                file: this.file,
-                count: this.count,
-                option: this.photoOption,
-            };
             imageList = await imagePicker.imagePicker.getPictures(pictureOption);
             this.showPermissionPurpose = false;
         }
@@ -208,8 +245,22 @@ const CameraPhoto = class {
         option.handler && option.handler({ option, imageList });
         this.ctyTap.emit({ index, imageList });
     }
+    async toOpenAppSetting(event) {
+        const { item } = event.detail;
+        if (item.action == 'permission') {
+            try {
+                await imagePicker.imagePicker.openAppSettings();
+            }
+            catch (error) { }
+            this.permissionAlertVisible = false;
+        }
+    }
+    closePermissionAlert(e) {
+        e.stopPropagation();
+        this.permissionAlertVisible = false;
+    }
     render() {
-        return (index.h(index.Host, { key: 'eea07b307cd18485730d5c3eadce68aaf8dc1b29', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'cty-pos-cover': this.overlay }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-action-sheet", { key: '7efa3cb1bbcf392be95095f4aebec0f50281cce3', class: "cty-camera-photo", animated: false, overlayIndex: 1, backdropDismiss: this.backdropDismiss, title: this.title, closeable: this.closeable, closeIcon: this.closeIcon, cancelText: this.cancelText, options: this.options, onCtyDismiss: () => this.dismiss(), onCtyTap: e => this._buttonClick(e) }), this.showCropImage && (index.h("cty-backdrop", { key: 'beb314ab8d1f1001bb6031f94d6cb3caa5d02e78', backdropDismiss: false }, index.h("cty-crop-image", { key: '898aa3f15eed3c289f3f543d07520bfc09c10640', url: this.clipImage, cancelText: this.clipCancelText, confirmText: this.clipCconfirmText, imageWidth: this.clipImageWidth, imageBackground: this.clipImageBg, maxScale: this.clipMaxScale, minScale: this.clipMinScale, suffix: this.clipImageSuffix, quality: this.clipImageQuality, onCtyCancel: () => this._doCropCancel(), onCtyConfirm: (e) => this._doCropConfirm(e) }))), this.showPermissionPurpose && index.h("cty-permission-purpose", { key: '556c162b22f867697445d72d30befd9c92a66985', description: this.permissionDescription }), this.continuous && this.showCameraPreview && index.h("cty-camera", Object.assign({ key: '45d9311b5eea8abc67fbd62bcb4c6ad8177a9e4c' }, this.cameraProps, { onCtyDismiss: () => this.showCameraPreview = false, onCtyConfirm: (e) => this.continuousConfirm(e) }))));
+        return (index.h(index.Host, { key: '6626fa119a9c343df0fd6175c16c0a9cd18b6bf2', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'cty-pos-cover': this.overlay }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-action-sheet", { key: 'b88a31483aaee47dad3969a616eb74945d199447', class: "cty-camera-photo", animated: false, overlayIndex: 1, backdropDismiss: this.backdropDismiss, title: this.title, closeable: this.closeable, closeIcon: this.closeIcon, cancelText: this.cancelText, options: this.options, onCtyDismiss: () => this.dismiss(), onCtyTap: e => this._buttonClick(e) }), this.showCropImage && (index.h("cty-backdrop", { key: '83e30b75f98f48e69e97898c6b95e835e519f999', backdropDismiss: false }, index.h("cty-crop-image", { key: 'e382a18a7c8d9b212f01843d78a1000112e5d486', url: this.clipImage, cancelText: this.clipCancelText, confirmText: this.clipCconfirmText, imageWidth: this.clipImageWidth, imageBackground: this.clipImageBg, maxScale: this.clipMaxScale, minScale: this.clipMinScale, suffix: this.clipImageSuffix, quality: this.clipImageQuality, onCtyCancel: () => this._doCropCancel(), onCtyConfirm: (e) => this._doCropConfirm(e) }))), this.showPermissionPurpose && index.h("cty-permission-purpose", { key: '55dd946e9896839ccd7930b1b3e0573429e29dc1', description: this.permissionDescription }), this.continuous && this.showCameraPreview && index.h("cty-camera", Object.assign({ key: '67729d43a590b8630169bd1daac1117f1f41641c' }, this.cameraProps, { onCtyDismiss: () => this.showCameraPreview = false, onCtyConfirm: (e) => this.continuousConfirm(e) })), this.permissionAlertVisible && index.h("cty-permission-alert", { key: '2fe87f4d37895f5187e1f86723fd2e34dc38e2b9', title: this.permissionAlertTitle, content: this.permissionAlertContent, buttons: this.permissionAlertbuttons, onCtyDismiss: (e) => this.closePermissionAlert(e), onCtyTap: (e) => this.toOpenAppSetting(e) }), index.h("ion-toast", { key: '7a30b6c1e4314cd092bef5c313bff43449fd12ee', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000, position: 'middle' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-camera_2.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
 var index = require('./index-DCK462Hl.js');
-var cameraPreview = require('./camera-preview-CjkBcrrF.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 index$1 = require('./index-DASUhQA3.js');
 var dom = require('./dom-B8PDM5o-.js');
 var format = require('./format-BSDO5P-c.js');
@@ -44,6 +44,8 @@ const Camera = class {
         this.zoomSteps = 20; //仅android有效，通过这个算出每一份的的比例: (getMaxZoom() + 1) / allowMaxZoom
         this.touchZoom = true;
         this.touchZoomProp = 0.01;
+        this.permissionAlertTitle = '需要申请开启相机权限';
+        this.permissionAlertContent = '需要开启相机权限，用于拍照。我们承诺仅在功能使用时调用摄像头。';
         this.ratioIndex = 0;
         this.flash = false;
         this.zoomIndex = 0;
@@ -52,6 +54,10 @@ const Camera = class {
         this.imageViewerIndex = 0;
         this.currentPhotoMode = 'multiple';
         this.currentZoom = 1;
+        this.hasPermission = false;
+        this.permissionAlertVisible = false;
+        this.isToastOpen = false;
+        this.toastContent = '';
         this.startZoom = 1;
         this.SCREEN_WIDTH = window.screen.width;
         this.SCREEN_HEIGHT = window.screen.height;
@@ -76,9 +82,46 @@ const Camera = class {
         bodyEl.style.visibility = 'visible';
         bodyEl.style.background = this.originalBodyBackground;
     }
-    initCamera() {
+    async requestPermission() {
+        try {
+            this.hasPermission = await cameraPreview.cameraPreview.hasPermission();
+        }
+        catch (error) {
+            this.hasPermission = false;
+        }
+        if (!this.hasPermission) {
+            try {
+                await cameraPreview.cameraPreview.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.isToastOpen = true;
+                        this.toastContent = message;
+                    }
+                    this.ctyDismiss.emit();
+                }
+            }
+        }
+    }
+    async initCamera() {
+        await this.requestPermission();
+        if (!this.hasPermission) {
+            this.ctyDismiss.emit();
+            return;
+        }
         const height = this.getCameraHeight();
-        cameraPreview.cameraPreview.startCamera(Object.assign(Object.assign({ y: this.safeArea, camera: 'back', backgroundColor: '#000000' }, this.options), { x: 0, height, toBack: true, tapPhoto: false, tapFocus: true, enableAutoSettings: false, storeToFile: this.file }));
+        cameraPreview.cameraPreview.startCamera(Object.assign(Object.assign({ y: this.safeArea, camera: 'back', backgroundColor: '#000000' }, this.options), { x: 0, height, toBack: true, tapPhoto: false, tapFocus: true, enableAutoSettings: false, storeToFile: this.file })).catch((error) => {
+            const { code } = error;
+            if (code == 'PERMISSION_DENIED_NEED_SETTINGS') {
+                this.permissionAlertVisible = true;
+            }
+        });
     }
     close() {
         this.ctyDismiss.emit();
@@ -230,9 +273,26 @@ const Camera = class {
         }
         cameraPreview.cameraPreview.setZoom(Math.min(startCameraZoom + diff, maxZoom));
     }
+    async toOpenAppSetting(event) {
+        const { item } = event.detail;
+        if (item.action == 'permission') {
+            try {
+                await cameraPreview.cameraPreview.openAppSettings();
+                this.permissionAlertVisible = false;
+            }
+            catch (error) {
+                this.closePermissionAlert(event);
+            }
+        }
+    }
+    closePermissionAlert(e) {
+        e.stopPropagation();
+        this.permissionAlertVisible = false;
+        this.ctyDismiss.emit();
+    }
     render() {
         const { title, closeIcon, flash, flipText, flashText, ratioText, ratios, ratioIndex, zoomIndex, zooms, mode, singleText, multipleText, currentPhotoMode, confirmIcon, confirmText, deleteIcon, pictures, showImageViewer, imageViewerIndex, touchZoom, currentZoom } = this;
-        return (index.h(index.Host, { key: 'f2dbbeee10fef4293fa66a78076f751893d93608', class: "cty-camera", onClick: (e) => e.stopPropagation() }, index.h("cty-nav-bar", { key: '054634ffc50db9a53cf9120e1546f0ab1519a179', title: title, type: "clear" }, index.h("slot", { key: '1440253fbb8a78ef418ffba4971eb2548832e7db', name: "header-start", slot: "start" }, !!closeIcon && index.h("ion-button", { key: '49f8467e23a693abcd3213c403fe308f46600293', class: "cty-camera__close", onClick: () => this.close() }, index.h("cty-icon", { key: 'dcdf35990d7609c0fd4fe720d2166d864bd62946', class: "cty-camera__close-icon", name: closeIcon })))), index.h("div", { key: 'a07a80a5039e04174bffd5223883f2c97ab21314', class: "cty-camera-main", onTouchStart: (e) => this.touchstart(e), onTouchMove: (e) => this.touchmove(e), onTouchEnd: (e) => this.touchend(e) }, index.h("div", { key: '1105f0e3ba35b3076057f3d61f8a94e7c449079c', class: "cty-camera-widgets", part: "widgets" }, !!flipText && index.h("button", { key: 'c9206213c57615b8d0228d16d9e2ab50c93ce2f7', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, index.h("cty-icon", { key: 'd0490581bf68da9fcbe8d661771a016e096aa4e6', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && index.h("span", { key: '57d763faca03d9f713f6eb73c24daf2a6b6b4057', class: "cty-camera-widget__text" }, flipText)), !!flashText && index.h("button", { key: '8c2e80d3f1dc0136b2b1bd8a27df12c950f81e2f', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, index.h("cty-icon", { key: 'ff771e3b1c75d0e4a4c797d6ce0d7e7aec93f097', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && index.h("span", { key: 'c15e58dc18a185c5b99303f821447e31cde5c02d', class: "cty-camera-widget__text" }, flashText)), !!ratioText && index.h("button", { key: '67f70b3a009c2761fe3b0c1c4d8ab844972420f5', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, index.h("span", { key: '0c5be61834b53c2281eba2912d47d083d5f16403', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && index.h("span", { key: 'd75675b27ac00ad662cf687dbec16d1d607932a6', class: "cty-camera-widget__text" }, ratioText)))), index.h("div", { key: 'ea3852cbb926abb151942500a140a78d8b3ee712', class: "cty-camera-controls safe-area-bottom-padding" }, mode == 'both' && pictures.length <= 0 && index.h("div", { key: '15d0990b2dbacab7d81b73f0aac8766106d93226', class: "cty-camera-controls__mode flex-center", part: "mode" }, index.h("button", { key: 'ae5a5de840f895568d2ed72ca12d14d6e028bebe', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'single' }, onClick: () => this.currentPhotoMode = 'single' }, singleText), index.h("button", { key: '33109a8369c68dfd902e9b0ad7a36a6e571fddb5', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'multiple' }, onClick: () => this.currentPhotoMode = 'multiple' }, multipleText)), index.h("slot", { key: 'cecb11c3b01fdc6c2b207bf846674c9816535004', name: "zooms" }, !touchZoom && zooms.length > 0 && index.h("div", { key: '32d91389660d8ab71c91777a85c6093d700eae73', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, zooms.map((item, idx) => (index.h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, index.h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X"))))), touchZoom && index.h("div", { key: '2979d870a22334d7329b122eb5eb32737fd48b58', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, index.h("div", { key: 'fcb6e01d6e9913c810e02b08f172e1eaecaf42a6', class: { 'cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active': true }, onClick: () => this.resetZoom() }, index.h("span", { key: '5b413b10485d7b5cf0c41e2ca47a4834c812da09', class: "cty-camera-controls__zoom-text flex-center" }, currentZoom, "X")))), index.h("div", { key: '4907c6ed45def804b5d4b8072e33dd77d8ddf750', class: "cty-camera-controls__main flex-center" }, index.h("div", { key: 'ea116cc9eb7bc8b49775f0cc76c0047cbe50f5ff', class: "cty-camera-controls__main-left flex-center" }), index.h("div", { key: 'ff332ec62a18093c632cfb9bfb693999cdfe0b26', class: "cty-camera-controls__take-photo flex-center" }, index.h("button", { key: '2e1dd2ac2fb3d916d80a18920005fe13eb5447ac', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), index.h("div", { key: '3414c6ed97b0a361804161c6bb3ccee75b719565', class: "cty-camera-controls__main-confirm flex-center" }, currentPhotoMode !== 'single' && pictures.length > 0 && !!deleteIcon && index.h("button", { key: '1ca16002c7d041af5e289936140379c81a60ff1a', class: "cty-camera-controls__main-delete cty-button-native flex-column-center", onClick: () => this.deleteLastPicture() }, index.h("cty-icon", { key: '52809317515b8b9c967a7d19b97230bf38f902ee', class: "cty-camera-controls__main-delete-icon", name: deleteIcon })), currentPhotoMode !== 'single' && pictures.length > 0 && index.h("button", { key: 'dca02780b3f7af11b5b538af4f039f9e0308449d', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, index.h("cty-icon", { key: '40c8d5ac9859f76e01ef23c80b71d6d22ab0bd1f', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), confirmText && index.h("span", { key: '92186800f1c93464c5c38e190bcfec43444f80a7', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), index.h("slot", { key: '17a6034ad5c152cdb575f79d1f74ba435eb503e0', name: "images" }, index.h("div", { key: 'eb7429358baf366ee7a34d0f6b84d9bc9daf150a', class: "cty-camera-controls__images flex-align-center" }, currentPhotoMode !== 'single' && pictures.map((item, idx) => (index.h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, index.h("img", { class: 'cty-camera-controls__image-img', src: item.thumbnail || item.url }), index.h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, index.h("cty-icon", { class: "cty-camera-controls__image-delete", name: index$1.closeOutline })))))))), showImageViewer && index.h("cty-image-viewer", { key: 'bae500ca714d13cbca2bf1ff03209cec29612e06', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: false, onCtyDismiss: (e) => this.closeImageViewer(e) }, currentPhotoMode !== 'multiple' && index.h("div", { key: '10b99a568c83aaa375c061f5a060018cdbcc0e99', class: "cty-camera-viewer__single flex-center-between", slot: "pager" }, index.h("button", { key: '3b3b52f74c5115aa8be3460621f4a02db00ce9c9', class: "cty-camera-viewer__single-close cty-button-native", onClick: (event) => this.closeSingleImageViewer(event) }, index.h("cty-icon", { key: '006d14a44c03870f4b17dc4e5cb0f0eb16bc9504', name: "cty-close2" })), index.h("button", { key: 'db9707996bf8bba7211792c5f4e66282080f9008', class: "cty-camera-viewer__single-confirm cty-button-native", onClick: () => this.confirm() }, index.h("cty-icon", { key: 'a8db29743f5d6c043fbda19265432ac0e89eb168', name: "cty-tick" }))), currentPhotoMode !== 'multiple' && index.h("i", { key: '091022dccdf8a1796b175be4a001de06bbdadc6e', slot: "close" }))));
+        return (index.h(index.Host, { key: '249d6c9269af0bb404fa13c2679db953580196be', class: "cty-camera", onClick: (e) => e.stopPropagation() }, index.h("cty-nav-bar", { key: '3ddc96ed9540f67485013bd1d52cf593f7a159ec', title: title, type: "clear" }, index.h("slot", { key: 'c3124d840af6803fe87669dc1da346b5a51d6dc1', name: "header-start", slot: "start" }, !!closeIcon && index.h("ion-button", { key: '48ebfe61e98a586fb127feb9e57e556108665126', class: "cty-camera__close", onClick: () => this.close() }, index.h("cty-icon", { key: '8da9e811d18687d6c3c3fd19f3b6d96db3b4d992', class: "cty-camera__close-icon", name: closeIcon })))), index.h("div", { key: '918f5390b8d846231a1fbd3550858114efb3797f', class: "cty-camera-main", onTouchStart: (e) => this.touchstart(e), onTouchMove: (e) => this.touchmove(e), onTouchEnd: (e) => this.touchend(e) }, index.h("div", { key: '4d872387a4bb06d4d5030c181c6a67a9ef19f5aa', class: "cty-camera-widgets", part: "widgets" }, !!flipText && index.h("button", { key: '6de4076ab5b8ee8a31a63305fc4fd4c954e87291', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, index.h("cty-icon", { key: 'cf2cd7ccbf12a6b972371389045aa7360a7e361c', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && index.h("span", { key: '63816718efe322900dd80192a3c96e1dde0f56bf', class: "cty-camera-widget__text" }, flipText)), !!flashText && index.h("button", { key: '71f482e92876e408cfe4391c92c79789d83ff12b', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, index.h("cty-icon", { key: '70a2838d229df2418807329013cf2db86c8b2886', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && index.h("span", { key: 'dc6dcb389cde04abe9e94824fc7ab23d7cbd49c3', class: "cty-camera-widget__text" }, flashText)), !!ratioText && index.h("button", { key: '13fd40b68adeefca52a5775b2fc86bd0602728c7', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, index.h("span", { key: 'e971f50bb4a923dfb119497d530890dc2a2f4cc2', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && index.h("span", { key: 'c13601a6c3866a72120a9b441d971c5134e95b26', class: "cty-camera-widget__text" }, ratioText)))), index.h("div", { key: 'b82e91f54f7416c8f8ba0bbc99ad034b7d90d201', class: "cty-camera-controls safe-area-bottom-padding" }, mode == 'both' && pictures.length <= 0 && index.h("div", { key: 'da4867ad484906fb92bb0b9840ae05cab7f6017c', class: "cty-camera-controls__mode flex-center", part: "mode" }, index.h("button", { key: '8932fc465360764b3d19c2ba0f9afa26df747248', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'single' }, onClick: () => this.currentPhotoMode = 'single' }, singleText), index.h("button", { key: 'a70dd98026cb8125f04841f3f82ae83bffedea17', class: { 'cty-button-native cty-camera-controls__mode-button': true, 'cty-camera-controls__mode-button__active': currentPhotoMode === 'multiple' }, onClick: () => this.currentPhotoMode = 'multiple' }, multipleText)), index.h("slot", { key: '706e3c7c60be9bea7a887743981e6c0c83d867a1', name: "zooms" }, !touchZoom && zooms.length > 0 && index.h("div", { key: 'dd6fe65fe090190eb2f1f0b678ebfa84f8bbbe31', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, zooms.map((item, idx) => (index.h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, index.h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X"))))), touchZoom && index.h("div", { key: '9f0a68f5c87b36f50807a1ddce3fd7d495f5b0f7', class: "cty-camera-controls__zooms flex-center", part: "zooms" }, index.h("div", { key: '2b1f97c6fbe953d71779f536d408d8a878872b1c', class: { 'cty-camera-controls__zoom-item flex-center cty-camera-controls__zoom-item__active': true }, onClick: () => this.resetZoom() }, index.h("span", { key: '2e16a3df094da8fcfe0b3758732a48bc67e00797', class: "cty-camera-controls__zoom-text flex-center" }, currentZoom, "X")))), index.h("div", { key: '06a01b4fcb96b0bd33bde8ed91fc2b436e406791', class: "cty-camera-controls__main flex-center" }, index.h("div", { key: 'c748dab6ff814deab00d7f0ff8e2b9ae439acc82', class: "cty-camera-controls__main-left flex-center" }), index.h("div", { key: 'ae6105b6f28bd8be992ebf164987806a5cf52e9c', class: "cty-camera-controls__take-photo flex-center" }, index.h("button", { key: '1bbe3c2225a533fd7f4b9de9b7778c748c4f5a03', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), index.h("div", { key: 'd8b0277f2daf2c6085edd86c18d220a7c24e1e37', class: "cty-camera-controls__main-confirm flex-center" }, currentPhotoMode !== 'single' && pictures.length > 0 && !!deleteIcon && index.h("button", { key: 'cc83aa1aab767ea7a3aef3b44194b4891836c09a', class: "cty-camera-controls__main-delete cty-button-native flex-column-center", onClick: () => this.deleteLastPicture() }, index.h("cty-icon", { key: '5b2a06c3819fa158b12769b4cea08f7df6cecff2', class: "cty-camera-controls__main-delete-icon", name: deleteIcon })), currentPhotoMode !== 'single' && pictures.length > 0 && index.h("button", { key: '09642c94b869090cd1381b75a949013623558fb6', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, index.h("cty-icon", { key: '09e36ce96317e298f0a54ce6c1d76009a4ad4b95', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), confirmText && index.h("span", { key: '9d24bf57e4c32abbbfb95671c1191f7d85adfce4', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), index.h("slot", { key: '5530ce7f1411007acfd28326b53b5caa52c52376', name: "images" }, index.h("div", { key: '2a9366f14ff5878bb704703d9fd65a4549c002fb', class: "cty-camera-controls__images flex-align-center" }, currentPhotoMode !== 'single' && pictures.map((item, idx) => (index.h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, index.h("img", { class: 'cty-camera-controls__image-img', src: item.thumbnail || item.url }), index.h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, index.h("cty-icon", { class: "cty-camera-controls__image-delete", name: index$1.closeOutline })))))))), showImageViewer && index.h("cty-image-viewer", { key: '5c3f82c1f25c434e79c2df83f657c25cc42f0ffc', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: false, onCtyDismiss: (e) => this.closeImageViewer(e) }, currentPhotoMode !== 'multiple' && index.h("div", { key: '2c0753cab107695962bbdd55ab9b334e91c361a2', class: "cty-camera-viewer__single flex-center-between", slot: "pager" }, index.h("button", { key: '3cf7393d965245e4b7072afe50412c150840cec3', class: "cty-camera-viewer__single-close cty-button-native", onClick: (event) => this.closeSingleImageViewer(event) }, index.h("cty-icon", { key: 'db1b6d35ff40650a00903d37d03adf9c4e7ce311', name: "cty-close2" })), index.h("button", { key: '25df5828eafcc1191e826445e0b20e41eec869bf', class: "cty-camera-viewer__single-confirm cty-button-native", onClick: () => this.confirm() }, index.h("cty-icon", { key: 'e96ba7b2413df359b4ab6ea184250edbf3618d2a', name: "cty-tick" }))), currentPhotoMode !== 'multiple' && index.h("i", { key: '8a167eb7c089ede4aeff07e73cd14424a0ccca55', slot: "close" })), this.permissionAlertVisible && index.h("cty-permission-alert", { key: '3fb0cd60cb246d94f12a6adff586087071075ea2', title: this.permissionAlertTitle, content: this.permissionAlertContent, buttons: this.permissionAlertbuttons, onCtyDismiss: (e) => this.closePermissionAlert(e), onCtyTap: (e) => this.toOpenAppSetting(e) }), index.h("ion-toast", { key: 'ac0224081e8ce22eaebfd7224391cf1957c2ff47', "is-open": this.isToastOpen, message: this.toastContent, duration: 2000, position: 'middle' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -442,7 +502,7 @@ const CropImage = class {
         return (index.h("div", { class: "cty-crop-image__buttons flex-center-between safe-area-bottom-border-color" }, this.cancelText && cancelCmp, this.confirmText && confirmCmp));
     }
     render() {
-        return (index.h(index.Host, { key: 'f03ef034659039ca694e92e094e6f771b65ed41d', class: "cty-crop-image", onMouseDown: (e) => this.doTouchStart(e), onTouchStart: (e) => this.doTouchStart(e), onTouchMove: (e) => this.doTouchMove(e), onTouchEnd: () => this.doTouchEnd() }, index.h("slot", { key: '4d1f7dcd27ebf1824937e8e056fec2e64b871610', name: "header" }), index.h("div", { key: '53adedd36ec4b3d2a622d9c308f35b593df3c7dd', class: "cty-crop-image__wrapper", ref: el => (this.imageEl = el) }, index.h("img", { key: '70dc841fd80c5e80923e3365597653837ee2d01d', src: this.url, class: "cty-crop-image__image" })), index.h("div", { key: '7c19c8da9253e17615aa2699391fcc545cb1f9ac', class: "cty-crop-image__clip", ref: el => (this.clipEl = el) }), index.h("slot", { key: '8394107199cf8626534e3d0c1a258225306c6eaf', name: "clip" }), this.renderButtons(), index.h("slot", { key: 'e723cd0166a0a1d752d6f69af3873ac97b96298c', name: "footer" })));
+        return (index.h(index.Host, { key: '3805ba12b7e6f2809399b8a9f213e4a4131b081c', class: "cty-crop-image", onMouseDown: (e) => this.doTouchStart(e), onTouchStart: (e) => this.doTouchStart(e), onTouchMove: (e) => this.doTouchMove(e), onTouchEnd: () => this.doTouchEnd() }, index.h("slot", { key: '441105402304f96770ff61b883993c952f7ea4a9', name: "header" }), index.h("div", { key: 'affa68ce2eacf57bff5dcbc140c1da82d59dc8a3', class: "cty-crop-image__wrapper", ref: el => (this.imageEl = el) }, index.h("img", { key: '9c5dd8cafb8e14f7f0e5d6ee2cc999a139580342', src: this.url, class: "cty-crop-image__image" })), index.h("div", { key: 'eafd9083b6728615b767dae842c8b102ad40916d', class: "cty-crop-image__clip", ref: el => (this.clipEl = el) }), index.h("slot", { key: '25cb5fb31191e0a991064164b4c5752f39b7499b', name: "clip" }), this.renderButtons(), index.h("slot", { key: 'e60a010fea26d6fa38a380c4cb9f6c4c28c25558', name: "footer" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-canvas-board.cjs.entry.js CHANGED Viewed

@@ -204,7 +204,7 @@ const CanvasBoard = class {
             } }, index.h("i", { style: { width: item * 2 + 'px', height: item * 2 + 'px' } }))))), index.h("div", { class: "cty-canvas-board__line-alpha", onClick: e => e.stopPropagation() }, index.h("div", { class: "cty-canvas-board__line-alpha-bg" }), index.h("ion-range", { max: 1, min: 0, step: 0.01, ref: (el) => (this.alphaRangeRef = el), class: "cty-canvas-board__line-alpha-range", value: this.alpha, onIonChange: (event) => this.alphaChange(event) })))));
     }
     render() {
-        return (index.h(index.Host, { key: '77461f05c3380459bbf8663b7b17adbefc1a9eb5', class: "cty-canvas-board flex-column" }, index.h("slot", { key: '1b9fdfc979353af1e012207341007884ebc854d3', name: "header" }), this.headerOpn && (index.h("div", { key: '44f83e96e5ee8d8ecbf192bbf6068a39d3f54eef', class: "cty-canvas-board__header flex-center-between" }, index.h("slot", { key: '1ece92c8330cabf64d6be6245b8586b576862e6c', name: "header-start" }), this.bgIcon && index.h("button", { key: 'c4a1a08e5db586d55e145f60d28c429d02d346be', class: "cty-button-native", onClick: () => this.updateBgColor() }, index.h("cty-icon", { key: '86113a93e80216c1fa342a41d6e144e6c8873762', name: this.bgIcon, class: "cty-canvas-board__palette" }), index.h("input", { key: 'ab128a619a0548e3bda4ab952144f8735e004874', type: "color", class: "cty-canvas-board__picker-color", ref: el => (this.bgPickerEl = el), value: this.bgColor, onInput: (e) => this.bgColorChange(e) })), index.h("slot", { key: '62bcbe6f83e52bf9ce60c36f57388b080e330763', name: "header-opn-start" }, " "), (this.undoIcon || this.redoIcon) && index.h("div", { key: 'e061c427becfd216bb547ac2a43bd88d84a8516d', class: "cty-canvas-board__opn flex-center" }, this.undoIcon && index.h("button", { key: '7a120805a9cda67ec76f7ceb7e1e9e2f9b43119e', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.undo() }, index.h("cty-icon", { key: '61f9e434e4c1175e0e0deb645c588286e11abb72', name: this.undoIcon, class: { 'cty-canvas-board__opn-active': this.drawingHistory.length > 1 && this.step > 0 } })), this.redoIcon && index.h("button", { key: '65240b6060be512120983d70affb6320507b9a3f', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.redo() }, index.h("cty-icon", { key: '60e2c28cadd3c2d40eeb98a8cad9f72d792f8589', name: this.redoIcon, class: { 'cty-canvas-board__opn-active': this.step < this.drawingHistory.length - 1 } }))), index.h("slot", { key: '8e867a01cdaafbbe08da91fce36f22fa049f4db9', name: "header-opn-end" }), this.clearIcon && index.h("button", { key: '19a809120e0f4604d52dbe03dc3f67f2c5698f83', class: "cty-button-native cty-canvas-board__clear", onClick: () => this.clear() }, index.h("cty-icon", { key: 'c49522de5d1b2d442f0e44b2ac36fdff97ea41ab', name: this.clearIcon })), index.h("slot", { key: 'fc0ba8abb29039edf9151dfb9d51a1aeede60cd8', name: "header-end" }))), index.h("slot", { key: '1ec5283eb61319f212d0898d8a5ac1d88d13f508', name: "main" }), index.h("div", { key: 'c0b508a7b55cdc56df6c848543d1b2b0e65bddb2', class: "cty-canvas-board__main" }, index.h("canvas", { key: '3a22c825d29c62a52aef31ab60deefbbd062d1b5', ref: el => (this.canvasEl = el), style: { background: this.bgColor }, onTouchStart: e => this.startDrawing(e), onTouchMove: e => this.moveDrawing(e), onTouchEnd: e => this.endDrawing(e), onMouseDown: e => this.startDrawing(e), onMouseMove: e => this.moveDrawing(e), onMouseUp: e => this.endDrawing(e) }), index.h("canvas", { key: '89311b6698020381cd3b35895997678c111dcd98', ref: el => (this.imageCanvasEl = el), style: { display: 'none' } }), index.h("span", { key: '5f462b61d2b29b1b702376085bc166681fa18ce9', class: "cty-canvas-board__eraser-circle", ref: el => (this.eraserEl = el) }), this.isCanvasEmpty && index.h("slot", { key: '765b89a4bd4b89d4be9435b7b28f1460830e5c40', name: "placeholder" }), index.h("slot", { key: '05bd544f4293977a3e505b50f2fc1563c51461df' })), index.h("slot", { key: 'c5828b000c59d7ac6c788fd8f058bf3cd17b9b32', name: "footer" }), this.footerOpn && (index.h("div", { key: '6420abefc57b8ee8f11a79ddea686f4804b19119', class: "cty-canvas-board__footer flex-center" }, index.h("slot", { key: 'f3ccd75e1e869c98e123b8e419e8a59ba9113bce', name: "footer-start" }), this.pencilIcon && (index.h("button", { key: 'c140c157ae713d94c9d0f6da55ae3e87d488b5b7', class: "cty-button-native cty-canvas-board__pen", onClick: e => this.updatePencil(e) }, index.h("cty-icon", { key: '7262819d76c1552a9566f025270255625f22ecc3', name: this.pencilIcon, class: { 'cty-canvas-board__footer-active': !this.isEraser } }))), index.h("button", { key: '31f3f0f0f2a68c5290809a4ae8a012fd353917f2', class: "cty-button-native cty-canvas-board__eraser", onClick: () => (this.isEraser = !this.isEraser) }, index.h("cty-icon", { key: '897c7d062bbdd7dceccaeb759f5967a000023e41', name: this.eraserIcon, class: { 'cty-canvas-board__footer-active': this.isEraser } })), index.h("button", { key: 'c9a7a647baa4ac93b081c3f9586c7455a5c5ef44', class: "cty-button-native cty-canvas-board__color-button", onClick: () => this.updateColor() }, index.h("input", { key: 'd91f1947c9f66a5050d92a6c9fd2c4758d119c20', type: "color", value: this.strokeColor, class: "cty-canvas-board__picker-color", ref: el => (this.colorPickerEl = el), onInput: (e) => this.penColorChange(e) })), index.h("slot", { key: 'bc134a972e3d5bca92e59b612cdff45ee7d1041f', name: "footer-end" }))), index.h("slot", { key: '5ab3b8c50038cbf8d98728ded8565d831d8eed1b', name: "bottom" }), this.showButtons && (index.h("div", { key: 'af85a5d9ef4d6e1ae76c43a9700e2b2b1a1bdcc3', class: "cty-canvas-board__buttons flex-justify-end" }, index.h("slot", { key: 'cb01fd8b02cf4b47af3143574c519de888b9edf9', name: "bottom-button-start" }), index.h("button", { key: '62141bb06b1e69946080a385043127c10963a25c', class: "cty-canvas-board__button cty-button-native", onClick: () => this.clear() }, this.clearLabel), index.h("button", { key: 'abf4c4bbab5f2dda8ea5b52f5d1bfbad64eca70b', class: "cty-canvas-board__button cty-button-native", onClick: () => this.confirm() }, this.confirmLabel), index.h("slot", { key: '91e5ab4da613f99793f900f154bdf94dd4c0adbb', name: "bottom-button-end" }))), this.renderPopover()));
+        return (index.h(index.Host, { key: '5c1d547318a944d16e02a0d89e3fffded39e0bdd', class: "cty-canvas-board flex-column" }, index.h("slot", { key: 'e0acd38c2dd73f444ff810398f181d59465e0ec1', name: "header" }), this.headerOpn && (index.h("div", { key: '83a86afb9509cc85780f93ba712f6ccb0f1a728b', class: "cty-canvas-board__header flex-center-between" }, index.h("slot", { key: '622ab8273190d2795c1816663656eb1deb1b8e67', name: "header-start" }), this.bgIcon && index.h("button", { key: 'd8f7a0040b968e826533fbe5fa96c2a7801b3c72', class: "cty-button-native", onClick: () => this.updateBgColor() }, index.h("cty-icon", { key: '43e2bd356e3d51368e11f1e7673292eb35dbcdfc', name: this.bgIcon, class: "cty-canvas-board__palette" }), index.h("input", { key: 'b96ab00872f55b7e71eccbac4fd9ffead9de1d48', type: "color", class: "cty-canvas-board__picker-color", ref: el => (this.bgPickerEl = el), value: this.bgColor, onInput: (e) => this.bgColorChange(e) })), index.h("slot", { key: '0f9c4685c82f01b16da1c216f1a082c331aac1f2', name: "header-opn-start" }, " "), (this.undoIcon || this.redoIcon) && index.h("div", { key: '12b46e18bf7621a274db06e488bf2aad8c5f841c', class: "cty-canvas-board__opn flex-center" }, this.undoIcon && index.h("button", { key: 'f1aaa8dbd4a335ab95726213a0637fed02dd6c02', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.undo() }, index.h("cty-icon", { key: '6f69dd8f47e2817d38a0f478e533c696b848a888', name: this.undoIcon, class: { 'cty-canvas-board__opn-active': this.drawingHistory.length > 1 && this.step > 0 } })), this.redoIcon && index.h("button", { key: '6800f914f7a959eeb86884d5f296c6c98edb8f31', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.redo() }, index.h("cty-icon", { key: 'dffc5e3e76c4fc5f8ea7e54398f86a90b8b38007', name: this.redoIcon, class: { 'cty-canvas-board__opn-active': this.step < this.drawingHistory.length - 1 } }))), index.h("slot", { key: '52cd777aa3d99718e3b73333bc70f8da551d51d0', name: "header-opn-end" }), this.clearIcon && index.h("button", { key: 'beaf0980ad1613210e05fc18684f8050e0bc14f9', class: "cty-button-native cty-canvas-board__clear", onClick: () => this.clear() }, index.h("cty-icon", { key: '4c59d492b92480fd2eb028480cc25823cf3af4f9', name: this.clearIcon })), index.h("slot", { key: 'a03ad3ae3c5295a09e23371bbd03da1b005278f7', name: "header-end" }))), index.h("slot", { key: 'e85153d6eb9f3f41bc43782deef4d1a7a9a11c1b', name: "main" }), index.h("div", { key: '74cdcc4b9ca9da6a0391f077cb4cdf263836150e', class: "cty-canvas-board__main" }, index.h("canvas", { key: '8b3bf6e0b28f811531b8879d642d9de0299a8b8f', ref: el => (this.canvasEl = el), style: { background: this.bgColor }, onTouchStart: e => this.startDrawing(e), onTouchMove: e => this.moveDrawing(e), onTouchEnd: e => this.endDrawing(e), onMouseDown: e => this.startDrawing(e), onMouseMove: e => this.moveDrawing(e), onMouseUp: e => this.endDrawing(e) }), index.h("canvas", { key: '3be84d339b42c57bb9543d50dabac45b345d7744', ref: el => (this.imageCanvasEl = el), style: { display: 'none' } }), index.h("span", { key: '03b3a54198b7e4115ded1ee51dfae47a03958f3f', class: "cty-canvas-board__eraser-circle", ref: el => (this.eraserEl = el) }), this.isCanvasEmpty && index.h("slot", { key: '40f663e90e0ac2e8eec1c173d92d4f2afbb17197', name: "placeholder" }), index.h("slot", { key: 'c5ce29e7aef527910d6ab7593675475e1c83e465' })), index.h("slot", { key: '41f037aa77b7c4b02b882d74b384816c03f1a498', name: "footer" }), this.footerOpn && (index.h("div", { key: 'e8a967e7a47e2803942c5758805485b45ff05de3', class: "cty-canvas-board__footer flex-center" }, index.h("slot", { key: '8c792a5b6b0bed91769061f1f08dcce4c857df72', name: "footer-start" }), this.pencilIcon && (index.h("button", { key: 'd38bd9c14fb12ef9df57140119a9cc73958eb183', class: "cty-button-native cty-canvas-board__pen", onClick: e => this.updatePencil(e) }, index.h("cty-icon", { key: 'be9d5a10731393ae63743ff48d9fcab513a4194d', name: this.pencilIcon, class: { 'cty-canvas-board__footer-active': !this.isEraser } }))), index.h("button", { key: '7f7ac5a80313a8091be48557d660b2437c96bc84', class: "cty-button-native cty-canvas-board__eraser", onClick: () => (this.isEraser = !this.isEraser) }, index.h("cty-icon", { key: '27b2c2fac487a6e6c64e2901ecda959b5986e53c', name: this.eraserIcon, class: { 'cty-canvas-board__footer-active': this.isEraser } })), index.h("button", { key: 'd4a8a76108b5a0daffe6363a00a831c6ea2f1f5b', class: "cty-button-native cty-canvas-board__color-button", onClick: () => this.updateColor() }, index.h("input", { key: 'd112d696ffdc60f3bab52d5a353cb240ea46f69b', type: "color", value: this.strokeColor, class: "cty-canvas-board__picker-color", ref: el => (this.colorPickerEl = el), onInput: (e) => this.penColorChange(e) })), index.h("slot", { key: '9e7c87513fed66167fc8d222510090c7cd1195b3', name: "footer-end" }))), index.h("slot", { key: 'a7319635e7d42639532bb2eb8233a44190ca91c3', name: "bottom" }), this.showButtons && (index.h("div", { key: '7d8a64385d94fe7c581266242e0c36d792eb500d', class: "cty-canvas-board__buttons flex-justify-end" }, index.h("slot", { key: '81f318a6785818049ad7495992d4ec9712a782f5', name: "bottom-button-start" }), index.h("button", { key: '1a2f3161c2525d8ba1e1570285d0afbfd5cac710', class: "cty-canvas-board__button cty-button-native", onClick: () => this.clear() }, this.clearLabel), index.h("button", { key: '094fe6960e7eaeb06f94554d42564c07a9c80b92', class: "cty-canvas-board__button cty-button-native", onClick: () => this.confirm() }, this.confirmLabel), index.h("slot", { key: '3a4e37ea42b3bd2e3653fc8488b4ca8e33055946', name: "bottom-button-end" }))), this.renderPopover()));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-canvas-video.cjs.entry.js CHANGED Viewed

@@ -769,7 +769,7 @@ const CanvasVideo = class {
             }, onTransitionEnd: () => this.transitionend() }, index.h("div", { class: "cty-canvas-video__progress-inner" }))), !this.isVertical && this.isMove && !!this.progressBar && (index.h("div", { class: "cty-canvas-video__time" }, index.h("span", { class: "cty-canvas-video__time-left" }, this.transTime(this.pTime)), index.h("span", { class: "cty-canvas-video__time-center" }, "/"), index.h("span", { class: "cty-canvas-video__time-right" }, this.transTime(this.pDuration)))), !(!this.isVertical && this.isMove && !!this.progressBar) && (index.h("div", { class: "cty-canvas-video__content" }, option.renderSlot !== 'content' && (index.h("div", { class: "cty-canvas-video__content-box" }, index.h("div", { class: "cty-canvas-video__tip" }, index.h("cty-icon", { name: "cty-lamp" }), option[this._props.tip || 'tip']), index.h("p", { class: "cty-canvas-video__date" }, option[this._props.date || 'date']), index.h("p", { class: "cty-canvas-video__description" }, option[this._props.description || 'description']), index.h("button", { class: "cty-canvas-video__name cty-button-native", onClick: e => this.clickName(e) }, '@' + option[this._props.name || 'name']))), option.contentRender !== undefined && index.h("slot", { name: option.contentRender }))), !(!this.isVertical && this.isMove && !!this.progressBar) && (index.h("div", { class: "cty-canvas-video__sidebar" }, option.renderSlot !== 'sidebar' && (index.h("button", { class: "cty-canvas-video__avatar cty-button-native", onClick: e => this.clickAvatar(e) }, index.h("img", { src: option[this._props.avatar || 'avatar'] }), this.avatarButton && index.h("span", { class: "cty-canvas-video__avatar-button" }, this.avatarButton))), option.renderSlot !== 'sidebar' && option[this._props.likeCount || 'likeCount'] && (index.h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickLike(e) }, index.h("cty-icon", { name: "cty-thumb" }), index.h("span", null, option[this._props.likeCount || 'likeCount']))), option.renderSlot !== 'sidebar' && option[this._props.viewCount || 'viewCount'] && (index.h("button", { class: "cty-canvas-video__sidebar-item cty-button-native" }, index.h("cty-icon", { name: "cty-eye" }), index.h("span", null, option[this._props.viewCount || 'viewCount']))), option.renderSlot !== 'sidebar' && option[this._props.collectCount || 'collectCount'] && (index.h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickCollect(e) }, index.h("cty-icon", { name: "cty-star" }), index.h("span", null, option[this._props.collectCount || 'collectCount']))), option.sidebarRender !== 'sidebar' && (index.h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickShare(e) }, index.h("cty-icon", { name: "cty-share" }), index.h("span", null, "\u5206\u4EAB"))), option.sidebarRender !== undefined && index.h("slot", { name: option.sidebarRender }))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'c9247641307c3565f4162b4ac9527af5901f0d57', class: "cty-canvas-video" }, index.h("div", { key: '1064099a468d1cb4e1bfcbfcba86726c7b03a778', class: "cty-canvas-videos" }, index.h("video", { key: 'd07090531623c5def3b458f32882ecbd3f79d760', ref: el => (this.videoEl1 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate1(), onEnded: () => this.videoEnded(), src: this.videoUrl1, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 0 }), index.h("video", { key: '5a3cce01cf472b86a2fb57ec2c3152537cae51c3', ref: el => (this.videoEl2 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate2(), onEnded: () => this.videoEnded(), src: this.videoUrl2, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 1 }), index.h("video", { key: '10972bbb0330fe362e7182f672d09fcfbf8722f2', ref: el => (this.videoEl3 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate3(), onEnded: () => this.videoEnded(), src: this.videoUrl3, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 2 })), index.h("div", { key: '4970e44d666e586da384372056a835b226ab7529', class: "cty-canvas-video__slides", ref: el => (this.videoSlidesEl = el) }, this.renderSlide())));
+        return (index.h(index.Host, { key: 'f8c538c55322d321377e2126501c3050e822b3e2', class: "cty-canvas-video" }, index.h("div", { key: '21d4c6f094f8eeb9c96dced1a7487faae9c82ec4', class: "cty-canvas-videos" }, index.h("video", { key: 'da6db380316549fe168a05a75c4c8d735a965f8b', ref: el => (this.videoEl1 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate1(), onEnded: () => this.videoEnded(), src: this.videoUrl1, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 0 }), index.h("video", { key: 'cfc6431ea3c65228bff76cb5984b656d6ce1e607', ref: el => (this.videoEl2 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate2(), onEnded: () => this.videoEnded(), src: this.videoUrl2, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 1 }), index.h("video", { key: '9482762c33cecb5465f194e0f2ce571a3c3b12ec', ref: el => (this.videoEl3 = el), preload: this.preload, "x5-video-player-type": "h5", "x5-video-player-fullscreen": "true", playsinline: true, "webkit-playsinline": true, onTimeUpdate: () => this.videoTimeupdate3(), onEnded: () => this.videoEnded(), src: this.videoUrl3, typeof: "video/mp4", autoplay: this.autoplay && this.videoIndex == 2 })), index.h("div", { key: 'b32eb36ff437a1884eaa64ae94e09f39c288e5ee', class: "cty-canvas-video__slides", ref: el => (this.videoSlidesEl = el) }, this.renderSlide())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-cascader-view.cjs.entry.js CHANGED Viewed

@@ -110,13 +110,13 @@ const CascaderView = class {
     }
     render() {
         const levels = this.getLevels();
-        return (index.h(index.Host, { key: '02b0f40ab83b2f227be69ada8954abeb95ccd0ae', class: "cty-cascader-view" }, index.h("div", { key: '33be506937c8a4438a3002dad686e0680fdde965', class: "cty-cascader-tabs" }, levels.map((level, index$1) => (index.h("div", { class: {
+        return (index.h(index.Host, { key: '0e088b5852a0d7b895e1df2af144a5ba7b2627d2', class: "cty-cascader-view" }, index.h("div", { key: 'c587171c7a6a0860a7623c6ab7f0aa2ba1b564e5', class: "cty-cascader-tabs" }, levels.map((level, index$1) => (index.h("div", { class: {
                 'cty-cascader-tab': true,
                 'cty-cascader-tab-active': this.tabActiveIndex === index$1,
-            }, part: "tab-item", onClick: () => this.onTabChange(index$1) }, index.h("div", { class: "cty-cascader-header-title", ref: el => (this.tabRefs[index$1] = el) }, level.selected ? level.selected[this.props.label] : this.placeholder)))), index.h("div", { key: 'cfdf8e4d323feba09c2f869c9188e349c439d831', class: "cty-cascader-tab-underline", style: {
+            }, part: "tab-item", onClick: () => this.onTabChange(index$1) }, index.h("div", { class: "cty-cascader-header-title", ref: el => (this.tabRefs[index$1] = el) }, level.selected ? level.selected[this.props.label] : this.placeholder)))), index.h("div", { key: '514114f4fa21eae5fb109df308c44c0f4ea76d83', class: "cty-cascader-tab-underline", style: {
                 width: `${this.underlineWidth}px`,
                 transform: `translateX(${this.underlineLeft}px)`,
-            } })), index.h("div", { key: '67bbfb1a0b7df79506e672cc25582e63cabb499d', class: "cty-cascader-content" }, (() => {
+            } })), index.h("div", { key: '564a6c3b894182929571d48eca0ea6084d914062', class: "cty-cascader-content" }, (() => {
             const level = levels[this.tabActiveIndex];
             if (!level)
                 return null;

package/dist/cjs/cty-cascader.cjs.entry.js CHANGED Viewed

@@ -396,7 +396,7 @@ const Cascader = class {
         this.ctyConfirm.emit({ values, indexes, options });
     }
     render() {
-        return (index.h(index.Host, { key: 'f77c6e1424f111bc8d37bd12b12070feb39101cf', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: '95b6eaafaf4803d2a86a5110855541ad67f6e49e', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("div", { key: '572fceaf785626fac23dda2bce92bf5a6286d868', class: "cty-cascader", part: "cascader", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '0942125916bf919c0a65e5627331126afded4826', name: 'header' }), index.h("div", { key: 'd6df99527b420d74799fc46c0cc6bd705e1a8029', class: "cty-cascader-header", part: "header" }, index.h("button", { key: '62d51a685660ea3f72cb43ae86e11f95aa829359', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), index.h("div", { key: '4e24518a56ef746cbc8416817fa22d2bd64befbe', class: "cty-cascader-title" }, this.title), index.h("button", { key: 'bb2cd0c4f2300fb9880038e2e9ba516b1ec479b0', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), index.h("div", { key: 'eff01b56ebb0abeda07bab0ade1532f7555484b3', class: "cty-cascader-columns", part: "columns", style: { height: this.columnHeight + 'px' } }, this.scrollColumns.map(c => index.h("div", { class: "cty-cascader-column", onTouchStart: (e) => this.handleTouchstart(e, c), onTouchMove: (e) => this.handleTouchmove(e, c), onTouchEnd: () => this.handleTouchend(c), onMouseDown: (e) => this.handleTouchstart(e, c), onMouseMove: (e) => this.handleTouchmove(e, c), onMouseUp: () => this.handleTouchend(c) }, index.h("div", { ref: (el) => this.setScrollEl(el, c), class: "cty-cascader-scroller", style: { transform: 'translateY(' + c.translate + 'px)', 'transition-duration': c.duration + 'ms', 'transition-property': c.duration ? 'transform' : 'none' }, onTransitionEnd: () => this.handleTransitionend(c) }, c.column.map((option, i) => index.h("div", { class: 'cty-cascader-option ' + (option.className || ''), style: { height: this.optionHeight + 'px' }, onClick: () => this.handleClick(c, i) }, index.h("div", { class: 'cty-cascader-text ' + (option.textClassName || '') }, option[this.textKey])))))), index.h("div", { key: 'dbf1e0cb4fb9134316f93c6a3030237dde566f7b', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), index.h("div", { key: '537c696af3cdb849c6beb2a8cd3d2dccb2921333', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } }))))));
+        return (index.h(index.Host, { key: '97e5ba39b37f33da627e357ca5398b6aef2c203f', class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, index.h("cty-backdrop", { key: 'b1d162c9aec1551acd7c7b27109bc56f1920a085', position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, index.h("div", { key: '61fd570a4c6c6834931d560c8a7fd9f3b86fbaf3', class: "cty-cascader", part: "cascader", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: 'ad35d68959c51871e694738e5f5c74667df19958', name: 'header' }), index.h("div", { key: 'c1f09c031b41362be4b1623370c16878b1c1a8dc', class: "cty-cascader-header", part: "header" }, index.h("button", { key: '4b59e5a0e7745dc2221a4043cd7685015c308a0c', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), index.h("div", { key: 'a338cb8c142934f2bf62125c7072245edd5ba7bf', class: "cty-cascader-title" }, this.title), index.h("button", { key: 'b19bfb4f26f7c4ec012a8c7e566e0885da677f92', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), index.h("div", { key: 'fbb92633280ca5d57b46fa7d2993962627a555df', class: "cty-cascader-columns", part: "columns", style: { height: this.columnHeight + 'px' } }, this.scrollColumns.map(c => index.h("div", { class: "cty-cascader-column", onTouchStart: (e) => this.handleTouchstart(e, c), onTouchMove: (e) => this.handleTouchmove(e, c), onTouchEnd: () => this.handleTouchend(c), onMouseDown: (e) => this.handleTouchstart(e, c), onMouseMove: (e) => this.handleTouchmove(e, c), onMouseUp: () => this.handleTouchend(c) }, index.h("div", { ref: (el) => this.setScrollEl(el, c), class: "cty-cascader-scroller", style: { transform: 'translateY(' + c.translate + 'px)', 'transition-duration': c.duration + 'ms', 'transition-property': c.duration ? 'transform' : 'none' }, onTransitionEnd: () => this.handleTransitionend(c) }, c.column.map((option, i) => index.h("div", { class: 'cty-cascader-option ' + (option.className || ''), style: { height: this.optionHeight + 'px' }, onClick: () => this.handleClick(c, i) }, index.h("div", { class: 'cty-cascader-text ' + (option.textClassName || '') }, option[this.textKey])))))), index.h("div", { key: '8e968e7accfba77c182c23f34fdb7f4eb5dd6e20', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), index.h("div", { key: 'd00cf3538a16042826c872d618438b608c20168f', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/cty-circle.cjs.entry.js ADDED Viewed

@@ -0,0 +1,82 @@
+'use strict';
+var index = require('./index-DCK462Hl.js');
+const circleCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:inline-block;position:relative;width:100px;height:100px;--cty-circle-fill:none;--cty-circle-color:var(--cty-color-white);--cty-circle-linecap:round;--cty-circle-rotate:0deg;--cty-circle-text-color:var(--cty-color-primary);--cty-circle-text-size:var(--cty-font-size-base);--cty-circle-text-weight:normal;--cty-circle-text-line-height:20px}svg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:rotate(var(--cty-circle-rotate));transform:rotate(var(--cty-circle-rotate))}path{fill:none}.cty-circle__layer{stroke:var(--cty-circle-color);fill:var(--cty-circle-fill)}.cty-circle__hover{stroke-linecap:var(--cty-circle-linecap)}.cty-circle__text{position:absolute;top:50%;left:0;width:100%;color:var(--cty-circle-text-color);font-weight:var(--cty-circle-text-weight);font-size:var(--cty-circle-text-size);line-height:var(--cty-circle-text-line-height);text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}";
+const Circle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.rate = 0;
+        this.width = 40;
+        this.color = 'var(--cty-color-primary)';
+        this.text = '';
+        this.clockwise = true;
+        this.zeroTransparent = true;
+        this.rad = 500;
+        this.ratio = 1;
+        this.widthDif = 1;
+        this.offset = 0;
+        this.needDefs = false;
+        this.gradientId = '';
+        this.colors = [];
+        this.perimeter = 0;
+    }
+    watchColorHandler() {
+        this.needDefs = this.color instanceof Object;
+        if (this.needDefs) {
+            this.colors = Object.keys(this.color).sort((a, b) => parseFloat(a) - parseFloat(b)).map((key) => ({
+                offset: key.toString(),
+                color: this.color[key]
+            }));
+            this.updateSVGAttr();
+        }
+    }
+    watchRadHandler() {
+        this.perimeter = 2 * 3.14 * this.rad;
+        this.updateSVGAttr();
+    }
+    updateSVGAttr() {
+        var _a, _b, _c, _d;
+        (_a = this.svgEl) === null || _a === void 0 ? void 0 : _a.setAttribute('viewBox', `0 0 ${+this.width + this.rad * 2 + this.offset * 2} ${+this.width + this.rad * 2 + this.offset * 2}`);
+        (_b = this.layerEl) === null || _b === void 0 ? void 0 : _b.setAttribute('d', this._getPath());
+        (_c = this.hoverEl) === null || _c === void 0 ? void 0 : _c.setAttribute('d', this._getPath());
+        Array.from(((_d = this.svgEl) === null || _d === void 0 ? void 0 : _d.querySelectorAll('stop')) || []).forEach((stopEL, index) => {
+            stopEL.setAttribute('key', index.toString());
+            stopEL.setAttribute('offset', this.colors[index].offset);
+            stopEL.setAttribute('stop-color', this.colors[index].color);
+        });
+    }
+    componentWillLoad() {
+        this.perimeter = 2 * 3.14 * this.rad;
+        this.gradientId = 'cty-circle-' + Math.random().toFixed(12).slice(2);
+        this.watchColorHandler();
+    }
+    componentDidLoad() {
+        this.updateSVGAttr();
+    }
+    _getPath() {
+        const { rad, width, offset, clockwise } = this;
+        const viewBoxSize = +width + rad * 2 + offset * 2;
+        const sweepFlag = clockwise ? 1 : 0;
+        return `M ${viewBoxSize / 2} ${viewBoxSize / 2} m 0, ${-rad} a ${rad}, ${rad} 0 1, ${sweepFlag} 0, ${rad * 2} a ${rad}, ${rad} 0 1, ${sweepFlag} 0, ${-rad * 2}`;
+    }
+    render() {
+        return (index.h(index.Host, { key: '2f368270af4614789d5598e5bc90b3e2ef057989', class: "cty-circle" }, index.h("svg", { key: '1df0553171d9fec249e84cf41f710826f49b3026', ref: el => (this.svgEl = el) }, this.needDefs && index.h("defs", { key: 'd57f574b35bbf69c57fc40803f3f7fb9acbcf9a9' }, index.h("linearGradient", { key: 'cf43aa12f3d51cf6a243f9638de9dedf2257280a', id: this.gradientId, x1: "100%", y1: "0%", x2: "0%", y2: "0%", gradientTransform: "rotate(90)" }, this.colors.map(() => (index.h("stop", null))))), index.h("path", { key: 'b5f534ab0dae045ee9d90f7dc9ca7781858e75f7', ref: el => (this.layerEl = el), class: "cty-circle__layer", style: {
+                'stroke-width': this.width + 'px',
+                'strokeDasharray': (this.ratio * this.perimeter) + 'px ' + this.perimeter + 'px'
+            } }), index.h("path", { key: 'c0e0e7bde4ee4218d369f0a68c45bdcc41b9bf6f', ref: el => (this.hoverEl = el), class: "cty-circle__hover", style: {
+                'stroke': this.rate <= 0 && this.zeroTransparent ? 'transparent' : this.needDefs ? 'url(#' + this.gradientId + ')' : this.color,
+                'stroke-width': +this.width + this.widthDif + 'px',
+                'strokeDasharray': (this.ratio * this.rate / 100 * this.perimeter) + 'px ' + this.perimeter + 'px'
+            } })), this.text !== '' && index.h("div", { key: '87e72df56f972317345f50b3b7e82ff002df5048', class: "cty-circle__text" }, this.text), index.h("slot", { key: '269615587b996b6dc54c2a3390a0ef47ff08fb4c' })));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "color": ["watchColorHandler"],
+        "rad": ["watchColorHandler", "watchRadHandler"]
+    }; }
+};
+Circle.style = circleCss;
+exports.cty_circle = Circle;

package/dist/cjs/cty-count-down.cjs.entry.js CHANGED Viewed

@@ -143,8 +143,8 @@ const CountDown = class {
         return timeText;
     }
     render() {
-        return (index.h(index.Host, { key: '2f81e4f12a44af17c35088f25634497f32abc9c5', class: "cty-count-down" }, !this.isSingle &&
-            this.timeRange.map((item, idx) => (index.h("div", { class: "cty-count-down__item", part: "item" }, index.h("span", { class: "cty-count-down__label", part: "label" }, format.pad(this.timeData[item], 2) || this.timeData[item]), (this.unit || idx !== this.timeRange.length - 1) && index.h("span", { class: "cty-count-down__unit" }, this.unit ? this.dateFormatUnit[item] : ':')))), this.isSingle && (index.h("div", { key: 'fafb431baf155e6ddb6d9288b2fcb28cc4afc50f', class: "cty-count-down__item", part: "item" }, index.h("span", { key: '7c5e49d9a4e4459c7804afd8e6c7c1fd21d91892', class: "cty-count-down__label", part: "label" }, " ", this.formattedTime, " "))), index.h("slot", { key: '7a60d356c17a00eb9700e034fe20efc9f0b16398' })));
+        return (index.h(index.Host, { key: 'd2d208764379ab3b71735d5d171020fb423a71bd', class: "cty-count-down" }, !this.isSingle &&
+            this.timeRange.map((item, idx) => (index.h("div", { class: "cty-count-down__item", part: "item" }, index.h("span", { class: "cty-count-down__label", part: "label" }, format.pad(this.timeData[item], 2) || this.timeData[item]), (this.unit || idx !== this.timeRange.length - 1) && index.h("span", { class: "cty-count-down__unit" }, this.unit ? this.dateFormatUnit[item] : ':')))), this.isSingle && (index.h("div", { key: 'd2736b2880e5a30d7ecb9d4ee94049dfc4fa82d0', class: "cty-count-down__item", part: "item" }, index.h("span", { key: '97ee81f41d93a9c1dfc1cda655f820193eec9524', class: "cty-count-down__label", part: "label" }, " ", this.formattedTime, " "))), index.h("slot", { key: '5d87201788959f4858f432e72be3cff75b7c081e' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-divider.cjs.entry.js CHANGED Viewed

@@ -18,10 +18,10 @@ const Divider = class {
     render() {
         const { vertical, placement, hasContent } = this;
         const classRet = vertical ? `cty-divider__vertical` : hasContent ? `cty-divider__content-${placement}` : ``;
-        return (index.h(index.Host, { key: 'b9d087dcfbc973c32966363e2db037fafe7ceb78', class: {
+        return (index.h(index.Host, { key: 'dfd49737a845112f77896befa6ac9926a1951f48', class: {
                 'cty-divider': true,
                 [classRet]: true
-            } }, index.h("slot", { key: 'ee440ec8f5ff56d81bde3d950e4c78d42219582c' })));
+            } }, index.h("slot", { key: '8799145031bc0605e950b4f9d3cb6632d65fd54e' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-dropdown.cjs.entry.js CHANGED Viewed

@@ -100,24 +100,24 @@ const Dropdown = class {
     }
     render() {
         const { elRect, innerOptions, tabActiveIndex, arrowIcon, innerValue, direction } = this;
-        return (index.h(index.Host, { key: '5cd075db391b80bff2c3802c5864ffe76b9931c2', class: {
+        return (index.h(index.Host, { key: '8bafea86f2e4f369aa9c91c53b53d5bda24429c6', class: {
                 'cty-dropdown': true,
                 'cty-dropdown-open': tabActiveIndex !== -1,
-            } }, index.h("div", { key: 'fbf91dbc7e7636adadcdabc7751dd74582e293cd', class: "cty-dropdown-nav" }, innerOptions.map((option, index$1) => (index.h("div", { class: {
+            } }, index.h("div", { key: '53b674e74ef38333347878e6d24f55d082822e4c', class: "cty-dropdown-nav" }, innerOptions.map((option, index$1) => (index.h("div", { class: {
                 'cty-dropdown-item': true,
                 'cty-dropdown-item__disabled': !!option.disabled,
                 'cty-dropdown-item__active': index$1 === tabActiveIndex,
             }, onClick: () => this.toggleNavPop(index$1) }, index.h("div", { class: "cty-dropdown-item-title flex-center" }, index.h("span", { class: "cty-dropdown-item-title-text" }, option.label), index.h("span", { class: {
                 'cty-dropdown-item-title-arrow': true,
                 'cty-dropdown-item-title-arrow__active': index$1 === tabActiveIndex,
-            } }, index.h("cty-icon", { name: option.arrowIcon || arrowIcon }))))))), index.h("div", { key: '11c4c8c68c670c92ae86af2e105969b2daffdd6e', class: {
+            } }, index.h("cty-icon", { name: option.arrowIcon || arrowIcon }))))))), index.h("div", { key: '70758a011ed538e3a9215bf6a00431ba99f4cbad', class: {
                 'cty-dropdown-popup': true,
                 'cty-dropdown-popup__visible': tabActiveIndex != -1,
             }, style: {
                 top: `${direction == 'up' ? 0 : elRect.bottom}px`,
                 bottom: `${direction == 'up' ? 'auto' : 0}`,
                 height: `${direction == 'up' ? `${elRect.top}px` : 'auto'}`
-            } }, index.h("div", { key: 'f7f816b8237b11c4a46a08fc474e5a6ffa35ca46', class: "cty-dropdown-popup-mask", onClick: this.handleMaskClick }), index.h("div", { key: '73a5db305846157a312f197045cfb1fa2f221a0c', class: "cty-dropdown-popup-body", style: { bottom: `${direction == 'up' ? '0px' : 'auto'}` } }, innerOptions.map((option, index$1) => {
+            } }, index.h("div", { key: 'd7212399b2011a0ae339c742cea1affd0697050a', class: "cty-dropdown-popup-mask", onClick: this.handleMaskClick }), index.h("div", { key: '1a774b0f33129111ad07eccbe1ec137f59512ffc', class: "cty-dropdown-popup-body", style: { bottom: `${direction == 'up' ? '0px' : 'auto'}` } }, innerOptions.map((option, index$1) => {
             if (index$1 != tabActiveIndex)
                 return null;
             return (index.h("slot", { name: "content" }, index.h("div", { class: "cty-dropdown-popup-content" }, option.children && Array.isArray(option.children) && option.children.map((child, index$1) => (index.h("slot", { name: 'content-item' + index$1 }, index.h("div", { class: { 'cty-dropdown-popup-item': true, "cty-dropdown-popup-item__active": innerValue[tabActiveIndex] == child.key }, onClick: () => this.handleItemClick(child) }, child.label)))))));

package/dist/cjs/cty-empty.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const Empty = class {
     }
     render() {
         const image = this.image === undefined ? (config.config.get('resUrlPrefix', '') + 'assets/cty_res/svg/cty-no-data.svg') : this.image;
-        return (index.h(index.Host, { key: '4eb56b280eeb9f0fbe4b67cd71a558cf0f0bc7e2', class: "cty-empty" }, index.h("slot", { key: '241e56e654739d1edb6af501f37652ffd07d834e', name: "top" }), image && index.h("img", { key: '429d88a5b6b0c24b6db1e877afb514189fb26eb5', class: "cty-empty__image", src: image }), index.h("slot", { key: '41e9cfc4948a4a72dbf83d992db62bba8269781c', name: "image" }), this.description && index.h("p", { key: '4cb5825ef8ad176b427d14595d8892cae299fdc1', class: "cty-empty__description" }, this.description), index.h("slot", { key: 'f0b31f8bdd3749419cb11d776191169b1f692b7c', name: "description" })));
+        return (index.h(index.Host, { key: 'd3c212326854e78a39d572a26ad41bea325c281a', class: "cty-empty" }, index.h("slot", { key: '99cd7aed9db5764d586d5e51fca62ce44c20d6d3', name: "top" }), image && index.h("img", { key: 'f35737267d6e8f89c288acff429c76168f48117f', class: "cty-empty__image", src: image }), index.h("slot", { key: '47c776265f6db9018f2161e5ccddee5b03c511d2', name: "image" }), this.description && index.h("p", { key: '974e5071b52337bd6e2304b6dabbc34ea0aa0455', class: "cty-empty__description" }, this.description), index.h("slot", { key: '86322cbea30f876cbd774c6cf291d2ee7a650c29', name: "description" })));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/cty-floating-bubble.cjs.entry.js CHANGED Viewed

@@ -146,7 +146,7 @@ const FloatingBubble = class {
         return touch;
     }
     render() {
-        return (index.h(index.Host, { key: 'e0ec234a20abec0ba7294d31656bfbc89f8974ff', class: "cty-floating-bubble", onTouchStart: () => this.onTouchStart(), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: () => this.onTouchStart(), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e), onClick: (e) => this.onClick(e), style: this.rootStyle }, this.icon && (index.h("cty-icon", { key: '84dd9f24811481d7a513d10242deecc7678a2255', class: "cty-floating-bubble__icon", name: this.icon })), index.h("slot", { key: 'bc7ea18aa26283be64dd255b78f3df8010bc577d' })));
+        return (index.h(index.Host, { key: '97cb474b7ab53050d951abbcfc30690a7e023748', class: "cty-floating-bubble", onTouchStart: () => this.onTouchStart(), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: () => this.onTouchStart(), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e), onClick: (e) => this.onClick(e), style: this.rootStyle }, this.icon && (index.h("cty-icon", { key: 'e52b2c3c36f9eb49bf6205e7165184f9dc8d812e', class: "cty-floating-bubble__icon", name: this.icon })), index.h("slot", { key: 'd1b5b73767f2178bbe8386574623c07d2d7ab120' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-floating-panel.cjs.entry.js CHANGED Viewed

@@ -98,15 +98,15 @@ const FloatingPanel = class {
         return moveY;
     }
     render() {
-        return (index.h(index.Host, { key: '2d14123d617d72dc55d2d0985c96356136ef31ee', class: "cty-floating-panel flex-column", onTouchStart: (e) => this.dragStart(e), onTouchMove: (e) => this.dragMove(e), onTouchEnd: () => this.dragEnd(), onMouseDown: (e) => this.dragStart(e), onMouseMove: (e) => this.dragMove(e), onMouseUp: () => this.dragEnd() }, index.h("div", { key: '641a8326446112be8c8b2648e4beec20a62b4ee4', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
+        return (index.h(index.Host, { key: '84e095dd2833d15ab639424b2223afb62bcd5e98', class: "cty-floating-panel flex-column", onTouchStart: (e) => this.dragStart(e), onTouchMove: (e) => this.dragMove(e), onTouchEnd: () => this.dragEnd(), onMouseDown: (e) => this.dragStart(e), onMouseMove: (e) => this.dragMove(e), onMouseUp: () => this.dragEnd() }, index.h("div", { key: '8cafd61f7a921d19396803366fcaddef9dc1ebe4', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
                 this.setContentTouched(false);
             }, onMouseDown: () => {
                 this.setContentTouched(false);
-            } }, index.h("slot", { key: 'd18478ad493c3dbe4d43272c5c6ab47f66352d71', name: "icon-start" }), this.icon && index.h("cty-icon", { key: 'a283b28aa84e3690ffdebf8a4e2300935412d757', class: "cty-floating-panel__header-bar", name: this.icon }), index.h("slot", { key: '4afa066649dc4f0a0560d7c6f0b6ae04062ed19c', name: "icon-end" })), index.h("div", { key: '6ab596de7f2cc199e05fa35dfff2b1ecf8961c05', class: "cty-floating-panel__content", ref: (el) => (this.contentRef = el), onTouchStart: () => {
+            } }, index.h("slot", { key: '3a02e10265abb6a0e033ff3ce6b2f036895b93e6', name: "icon-start" }), this.icon && index.h("cty-icon", { key: 'd07f4568b56789c94bce86ef03d4a09c761e9982', class: "cty-floating-panel__header-bar", name: this.icon }), index.h("slot", { key: '6f6433977a63eef657904e97dbb62c47ec7588b2', name: "icon-end" })), index.h("div", { key: '1e8dd947664b007cd3cf65d338765deca37b6873', class: "cty-floating-panel__content", ref: (el) => (this.contentRef = el), onTouchStart: () => {
                 this.setContentTouched(true);
             }, onMouseDown: () => {
                 this.setContentTouched(true);
-            } }, index.h("slot", { key: 'b30f4baa0659d53c5012092f324d10e64f7207e1' }))));
+            } }, index.h("slot", { key: 'b2e668b305866b48ca8ab522c714e648755fdafd' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-icon.cjs.entry.js CHANGED Viewed

@@ -39,7 +39,7 @@ const Icon = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a76d38557cc02e2ed4655a270b160b2d1b4e00d8', class: "cty-icon" }, index.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 (index.h(index.Host, { key: '03ee82eb0f6aae454d57b5f3c09c4188c72e7a69', class: "cty-icon" }, index.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 index.getElement(this); }

package/dist/cjs/cty-image-upload.cjs.entry.js CHANGED Viewed

@@ -94,7 +94,7 @@ const ImageUpload = class {
         this.ctyDeleteImage.emit(this.internalImages);
     }
     render() {
-        return (index.h(index.Host, { key: 'c74ff7c9782bd2d28df239249336aab72814307e', class: "cty-image-upload flex-wrap" }, this.internalImages.map((item, idx) => (index.h("div", { class: "cty-image-upload__item", onClick: () => this.handleImageTap(idx) }, index.h("img", { class: "cty-image-upload__item-img", src: item.url, style: { 'object-fit': item.fit } }), this.deleteable && (index.h("div", { class: "cty-image-upload__item-delete flex", onClick: e => this.handleImageDelete(e, idx) }, index.h("slot", { name: "deleteable" }, index.h("cty-icon", { class: "cty-image-upload__item-delete-icon", name: "cty-close2" }))))))), this.internalImages.length < this.count && (index.h("div", { key: 'bc2aca9606226e308fac0da596d9aa7d57c0cdc9', class: "cty-image-upload__item flex-column-center", onClick: () => this.handlePickerImage() }, !this.addImage && this.addIcon && index.h("cty-icon", { key: '71a7f9080d66c77ca6a13e85f442209f7c0ea42f', class: "cty-image-upload__add-icon", name: this.addIcon }), this.addImage && index.h("img", { key: '86c409c6007ab662098dd1c35d437e7b4ccf5192', class: "cty-image-upload__add-image", src: this.addImage }), index.h("slot", { key: '85eddf095240e759f6e8039b443da1b62e8cb206', name: "description" })))));
+        return (index.h(index.Host, { key: '6e38c0e2603eb6d73e3987bb7b1e39533a427667', class: "cty-image-upload flex-wrap" }, this.internalImages.map((item, idx) => (index.h("div", { class: "cty-image-upload__item", onClick: () => this.handleImageTap(idx) }, index.h("img", { class: "cty-image-upload__item-img", src: item.url, style: { 'object-fit': item.fit } }), this.deleteable && (index.h("div", { class: "cty-image-upload__item-delete flex", onClick: e => this.handleImageDelete(e, idx) }, index.h("slot", { name: "deleteable" }, index.h("cty-icon", { class: "cty-image-upload__item-delete-icon", name: "cty-close2" }))))))), this.internalImages.length < this.count && (index.h("div", { key: 'bce30f336e45c86a516d0eee56e74ce9b56d86a1', class: "cty-image-upload__item flex-column-center", onClick: () => this.handlePickerImage() }, !this.addImage && this.addIcon && index.h("cty-icon", { key: '6a9074c16b643bf53567bb50d6e38ed295556c9e', class: "cty-image-upload__add-icon", name: this.addIcon }), this.addImage && index.h("img", { key: 'a65c1c2ea4f9b2b415ff5f59cdb7c7b3d549b3d8', class: "cty-image-upload__add-image", src: this.addImage }), index.h("slot", { key: '1aa5b77ea858ed1cc44347754274b81d800e8be9', name: "description" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {