cty-mui-core 1.0.38 → 1.0.39

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);
         });
@@ -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 = {
@@ -281,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

@@ -114,7 +114,7 @@ const ImageViewer = /*@__PURE__*/ proxyCustomElement(class ImageViewer extends H
             autoplay: false,
             attrs: Object.assign({ virtual: true, zoom }, attrs)
         };
-        return (h(Host, { key: 'd9d3da21d8ecb7c731a8e7c3bb155704e6dffadc', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-backdrop", { key: '7cb1028efbc4d5d14a8da901daf430973dd9c40c', backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '9b82c194f8d781abc3772c09dfb52a30cf8a265b', class: { 'cty-image-viewer': true, 'cty-image-viewer__hidden': !initialized } }, h("slot", { key: '95853407050d1cef2ae479c17ec06a5f0b6a753a', name: 'start' }), (this.closeable || this.pager || !this.backdropDismiss) && h("div", { key: '6521ce55075d33f46e0192c076e467d7d77f55c5', class: "cty-image-preview__header", onClick: (e) => e.stopPropagation() }, this.pager && h("slot", { key: '05546200bf501f41d20753abc44418f48aa58e1a', name: "pager" }, h("div", { key: 'aa995704b9b3ffed5527416a2e0e6cfb8ce3a8a4', class: "cty-image-preview__pager flex-center" }, h("h6", { key: '085ff8806423a7c103d525c8fcf292b1eb9fac4b', class: "cty-image-preview__pager-text" }, h("span", { key: 'adcaecd03e44c600655bcd1116fbeaf72ed1c69b', class: "cty-image-preview__index" }, this.activeIndex + 1), " / ", this.images.length))), (this.closeable || !this.backdropDismiss) && h("slot", { key: '7a5750169489be6345c60a34331c5db37bb23faf', name: "close" }, h("button", { key: '96f8b0ceb50f4051ed3cfb3612cd57e072efb4f1', class: "cty-image-preview__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '7755e4c447274cfd1206a4e42135d2e04d13e439', name: "cty-close2" })))), h("cty-swiper", Object.assign({ key: '5114b309e10951e2d64341afaf3e617e0382da28', ref: (el) => this.swiperEl = el }, swiperAttrs, { onCtySlideChange: (e) => this._slideChange(e) })), h("slot", { key: 'd1d8960f1be0d8902e59b9382718d6f96734e909', 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 {

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: 'ff7972db159fcf473556893461aa207805a72c76', class: { "cty-nav-bar": true, [type ? 'cty-nav-bar__' + type : '']: true } }, h("ion-header", { key: 'a9a9b962186be4b582bdef3108cc69d68fb651bb' }, h("ion-toolbar", { key: 'f8251f81c1c7c54af88114676bc5c1e0c3f22e39', class: "cty-nav-bar__toolbar" }, start && h("ion-buttons", { key: '36b44724f2bb0c3fb915da4bfc0908c9aa4fd60b', slot: "start" }, h("slot", { key: '02f6b5dfbfb701dd0364b3340151a89e31e21c6a', name: "start" }, arrow && h("ion-button", { key: '3d2cb3a8a06bdc6daba36623d39605309d17cfa1', class: "cty-nav-bar__arrow", onClick: () => this.action() }, h("cty-icon", { key: 'c220408b1ce30c93506106659bb8f61f5e44c454', class: "cty-nav-bar__arrow-icon", name: arrowIcon })))), title && h("ion-title", { key: '57071bc0564a5f61ed31f09130cb48fb5e88651a', class: "cty-nav-bar__title" }, h("slot", { key: '9b078a46c6eef3375e31fc0a08fc2b000a344cf4', name: 'title' }, title)), end && h("ion-buttons", { key: '6c3793a53b496415abc4fd1072677f6f110dec1e', slot: "end" }, h("slot", { key: '72650d022121225a165a6d87f643a11b5982de15', name: 'end' }))))));
+        return (h(Host, { key: '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: '2c653f957c1ed316f6de63a84e33f94a2a5b0e8a', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("div", { key: 'b244774c649d6469f573bad8b761636b04977979', class: { 'cty-overlay': true, [positionClass]: true }, onClick: () => this.backdropDismiss && this.dismiss() }, h("slot", { key: 'd24737000570412b29c0f39592756ce7766c67eb' }), this.html && h("div", { key: '8b469a2a5792a1ae99ee73d3db91f5ca8256a805', innerHTML: sanitizeDOMString(this.html), onClick: (e) => e.stopPropagation() }))));
+        return (h(Host, { key: '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: 'fcee182b206b8003aab0cc84c497546f8e370ba9' }, h("cty-backdrop", { key: '92558bbececb709c932fdd065841857aec17ac56', backdropDismiss: this.backdropDismiss, position: "top", onCtyDismiss: () => this.dismiss() }, h("div", { key: '9135da9c7bb7bcfc76732f4418a247de43178c95', class: "cty-permission-purpose", onClick: (e) => e.stopPropagation() }, h("div", { key: 'bfd5d2f8613a259bc9906fcd2ef2a6f35791fda5', innerHTML: sanitizeDOMString(this.description) })))));
+        return (h(Host, { key: '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: '631e407d2661497dfb58ff50670a8bde7441d16d', 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: 'c77e15f1939c9c135ae9d830dc3edd916c2f4e79' })));
+            } }, 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: 'f240c203838a93190a420255c3452a337df2e91a', class: "cty-swipe" }, h("slot", { key: '26b235adeda1724ed051ee45ce9466e1807a9815', name: "start" }), h("div", { key: '8f968e7bcaa818d4a71924c976fd2e62315e3fdb', class: { 'cty-swipe__track': true, 'cty-swipe__track-vertical': this.vertical }, style: style, onTouchStart: (e) => this.onTouchStart(e), onTouchMove: (e) => this.onTouchMove(e), onTouchEnd: (e) => this.onTouchEnd(e), onTouchCancel: (e) => this.onTouchEnd(e), onMouseDown: (e) => this.onTouchStart(e), onMouseMove: (e) => this.onTouchMove(e), onMouseUp: (e) => this.onTouchEnd(e), onMouseLeave: (e) => this.onTouchEnd(e) }, h("slot", { key: '8f8b7a51ce82dc5aca5f3201cd1e227a5da23a3c', onSlotchange: () => this.slotChanged() })), this.indicator && this.renderIndicator(), h("slot", { key: 'c343f6ec58126dbeb1024811c0f54b4e875bf352', name: "end" })));
+        return (h(Host, { key: '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; }

package/components/swiper.js

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

package/components/video-capture.js

@@ -9,6 +9,33 @@ class CTYVideoCapture {
     get isVideoCaptureAvailable() {
         return !!this._videoCapturePlugin;
     }
+    hasPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isVideoCaptureAvailable) {
+                reject('Video capture plugin is not available');
+                return;
+            }
+            this._videoCapturePlugin.hasCapturePermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    requestPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isVideoCaptureAvailable) {
+                reject('Video capture plugin is not available');
+                return;
+            }
+            this._videoCapturePlugin.requestCapturePermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    openAppSettings() {
+        return new Promise((resolve, reject) => {
+            if (!this.isVideoCaptureAvailable) {
+                reject('Video capture plugin is not available');
+                return;
+            }
+            this._videoCapturePlugin.openAppSettings(() => resolve(), (error) => reject(error));
+        });
+    }
     captureVideo(options) {
         return new Promise((resolve, reject) => {
             if (!this.isVideoCaptureAvailable) {
@@ -24,7 +51,7 @@ class CTYVideoCapture {
                     else {
                         resolve(null);
                     }
-                }, Object.assign({ width: 1280 }, options));
+                }, reject, Object.assign({ width: 1280 }, options));
             }
             catch (error) {
                 reject(error);

package/dist/cjs/{audio-recorder-ChGIymnF.js → audio-recorder-D3rqlSLq.js}

@@ -77,6 +77,33 @@ class CTYAudioRecorder {
             }
         });
     }
+    hasPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isAudioRecorderAvailable) {
+                reject('Audio recorder plugin is not available');
+                return;
+            }
+            this._audioRecorderPlugin.hasPermission((result) => resolve(result), (error) => reject(error));
+        });
+    }
+    requestPermission() {
+        return new Promise((resolve, reject) => {
+            if (!this.isAudioRecorderAvailable) {
+                reject('Audio recorder plugin is not available');
+                return;
+            }
+            this._audioRecorderPlugin.requestPermission(() => resolve(), (error) => reject(error));
+        });
+    }
+    openAppSettings() {
+        return new Promise((resolve, reject) => {
+            if (!this.isAudioRecorderAvailable) {
+                reject('Audio recorder plugin is not available');
+                return;
+            }
+            this._audioRecorderPlugin.openAppSettings(() => resolve(), (error) => reject(error));
+        });
+    }
     uploadWxRecording(localId, tip = exports.UploadProgressTip.SHOW) {
         return new Promise((resolve, reject) => {
             try {

package/dist/cjs/{camera-preview-CjkBcrrF.js → camera-preview-BylkRIcS.js}

@@ -8,10 +8,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);
         });

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

@@ -107,82 +107,41 @@ const Alert = class {
 };
 Alert.style = alertCss;
 
-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 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 Circle = class {
+const PermissionAlert = 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();
+        this.ctyDismiss = index.createEvent(this, "ctyDismiss", 7);
+        this.ctyTap = index.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 });
         }
     }
