cty-mui-core 1.0.2 → 1.0.4

package/components/action-sheet.js

@@ -85,17 +85,17 @@ const ActionSheet = /*@__PURE__*/ proxyCustomElement(class ActionSheet extends H
     }
     renderHeader() {
         if (this.title || this.subtitle || this.closeable)
-            return (h("div", { class: "cty-action-sheet__header" }, h("slot", { name: "title" }), this.title && h("h2", { class: "cty-action-sheet__title cty-ellipsis" }, this.title), this.subtitle && h("p", { class: "cty-action-sheet__subtitle cty-ellipsis2" }, this.subtitle), h("slot", { name: "subtitle" }), this.closeable && (h("button", { class: "cty-action-sheet__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { name: this.closeIcon })))));
+            return (h("div", { class: "cty-action-sheet__header", part: "header" }, h("slot", { name: "title" }), this.title && h("h2", { class: "cty-action-sheet__title cty-ellipsis" }, this.title), this.subtitle && h("p", { class: "cty-action-sheet__subtitle cty-ellipsis2" }, this.subtitle), h("slot", { name: "subtitle" }), this.closeable && (h("button", { class: "cty-action-sheet__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { name: this.closeIcon })))));
     }
     renderOptions() {
-        return (h("div", { class: "cty-action-sheet__options" }, h("slot", { name: "options-start" }), this.options.map((option, idx) => {
-            return (h("button", { class: { 'cty-action-sheet__option cty-button-native': true, 'flex-column-center': true }, disabled: option.disabled, onClick: () => this._buttonClick(idx) }, h("span", { class: "cty-action-sheet__option-content" }, option.text && (h("span", { class: "cty-action-sheet__option-text", style: { color: option.color } }, ' ', option.text)), option.description && h("span", { class: "cty-action-sheet__option-description" }, option.description))));
+        return (h("div", { class: "cty-action-sheet__options", part: "options" }, h("slot", { name: "options-start" }), this.options.map((option, idx) => {
+            return (h("button", { part: "option", class: { 'cty-action-sheet__option cty-button-native': true, 'flex-column-center': true }, disabled: option.disabled, onClick: () => this._buttonClick(idx) }, h("span", { class: "cty-action-sheet__option-content" }, option.text && (h("span", { class: "cty-action-sheet__option-text", style: { color: option.color } }, ' ', option.text)), option.description && h("span", { class: "cty-action-sheet__option-description" }, option.description))));
         }), h("slot", { name: "options-end" })));
     }
     render() {
-        return (h(Host, { key: 'cdc4ed7fee160ead7b0b73434b68fe7eb1bbf2f2', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '69530f739ad3cfc2dfa9c64d846393212859bead', animated: false, position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '35a36d76641b42d001c474138ce96ed217e50a9c', class: "cty-action-sheet flex-column safe-area-bottom-border-color", onClick: e => {
+        return (h(Host, { key: '0e4944340ee226375034d529fe82d4808cd5aebf', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '8ad470f7f41c5db0f5efc4ea439825153179ed2c', animated: false, position: "bottom", backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '18d2dd95902c4273f63f50cdef8fef2d9492c2b7', class: "cty-action-sheet flex-column safe-area-bottom-border-color", onClick: e => {
                 e.stopPropagation();
-            } }, h("slot", { key: 'e192efca02d4959eba78d615d4389233c861bfd3', name: "header" }), this.renderHeader(), h("slot", { key: '9053f90cd275d7daf5f0abcebca4a98f469f8d56', name: "options" }), this.renderOptions(), this.cancelText && (h("div", { key: '6db5430d506a3f2fd13122ff0b6b3cd900e0554f', class: "cty-action-sheet__cancel" }, h("button", { key: '42b556b829516093255f5c7aa9ac890132bc4826', class: "cty-action-sheet__cancel-button cty-button-native", onClick: () => this.dismiss() }, this.cancelText))), h("slot", { key: '73ff105f389a6548df4c276fc170d0feb08f95c6', name: "cancel" })))));
+            } }, h("slot", { key: 'd87ffac93a4b4e042287ae803802c1e2b5e77034', name: "header" }), this.renderHeader(), h("slot", { key: '47b942c7872faf29e3a892b9b6fb72463b84f703', name: "options" }), this.renderOptions(), this.cancelText && (h("div", { key: '5d8812cfe9a121ff3e900796336f0040e5adc85d', class: "cty-action-sheet__cancel" }, h("button", { key: '707d216e4f657ac41c3450eb270e2519969f0d0e', part: "cancel", class: "cty-action-sheet__cancel-button cty-button-native", onClick: () => this.dismiss() }, this.cancelText))), h("slot", { key: 'd03610d01ec280e660edfb7cd1da432b70478d51', name: "cancel" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/alert.js

@@ -6,7 +6,7 @@ import { c as config } from './config2.js';
 import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$1 } from './icon2.js';
 
-const alertCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}:host{--cty-alert-overlay-position:fixed;--cty-alert-overlay-z-index:10;--cty-alert-overlay-background:var(--cty-overlay-color);--cty-alert-overlay-width:100vw;--cty-alert-overlay-height:100vh;--cty-alert-overflow:initial;--cty-alert-width:80%;--cty-alert-background:var(--cty-color-white);--cty-alert-padding-bottom:15px;--cty-alert-padding-end:15px;--cty-alert-padding-start:15px;--cty-alert-padding-top:15px;--cty-alert-transform:none;--cty-alert-transform-origin:center center;--cty-alert-border-radius:12px;--cty-alert-img-translate-y:0;--cty-alert-img-width:70px;--cty-alert-img-z-index:0;--cty-alert-title-align:flex-start;--cty-alert-title-color:var(--cty-text-color-primary);--cty-alert-title-size:var(--cty-font-size-medium);--cty-alert-title-weight:600;--cty-alert-title-line-height:20px;--cty-alert-close-top:12px;--cty-alert-close-right:8px;--cty-alert-close-width:24px;--cty-alert-close-height:24px;--cty-alert-close-border-radius:var(--cty-border-radius-circle);--cty-alert-close-border:1px solid var(--cty-text-color-white);--cty-alert-close-size:18px;--cty-alert-close-color:var(--cty-text-color-regular);--cty-alert-content-margin-bottom:20px;--cty-alert-content-margin-top:20px;--cty-alert-content-padding-bottom:0;--cty-alert-content-padding-end:0;--cty-alert-content-padding-start:0;--cty-alert-content-padding-top:0;--cty-alert-content-size:var(--cty-font-size-base);--cty-alert-content-align:justify;--cty-alert-content-color:var(--cty-text-color-primary);--cty-alert-content-line-height:20px;--cty-alert-buttons-direction:row;--cty-alert-buttons-justify:center;--cty-alert-buttons-align:center;--cty-alert-button-width:100%;--cty-alert-button-min-height:36px;--cty-alert-button-padding:0;--cty-alert-button-offset-top:0;--cty-alert-button-offset-right:15px;--cty-alert-button-radius:var(--cty-border-radius-medium);--cty-alert-button-background:var(--cty-color-white);--cty-alert-button-border:1px solid var(--cty-border-color);--cty-alert-button-color:var(--cty-text-color-primary);--cty-alert-button-size:var(--cty-font-size-base);--cty-alert-button-primary-background:var(--cty-color-primary);--cty-alert-button-primary-color:var(--cty-text-color-white);--cty-alert-button-primary-border-color:var(--cty-color-primary)}:host(.overlay-hidden){display:none}cty-overlay{--cty-overlay-position:var(--cty-alert-overlay-position);--cty-overlay-z-index:var(--cty-alert-overlay-z-index);--cty-overlay-background:var(--cty-alert-overlay-background);--cty-overlay-width:var(--cty-alert-overlay-width);--cty-overlay-height:var(--cty-alert-overlay-height)}.cty-alert{overflow:var(--cty-alert-overflow);position:relative;width:var(--cty-alert-width);background:var(--cty-alert-background);padding:var(--cty-alert-padding-top) var(--cty-alert-padding-end) var(--cty-alert-padding-bottom) var(--cty-alert-padding-start);border-radius:var(--cty-alert-border-radius);-webkit-transform-origin:var(--cty-alert-transform-origin);transform-origin:var(--cty-alert-transform-origin);-webkit-transform:var(--cty-alert-transform);transform:var(--cty-alert-transform)}.cty-alert__img{position:absolute;left:50%;top:0;z-index:var(--cty-alert-img-z-index);width:var(--cty-alert-img-width);-webkit-transform:translate(-50%, var(--cty-alert-img-translate-y));transform:translate(-50%, var(--cty-alert-img-translate-y));pointer-events:none}.cty-alert__close{position:absolute;z-index:calc(var(--cty-alert-img-z-index) + 1);right:var(--cty-alert-close-right);top:var(--cty-alert-close-top);font-size:var(--cty-alert-close-size);color:var(--cty-alert-close-color);border-radius:var(--cty-alert-close-border-radius);border:var(--cty-alert-close-border);width:var(--cty-alert-close-width);height:var(--cty-alert-close-height)}.cty-alert__header{position:relative;-ms-flex-pack:var(--cty-alert-title-align);justify-content:var(--cty-alert-title-align)}.cty-alert__title{font-size:var(--cty-alert-title-size);font-weight:var(--cty-alert-title-weight);line-height:var(--cty-alert-title-line-height);color:var(--cty-alert-title-color)}.cty-alert__content{position:relative;margin:var(--cty-alert-content-margin-top) 0 var(--cty-alert-content-margin-bottom);padding:var(--cty-alert-content-padding-top) var(--cty-alert-content-padding-end) var(--cty-alert-content-padding-bottom) var(--cty-alert-content-padding-start);font-size:var(--cty-alert-content-size);color:var(--cty-alert-content-color);line-height:var(--cty-alert-content-line-height);text-align:var(--cty-alert-content-align)}.cty-alert__buttons{-ms-flex-direction:var(--cty-alert-buttons-direction);flex-direction:var(--cty-alert-buttons-direction);-ms-flex-pack:var(--cty-alert-buttons-justify);justify-content:var(--cty-alert-buttons-justify);-ms-flex-align:var(--cty-alert-buttons-align);align-items:var(--cty-alert-buttons-align)}.cty-alert__button{width:var(--cty-alert-button-width);min-height:var(--cty-alert-button-min-height);padding:var(--cty-alert-button-padding);background:var(--cty-alert-button-background);font-size:var(--cty-alert-button-size);color:var(--cty-alert-button-color);border-radius:var(--cty-alert-button-radius);border:var(--cty-alert-button-border)}.cty-alert__button+.cty-alert__button{margin:var(--cty-alert-button-offset-top) 0 0 var(--cty-alert-button-offset-right)}.cty-alert__button:last-child{color:var(--cty-alert-button-primary-color);background:var(--cty-alert-button-primary-background);border-color:var(--cty-alert-button-primary-border-color)}";
+const alertCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}ion-button{--background-activated:transparent;--background-focused:transparent;--background-hover:transparent;--box-shadow:none}ion-grid{padding:0}ion-row{padding:0}ion-col{padding:0}ion-item{--padding-bottom:0;--padding-end:0;--padding-start:0;--padding-top:0;--inner-padding-top:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-bottom:0;--inner-border-width:0;--border-width:0;--min-height:0;--background:none;overflow:initial}ion-toast{--width:84%;--height:36px;--color:var(--cty-color-white);--background:rgba(0, 0, 0, 0.7);--border-radius:100px;line-height:1.2;font-size:var(--cty-font-size-base);text-align:center}:host{--cty-alert-overlay-position:fixed;--cty-alert-overlay-z-index:10;--cty-alert-overlay-background:var(--cty-overlay-color);--cty-alert-overlay-width:100vw;--cty-alert-overlay-height:100vh;--cty-alert-overflow:initial;--cty-alert-width:80%;--cty-alert-background:var(--cty-color-white);--cty-alert-padding-bottom:15px;--cty-alert-padding-end:15px;--cty-alert-padding-start:15px;--cty-alert-padding-top:15px;--cty-alert-transform:none;--cty-alert-transform-origin:center center;--cty-alert-border-radius:12px;--cty-alert-img-translate-y:0;--cty-alert-img-width:70px;--cty-alert-img-z-index:0;--cty-alert-header-padding:0;--cty-alert-header-margin:0;--cty-alert-title-align:flex-start;--cty-alert-title-color:var(--cty-text-color-primary);--cty-alert-title-size:var(--cty-font-size-medium);--cty-alert-title-weight:600;--cty-alert-title-line-height:20px;--cty-alert-close-top:12px;--cty-alert-close-right:8px;--cty-alert-close-width:24px;--cty-alert-close-height:24px;--cty-alert-close-border-radius:var(--cty-border-radius-circle);--cty-alert-close-border:1px solid var(--cty-text-color-white);--cty-alert-close-size:18px;--cty-alert-close-color:var(--cty-text-color-regular);--cty-alert-content-margin-bottom:20px;--cty-alert-content-margin-top:20px;--cty-alert-content-padding-bottom:0;--cty-alert-content-padding-end:0;--cty-alert-content-padding-start:0;--cty-alert-content-padding-top:0;--cty-alert-content-size:var(--cty-font-size-base);--cty-alert-content-align:justify;--cty-alert-content-text-indent:initial;--cty-alert-content-color:var(--cty-text-color-primary);--cty-alert-content-line-height:20px;--cty-alert-buttons-direction:row;--cty-alert-buttons-justify:center;--cty-alert-buttons-align:center;--cty-alert-buttons-padding:0;--cty-alert-buttons-margin:0;--cty-alert-button-width:100%;--cty-alert-button-min-height:36px;--cty-alert-button-padding:0;--cty-alert-button-offset-top:0;--cty-alert-button-offset-right:15px;--cty-alert-button-radius:var(--cty-border-radius-medium);--cty-alert-button-background:var(--cty-color-white);--cty-alert-button-border:1px solid var(--cty-border-color);--cty-alert-button-color:var(--cty-text-color-primary);--cty-alert-button-size:var(--cty-font-size-base);--cty-alert-button-primary-background:var(--cty-color-primary);--cty-alert-button-primary-color:var(--cty-text-color-white);--cty-alert-button-primary-border-color:var(--cty-color-primary)}:host(.overlay-hidden){display:none}cty-overlay{--cty-overlay-position:var(--cty-alert-overlay-position);--cty-overlay-z-index:var(--cty-alert-overlay-z-index);--cty-overlay-background:var(--cty-alert-overlay-background);--cty-overlay-width:var(--cty-alert-overlay-width);--cty-overlay-height:var(--cty-alert-overlay-height)}.cty-alert{overflow:var(--cty-alert-overflow);position:relative;width:var(--cty-alert-width);background:var(--cty-alert-background);padding:var(--cty-alert-padding-top) var(--cty-alert-padding-end) var(--cty-alert-padding-bottom) var(--cty-alert-padding-start);border-radius:var(--cty-alert-border-radius);-webkit-transform-origin:var(--cty-alert-transform-origin);transform-origin:var(--cty-alert-transform-origin);-webkit-transform:var(--cty-alert-transform);transform:var(--cty-alert-transform)}.cty-alert__img{position:absolute;left:50%;top:0;z-index:var(--cty-alert-img-z-index);width:var(--cty-alert-img-width);-webkit-transform:translate(-50%, var(--cty-alert-img-translate-y));transform:translate(-50%, var(--cty-alert-img-translate-y));pointer-events:none}.cty-alert__close{position:absolute;z-index:calc(var(--cty-alert-img-z-index) + 1);right:var(--cty-alert-close-right);top:var(--cty-alert-close-top);font-size:var(--cty-alert-close-size);color:var(--cty-alert-close-color);border-radius:var(--cty-alert-close-border-radius);border:var(--cty-alert-close-border);width:var(--cty-alert-close-width);height:var(--cty-alert-close-height)}.cty-alert__header{position:relative;-ms-flex-pack:var(--cty-alert-title-align);justify-content:var(--cty-alert-title-align);margin:var(--cty-alert-header-margin);padding:var(--cty-alert-header-padding)}.cty-alert__title{font-size:var(--cty-alert-title-size);font-weight:var(--cty-alert-title-weight);line-height:var(--cty-alert-title-line-height);color:var(--cty-alert-title-color)}.cty-alert__content{position:relative;margin:var(--cty-alert-content-margin-top) 0 var(--cty-alert-content-margin-bottom);padding:var(--cty-alert-content-padding-top) var(--cty-alert-content-padding-end) var(--cty-alert-content-padding-bottom) var(--cty-alert-content-padding-start);font-size:var(--cty-alert-content-size);color:var(--cty-alert-content-color);line-height:var(--cty-alert-content-line-height);text-align:var(--cty-alert-content-align);text-indent:var(--cty-alert-content-text-indent)}.cty-alert__buttons{-ms-flex-direction:var(--cty-alert-buttons-direction);flex-direction:var(--cty-alert-buttons-direction);-ms-flex-pack:var(--cty-alert-buttons-justify);justify-content:var(--cty-alert-buttons-justify);-ms-flex-align:var(--cty-alert-buttons-align);align-items:var(--cty-alert-buttons-align);margin:var(--cty-alert-buttons-margin);padding:var(--cty-alert-buttons-padding)}.cty-alert__button{width:var(--cty-alert-button-width);min-height:var(--cty-alert-button-min-height);padding:var(--cty-alert-button-padding);background:var(--cty-alert-button-background);font-size:var(--cty-alert-button-size);color:var(--cty-alert-button-color);border-radius:var(--cty-alert-button-radius);border:var(--cty-alert-button-border)}.cty-alert__button+.cty-alert__button{margin:var(--cty-alert-button-offset-top) 0 0 var(--cty-alert-button-offset-right)}.cty-alert__button:last-child{color:var(--cty-alert-button-primary-color);background:var(--cty-alert-button-primary-background);border-color:var(--cty-alert-button-primary-border-color)}";
 const CtyAlertStyle0 = alertCss;
 
 const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
@@ -33,7 +33,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         this.img = '';
         this.closeable = true;
         this.content = '';
-        this.buttons = config.get('alertButtons') || [];
+        this.buttons = undefined;
         this.root = 'default';
         this.animated = false;
         this.cssClass = undefined;
@@ -48,7 +48,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         }
     }
     buttonsChanged() {
-        const buttons = this.buttons;
+        const buttons = this.buttons || config.get('alertButtons', []);
         this._buttonList = buttons === null || buttons === void 0 ? void 0 : buttons.map((p) => {
             if (typeof p === 'string') {
                 const item = {};
@@ -94,14 +94,14 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         return eventMethod(this.el, 'ctyWillDismiss');
     }
     async _buttonClick(item, index) {
-        item.handler && await item.handler(this.buttons[index]);
+        item.handler && await item.handler((this.buttons || config.get('alertButtons', []))[index]);
         this.ctyTap.emit({ item, index });
         if (item.action && item.action.toLowerCase() === 'cancel') {
             this.dismiss();
         }
     }
     render() {
-        return (h(Host, { key: 'd713b1fd9c8192603fb4d54aaeb17feaacfba32e', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '18a256d64b3173d04b4e5dfa47513e5404a7f6ac', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("slot", { key: '1691e36d515c56512fef9d93b632dfefc0c91bda', name: "alert" }), h("div", { key: 'd96c607e2dab8ae4b71060195f5804446a7edd1d', class: "cty-alert", onClick: (e) => e.stopPropagation() }, this.img && h("img", { key: '04d4f58723ceff6ce797371207ef81f39ef728c5', src: this.img, class: "cty-alert__img" }), this.closeable && h("slot", { key: '2ca5608f330e30c842fa556129fadb7c9856bb66', name: "close" }, h("button", { key: '12356f982f54749cef1942f8eb48795e627da41c', class: "cty-alert__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '15bfd6cb29347ecc7f5b465c3f64f70e97e93790', name: "cty-close2" }))), h("slot", { key: '576ca650954e4156b402825f4afaeec638d03ed9', name: "header" }), h("div", { key: 'aa230ed44509e56277b68e04173c186aca8dba8c', class: "cty-alert__header flex-align-center" }, h("slot", { key: 'faa4bd8151d03ab5174a85afb69f6f72283edfd7', name: "title-start" }), h("h3", { key: 'c0d369168c5d26f9b5d89b719178c972e11bdc83', class: "cty-alert__title" }, this.title), h("slot", { key: 'e06b7b2585f86473c96c3319a640ce5c89364997', name: "title-end" })), h("slot", { key: '8778e1b3f88da15a37e8e2ff1cbf60bbc5de7d21', name: "content" }), this.content && h("div", { key: '26580052b132aae741a0d11610953b16f051d3bb', class: "cty-alert__content", innerHTML: sanitizeDOMString(this.content) }), h("slot", { key: 'abee9be674db2c73e3e6dbfc82e57325680a488e', name: "buttons" }), !!this._buttonList.length && h("div", { key: '1b264ebe249a100f7d32e296b52a0f3271ed35c6', class: "cty-alert__buttons flex" }, this._buttonList.map((ele, idx) => h("button", { onClick: () => this._buttonClick(ele, idx), class: { 'cty-alert__button cty-button-native': true } }, ele.text))), h("slot", { key: '54589a597eeac8f264d18a6809a33c3c6ed23f7f', name: "bottom" })))));
+        return (h(Host, { key: '959ed76f6084891a99fb90008df48b4f39bf44fc', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '428839b5edca9837bb10c21632ba580119a51ac3', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("slot", { key: '37d9df8286b23d234d85c1b33b91db2128d58492', name: "alert" }), h("div", { key: '39e50b5b2f81e95b10ac392c31ee02342a92d684', class: "cty-alert", onClick: (e) => e.stopPropagation() }, this.img && h("img", { key: 'c9c21149b8419d37019e1312a8abe7654960514d', src: this.img, class: "cty-alert__img" }), this.closeable && h("slot", { key: '0ee3f870e8dbb6bb153620241b8e19ca0947dde3', name: "close" }, h("button", { key: '49a935a9de515e16977ad310ba1ee583ad470aa5', class: "cty-alert__close cty-button-native", onClick: () => this.dismiss() }, h("cty-icon", { key: '1756645fc07d22bd42e7a6273ea887277c8ffcfe', name: "cty-close2" }))), h("slot", { key: '79f092f60b55247ff4caa919fb57df81dd1e7214', name: "header" }), h("div", { key: 'fd4a14e9a412043b3ceb6ad29793f0d3d1d4b2fe', class: "cty-alert__header flex-align-center", part: "header" }, h("slot", { key: 'c364da9e26183ab9cc5bf8836c1394ffa528d56e', name: "title-start" }), h("h3", { key: '18477afe5c3cc4d0a929d5cc2401ebf862ae233a', class: "cty-alert__title" }, this.title), h("slot", { key: '85ef231b12ddd0c878feaa5d664a3949e75b90d0', name: "title-end" })), h("slot", { key: '523ee1cb831024ccd7816a21dfc8085f4cb23fae', name: "content" }), this.content && h("div", { key: '2427057ffc166446c7bf14ac2d9e62bb3da4c674', part: "content", class: "cty-alert__content", innerHTML: sanitizeDOMString(this.content) }), h("slot", { key: '7c5f6b8a30732983d1745f92f029cddb3cf10041', name: "buttons" }), !!this._buttonList.length && h("div", { key: '781d0cab69ca15fc591f599622bb22cbb6f1c38b', class: "cty-alert__buttons flex", part: "buttons" }, this._buttonList.map((ele, idx) => h("button", { part: "button button" + idx, onClick: () => this._buttonClick(ele, idx), class: { 'cty-alert__button cty-button-native': true } }, ele.text))), h("slot", { key: '681f5313cf4b4313926578fe88d0ddd5a7551e20', name: "bottom" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/banner.js

@@ -60,7 +60,7 @@ const Banner = /*@__PURE__*/ proxyCustomElement(class Banner extends HTMLElement
             indicator,
             touchable
         };
-        return (h(Host, { key: 'e6bb5b37afc1903102f472fed7ce11372cda4531', class: "cty-banner" }, h("cty-swipe", Object.assign({ key: 'd7d9a040a27f8b1510496c084a20b15a03550339', class: "cty-banner__swipe" }, attrs, { onCtyChange: (e) => this.handleChange(e), ref: (el) => this.swipeEl = el }), this._banners.map((item, index) => (h("cty-swipe-item", { class: "cty-banner__swipe-item", onClick: (e) => { this.handleTap(e, item, index); } }, item[this.props.pic] && h("img", { class: "cty-banner__img", src: item[this.props.pic], alt: item[this.props.alt || ''] }), h("slot", { name: index + '' })))), h("slot", { key: 'c61fb12e3c1cf3a4c5bf2f432761dfd1a6218fe8', slot: "start", name: "start" }), h("slot", { key: '82d127e0d47c3cd6836fecd07bb6cd01da9644b9', slot: "end", name: "end" }))));
+        return (h(Host, { key: 'c8fc6e5308ddff650870f7b9cd69c95180f4ff46', class: "cty-banner" }, h("cty-swipe", Object.assign({ key: '80020a2b65ed9e067d6e345d2962ac7880a38fc5', class: "cty-banner__swipe" }, attrs, { onCtyChange: (e) => this.handleChange(e), ref: (el) => this.swipeEl = el }), this._banners.map((item, index) => (h("cty-swipe-item", { class: "cty-banner__swipe-item", onClick: (e) => { this.handleTap(e, item, index); } }, item[this.props.pic] && h("img", { class: "cty-banner__img", src: item[this.props.pic], alt: item[this.props.alt || ''] }), h("slot", { name: index + '' })))), h("slot", { key: 'f929374df6ae7db99663cbf311ad3e30e8864114', slot: "start", name: "start" }), h("slot", { key: 'e03ec41fa220c6d4347cffbdee37a58519e58f03', slot: "end", name: "end" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/circle.js

@@ -35,11 +35,11 @@ const Circle = /*@__PURE__*/ proxyCustomElement(class Circle extends HTMLElement
         this.updateSVGAttr();
     }
     updateSVGAttr() {
-        var _a, _b, _c, _d, _e;
+        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.width + this.rad * 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((_e = (_d = this.svgEl) === null || _d === void 0 ? void 0 : _d.querySelectorAll('stop')) !== null && _e !== void 0 ? _e : []).forEach((stopEL, index) => {
+        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);
@@ -59,11 +59,11 @@ const Circle = /*@__PURE__*/ proxyCustomElement(class Circle extends HTMLElement
         return `M ${viewBoxSize / 2} ${viewBoxSize / 2} m 0, -500 a 500, 500 0 1, ${sweepFlag} 0, 1000 a 500, 500 0 1, ${sweepFlag} 0, -1000`;
     }
     render() {
-        return (h(Host, { key: '75beb83b1851d9a87ad50c7b7185f317e858bc50', class: "cty-circle" }, h("svg", { key: '256c80eb3a76c7cd2356255f0c46e0e2cb372dc0', ref: el => (this.svgEl = el) }, this.needDefs && h("defs", { key: 'dadae631ca1d7329c6e46cf6dffc316ee0902b3a' }, h("linearGradient", { key: '49ceccab6b71b5382f0f93a9015c7582ee2bce6c', id: this.gradientId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, this.colors.map(() => (h("stop", null))))), h("path", { key: '950cf13feb06df61ef664d06ed876db2504bbf98', ref: el => (this.layerEl = el), class: "cty-circle__layer", style: { 'stroke-width': this.width + 'px' } }), h("path", { key: 'a827bc67b031ffc5ba92f00618cbcc27136b7b39', ref: el => (this.hoverEl = el), class: "cty-circle__hover", style: {
+        return (h(Host, { key: '4615a36df5463b4f9e9f9f7220ae5937507b21f0', class: "cty-circle" }, h("svg", { key: 'f5ba1507ff597461d60255efc244ff29ddd5ebb4', ref: el => (this.svgEl = el) }, this.needDefs && h("defs", { key: '86b909985b37195fe2cd68b57e97958ae89d100e' }, h("linearGradient", { key: '3f39de431f271a55b73f79be5cce5fb0cb2d8113', id: this.gradientId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, this.colors.map(() => (h("stop", null))))), h("path", { key: 'ffa514538439ec99972e8b5c39a5792e5926f987', ref: el => (this.layerEl = el), class: "cty-circle__layer", style: { 'stroke-width': this.width + 'px' } }), h("path", { key: 'c1b5dd07c9b2c94f95c984b0cdd359d0b2799539', 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 + 1 + 'px',
                 'strokeDasharray': (this.rate / 100 * this.perimeter) + 'px ' + this.perimeter + 'px'
-            } })), this.text !== '' && h("div", { key: '09461790226951d7377eb66cd96ee5965ccc671d', class: "cty-circle__text" }, this.text), h("slot", { key: 'bb9d03247849c466354a217e91123e90c3ae4689' })));
+            } })), this.text !== '' && h("div", { key: 'fb130dcdcafb4e61cb7e988613d43e0bcfc23dbc', class: "cty-circle__text" }, this.text), h("slot", { key: 'cf12711e75c472c21b7242559132497bdf78132f' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/crop-image.js

@@ -209,7 +209,7 @@ const CropImage = /*@__PURE__*/ proxyCustomElement(class CropImage extends HTMLE
         return (h("div", { class: "cty-crop-image__buttons flex-center-between safe-area-bottom-border-color" }, this.cancelText && cancelCmp, this.confirmText && confirmCmp));
     }
     render() {
-        return (h(Host, { key: '33e790d0a11b49f0b8490f2bd03be2acce6877c7', class: "cty-crop-image flex-center", onMouseDown: (e) => this.doTouchStart(e), onTouchStart: (e) => this.doTouchStart(e), onTouchMove: (e) => this.doTouchMove(e), onTouchEnd: () => this.doTouchEnd() }, h("slot", { key: 'd5a1a5850612b75b6209c2828d2a2cd5a293c793', name: "header" }), h("div", { key: 'f459ad61d4405de45dc8312ead8f0021714121bd', class: "cty-crop-image__wrapper", ref: el => (this.imageEl = el) }, h("img", { key: '01a16a69e523d69152233bf545ed9cf8587e8b9f', src: this.url, class: "cty-crop-image__image" })), h("div", { key: 'f0b1ef444ae147b207a36ae4745cfdab2da0c4f7', class: "cty-crop-image__clip", ref: el => (this.clipEl = el) }), h("slot", { key: '8e22b55eead2fcb5807bfd173f644b7402195b56', name: "clip" }), this.renderButtons(), h("slot", { key: '24ddd7d2eef20471cd954508f04ac57e2822de63', name: "footer" })));
+        return (h(Host, { key: '43f17e672b771c53152dfe0847e177a0c2ba76aa', class: "cty-crop-image flex-center", onMouseDown: (e) => this.doTouchStart(e), onTouchStart: (e) => this.doTouchStart(e), onTouchMove: (e) => this.doTouchMove(e), onTouchEnd: () => this.doTouchEnd() }, h("slot", { key: 'e2da889d53b0db5b1d430c2a8b4499962bb302cc', name: "header" }), h("div", { key: 'cfb668814543995fa37056d8678707da366ca0b1', class: "cty-crop-image__wrapper", ref: el => (this.imageEl = el) }, h("img", { key: 'af52f5f040a65a485a6dd1a3f31ebe7d5ca7bc9b', src: this.url, class: "cty-crop-image__image" })), h("div", { key: 'a22f4a33ac1ed2bc66e25184fe3773013e3a6475', class: "cty-crop-image__clip", ref: el => (this.clipEl = el) }), h("slot", { key: '155ae12288f52032a3dd9a6f130e5adb8ca657c8', name: "clip" }), this.renderButtons(), h("slot", { key: 'dcd24e27b48a6ca42d3eafec4963d5f251465679', name: "footer" })));
     }
     get el() { return this; }
     static get style() { return CtyCropImageStyle0; }

package/components/cty-article-card.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const articleCardCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-article-card-title-color:var(--cty-text-color-primary);--cty-article-card-title-size:var(--cty-font-size-medium);--cty-article-card-title-weight:500;--cty-article-card-title-line-height:24px;--cty-article-card-title-line-clamp:2;--cty-article-card-thumbnail-width:100px;--cty-article-card-thumbnail-height:auto;--cty-article-card-thumbnail-radius:4px;--cty-article-card-thumbnail-offset:15px;--cty-article-card-thumbnail-offset-top:8px;--cty-article-card-thumbnail-gap:5px;--cty-article-card-thumbnail-img-width:calc((100% - var(--cty-article-card-thumbnail-gap) * 2) / 3);--cty-article-card-thumbnail-img-height:auto;display:block;overflow:hidden;width:100%;background:var(--cty-color-white);padding:12px 15px}:host(.cty-article-card__right){-ms-flex-flow:row-reverse;flex-flow:row-reverse}.cty-article-card__thumbnail{overflow:hidden;min-width:var(--cty-article-card-thumbnail-width);width:var(--cty-article-card-thumbnail-width);height:var(--cty-article-card-thumbnail-height);border-radius:var(--cty-article-card-thumbnail-radius);margin-right:var(--cty-article-card-thumbnail-offset)}.cty-article-card__thumbnail img{display:block;width:100%;height:100%}.cty-article-card__thumbnail-right{margin-right:0;margin-left:var(--cty-article-card-thumbnail-offset)}.cty-article-card__content{-ms-flex:1;flex:1;min-height:var(--cty-article-card-thumbnail-height)}.cty-article-card__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cty-article-card-title-line-clamp);line-clamp:var(--cty-article-card-title-line-clamp);word-break:break-all;line-break:anywhere;color:var(--cty-article-card-title-color);font-size:var(--cty-article-card-title-size);font-weight:var(--cty-article-card-title-weight);line-height:var(--cty-article-card-title-line-height)}.cty-article-card__thumbnails{margin-top:var(--cty-article-card-thumbnail-offset-top)}.cty-article-card__thumbnails-img{width:var(--cty-article-card-thumbnail-img-width);height:var(--cty-article-card-thumbnail-img-height);border-radius:var(--cty-article-card-thumbnail-radius)}.cty-article-card__thumbnails-img:not(:nth-child(3n+1)){margin-left:var(--cty-article-card-thumbnail-gap)}.cty-article-card__thumbnails-img:nth-child(n+4){margin-top:var(--cty-article-card-thumbnail-gap)}";
+const articleCardCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.flex{display:-ms-flexbox;display:flex}.flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.flex-align-start{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.flex-align-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-align-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-justify-start{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.flex-justify-end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.flex-align-end-start{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.flex-align-end-center{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.flex-align-end-end{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.flex-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-center-justify-end{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.flex-between{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.flex-center-between{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.flex-column{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}.flex-column-align-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.flex-column-justify-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center}.flex-column-center{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flex-column-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:justify;justify-content:space-between}.flex-column-center-between{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host{--cty-article-card-title-color:var(--cty-text-color-primary);--cty-article-card-title-size:var(--cty-font-size-medium);--cty-article-card-title-weight:500;--cty-article-card-title-line-height:24px;--cty-article-card-title-line-clamp:2;--cty-article-card-thumbnail-width:100px;--cty-article-card-thumbnail-height:auto;--cty-article-card-thumbnail-radius:4px;--cty-article-card-thumbnail-offset:15px;--cty-article-card-thumbnail-offset-top:8px;--cty-article-card-thumbnail-gap:5px;--cty-article-card-thumbnail-img-width:calc((100% - var(--cty-article-card-thumbnail-gap) * 2) / 3);--cty-article-card-thumbnail-img-height:auto;--cty-article-card-content-min-height:auto;--cty-article-card-content-max-width:auto;--cty-article-card-content-margin:0;--cty-article-card-content-padding:0;display:block;overflow:hidden;width:100%;background:var(--cty-color-white);padding:12px 15px}:host(.cty-article-card__right){-ms-flex-flow:row-reverse;flex-flow:row-reverse}.cty-article-card__thumbnail{overflow:hidden;min-width:var(--cty-article-card-thumbnail-width);width:var(--cty-article-card-thumbnail-width);height:var(--cty-article-card-thumbnail-height);border-radius:var(--cty-article-card-thumbnail-radius);margin-right:var(--cty-article-card-thumbnail-offset)}.cty-article-card__thumbnail img{display:block;width:100%;height:100%}.cty-article-card__thumbnail-right{margin-right:0;margin-left:var(--cty-article-card-thumbnail-offset)}.cty-article-card__content{-ms-flex:1;flex:1;min-height:var(--cty-article-card-content-min-height);max-width:var(--cty-article-card-content-max-width);margin:var(--cty-article-card-content-margin);padding:var(--cty-article-card-content-padding)}.cty-article-card__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cty-article-card-title-line-clamp);line-clamp:var(--cty-article-card-title-line-clamp);word-break:break-all;line-break:anywhere;color:var(--cty-article-card-title-color);font-size:var(--cty-article-card-title-size);font-weight:var(--cty-article-card-title-weight);line-height:var(--cty-article-card-title-line-height)}.cty-article-card__thumbnails{margin-top:var(--cty-article-card-thumbnail-offset-top)}.cty-article-card__thumbnails-img{width:var(--cty-article-card-thumbnail-img-width);height:var(--cty-article-card-thumbnail-img-height);border-radius:var(--cty-article-card-thumbnail-radius)}.cty-article-card__thumbnails-img:not(:nth-child(3n+1)){margin-left:var(--cty-article-card-thumbnail-gap)}.cty-article-card__thumbnails-img:nth-child(n+4){margin-top:var(--cty-article-card-thumbnail-gap)}";
 const CtyArticleCardStyle0 = articleCardCss;
 
 const ArticleCard = /*@__PURE__*/ proxyCustomElement(class ArticleCard extends HTMLElement {
@@ -36,7 +36,7 @@ const ArticleCard = /*@__PURE__*/ proxyCustomElement(class ArticleCard extends H
     }
     render() {
         const { currentLayout, singleThumbnail, multiThumbnailUrls, title } = this;
-        return (h(Host, { key: 'bb88bfebf576c0b44fe7dac7ddd8cd8ee8ff09fa', class: { 'cty-article-card': true, 'flex-between': currentLayout !== 'bottom', 'cty-article-card__right': currentLayout === 'right' } }, singleThumbnail && currentLayout !== 'bottom' && (h("div", { key: '78acc96757848c61265e09b35e9192e7d5a38880', class: { 'cty-article-card__thumbnail': true, 'cty-article-card__thumbnail-right': currentLayout === 'right' } }, h("img", { key: '7d3fd1975b1a4c8cac2b1d546c6d1d65401b0808', src: singleThumbnail }))), h("div", { key: '90ac2600aaff3baea374615f25ea69261f222681', class: "cty-article-card__content flex-column-between" }, h("p", { key: '94a483ba42a18c4da860b4210bb8e0613d2e25a6', class: "cty-article-card__title" }, title), h("slot", { key: '4234fcd05b525ef534f74104d05d3e540e22a8d7' })), multiThumbnailUrls.length > 0 && (h("div", { key: 'fcad4cf18baeac9c02406d5c7072ea712979b38e', class: "cty-article-card__thumbnails flex-wrap" }, multiThumbnailUrls.map(thumbnail => (h("img", { src: thumbnail, class: "cty-article-card__thumbnails-img" })))))));
+        return (h(Host, { key: 'bb88bfebf576c0b44fe7dac7ddd8cd8ee8ff09fa', class: { 'cty-article-card': true, 'flex-between': currentLayout !== 'bottom', 'cty-article-card__right': currentLayout === 'right' } }, singleThumbnail && currentLayout !== 'bottom' && (h("div", { key: 'd704a4097df3dc745c69214a19197df1df4d5939', part: "thumbnail", class: { 'cty-article-card__thumbnail': true, 'cty-article-card__thumbnail-right': currentLayout === 'right' } }, h("img", { key: 'c4b87e95bc21042a79ba661dbb41da0b5f1dbc81', src: singleThumbnail }))), h("div", { key: 'd749ad6eb3e0d6c166543f82ea10b9122e473561', class: "cty-article-card__content flex-column-between", part: "content" }, h("p", { key: '382b493320ef7fe173f07f3665918fa432afe5cf', class: "cty-article-card__title" }, title), h("slot", { key: '069dc23553a1a1acd8805d938114b3942b193b23' })), multiThumbnailUrls.length > 0 && (h("div", { key: '5c9a02725ebec4e6069d6517a98c85f05476eb6f', class: "cty-article-card__thumbnails flex-wrap", part: "thumbnails" }, multiThumbnailUrls.map(thumbnail => (h("img", { src: thumbnail, class: "cty-article-card__thumbnails-img" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-audio.js

@@ -128,11 +128,11 @@ const Audio = /*@__PURE__*/ proxyCustomElement(class Audio extends HTMLElement {
             }
             const _currentTime = (this.playProgress / 100.0) * this.audioEl.duration;
             this.audioEl.currentTime = _currentTime;
-            this.setPlayedTime();
+            this.updatePlayedTime();
         }
     }
     // 设置播放时间
-    setPlayedTime() {
+    async updatePlayedTime() {
         const currTime = Math.floor(this.audioEl.currentTime);
         const duration = this.audioEl.duration;
         this.playProgress = duration > 0 ? Math.round((currTime / duration) * 100) : 0;
@@ -178,11 +178,11 @@ const Audio = /*@__PURE__*/ proxyCustomElement(class Audio extends HTMLElement {
         const currentTime = this.audioEl.currentTime; /*当前已播放的时间,单位秒*/
         const d = currentTime / this.audioEl.duration; /*当前播放时常占总时常的百分比*/
         this.playProgress = Math.floor(d * 100);
-        this.setPlayedTime();
+        this.updatePlayedTime();
         this.ctyTimeupdate.emit();
     }
     _audioCanplay() {
-        this.setPlayedTime();
+        this.updatePlayedTime();
         this.ctyCanplay.emit();
         if (this.autoplay && this.isWifi) {
             this.isPlaying = true;
@@ -252,7 +252,7 @@ const Audio = /*@__PURE__*/ proxyCustomElement(class Audio extends HTMLElement {
         });
     }
     render() {
-        return (h(Host, { key: '89727e7d285ff0fdce65cb50142470c900431a22', class: "cty-audio flex-align-center" }, h("slot", { key: '2850fdda73c031f524e02fd7f9b6c73b743062a5', name: "start" }), this.playCtrl && (h("button", { key: 'b7d153d4d886cf89369ea0a0645f70ad61b2d031', class: "cty-audio__toggle-play cty-button-native", onClick: () => this.switchAudio() }, h("cty-icon", { key: 'cc23805830636ded1f11ab001e1b0d7c362388ff', name: !this.isPlaying ? 'cty-play' : 'cty-pause' }))), h("slot", { key: 'b8b6825b56a92e1a6a76def44f769926e7fcdb30', name: "range" }), h("div", { key: '38825585418f7c2bf55642a1f2e35f502b3235c6', class: "cty-audio__range flex-column-between" }, h("div", { key: '237f1ba3aba049a943006ea6749a5196ae92b688', class: "cty-audio__range-touch", onTouchStart: e => this._doPrgTouchstart(e), onTouchMove: e => this._doPrgTouchmove(e), onTouchEnd: () => this._doPrgTouchend() }), h("ion-range", { key: '33a2d2fa1fc6d5f4c559a719186c3c109e4bd912', class: "cty-audio__range-progress", value: this.playProgress }), h("div", { key: '706e48939811b4c11c4c3655609238de39798246', class: "cty-audio__range-label flex-center-between" }, h("span", { key: 'ded81ee9783960459b9c0c08db7fe8b5066c5584' }, this.currentTimeLabel), h("span", { key: '5f8322c40afcd1d7f1198b252752c6319369cf79' }, this.totalTimeLabel))), h("div", { key: '141d2524303dc92caaa28401f7ec0909b9a6017a', class: "flex-center cty-audio__rate" }, this.rateVisible && (h("button", { key: 'dea93f01a29236e49733fa45dda14b5d51e549f9', class: "cty-button-native flex-column-between cty-audio__rate-button", onClick: e => this._toSetRate(e) }, h("img", { key: 'b58224024a6613ac55a7d04d64d19598b34ea70c', src: this.rateIconUrl }), h("span", { key: '900b52c5f854efa64d495834cc6bf4014c23f36e' }, "\u500D\u901F"))), h("slot", { key: '8978764ad990c64b97f88d8bffeb6e9816ddbf19', name: "ends" })), h("audio", { key: 'feb06b6a6d092175f212026b5422d0f907c11b7f', ref: el => (this.audioEl = el), preload: "metadata", src: this.url, autoplay: this.autoplay && this.isWifi, onTimeUpdate: () => this._audioTimeupdate(), onCanPlay: () => this._audioCanplay(), onEnded: () => this._audioEnded(), onPlay: () => this._audioPlay(), onPause: () => this._audioPause(), onError: () => this._audioError() }), this.rateDialogVisible && (h("cty-action-sheet", { key: '7a866754c8e34873cbaf4022599519494ac951f1', animated: false, root: '', cancelText: "\u53D6\u6D88", overlayIndex: 1, onCtyDismiss: () => (this.rateDialogVisible = false) }, h("div", { key: 'eb631b13ba552ac05fba523d21b0b11b79b119bb', slot: 'options', class: "cty-overlay__rates" }, this.rates.map((item) => h("button", { class: { active: this.rate == item, 'flex-center-between cty-button-native cty-overlay__rate': true }, onClick: () => this.setPlayRate(item) }, h("span", null, item, "X"), h("cty-icon", { name: this.rate == item ? checkmarkCircle : radioButtonOffOutline, slot: "end" })))))), h("ion-toast", { key: 'e904c019c87ca2fde53a890104a6ae376707a7d5', "is-open": this.isToastVisible, message: this.toastMessage, duration: this.toastDuration, onIonToastDidDismiss: () => this.isToastVisible = false, position: 'middle' })));
+        return (h(Host, { key: '1eb1967717312954e4328b5e9707d4d495295dac', class: "cty-audio flex-align-center" }, h("slot", { key: '7b57621cad62f83e35de4404befa22cf93aacc38', name: "start" }), this.playCtrl && (h("button", { key: '3b3f9d3ca211230cfdd582026438b0171cafcad1', class: "cty-audio__toggle-play cty-button-native", onClick: () => this.switchAudio() }, h("cty-icon", { key: '8b788cbd4172d11b6409d2bbaf7739736401aa8e', name: !this.isPlaying ? 'cty-play' : 'cty-pause' }))), h("slot", { key: '3dc13b5d14e50c2d650e2542b7de6612d101d6c5', name: "range" }), h("div", { key: '36b1b804c40088615adbd9f749f5db0ffef24149', class: "cty-audio__range flex-column-between" }, h("div", { key: '453a9882754b11891480d698f7c98b4674f0d417', class: "cty-audio__range-touch", onTouchStart: e => this._doPrgTouchstart(e), onTouchMove: e => this._doPrgTouchmove(e), onTouchEnd: () => this._doPrgTouchend() }), h("ion-range", { key: 'eefc8c6e4404a26ec5d225c418c898e313395267', class: "cty-audio__range-progress", value: this.playProgress }), h("div", { key: 'bbc1fc84a27d76d0a2044e2ac146c2281eef472d', class: "cty-audio__range-label flex-center-between" }, h("span", { key: 'bde1b22eac69823c4b3057886b458784ea4d8c55' }, this.currentTimeLabel), h("span", { key: '2357ba7e2712cba84230cbba7fe7671081460182' }, this.totalTimeLabel))), h("div", { key: '493d6d664479bd4fa8a48863fa8828a9b1e1ac87', class: "flex-center cty-audio__rate" }, this.rateVisible && (h("button", { key: 'd9950ba09a202ceb21304ec715445811d355d69e', class: "cty-button-native flex-column-between cty-audio__rate-button", onClick: e => this._toSetRate(e) }, h("slot", { key: 'e29a92e8918bbe85dd4dcb3f336eeda9f8781226', name: "rate-button" }, h("img", { key: 'f6bc6d5b2ab16091cb593d330bbe6704b874cdb3', src: this.rateIconUrl }), h("span", { key: '1f9dec2f163a44b6437b1c507f96e48192e4cb91' }, "\u500D\u901F")))), h("slot", { key: '13492acc6011c9f46f903874f3727a4eb36fe1e0', name: "rate" })), h("slot", { key: '456f133c5c3f7d07670e514527de87165ce80bef', name: "end" }), h("audio", { key: 'fbf0057af7b356633a4bf9aed0ecdd0dc526f581', ref: el => (this.audioEl = el), preload: "metadata", src: this.url, autoplay: this.autoplay && this.isWifi, onTimeUpdate: () => this._audioTimeupdate(), onCanPlay: () => this._audioCanplay(), onEnded: () => this._audioEnded(), onPlay: () => this._audioPlay(), onPause: () => this._audioPause(), onError: () => this._audioError() }), this.rateDialogVisible && (h("cty-action-sheet", { key: '7dd364906c199faaead13e688f65ccba0f4b0527', animated: false, root: '', cancelText: "\u53D6\u6D88", overlayIndex: 1, onCtyDismiss: () => (this.rateDialogVisible = false) }, h("div", { key: '4d5913627c433f15cc85b70525841eece84ed9d2', slot: 'options', class: "cty-overlay__rates" }, this.rates.map((item) => h("button", { class: { active: this.rate == item, 'flex-center-between cty-button-native cty-overlay__rate': true }, onClick: () => this.setPlayRate(item) }, h("span", null, item, "X"), h("cty-icon", { name: this.rate == item ? checkmarkCircle : radioButtonOffOutline, slot: "end" })))))), h("ion-toast", { key: '9001f89f65f7f9913e54c4b3199c408f7f6f85a0', "is-open": this.isToastVisible, message: this.toastMessage, duration: this.toastDuration, onIonToastDidDismiss: () => this.isToastVisible = false, position: 'middle' })));
     }
     get el() { return this; }
     static get style() { return CtyAudioStyle0; }
@@ -279,6 +279,7 @@ const Audio = /*@__PURE__*/ proxyCustomElement(class Audio extends HTMLElement {
         "isToastVisible": [32],
         "toastMessage": [32],
         "toastDuration": [32],
+        "updatePlayedTime": [64],
         "switchAudio": [64],
         "play": [64],
         "pause": [64],

package/components/cty-camera-photo.js

@@ -207,7 +207,7 @@ class CTYImagePicker {
 }
 const imagePicker = new CTYImagePicker();
 
-const cameraPhotoCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host{--cty-camera-photo-overlay-position:fixed;--cty-camera-photo-overlay-z-index:10;--cty-camera-photo-overlay-background:var(--cty-overlay-color);--cty-camera-photo-overlay-width:100vw;--cty-camera-photo-overlay-height:100vh;--cty-camera-photo-padding:0;--cty-camera-photo-border-radius:0;--cty-camera-photo-title-color:var(--cty-text-color-primary);--cty-camera-photo-title-size:var(--cty-font-size-medium);--cty-camera-photo-title-line-height:36px;--cty-camera-photo-title-weight:500;--cty-camera-photo-title-align:center;--cty-camera-photo-close-top:10px;--cty-camera-photo-close-right:10px;--cty-camera-photo-close-color:var(--cty-text-color-secondary);--cty-camera-photo-close-size:20px;--cty-camera-photo-option-padding-bottom:14px;--cty-camera-photo-option-padding-top:14px;--cty-camera-photo-option-text-align:center;--cty-camera-photo-option-text-color:var(--cty-text-color-primary);--cty-camera-photo-option-text-size:var(--cty-font-size-medium);--cty-camera-photo-option-text-line-height:22px;--cty-camera-photo-cancel-background:var(--cty-color-white);--cty-camera-photo-cancel-padding-top:0;--cty-camera-photo-cancel-padding-bottom:0;--cty-camera-photo-cancel-border:8px solid var(--cty-border-color-extra-light);--cty-camera-photo-cancel-color:var(--cty-text-color-primary);--cty-camera-photo-cancel-min-height:48px;--cty-camera-photo-cancel-size:var(--cty-font-size-medium);--cty-camera-photo-crop-width:100vw;--cty-camera-photo-crop-height:100vh;--cty-camera-photo-crop-background:var(--cty-color-black);--cty-camera-photo-crop-clip-height:100vw;--cty-camera-photo-crop-clip-width:100vw;--cty-camera-photo-crop-clip-background:var(--cty-overlay-color-dark);--cty-camera-photo-crop-clip-border:1px solid #767676;--cty-camera-photo-crop-buttons-padding:12px 0;--cty-camera-photo-crop-button-padding:0 12px;--cty-camera-photo-crop-button-color:var(--cty-text-color-white);--cty-camera-photo-crop-button-active-color:var(--cty-text-color-white);--cty-camera-photo-crop-button-size:var(--cty-font-size-base);--cty-camera-photo-crop-button-line-height:30px;--cty-camera-photo-crop-button-weight:400;--cty-camera-photo-crop-overlay-background:var(--cty-overlay-color);--cty-camera-photo-permission-purpose-overlay-background:transparent;--cty-camera-photo-permission-purpose-overlay-height:auto}:host(.overlay-hidden){display:none}cty-action-sheet{--cty-action-sheet-overlay-position:var(--cty-camera-photo-overlay-position);--cty-action-sheet-overlay-z-index:var(--cty-camera-photo-overlay-z-index);--cty-action-sheet-overlay-width:var(--cty-camera-photo-overlay-width);--cty-action-sheet-overlay-height:var(--cty-camera-photo-overlay-height);--cty-action-sheet-overlay-background:var(--cty-camera-photo-overlay-background);--cty-action-sheet-padding:var(--cty-camera-photo-padding);--cty-action-sheet-border-radius:var(--cty-camera-photo-border-radius);--cty-action-sheet-title-color:var(--cty-camera-photo-title-color);--cty-action-sheet-title-size:var(--cty-camera-photo-title-size);--cty-action-sheet-title-line-height:var(--cty-camera-photo-title-line-height);--cty-action-sheet-title-weight:var(--cty-camera-photo-title-weight);--cty-action-sheet-title-align:var(--cty-camera-photo-title-align);--cty-action-sheet-close-top:var(--cty-action-sheet-close-top);--cty-action-sheet-close-right:var(--cty-action-sheet-close-right);--cty-action-sheet-close-color:var(--cty-action-sheet-close-color);--cty-action-sheet-close-size:var(--cty-action-sheet-close-size);--cty-action-sheet-option-padding-bottom:var(--cty-camera-photo-option-padding-bottom);--cty-action-sheet-option-padding-top:var(--cty-camera-photo-option-padding-top);--cty-action-sheet-option-text-align:var(--cty-camera-photo-option-text-align);--cty-action-sheet-option-text-color:var(--cty-camera-photo-option-text-color);--cty-action-sheet-option-text-size:var(--cty-camera-photo-option-text-size);--cty-action-sheet-option-text-line-height:var(--cty-camera-photo-option-text-line-height);--cty-action-sheet-cancel-background:var(--cty-camera-photo-cancel-background);--cty-action-sheet-cancel-padding-top:var(--cty-camera-photo-cancel-padding-top);--cty-action-sheet-cancel-padding-bottom:var(--cty-camera-photo-cancel-padding-bottom);--cty-action-sheet-cancel-border:var(--cty-camera-photo-cancel-border);--cty-action-sheet-cancel-color:var(--cty-camera-photo-cancel-color);--cty-action-sheet-cancel-min-height:var(--cty-camera-photo-cancel-min-height);--cty-action-sheet-cancel-size:var(--cty-camera-photo-cancel-size)}cty-overlay{--cty-overlay-background:var(--cty-camera-photo-crop-overlay-background)}cty-crop-image{--background:var(--cty-camera-photo-crop-background);--width:var(--cty-camera-photo-crop-width);--height:var(--cty-camera-photo-crop-height);--clip-width:var(--cty-camera-photo-crop-clip-width);--clip-height:var(--cty-camera-photo-crop-clip-height);--buttons-padding-start:var(--cty-camera-photo-crop-buttons-padding-start);--buttons-padding-end:var(--cty-camera-photo-crop-buttons-padding-end);--buttons-padding-top:var(--cty-camera-photo-crop-buttons-padding-top);--buttons-padding-bottom:var(--cty-camera-photo-crop-buttons-padding-bottom);--label-size:var(--cty-camera-photo-crop-label-size);--label-color:var(--cty-camera-photo-crop-label-color);--clip-background:var(--cty-camera-photo-crop-clip-background)}cty-permission-purpose{--cty-permission-purpose-overlay-background:var(--cty-camera-photo-permission-purpose-overlay-background);--cty-permission-purpose-overlay-height:var(--cty-camera-photo-permission-purpose-overlay-height)}";
+const cameraPhotoCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-pos-rel{position:relative}.cty-pos-abs{position:absolute}.cty-pos-fix{position:fixed}.cty-pos-sti{position:-webkit-sticky;position:sticky}.cty-pos-cover{position:absolute;top:0;bottom:0;left:0;right:0}.cty-pos-l-t{position:absolute;left:0;top:0}.cty-pos-l-b{position:absolute;left:0;bottom:0}.cty-pos-r-t{position:absolute;right:0;top:0}.cty-pos-r-b{position:absolute;right:0;bottom:0}.cty-pos-100{position:absolute;left:0;top:0;width:100%;height:100%}.cty-pos-w100{position:absolute;left:0;width:100%}.cty-pos-h100{position:absolute;top:0;height:100%}.cty-pos-c{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cty-pos-c-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-t{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-x-b{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cty-pos-c-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-l{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cty-pos-c-y-r{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host{--cty-camera-photo-overlay-position:fixed;--cty-camera-photo-overlay-z-index:10;--cty-camera-photo-overlay-background:var(--cty-overlay-color);--cty-camera-photo-overlay-width:100vw;--cty-camera-photo-overlay-height:100vh;--cty-camera-photo-padding:0;--cty-camera-photo-border-radius:0;--cty-camera-photo-title-color:var(--cty-text-color-primary);--cty-camera-photo-title-size:var(--cty-font-size-medium);--cty-camera-photo-title-line-height:36px;--cty-camera-photo-title-weight:500;--cty-camera-photo-title-align:center;--cty-camera-photo-close-top:10px;--cty-camera-photo-close-right:10px;--cty-camera-photo-close-color:var(--cty-text-color-secondary);--cty-camera-photo-close-size:20px;--cty-camera-photo-option-padding-bottom:14px;--cty-camera-photo-option-padding-top:14px;--cty-camera-photo-option-text-align:center;--cty-camera-photo-option-text-color:var(--cty-text-color-primary);--cty-camera-photo-option-text-size:var(--cty-font-size-medium);--cty-camera-photo-option-text-line-height:22px;--cty-camera-photo-cancel-background:var(--cty-color-white);--cty-camera-photo-cancel-padding-top:0;--cty-camera-photo-cancel-padding-bottom:0;--cty-camera-photo-cancel-border:8px solid var(--cty-border-color-extra-light);--cty-camera-photo-cancel-color:var(--cty-text-color-primary);--cty-camera-photo-cancel-min-height:48px;--cty-camera-photo-cancel-size:var(--cty-font-size-medium);--cty-camera-photo-crop-width:100vw;--cty-camera-photo-crop-height:100vh;--cty-camera-photo-crop-background:var(--cty-color-black);--cty-camera-photo-crop-clip-height:100vw;--cty-camera-photo-crop-clip-width:100vw;--cty-camera-photo-crop-clip-background:var(--cty-overlay-color-dark);--cty-camera-photo-crop-clip-border:1px solid #767676;--cty-camera-photo-crop-buttons-padding:12px 0;--cty-camera-photo-crop-button-padding:0 12px;--cty-camera-photo-crop-button-color:var(--cty-text-color-white);--cty-camera-photo-crop-button-active-color:var(--cty-text-color-white);--cty-camera-photo-crop-button-size:var(--cty-font-size-base);--cty-camera-photo-crop-button-line-height:30px;--cty-camera-photo-crop-button-weight:400;--cty-camera-photo-crop-overlay-background:var(--cty-overlay-color);--cty-camera-photo-permission-purpose-overlay-background:transparent;--cty-camera-photo-permission-purpose-overlay-height:auto}:host(.overlay-hidden){display:none}cty-action-sheet{--cty-action-sheet-overlay-position:var(--cty-camera-photo-overlay-position);--cty-action-sheet-overlay-z-index:var(--cty-camera-photo-overlay-z-index);--cty-action-sheet-overlay-width:var(--cty-camera-photo-overlay-width);--cty-action-sheet-overlay-height:var(--cty-camera-photo-overlay-height);--cty-action-sheet-overlay-background:var(--cty-camera-photo-overlay-background);--cty-action-sheet-padding:var(--cty-camera-photo-padding);--cty-action-sheet-border-radius:var(--cty-camera-photo-border-radius);--cty-action-sheet-title-color:var(--cty-camera-photo-title-color);--cty-action-sheet-title-size:var(--cty-camera-photo-title-size);--cty-action-sheet-title-line-height:var(--cty-camera-photo-title-line-height);--cty-action-sheet-title-weight:var(--cty-camera-photo-title-weight);--cty-action-sheet-title-align:var(--cty-camera-photo-title-align);--cty-action-sheet-close-top:var(--cty-action-sheet-close-top);--cty-action-sheet-close-right:var(--cty-action-sheet-close-right);--cty-action-sheet-close-color:var(--cty-action-sheet-close-color);--cty-action-sheet-close-size:var(--cty-action-sheet-close-size);--cty-action-sheet-option-padding-bottom:var(--cty-camera-photo-option-padding-bottom);--cty-action-sheet-option-padding-top:var(--cty-camera-photo-option-padding-top);--cty-action-sheet-option-text-align:var(--cty-camera-photo-option-text-align);--cty-action-sheet-option-text-color:var(--cty-camera-photo-option-text-color);--cty-action-sheet-option-text-size:var(--cty-camera-photo-option-text-size);--cty-action-sheet-option-text-line-height:var(--cty-camera-photo-option-text-line-height);--cty-action-sheet-cancel-background:var(--cty-camera-photo-cancel-background);--cty-action-sheet-cancel-padding-top:var(--cty-camera-photo-cancel-padding-top);--cty-action-sheet-cancel-padding-bottom:var(--cty-camera-photo-cancel-padding-bottom);--cty-action-sheet-cancel-border:var(--cty-camera-photo-cancel-border);--cty-action-sheet-cancel-color:var(--cty-camera-photo-cancel-color);--cty-action-sheet-cancel-min-height:var(--cty-camera-photo-cancel-min-height);--cty-action-sheet-cancel-size:var(--cty-camera-photo-cancel-size)}cty-overlay{--cty-overlay-background:var(--cty-camera-photo-crop-overlay-background)}cty-crop-image{background:var(--cty-camera-photo-crop-background);width:var(--cty-camera-photo-crop-width);height:var(--cty-camera-photo-crop-height);--cty-crop-image-clip-width:var(--cty-camera-photo-crop-clip-width);--cty-crop-image-clip-height:var(--cty-camera-photo-crop-clip-height);--cty-crop-image-clip-background:var(--cty-camera-photo-crop-clip-background);--cty-crop-image-clip-border:var(--cty-camera-photo-crop-clip-border);--cty-crop-image-buttons-padding:var(--cty-camera-photo-crop-buttons-padding);--cty-crop-image-button-padding:var(--cty-camera-photo-crop-button-padding);--cty-crop-image-button-color:var(--cty-camera-photo-crop-button-color);--cty-crop-image-button-active-color:var(--cty-camera-photo-crop-button-active-color);--cty-crop-image-button-size:var(--cty-camera-photo-crop-button-size);--cty-crop-image-button-line-height:var(--cty-camera-photo-crop-button-line-height);--cty-crop-image-button-weight:var(--cty-camera-photo-crop-overlay-background)}cty-permission-purpose{--cty-permission-purpose-overlay-background:var(--cty-camera-photo-permission-purpose-overlay-background);--cty-permission-purpose-overlay-height:var(--cty-camera-photo-permission-purpose-overlay-height)}";
 const CtyCameraPhotoStyle0 = cameraPhotoCss;
 
 const CameraPhoto = /*@__PURE__*/ proxyCustomElement(class CameraPhoto extends HTMLElement {
@@ -377,7 +377,7 @@ const CameraPhoto = /*@__PURE__*/ proxyCustomElement(class CameraPhoto extends H
             return;
         })
             .catch(err => {
-            return err !== null && err !== void 0 ? err : null;
+            return err === undefined ? null : err;
         });
     }
     _doCropCancel() {
@@ -394,7 +394,7 @@ const CameraPhoto = /*@__PURE__*/ proxyCustomElement(class CameraPhoto extends H
         this.ctyTap.emit({ index, imageList });
     }
     render() {
-        return (h(Host, { key: '4c2d1efa2be4b2476a0f902206c3e1fe3ce751ac', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'cty-pos-cover': this.overlay }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-action-sheet", { key: '73c417aefe33006e51bec62568118c548948394f', 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 && (h("cty-overlay", { key: '90b340e70bcd16d26592b389fd76cb1ee785ca52', animated: false, backdropDismiss: false }, h("cty-crop-image", { key: '586caf34285ef0b39e05e803fca5abb190f863e4', 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 && h("cty-permission-purpose", { key: '854407953b7d6aecc34efe64fc2ca96d7f24ccd4', description: this.permissionDescription })));
+        return (h(Host, { key: '1209dc8c96e0f6d610938094ee9043aa945e0a7e', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'cty-pos-cover': this.overlay }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-action-sheet", { key: 'ae17be413e6275ee15b90e4a6f841a49f783900a', 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 && (h("cty-overlay", { key: '052ccb88ecae00fd87d3c2794a944c8f93b36843', animated: false, backdropDismiss: false }, h("cty-crop-image", { key: '0b4de285fb815ed8a49aae0bd07b70c8dc4969a3', 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 && h("cty-permission-purpose", { key: '60a99a0480aba31c86454b821f9cba8d4b9ea24d', description: this.permissionDescription })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-canvas-board.js

@@ -208,7 +208,7 @@ const CanvasBoard = /*@__PURE__*/ proxyCustomElement(class CanvasBoard extends H
             } }, h("i", { style: { width: item * 2 + 'px', height: item * 2 + 'px' } }))))), h("div", { class: "cty-canvas-board__line-alpha", onClick: e => e.stopPropagation() }, h("div", { class: "cty-canvas-board__line-alpha-bg" }), 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 (h(Host, { key: '7dabf6b3b63649c3228fc623462fd81d1708a2b2', class: "cty-canvas-board flex-column" }, h("slot", { key: '3dab2ed71025188e36c2cdd38b49f22cb2a0b737', name: "header" }), this.headerOpn && (h("div", { key: 'bf6c3755c3de48a3f464a03b8be8e7c5330abbfb', class: "cty-canvas-board__header flex-center-between" }, h("slot", { key: '2ae622f80139c2e8cc98cbbfd88e551bf9f74dd7', name: "header-start" }), this.bgIcon && h("button", { key: '66fef7aaff32352714fbffd10538515fb5e4cccd', class: "cty-button-native", onClick: () => this.updateBgColor() }, h("cty-icon", { key: '57a3cd1dee6ff13a48644957911e23ec2aeaf960', name: this.bgIcon, class: "cty-canvas-board__palette" }), h("input", { key: '128b4469e0a36cbb23326eae597210ecb837f250', type: "color", class: "cty-canvas-board__picker-color", ref: el => (this.bgPickerEl = el), value: this.bgColor, onInput: (e) => this.bgColorChange(e) })), h("slot", { key: 'ef3fc3da54b0b70167dca86715a5d1bef892a940', name: "header-opn-start" }, " "), (this.undoIcon || this.redoIcon) && h("div", { key: '2b0268eeebdad9a68c96915b1f713c81d41301ea', class: "cty-canvas-board__opn flex-center" }, this.undoIcon && h("button", { key: '8d72dd0e5d973892c15dd943c1ba7bdea77d94ef', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.undo() }, h("cty-icon", { key: 'dda87e041bb357c1bda15115d6052ca428f5ac48', name: this.undoIcon, class: { 'cty-canvas-board__opn-active': this.drawingHistory.length > 1 && this.step > 0 } })), this.redoIcon && h("button", { key: '1049b9bf64c4286ef80a01790a25bcb02f8c666f', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.redo() }, h("cty-icon", { key: 'fd426195f7d40cda31ebad57fccebadc9d079615', name: this.redoIcon, class: { 'cty-canvas-board__opn-active': this.step < this.drawingHistory.length - 1 } }))), h("slot", { key: '2114566ea11b645c3f4721e1b15503adb54202a1', name: "header-opn-end" }), this.clearIcon && h("button", { key: '51f03700275904e73c44314fe1324ab20bda22eb', class: "cty-button-native cty-canvas-board__clear", onClick: () => this.clear() }, h("cty-icon", { key: 'f5ad941c3ba918e4f89977109834047df8ff3294', name: this.clearIcon })), h("slot", { key: 'a799fe8652488b5f62719c5a99df3c1b27a4ab80', name: "header-end" }))), h("slot", { key: '7b42c37cf91a67c5b3c6cae95fc57a9b45e0976a', name: "main" }), h("div", { key: '83e78043af48e161161c4b5234b0edf593bcdcb7', class: "cty-canvas-board__main" }, h("canvas", { key: 'd85d2ed23795dd76c9b80d8cf977d58096d6c476', 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) }), h("canvas", { key: '736348ed76bcfb4a23c77acbf55718a1d21663be', ref: el => (this.imageCanvasEl = el), style: { display: 'none' } }), h("span", { key: '10db4d802279782a573acf44b6183219c44e1b7a', class: "cty-canvas-board__eraser-circle", ref: el => (this.eraserEl = el) }), this.isCanvasEmpty && h("slot", { key: 'c943573e1c88efd4ff57bac631657561b1781e89', name: "placeholder" }), h("slot", { key: '4483d4150a0bd89ef0fc0b9c5b92b698551ab87f' })), h("slot", { key: '5ad71ecbd28f2de9191cc066f34205b66c44e4a4', name: "footer" }), this.footerOpn && (h("div", { key: '6c83abdde45cfedcebe52fded63f7cfe346a51c1', class: "cty-canvas-board__footer flex-center" }, h("slot", { key: '90d5316091ddce4555b14398d71124b0993d10df', name: "footer-start" }), this.pencilIcon && (h("button", { key: 'ead63062251064fb19910029aaf64a60b462de14', class: "cty-button-native cty-canvas-board__pen", onClick: e => this.updatePencil(e) }, h("cty-icon", { key: '6e9eac796d79220af98d4dea4ead48b332c5cf5b', name: this.pencilIcon, class: { 'cty-canvas-board__footer-active': !this.isEraser } }))), h("button", { key: '00f7e0bd6c170fa7f2a46250cd394436806ece5a', class: "cty-button-native cty-canvas-board__eraser", onClick: () => (this.isEraser = !this.isEraser) }, h("cty-icon", { key: 'bd4bd17c3db1b9a416f8668e4bd40daec94104a2', name: this.eraserIcon, class: { 'cty-canvas-board__footer-active': this.isEraser } })), h("button", { key: '1d5d409bcea1db8ebc6c152be4d0181ec7fc3b5d', class: "cty-button-native cty-canvas-board__color-button", onClick: () => this.updateColor() }, h("input", { key: '59b3386aa79fbf0fea335805d441425695032056', type: "color", value: this.strokeColor, class: "cty-canvas-board__picker-color", ref: el => (this.colorPickerEl = el), onInput: (e) => this.penColorChange(e) })), h("slot", { key: 'ba48824cb5deda131a5024c803c9b6aa9d852b02', name: "footer-end" }))), h("slot", { key: '947d8214112903656383320ce16877bc06809df2', name: "bottom" }), this.showButtons && (h("div", { key: 'fd44be4e900582162b47c851a2cfc0771f7ca787', class: "cty-canvas-board__buttons flex-justify-end" }, h("slot", { key: 'f084e9f7860cb691cacbd7188686145f5966875e', name: "bottom-button-start" }), h("button", { key: '919be54ddc04f3da4da40df0dcd729a86bc98a09', class: "cty-canvas-board__button cty-button-native", onClick: () => this.clear() }, this.clearLabel), h("button", { key: '41e7ecf160ba4e8caac4dc36cf00d250e4c0c943', class: "cty-canvas-board__button cty-button-native", onClick: () => this.confirm() }, this.confirmLabel), h("slot", { key: '8f361e062ae4e8d0533eeb73239abe5e58637942', name: "bottom-button-end" }))), this.renderPopover()));
+        return (h(Host, { key: '4ad55066b1418593fc0ab98ed040e3c76e874e24', class: "cty-canvas-board flex-column" }, h("slot", { key: '63393fb4bb1583eee521278e7c51696033ebf36b', name: "header" }), this.headerOpn && (h("div", { key: '4bdb44ced8f8e11fa7b60e034d881af791b5da8b', class: "cty-canvas-board__header flex-center-between" }, h("slot", { key: '0c231b72884777ca86c71350ffafe620e9331385', name: "header-start" }), this.bgIcon && h("button", { key: 'e5e4d1cd289240801a07f5393a7eeb5e61ea8ff7', class: "cty-button-native", onClick: () => this.updateBgColor() }, h("cty-icon", { key: 'c7fae15975caba4ae3ab7a0bf2225332b8f901b1', name: this.bgIcon, class: "cty-canvas-board__palette" }), h("input", { key: '4d80bad3c6a2f6c201ba92371d3acca94aa160be', type: "color", class: "cty-canvas-board__picker-color", ref: el => (this.bgPickerEl = el), value: this.bgColor, onInput: (e) => this.bgColorChange(e) })), h("slot", { key: 'de2ed29f8c1458d6b1f9cab24b1447a501dc2197', name: "header-opn-start" }, " "), (this.undoIcon || this.redoIcon) && h("div", { key: 'd857d7c5d097cb90ebb9392f53adcc8dc34bf028', class: "cty-canvas-board__opn flex-center" }, this.undoIcon && h("button", { key: '6b8585028e89a486bccdee01bc23713479ccbd95', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.undo() }, h("cty-icon", { key: '1e1397978bd0bb41294bdf9d13fce1522643ca1b', name: this.undoIcon, class: { 'cty-canvas-board__opn-active': this.drawingHistory.length > 1 && this.step > 0 } })), this.redoIcon && h("button", { key: '00e875b9c0e9e72f495344728ce22de70bf7c11f', class: "cty-button-native cty-canvas-board__opn-icon", onClick: () => this.redo() }, h("cty-icon", { key: '7514febef0bb8c9d02399a8f359cb617c832014f', name: this.redoIcon, class: { 'cty-canvas-board__opn-active': this.step < this.drawingHistory.length - 1 } }))), h("slot", { key: '4c8d783bfd7b3fad6d7bb8ccffd4b71fbddc8c4b', name: "header-opn-end" }), this.clearIcon && h("button", { key: 'f20db72f60bf8aba050149baf6604da1ac9c0665', class: "cty-button-native cty-canvas-board__clear", onClick: () => this.clear() }, h("cty-icon", { key: 'a573b34fb16618303a8cdda92d715669bdfe7354', name: this.clearIcon })), h("slot", { key: 'e9e0442adb8f921b98a25c8c40d434d117fc92ab', name: "header-end" }))), h("slot", { key: '5dd294b133a3dba2fbd1ad2e6b732a79bd5a23f2', name: "main" }), h("div", { key: '8215bd1c609508bfe0dd83f3c14918bb96965c80', class: "cty-canvas-board__main" }, h("canvas", { key: 'be659679089641858819034052fc53139641c169', 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) }), h("canvas", { key: 'fe4fe36e5bf1b576604a80044a38f8919602eb8b', ref: el => (this.imageCanvasEl = el), style: { display: 'none' } }), h("span", { key: 'b10114deeecca5aba0cc9df570663f2524fba122', class: "cty-canvas-board__eraser-circle", ref: el => (this.eraserEl = el) }), this.isCanvasEmpty && h("slot", { key: '04940fcc8b9fdf8f74063ebbbe289ebeab0d479b', name: "placeholder" }), h("slot", { key: '65c69927254cec4f2b17d6e17b6e1c7d671a6caa' })), h("slot", { key: 'ee13ea9726dde6fb3dcf72e18465b44b3295c11f', name: "footer" }), this.footerOpn && (h("div", { key: '18c4b0a9aeb69227ee5ccccc47941fcda68d2d90', class: "cty-canvas-board__footer flex-center" }, h("slot", { key: '44123ea03a2ebb8f38ad0756c500d9bb9289cc1d', name: "footer-start" }), this.pencilIcon && (h("button", { key: '5122db6db34babc3348db56449d10b66c40c2cf6', class: "cty-button-native cty-canvas-board__pen", onClick: e => this.updatePencil(e) }, h("cty-icon", { key: 'f443d24c315a7b24dd3de9ed5c15dbf58f10ee8a', name: this.pencilIcon, class: { 'cty-canvas-board__footer-active': !this.isEraser } }))), h("button", { key: '7852ce1bdc970d7c6bd94f8dc8a9525a9f50dbaa', class: "cty-button-native cty-canvas-board__eraser", onClick: () => (this.isEraser = !this.isEraser) }, h("cty-icon", { key: 'd816fe88a28992fb9db8685c0416c7c0214452aa', name: this.eraserIcon, class: { 'cty-canvas-board__footer-active': this.isEraser } })), h("button", { key: '7dbd7c2f53f6a7b7c10fa5eb3865e555d76fb3ee', class: "cty-button-native cty-canvas-board__color-button", onClick: () => this.updateColor() }, h("input", { key: 'bd19cdcf3b3d5dd31e5335c89bfdba73fd6c3eb7', type: "color", value: this.strokeColor, class: "cty-canvas-board__picker-color", ref: el => (this.colorPickerEl = el), onInput: (e) => this.penColorChange(e) })), h("slot", { key: '427cff0948557ac5d9a0d4d8c87cb7268e74d070', name: "footer-end" }))), h("slot", { key: 'c4b30f32d4a86478f4d9c37d0b902eaa4a1cdbd2', name: "bottom" }), this.showButtons && (h("div", { key: '205144c2cba7dc40f9c0cc69042cecb33f1575be', class: "cty-canvas-board__buttons flex-justify-end" }, h("slot", { key: '5e075c008f1aa465837038b11a3535b67ba2eed9', name: "bottom-button-start" }), h("button", { key: '005d37782f92af7640046650a093ba04e207d238', class: "cty-canvas-board__button cty-button-native", onClick: () => this.clear() }, this.clearLabel), h("button", { key: 'bf5ca8d2c2a5a3790da8ff58e2c2e825a1119c7f', class: "cty-canvas-board__button cty-button-native", onClick: () => this.confirm() }, this.confirmLabel), h("slot", { key: '5435dc891312859dadfad6388735efceebc0fcdc', name: "bottom-button-end" }))), this.renderPopover()));
     }
     get el() { return this; }
     static get style() { return CtyCanvasBoardStyle0; }

package/components/cty-canvas-video.js

@@ -770,7 +770,7 @@ const CanvasVideo = /*@__PURE__*/ proxyCustomElement(class CanvasVideo extends H
             }, onTransitionEnd: () => this.transitionend() }, h("div", { class: "cty-canvas-video__progress-inner" }))), !this.isVertical && this.isMove && !!this.progressBar && (h("div", { class: "cty-canvas-video__time" }, h("span", { class: "cty-canvas-video__time-left" }, this.transTime(this.pTime)), h("span", { class: "cty-canvas-video__time-center" }, "/"), h("span", { class: "cty-canvas-video__time-right" }, this.transTime(this.pDuration)))), !(!this.isVertical && this.isMove && !!this.progressBar) && (h("div", { class: "cty-canvas-video__content" }, option.renderSlot !== 'content' && (h("div", { class: "cty-canvas-video__content-box" }, h("div", { class: "cty-canvas-video__tip" }, h("cty-icon", { name: "cty-lamp" }), option[this._props.tip || 'tip']), h("p", { class: "cty-canvas-video__date" }, option[this._props.date || 'date']), h("p", { class: "cty-canvas-video__description" }, option[this._props.description || 'description']), h("button", { class: "cty-canvas-video__name cty-button-native", onClick: e => this.clickName(e) }, '@' + option[this._props.name || 'name']))), option.contentRender !== undefined && h("slot", { name: option.contentRender }))), !(!this.isVertical && this.isMove && !!this.progressBar) && (h("div", { class: "cty-canvas-video__sidebar" }, option.renderSlot !== 'sidebar' && (h("button", { class: "cty-canvas-video__avatar cty-button-native", onClick: e => this.clickAvatar(e) }, h("img", { src: option[this._props.avatar || 'avatar'] }), this.avatarButton && h("span", { class: "cty-canvas-video__avatar-button" }, this.avatarButton))), option.renderSlot !== 'sidebar' && option[this._props.likeCount || 'likeCount'] && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickLike(e) }, h("cty-icon", { name: "cty-thumb" }), h("span", null, option[this._props.likeCount || 'likeCount']))), option.renderSlot !== 'sidebar' && option[this._props.viewCount || 'viewCount'] && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native" }, h("cty-icon", { name: "cty-eye" }), h("span", null, option[this._props.viewCount || 'viewCount']))), option.renderSlot !== 'sidebar' && option[this._props.collectCount || 'collectCount'] && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickCollect(e) }, h("cty-icon", { name: "cty-star" }), h("span", null, option[this._props.collectCount || 'collectCount']))), option.sidebarRender !== 'sidebar' && (h("button", { class: "cty-canvas-video__sidebar-item cty-button-native", onClick: e => this.clickShare(e) }, h("cty-icon", { name: "cty-share" }), h("span", null, "\u5206\u4EAB"))), option.sidebarRender !== undefined && h("slot", { name: option.sidebarRender }))))));
     }
     render() {
-        return (h(Host, { key: 'c5404c72482f43f26d9611b325319742563f8795', class: "cty-canvas-video" }, h("div", { key: '792019b69f3d9a778018ed74ad145ac6f11e0ac8', class: "cty-canvas-videos" }, h("video", { key: '92a04a0913ab15da81e0b79aa8d094b987e6ac2f', 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 }), h("video", { key: 'f31e96fc8d37c6d94cdc30abaa54477dc9c6f7c2', 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 }), h("video", { key: 'edcca095749727539850560b5965f028a90ea61b', 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 })), h("div", { key: '6f38a9271ee39a5076be7fcb98d65e3de582c1f7', class: "cty-canvas-video__slides", ref: el => (this.videoSlidesEl = el) }, this.renderSlide())));
+        return (h(Host, { key: 'fe5d626620d19d6fd807ae450e711dfc18ec6856', class: "cty-canvas-video" }, h("div", { key: '9fd08f6b8f30442860d09667ec3fbd7a66b9cdcc', class: "cty-canvas-videos" }, h("video", { key: '3673cdd938399f843a7eed0c2f23d195691639e6', 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 }), h("video", { key: 'f2928397106237b2747a5b5c34979aa8ac105f6a', 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 }), h("video", { key: '41125c8c1fed010751ea9015cd5b6d84e31a1842', 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 })), h("div", { key: 'a8c9165aea9783d9dcc0bff1e420e227e4e2d9d3', class: "cty-canvas-video__slides", ref: el => (this.videoSlidesEl = el) }, this.renderSlide())));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-cascader.js

@@ -13506,7 +13506,7 @@ const CTYCityData = [
     },
 ];
 
-const cascaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-background:#FFF;--cty-cascader-overlay-background:rgba(0, 0, 0, 0.3);--cty-cascader-header-height:44px;--cty-cascader-header-button-size:14px;--cty-cascader-title-size:16px;--cty-cascader-title-color:var(--cty-text-color-dark);--cty-cascader-title-weight:500;--cty-cascader-cancel-color:var(--cty-color-medium);--cty-cascader-confirm-color:var(--cty-color-primary);--cty-cascader-option-text-color:var(--cty-text-color-dark);--cty-cascader-picked-border-color:var(--cty-border-color);--cty-cascader-mask-background-image:linear-gradient(180deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4)), linear-gradient(0deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4))}:host(.overlay-hidden){display:none}cty-overlay{--cty-overlay-background:var(--cty-cascader-overlay-background, rgba(0, 0, 0, 0.3))}.cty-cascader-container{position:fixed;bottom:0;left:0;right:0;background:var(--cty-cascader-background);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cascader{width:100%;background:var(--cty-cascader-background)}.cty-cascader-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:var(--cty-cascader-header-height, 44px)}.cty-cascader-header button{font-size:var(--cty-cascader-header-button-size)}.cty-cascader-header button.cancel{color:var(--cty-cascader-cancel-color)}.cty-cascader-header button.confirm{color:var(--cty-cascader-confirm-color)}.cty-cascader-header .cty-cascader-title{color:var(--cty-cascader-title-color);font-size:var(--cty-cascader-title-size);font-weight:var(--cty-cascader-title-weight)}.cty-cascader-columns{position:relative;display:-ms-flexbox;display:flex;overflow:hidden}.cty-cascader-column{-ms-flex:1;flex:1;position:relative;overflow:hidden}.cty-cascader-scroller{position:absolute;left:0;right:0;top:0;-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.cty-cascader-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;cursor:pointer}.cty-cascader-option .cty-cascader-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cty-cascader-option-text-color)}.cty-cascader-picked{position:absolute;left:0;right:0;pointer-events:none;border-top:1px solid var(--cty-cascader-picked-border-color);border-bottom:1px solid var(--cty-cascader-picked-border-color)}.cty-cascader-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--cty-cascader-mask-background-image);background-repeat:no-repeat;background-position:top, bottom;pointer-events:none}";
+const cascaderCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-cascader-background:#FFF;--cty-cascader-overlay-background:rgba(0, 0, 0, 0.3);--cty-cascader-header-height:44px;--cty-cascader-header-button-size:var(--cty-font-size-medium);--cty-cascader-header-padding:0px 15px;--cty-cascader-header-border-bottom:1px solid var(--cty-border-color-light);--cty-cascader-title-size:var(--cty-font-size-medium);--cty-cascader-title-color:var(--cty-text-color-dark);--cty-cascader-title-weight:500;--cty-cascader-cancel-color:var(--cty-color-medium);--cty-cascader-confirm-color:var(--cty-color-primary);--cty-cascader-option-text-color:var(--cty-text-color-dark);--cty-cascader-option-text-font-size:var(--cty-font-size-medium);--cty-cascader-picked-border-color:var(--cty-border-color);--cty-cascader-mask-background-image:linear-gradient(180deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4)), linear-gradient(0deg,\n  rgba(255, 255, 255, 0.9),\n  rgba(255, 255, 255, 0.4))}:host(.overlay-hidden){display:none}cty-overlay{--cty-overlay-background:var(--cty-cascader-overlay-background, rgba(0, 0, 0, 0.3))}.cty-cascader-container{position:fixed;bottom:0;left:0;right:0;background:var(--cty-cascader-background);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cascader{width:100%;background:var(--cty-cascader-background)}.cty-cascader-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:var(--cty-cascader-header-height, 44px);border-bottom:var(--cty-cascader-header-border-bottom);padding:var(--cty-cascader-header-padding)}.cty-cascader-header button{font-size:var(--cty-cascader-header-button-size)}.cty-cascader-header button.cancel{color:var(--cty-cascader-cancel-color)}.cty-cascader-header button.confirm{color:var(--cty-cascader-confirm-color)}.cty-cascader-header .cty-cascader-title{color:var(--cty-cascader-title-color);font-size:var(--cty-cascader-title-size);font-weight:var(--cty-cascader-title-weight)}.cty-cascader-columns{position:relative;display:-ms-flexbox;display:flex;overflow:hidden}.cty-cascader-column{-ms-flex:1;flex:1;position:relative;overflow:hidden}.cty-cascader-scroller{position:absolute;left:0;right:0;top:0;-webkit-transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.cty-cascader-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;cursor:pointer}.cty-cascader-option .cty-cascader-text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cty-cascader-option-text-color);font-size:var(--cty-cascader-option-text-font-size)}.cty-cascader-picked{position:absolute;left:0;right:0;pointer-events:none;border-top:1px solid var(--cty-cascader-picked-border-color);border-bottom:1px solid var(--cty-cascader-picked-border-color)}.cty-cascader-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--cty-cascader-mask-background-image);background-repeat:no-repeat;background-position:top, bottom;pointer-events:none}";
 const CtyCascaderStyle0 = cascaderCss;
 
 const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLElement {
@@ -13516,7 +13516,7 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         this.__attachShadow();
         this.ctyDismiss = createEvent(this, "ctyDismiss", 7);
         this.ctyChange = createEvent(this, "ctyChange", 7);
-        this.ctyComfirm = createEvent(this, "ctyComfirm", 7);
+        this.ctyConfirm = createEvent(this, "ctyConfirm", 7);
         this.didPresent = createEvent(this, "ctyDidPresent", 7);
         this.willPresent = createEvent(this, "ctyWillPresent", 7);
         this.willDismiss = createEvent(this, "ctyWillDismiss", 7);
@@ -13662,7 +13662,6 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         return scrollColumns;
     }
     createChildren(scrollColumns, children, syncModelValue = true, depth = 1) {
-        var _a;
         if (children.length && (this.columnsCount == null || depth <= this.columnsCount)) {
             const scrollColumn = {
                 id: this.sid++,
@@ -13689,12 +13688,11 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
                 return;
             if (this.type == 'city' && depth === 2)
                 return;
-            this.createChildren(scrollColumns, (_a = scrollColumn.column[scrollColumn.index][this.childrenKey]) !== null && _a !== void 0 ? _a : [], syncModelValue, depth + 1);
+            this.createChildren(scrollColumns, scrollColumn.column[scrollColumn.index][this.childrenKey] || [], syncModelValue, depth + 1);
         }
     }
     getValue(option) {
-        var _a;
-        return (_a = option[this.valueKey]) !== null && _a !== void 0 ? _a : option[this.textKey];
+        return option[this.valueKey] === undefined ? option[this.textKey] : option[this.valueKey];
     }
     scrollTo(scrollColumn, duration = 0) {
         this.updateTranslate(scrollColumn);
@@ -13875,10 +13873,10 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         this.stopScroll();
         const { values, indexes, options } = this.getPicked();
         this.setPrevIndexes(indexes);
-        this.ctyComfirm.emit({ values, indexes, options });
+        this.ctyConfirm.emit({ values, indexes, options });
     }
     render() {
-        return (h(Host, { key: 'db14552d56318a115c71b2fc9c0bdf576357fe1e', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '37c1984dcbe5fbaec948e765efa7ada826b5bf1a', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'a690e0e76113d9fda0cf5bd40ac9e9389f5e4b1e', class: "cty-cascader-container", ref: (el) => (this.cascaderContainerEl = el) }, h("div", { key: 'e22ea3d2494bd6150bbd9d1a93e4c5a220c52a98', class: "cty-cascader", onClick: (e) => e.stopPropagation() }, h("slot", { key: '58ab78287e73a07166cf22b78e91283ff67ff2bb', name: 'header' }), h("div", { key: '059760f1b06a5842143bc91aa36423138a535e70', class: "cty-cascader-header" }, h("button", { key: '0228c26a707d914ccb8b9134ac074677d5239f9d', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), h("div", { key: 'a000051625b81c15be56c05ac0fb0b6e6a1c45e1', class: "cty-cascader-title" }, this.title), h("button", { key: '13238c61db4d8e2823b29072154adca279655ab6', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), h("div", { key: '8f8b561a418c2b82bb028da626414dfac5c99877', class: "cty-cascader-columns", style: { height: this.columnHeight + 'px' } }, this.scrollColumns.map(c => 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) }, h("div", { 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) => h("div", { class: 'cty-cascader-option ' + (option.className || ''), style: { height: this.optionHeight + 'px' }, onClick: () => this.handleClick(c, i) }, h("div", { class: 'cty-cascader-text ' + (option.textClassName || '') }, option[this.textKey])))))), h("div", { key: 'de906aa100679ea92ef9f1ee475d70ea3063d9a0', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), h("div", { key: '53618fd23268436b04642d50fa76c585fde25dff', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } })))))));
+        return (h(Host, { key: '869db9422cc098889201961e90e60b4d42824e3a', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '5b1aa4c4861e99c24617519ef4939babf3792431', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'd72a70775caff77cc1bba7618266f5793192e31f', class: "cty-cascader-container", ref: (el) => (this.cascaderContainerEl = el) }, h("div", { key: 'c9027509a2acafc55d3da658e766cb727c15fa1b', class: "cty-cascader", onClick: (e) => e.stopPropagation() }, h("slot", { key: 'fd2e14a35bb4c3f8449b507552b2d7ed01ceefa4', name: 'header' }), h("div", { key: '4077d4d91d568cf281cff4c602a1a8d9bb22aeb7', class: "cty-cascader-header" }, h("button", { key: 'c9dd2d9725c9b7e9f45b31a8e50b25e6ab7a6972', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), h("div", { key: '89aa1f6fc298b9412a8b1686e0d3c667c1ae0540', class: "cty-cascader-title" }, this.title), h("button", { key: '3e01947c12d3df815617f66af3e8ad16490c56f8', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), h("div", { key: '0da2d2e76249696a84851a14c90c56dd6ceb65be', class: "cty-cascader-columns", style: { height: this.columnHeight + 'px' } }, this.scrollColumns.map(c => 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) }, h("div", { 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) => h("div", { class: 'cty-cascader-option ' + (option.className || ''), style: { height: this.optionHeight + 'px' }, onClick: () => this.handleClick(c, i) }, h("div", { class: 'cty-cascader-text ' + (option.textClassName || '') }, option[this.textKey])))))), h("div", { key: '5b4ca9f1f41204151a28400347d5d9797b819cf0', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), h("div", { key: 'f421cc2641b717b0c32a9598616c4a3ad99eb7c9', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-count-down.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { p as pad } from './format2.js';
 
-const countDownCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:var(--cty-font-size-base);--cty-count-down-color:inherit;--cty-count-down-size:auto;--cty-count-down-font-size:var(--cty-font-size-base);--cty-count-down-item-background:transparent;--cty-count-down-item-border-radius:0;--cty-count-down-unit-offset:0 5px;--cty-count-down-unit-color:inherit}.cty-count-down__item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.cty-count-down__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--cty-count-down-size);height:var(--cty-count-down-size);background:var(--cty-count-down-item-background);border-radius:var(--cty-count-down-item-border-radius);color:var(--cty-count-down-color)}.cty-count-down__unit{margin:var(--cty-count-down-unit-offset);color:var(--cty-count-down-unit-color)}";
+const countDownCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-size:var(--cty-font-size-base);--cty-count-down-color:inherit;--cty-count-down-size:auto;--cty-count-down-item-background:transparent;--cty-count-down-item-border-radius:0;--cty-count-down-unit-offset:0 5px;--cty-count-down-unit-color:inherit}.cty-count-down__item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.cty-count-down__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--cty-count-down-size);height:var(--cty-count-down-size);background:var(--cty-count-down-item-background);border-radius:var(--cty-count-down-item-border-radius);color:var(--cty-count-down-color)}.cty-count-down__unit{margin:var(--cty-count-down-unit-offset);color:var(--cty-count-down-unit-color)}";
 const CtyCountDownStyle0 = countDownCss;
 
 const CountDown = /*@__PURE__*/ proxyCustomElement(class CountDown extends HTMLElement {
@@ -144,8 +144,8 @@ const CountDown = /*@__PURE__*/ proxyCustomElement(class CountDown extends HTMLE
         return timeText;
     }
     render() {
-        return (h(Host, { key: '2d6505dbab05459bdbdf4d41b13c364cec28f109', class: "cty-count-down" }, !this.isSingle &&
-            this.timeRange.map((item, idx) => (h("div", { class: "cty-count-down__item" }, h("span", { class: "cty-count-down__label" }, pad(this.timeData[item], 2) || this.timeData[item]), (this.unit || idx !== this.timeRange.length - 1) && h("span", { class: "cty-count-down__unit" }, this.unit ? this.dateFormatUnit[item] : ':')))), this.isSingle && (h("div", { key: '962a6fa25c432c9a3e6ce60676840ea192c82d61', class: "cty-count-down__item" }, h("span", { key: '9aa401213f8658532a40765c57708087fd6f3404', class: "cty-count-down__label" }, " ", this.formattedTime, " "))), h("slot", { key: '26fc984ab7693070bf85bfb869622dfc3d4c8380' })));
+        return (h(Host, { key: 'e870ab32c3a47aa2d39f1871722e719facf81ce3', class: "cty-count-down" }, !this.isSingle &&
+            this.timeRange.map((item, idx) => (h("div", { class: "cty-count-down__item", part: "item" }, h("span", { class: "cty-count-down__label", part: "label" }, pad(this.timeData[item], 2) || this.timeData[item]), (this.unit || idx !== this.timeRange.length - 1) && h("span", { class: "cty-count-down__unit" }, this.unit ? this.dateFormatUnit[item] : ':')))), this.isSingle && (h("div", { key: '31772c91f97a26b426caa22a72334db954da5954', class: "cty-count-down__item", part: "item" }, h("span", { key: '62823bbb13f07ea21031ad2728516a626a9dda49', class: "cty-count-down__label", part: "label" }, " ", this.formattedTime, " "))), h("slot", { key: '44e849c6d2f0813c211a2743a729b76d3e06efaa' })));
     }
     get el() { return this; }
     static get style() { return CtyCountDownStyle0; }

package/components/cty-empty.js

@@ -9,11 +9,12 @@ const Empty = /*@__PURE__*/ proxyCustomElement(class Empty extends HTMLElement {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.image = config.get('resUrlPrefix', '') + 'assets/cty_res/svg/cty-no-data.svg';
+        this.image = undefined;
         this.description = '暂无数据';
     }
     render() {
-        return (h(Host, { key: '3131d4f6eaf8368c907a81c6c5d38858793839a9', class: "cty-empty" }, h("slot", { key: '628d4b25980f73669da489ed2c8bbc66cbcc7a0a', name: "top" }), this.image && h("img", { key: '4d7118b2d94f2f9ad4af3efeb783b8eb5b8eb2fa', class: "cty-empty__image", src: this.image }), h("slot", { key: '429e0a2e192b78867ce79236bd4bc21854b5bb0a', name: "image" }), this.description && h("p", { key: '2065083f492a22c5deb941c87644079578be123f', class: "cty-empty__description" }, this.description), h("slot", { key: '3f5d7db02a303feaf002149e3285745661c17af7', name: "description" })));
+        const image = this.image === undefined ? (config.get('resUrlPrefix', '') + 'assets/cty_res/svg/cty-no-data.svg') : this.image;
+        return (h(Host, { key: '14bbdc70a7d0e287e77a0c4321b96bf46635d878', class: "cty-empty" }, h("slot", { key: '864950af0b1d30dce444f49e5df03add7020d54b', name: "top" }), image && h("img", { key: '082034fca812adc35d68154aa769aad0e07f10aa', class: "cty-empty__image", src: image }), h("slot", { key: '6a619735266e63e42927fcfb0f9dec4953c4bce4', name: "image" }), this.description && h("p", { key: 'f2195d2fa6429e44e89aee628e826455c98c0758', class: "cty-empty__description" }, this.description), h("slot", { key: 'd1645f49d8a8db0f50dff741b2f6c52b0c755125', name: "description" })));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/components/cty-floating-bubble.js

@@ -150,7 +150,7 @@ const FloatingBubble = /*@__PURE__*/ proxyCustomElement(class FloatingBubble ext
         return touch;
     }
     render() {
-        return (h(Host, { key: 'd071240e5f2dbcde58eed23f82e9395ae2488489', 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 && (h("cty-icon", { key: '51b0e7057f5cac59f358f24f7bdc2b5de9376ab3', class: "cty-floating-bubble__icon", name: this.icon })), h("slot", { key: 'b0ebab6919d992620fa2cd4f56b5825d0d8f6a9f' })));
+        return (h(Host, { key: '1d8e2de3110c7b777c704a7c33519377861e475e', 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 && (h("cty-icon", { key: '4f6e2544890d3091dcb87e4e0e200d3dc5933b78', class: "cty-floating-bubble__icon", name: this.icon })), h("slot", { key: '97cf3a331815a94a692cbcc14552f6b5c4bea5c1' })));
     }
     get el() { return this; }
     static get style() { return CtyFloatingBubbleStyle0; }