-    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}`;
+    _dismiss() {
+        this.ctyDismiss.emit();
     }
     render() {
-        return (index.h(index.Host, { key: 'b552b6f0190327fbd9fcf458994feee63b761d38', class: "cty-circle" }, index.h("svg", { key: '64b07a4798544cc9f9878dc4be3a046c881a6706', ref: el => (this.svgEl = el) }, this.needDefs && index.h("defs", { key: '5762f3641189b8d8dd8da4beddaeb82c28b68287' }, index.h("linearGradient", { key: '03205dd0dc64e90bf6ca30fb613ceeffe688585e', 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: '8075a1ece096aa40e2e57bba80760bfb87c38b01', 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: 'fefec8d3cb6927b35b37ca04498d3abc572e8b63', 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: 'f683c2dc61d281e6c506ff9a15b3a2a2f4ef56da', class: "cty-circle__text" }, this.text), index.h("slot", { key: '64eba94a1e793fe3dec863d0733f8a7ceb9e659b' })));
+        return (index.h(index.Host, { key: '56a3795cba4d50f34250ae7bd6a95cd1f9aeb8be' }, index.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() }, index.h("slot", { key: 'e661dd93f220462e2478233fce1a887bb6ac57d3', name: "header", slot: "header" }), index.h("slot", { key: '128a5f263a932e9c5263c51fccd6f2a67ef1cc49', name: "content", slot: "content" }), index.h("slot", { key: 'bfefd5cdb9c04a6fb3b13f1e4ea21d3b1a1b3dae', name: "buttons", slot: "buttons" }))));
     }
     get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "color": ["watchColorHandler"],
-        "rad": ["watchColorHandler", "watchRadHandler"]
-    }; }
 };
-Circle.style = circleCss;
+PermissionAlert.style = permissionAlertCss;
 
 exports.cty_alert = Alert;
-exports.cty_circle = Circle;
+exports.cty_permission_alert = PermissionAlert;