cty-mui-core 1.0.2 → 1.0.3

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 {
@@ -101,7 +101,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         }
     }
     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: '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: 'bd4011265eb2ecb304486396ad434887056275cc', class: "cty-alert__header flex-align-center", part: "header" }, h("slot", { key: '246d0f1e57e896ccc092caf53d2844032db77eec', name: "title-start" }), h("h3", { key: '6f3515ec9a2e7ce9f800a8281a81050f9b764c7a', class: "cty-alert__title" }, this.title), h("slot", { key: 'b3549d729d41d421a436ca53c395ebcbb90ebb42', name: "title-end" })), h("slot", { key: '5c088481483470518d5defbcb7cf045c01c9750e', name: "content" }), this.content && h("div", { key: '901a206db2b4688e619c925a528ca442eb94ae66', part: "content", class: "cty-alert__content", innerHTML: sanitizeDOMString(this.content) }), h("slot", { key: '1b3074ca0f9e42bca275ed2990cdaa645100e855', name: "buttons" }), !!this._buttonList.length && h("div", { key: '22419b129cacce8bd3bd5a6e95a3cd4f522b9eda', 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: '7f4c3cf95708c5f07754bf88e52ac80f35e6c0af', 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

@@ -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

@@ -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: 'cb6466fa8ffaef8e3b9397e69c10c7ee4f9a653c', 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: '6f94e95c3c4450f8c264c2ba528d17ab5ce10655', 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: '40450151ff0ee5174b15ce62b2feb449f015200d', animated: false, backdropDismiss: false }, h("cty-crop-image", { key: '0f86594016df81123136ddd41b5af0e60430dc3c', 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: '7945f35062ed55ec3a176c326f64b457a0be073a', 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

@@ -13878,7 +13878,7 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         this.ctyComfirm.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: '690f2e46cbbd3dbfec55533716fcdb1abeaf0422', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: 'c8c3575cf70280dba9dba0d087fade6393d0d686', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '80792422ca708d9bce3b8f6306c649fc8c829e1f', class: "cty-cascader-container", ref: (el) => (this.cascaderContainerEl = el) }, h("div", { key: 'cb0d1ab910d0a14c967bf550418d2b135a508989', class: "cty-cascader", onClick: (e) => e.stopPropagation() }, h("slot", { key: '4961feb344eb520d15199520d28a6bf122768d4b', name: 'header' }), h("div", { key: '8932ea2f91d4148efda969030385142a9f39396f', class: "cty-cascader-header" }, h("button", { key: 'a54b16e466ccdb411b27c473ca2ab3ba54b78212', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), h("div", { key: '6eec5c58419882b726dc9746292cb945b5ed2453', class: "cty-cascader-title" }, this.title), h("button", { key: '8a895aaf31498e3c65b8d016dea5ba9492914e51', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), h("div", { key: '6fdfe288a7deccd65a094ad6878d8f4b76dc0998', 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: '9d77432909d4c6941a884518818a1eb4ffaf9b1e', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), h("div", { key: 'c6ed3c5e08d2d68aa92183f1030c56fb1b32bd6a', 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

@@ -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

@@ -13,7 +13,7 @@ const Empty = /*@__PURE__*/ proxyCustomElement(class Empty extends HTMLElement {
         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" })));
+        return (h(Host, { key: '384271f34d809e48b51630da21d1cd18045a9e10', class: "cty-empty" }, h("slot", { key: 'd0a8c7094ab45620ffa7a4109fa140a1996ff605', name: "top" }), this.image && h("img", { key: 'd605175cb1ea0bcbc7d9826e255e8af57ba73129', class: "cty-empty__image", src: this.image }), h("slot", { key: 'bbcb2f0dd80c75a368d729d979d22502262aa659', name: "image" }), this.description && h("p", { key: '30c9487c0717ad8b2e38261d948fd2e5da458195', class: "cty-empty__description" }, this.description), h("slot", { key: 'e7d116ab2db4366e4c08f982c4c1b13e02adedfe', 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; }

package/components/cty-floating-panel.js

@@ -86,15 +86,15 @@ const FloatingPanel = /*@__PURE__*/ proxyCustomElement(class FloatingPanel exten
         return moveY;
     }
     render() {
-        return (h(Host, { key: '2e631947458d1f6b72710d9ee4c9155abf8bb6ac', class: "cty-floating-panel flex-column", onTouchStart: (e) => this.dragStart(e), onTouchMove: (e) => this.dragMove(e), onTouchEnd: () => this.dragEnd(), onMouseDown: (e) => this.dragStart(e), onMouseMove: (e) => this.dragMove(e), onMouseUp: () => this.dragEnd() }, h("div", { key: '14eb3c1c63216ae3a107944f095eafc08160cd3f', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
+        return (h(Host, { key: '5f495c92052b86b9c9d82df10b38cf63113acb69', class: "cty-floating-panel flex-column", onTouchStart: (e) => this.dragStart(e), onTouchMove: (e) => this.dragMove(e), onTouchEnd: () => this.dragEnd(), onMouseDown: (e) => this.dragStart(e), onMouseMove: (e) => this.dragMove(e), onMouseUp: () => this.dragEnd() }, h("div", { key: '9e523b497fb637e287fe32e4c3958732b67eceec', class: "cty-floating-panel__header flex-center", onTouchStart: () => {
                 this.setContentTouched(false);
             }, onMouseDown: () => {
                 this.setContentTouched(false);
-            } }, h("slot", { key: '08d45ea6a7d2c52c200c5ec272c157546f9a121e', name: "icon-start" }), this.icon && h("cty-icon", { key: '81c07265e17a7da6b0d0ce4442325e28c799acf7', class: "cty-floating-panel__header-bar", name: this.icon }), h("slot", { key: '99dd0a0677eec9c4ec50e0d49f17ce96fb040961', name: "icon-end" })), h("div", { key: 'f74dd8e5eefc413942271aa0d2e6dcfb36f84578', class: "cty-floating-panel__content", onTouchStart: () => {
+            } }, h("slot", { key: 'a5fcc7b854a0fc2a3f3cc63972abe5655336f0b7', name: "icon-start" }), this.icon && h("cty-icon", { key: 'e5d9db4442a588822933a6ed5217f910fcdfb193', class: "cty-floating-panel__header-bar", name: this.icon }), h("slot", { key: '1234fdc6baf5dbec15194ab2123b49ca3a9f4f90', name: "icon-end" })), h("div", { key: '940175df4d67a242d35164f6b472a327c71eded4', class: "cty-floating-panel__content", onTouchStart: () => {
                 this.setContentTouched(true);
             }, onMouseDown: () => {
                 this.setContentTouched(true);
-            } }, h("slot", { key: 'b36a3653f5624723cfd8cdeec5511d8ed6accde8' }))));
+            } }, h("slot", { key: 'f9a7bb9af861c917b58017251b33744521cf5448' }))));
     }
     get el() { return this; }
     static get style() { return CtyFloatingPanelStyle0; }

package/components/cty-image-upload.js

@@ -87,7 +87,7 @@ const ImageUpload = /*@__PURE__*/ proxyCustomElement(class ImageUpload extends H
         this.ctyDeleteImage.emit(this.internalImages);
     }
     render() {
-        return (h(Host, { key: '831b95695a5906e8496a39cf050b94d4576a1963', class: "cty-image-upload flex-wrap" }, this.internalImages.map((item, idx) => (h("div", { class: "cty-image-upload__item", onClick: () => this.handleImageTap(idx) }, h("img", { class: "cty-image-upload__item-img", src: item.url, style: { 'object-fit': item.fit } }), this.deleteable && (h("div", { class: "cty-image-upload__item-delete flex", onClick: e => this.handleImageDelete(e, idx) }, h("slot", { name: "deleteable" }, h("cty-icon", { class: "cty-image-upload__item-delete-icon", name: "cty-close2" }))))))), this.internalImages.length < this.count && (h("div", { key: '2d37a254975b513294a4e154d0f5a4b827a74143', class: "cty-image-upload__item flex-column-center", onClick: () => this.handlePickerImage() }, !this.addImage && this.addIcon && h("cty-icon", { key: '8d77a2da183eb3221ba2aa0b3dc3813f5e8041cb', class: "cty-image-upload__add-icon", name: this.addIcon }), this.addImage && h("img", { key: '3007d80436000cee8fd3abd1f67b981b97e546a3', class: "cty-image-upload__add-image", src: this.addImage }), h("slot", { key: '774352f097510a343e940d474c9bc9c56c82327c', name: "description" })))));
+        return (h(Host, { key: '3167ff681436ae9be5446111ebfeb695c43aaf44', class: "cty-image-upload flex-wrap" }, this.internalImages.map((item, idx) => (h("div", { class: "cty-image-upload__item", onClick: () => this.handleImageTap(idx) }, h("img", { class: "cty-image-upload__item-img", src: item.url, style: { 'object-fit': item.fit } }), this.deleteable && (h("div", { class: "cty-image-upload__item-delete flex", onClick: e => this.handleImageDelete(e, idx) }, h("slot", { name: "deleteable" }, h("cty-icon", { class: "cty-image-upload__item-delete-icon", name: "cty-close2" }))))))), this.internalImages.length < this.count && (h("div", { key: '1e02a40ce6f754ebb3b78591b21815c9c4280ab6', class: "cty-image-upload__item flex-column-center", onClick: () => this.handlePickerImage() }, !this.addImage && this.addIcon && h("cty-icon", { key: 'eb0d95374cbe7256647c33fce6714b2be18b98c1', class: "cty-image-upload__add-icon", name: this.addIcon }), this.addImage && h("img", { key: '019dcf8f0f03de088bb4a7d657ddae405e814195', class: "cty-image-upload__add-image", src: this.addImage }), h("slot", { key: 'c7e4ed1b9d6fe22d7374c228cb6a102872c4f947', name: "description" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-image-viewer.js

@@ -110,7 +110,7 @@ const ImageViewer = /*@__PURE__*/ proxyCustomElement(class ImageViewer extends H
             autoplay: false,
             attrs: Object.assign({ zoom }, attrs)
         };
-        return (h(Host, { key: '08895859c8ec739b6f6fbd68222e5fc694867cf8', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '62fd0985a2f0458317bd7fd7f00db8b9efe133d1', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '81e71e23a4bbdbc987372bf9e836cfc8b06060aa', class: "cty-image-viewer" }, h("slot", { key: '94a4fe7de67f3b0300b9455642c66c97916a0061', name: 'start' }), (this.closeable || this.pager || !this.backdropDismiss) && h("div", { key: '08db363e4133092bee00c0614745101d5ef1fa8e', class: "cty-image-preview__header", onClick: () => this.dismiss() }, this.pager && h("slot", { key: 'c883f7bf805c096c0432062fc141be025effcfc5', name: "pager" }, h("h6", { key: '92a1a286290a3b96f2a445fe4590852a20ac1fc7', class: "cty-image-preview__pager" }, h("span", { key: '350ce95375045463e50d1d13e8d71e2a0749f9bc', class: "cty-image-preview__index" }, this.activeIndex + 1), " / ", this.images.length)), (this.closeable || !this.backdropDismiss) && h("slot", { key: 'faaa04a80d6b8cb7f809b6d509c41fca61f9d56d', name: "close" }, h("button", { key: '13e754619c5d39edd8383f2006b81cf994fc6e2d', class: "cty-image-preview__close cty-button-native" }, h("cty-icon", { key: '5849cf769db53d1ac6eba3b7c55c9574cbe7cde6', name: "cty-close2" })))), h("cty-swiper", Object.assign({ key: '14ac89ecf97534486de21196c440068460a690dc', ref: (el) => this.swiperEl = el }, swiperAttrs, { onCtySlideChange: (e) => this._slideChange(e) })), h("slot", { key: 'e3f609cfc37eaff83b66b5a9a74c6216f0871fd1', name: 'end' })))));
+        return (h(Host, { key: 'a5eacd4de8c0126e34364700102aa425723d817b', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '31137bb5029a489504b5a29755cbbb9ff1f5c3f4', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'bbee433ec3fe5d78ecda0f8d3115e257cbba5c53', class: "cty-image-viewer" }, h("slot", { key: '58a6ed0579a7a73ac1a54fa02a85f1c9a1690d8c', name: 'start' }), (this.closeable || this.pager || !this.backdropDismiss) && h("div", { key: 'dcbcf6a2e898ab581319853cad24a299f014a25c', class: "cty-image-preview__header", onClick: () => this.dismiss() }, this.pager && h("slot", { key: '132872ca9ef65a190b72807c269c36cd5b857a8d', name: "pager" }, h("h6", { key: '62fdffa5966f145bda63a62dd45b2e9d640d6af9', class: "cty-image-preview__pager" }, h("span", { key: '56ec0b9f9c0c5a4e4784743ff7baa6cccd68507f', class: "cty-image-preview__index" }, this.activeIndex + 1), " / ", this.images.length)), (this.closeable || !this.backdropDismiss) && h("slot", { key: '10e2b215b1ef2c58e805c1565951d7d3d982d5b0', name: "close" }, h("button", { key: '2b84159819be15c2e519683a4bfc4b359d672089', class: "cty-image-preview__close cty-button-native" }, h("cty-icon", { key: '984daa9a1c2b828343135f45329cb78464a59f05', name: "cty-close2" })))), h("cty-swiper", Object.assign({ key: '352342dcae14752f36dc058a21b9259194bf11a0', ref: (el) => this.swiperEl = el }, swiperAttrs, { onCtySlideChange: (e) => this._slideChange(e) })), h("slot", { key: 'c57dcfc7a8d5ccad16faa449ea0be758bb77558a', name: 'end' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-index-bar.js

@@ -93,10 +93,10 @@ const IndexBar = /*@__PURE__*/ proxyCustomElement(class IndexBar extends HTMLEle
         this.ctyScrollToPoint.emit(index);
     }
     render() {
-        return (h(Host, { key: '4a3ac11bc09cad49f96742e523372b694fdca4fa', class: "cty-index-bar" }, h("div", { key: 'd78209e6e84db3d1c19684ea6cf8480d50a1bb42', class: "cty-index-bar__list" }, this.indexList.map((item, idx) => {
+        return (h(Host, { key: 'cebb07b3b2a77088948cc09eff23c5adc228cc88', class: "cty-index-bar" }, h("div", { key: 'cf4ea120ad0057edfae30c361f1197d00af46e2e', class: "cty-index-bar__list" }, this.indexList.map((item, idx) => {
             var _a;
-            return h("div", { class: "cty-index-bar__item" }, h("div", { class: { 'cty-index-bar__item-header': true, 'cty-index-bar__item-header-active': this.alphabet === item.belong }, style: { position: this.sticky ? 'sticky' : 'initial', 'top': this.stickyTop + 'px' } }, h("span", null, item.belong), this.sum && h("span", { class: "cty-index-bar__item-header-sum" }, "(", item.sum, ")")), h("slot", { name: (_a = item.slot) !== null && _a !== void 0 ? _a : `${idx}` }));
-        })), h("div", { key: '31bfdc0bf51cd41ffc4518788f07eec9f798c48a', class: "cty-index-bar__sidebar" }, this.alphabets.map((item, i) => h("button", { class: { 'cty-index-bar__index cty-button-native': true, 'cty-index-bar__index-active': this.alphabet === item }, onClick: () => this.scrollToIndex(i), onKeyUp: (e) => this.onKeyUp(e, i), tabindex: "0" }, item)))));
+            return h("div", { class: "cty-index-bar__item" }, h("div", { part: "header", class: { 'cty-index-bar__item-header': true, 'cty-index-bar__item-header-active': this.alphabet === item.belong }, style: { position: this.sticky ? 'sticky' : 'initial', 'top': this.stickyTop + 'px' } }, h("span", null, item.belong), this.sum && h("span", { class: "cty-index-bar__item-header-sum" }, "(", item.sum, ")")), h("slot", { name: (_a = item.slot) !== null && _a !== void 0 ? _a : `${idx}` }));
+        })), h("div", { key: '5485a68cbfb7790424b5437863c0e32af0b4331b', class: "cty-index-bar__sidebar", part: "sidebar" }, this.alphabets.map((item, i) => h("button", { class: { 'cty-index-bar__index cty-button-native': true, 'cty-index-bar__index-active': this.alphabet === item }, onClick: () => this.scrollToIndex(i), onKeyUp: (e) => this.onKeyUp(e, i), tabindex: "0" }, item)))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/cty-keyboard.js

@@ -82,7 +82,7 @@ const Keyboard = /*@__PURE__*/ proxyCustomElement(class Keyboard extends HTMLEle
         }
     }
     render() {
-        return (h(Host, { key: '054a318a6a8485775e1c0ce962691018d87ee328' }));
+        return (h(Host, { key: 'e05cf587b29da8a15246463c8a69b4708f23d30b' }));
     }
     get el() { return this; }
     static get style() { return CtyKeyboardStyle0; }

package/components/cty-loading.js

@@ -3,7 +3,7 @@ import { c as createDelegateController, a as createTriggerController, p as prepa
 import { c as createLockController, g as getClassMap, d as defineCustomElement$2, e as enterAnimation, l as leaveAnimation } from './overlay.js';
 import { r as raf } from './helpers3.js';
 
-const loadingCss = "*{-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%)}.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-loading-overlay-position:fixed;--cty-loading-overlay-z-index:10;--cty-loading-overlay-width:100vw;--cty-loading-overlay-height:100vh;--cty-loading-overlay-background:var(--cty-overlay-color-light);--cty-loading-img-width:100px;--cty-loading-active-color:var(--cty-color-primary);--cty-loading-text-size:var(--cty-font-size-base);--cty-loading-text-color:var(--cty-text-color-secondary);--cty-loading-text-offset-top:10px;--cty-loading-text-offset-start:5px;--cty-loading-transform-origin:center center;--cty-loading-transform:none}:host(.overlay-hidden){display:none}cty-overlay{--cty-overlay-position:var(--cty-loading-overlay-position);--cty-overlay-z-index:var(--cty-loading-overlay-z-index);--cty-overlay-width:var(--cty-loading-overlay-width);--cty-overlay-height:var(--cty-loading-overlay-height);--cty-overlay-background:var(--cty-loading-overlay-background)}.cty-loading{-webkit-transform-origin:var(--cty-loading-transform-origin);transform-origin:var(--cty-loading-transform-origin);-webkit-transform:var(--cty-loading-transform);transform:var(--cty-loading-transform)}.cty-loading__img{display:block;width:var(--cty-loading-img-width)}.cty-loading__dotted{width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);margin:0 3px;-webkit-animation:dotted linear 1s infinite;animation:dotted linear 1s infinite}.cty-loading__dotted:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__dotted:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__dotted:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__dotted:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__dotted:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}.cty-loading__columnar{width:4px;height:6px;background:var(--cty-loading-active-color);margin:0 3px;-webkit-animation:columnar linear 1s infinite;animation:columnar linear 1s infinite}.cty-loading__columnar:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__columnar:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__columnar:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__columnar:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__columnar:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}@keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}.cty-loading__type-circular{position:relative;width:50px;height:50px}.cty-loading__circular{position:absolute;width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:circular linear 0.8s infinite;animation:circular linear 0.8s infinite}.cty-loading__circular:nth-child(1){left:24px;top:2px;-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__circular:nth-child(2){left:40px;top:8px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(3){left:47px;top:24px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(4){left:40px;top:40px;-webkit-animation-delay:0.2s;animation-delay:0.2s}.cty-loading__circular:nth-child(5){left:24px;top:47px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.cty-loading__circular:nth-child(6){left:8px;top:40px;-webkit-animation-delay:0.5s;animation-delay:0.5s}.cty-loading__circular:nth-child(7){left:2px;top:24px;-webkit-animation-delay:0.6s;animation-delay:0.6s}.cty-loading__circular:nth-child(8){left:8px;top:8px;-webkit-animation-delay:0.7s;animation-delay:0.7s}@-webkit-keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}@keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}.cty-loading__type-sphere{width:20px;height:100px;border-bottom:1px solid var(--cty-loading-active-color)}.cty-loading__sphere{display:block;width:20px;height:20px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate;animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate}@-webkit-keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}@keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}.cty-loading__type-round{position:relative;width:50px;height:50px}.cty-loading__round{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cty-loading-active-color);-webkit-animation:loader-animate 0.5s linear infinite;animation:loader-animate 0.5s linear infinite;border-radius:var(--cty-border-radius-medium)}.cty-loading__round-shadow{position:absolute;top:59px;left:0;width:100%;height:5px;background:#000;opacity:0.1;border-radius:var(--cty-border-radius-circle);-webkit-animation:loader-shadow 0.5s linear infinite;animation:loader-shadow 0.5s linear infinite}@-webkit-keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}@keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}.cty-loading__text{margin-top:var(--cty-loading-text-offset-top);color:var(--cty-loading-text-color);font-size:var(--cty-loading-text-size)}.cty-loading__text-hor{margin-top:0;margin-left:var(--cty-loading-text-offset-start)}";
+const loadingCss = "*{-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%)}.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-loading-overlay-position:fixed;--cty-loading-overlay-z-index:10;--cty-loading-overlay-width:100vw;--cty-loading-overlay-height:100vh;--cty-loading-overlay-background:var(--cty-overlay-color-light);--cty-loading-img-width:100px;--cty-loading-img-animation:initial;--cty-loading-active-color:var(--cty-color-primary);--cty-loading-text-size:var(--cty-font-size-base);--cty-loading-text-color:var(--cty-text-color-secondary);--cty-loading-text-offset-top:10px;--cty-loading-text-offset-start:5px;--cty-loading-transform-origin:center center;--cty-loading-transform:none}:host(.overlay-hidden){display:none}cty-overlay{--cty-overlay-position:var(--cty-loading-overlay-position);--cty-overlay-z-index:var(--cty-loading-overlay-z-index);--cty-overlay-width:var(--cty-loading-overlay-width);--cty-overlay-height:var(--cty-loading-overlay-height);--cty-overlay-background:var(--cty-loading-overlay-background)}.cty-loading{-webkit-transform-origin:var(--cty-loading-transform-origin);transform-origin:var(--cty-loading-transform-origin);-webkit-transform:var(--cty-loading-transform);transform:var(--cty-loading-transform)}.cty-loading__img{display:block;width:var(--cty-loading-img-width);-webkit-animation:var(--cty-loading-img-animation);animation:var(--cty-loading-img-animation)}.cty-loading__dotted{width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);margin:0 3px;-webkit-animation:dotted linear 1s infinite;animation:dotted linear 1s infinite}.cty-loading__dotted:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__dotted:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__dotted:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__dotted:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__dotted:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes dotted{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(2.5);transform:scale(2.5)}}.cty-loading__columnar{width:4px;height:6px;background:var(--cty-loading-active-color);margin:0 3px;-webkit-animation:columnar linear 1s infinite;animation:columnar linear 1s infinite}.cty-loading__columnar:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__columnar:nth-child(2){-webkit-animation-delay:0.15s;animation-delay:0.15s}.cty-loading__columnar:nth-child(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}.cty-loading__columnar:nth-child(4){-webkit-animation-delay:0.45s;animation-delay:0.45s}.cty-loading__columnar:nth-child(5){-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}@keyframes columnar{0%,60%,100%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleY(3);transform:scaleY(3)}}.cty-loading__type-circular{position:relative;width:50px;height:50px}.cty-loading__circular{position:absolute;width:4px;height:4px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:circular linear 0.8s infinite;animation:circular linear 0.8s infinite}.cty-loading__circular:nth-child(1){left:24px;top:2px;-webkit-animation-delay:0s;animation-delay:0s}.cty-loading__circular:nth-child(2){left:40px;top:8px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(3){left:47px;top:24px;-webkit-animation-delay:0.1s;animation-delay:0.1s}.cty-loading__circular:nth-child(4){left:40px;top:40px;-webkit-animation-delay:0.2s;animation-delay:0.2s}.cty-loading__circular:nth-child(5){left:24px;top:47px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.cty-loading__circular:nth-child(6){left:8px;top:40px;-webkit-animation-delay:0.5s;animation-delay:0.5s}.cty-loading__circular:nth-child(7){left:2px;top:24px;-webkit-animation-delay:0.6s;animation-delay:0.6s}.cty-loading__circular:nth-child(8){left:8px;top:8px;-webkit-animation-delay:0.7s;animation-delay:0.7s}@-webkit-keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}@keyframes circular{0%,40%,100%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(3);transform:scale(3)}}.cty-loading__type-sphere{width:20px;height:100px;border-bottom:1px solid var(--cty-loading-active-color)}.cty-loading__sphere{display:block;width:20px;height:20px;background:var(--cty-loading-active-color);border-radius:var(--cty-border-radius-circle);-webkit-animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate;animation:sphere cubic-bezier(0.5, 0.01, 0.9, 1) 0.6s infinite alternate}@-webkit-keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}@keyframes sphere{0%{transform:translateY(0px);-webkit-transform:translateY(0px)}100%{transform:translateY(80px);-webkit-transform:translateY(80px)}}.cty-loading__type-round{position:relative;width:50px;height:50px}.cty-loading__round{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cty-loading-active-color);-webkit-animation:loader-animate 0.5s linear infinite;animation:loader-animate 0.5s linear infinite;border-radius:var(--cty-border-radius-medium)}.cty-loading__round-shadow{position:absolute;top:59px;left:0;width:100%;height:5px;background:#000;opacity:0.1;border-radius:var(--cty-border-radius-circle);-webkit-animation:loader-shadow 0.5s linear infinite;animation:loader-shadow 0.5s linear infinite}@-webkit-keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes loader-animate{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scale(1, 0.9) rotate(45deg);transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}@keyframes loader-shadow{50%{-webkit-transform:scale(1.2, 1);transform:scale(1.2, 1)}}.cty-loading__text{margin-top:var(--cty-loading-text-offset-top);color:var(--cty-loading-text-color);font-size:var(--cty-loading-text-size)}.cty-loading__text-hor{margin-top:0;margin-left:var(--cty-loading-text-offset-start)}";
 const CtyLoadingStyle0 = loadingCss;
 
 const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLElement {
@@ -83,11 +83,11 @@ const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLEleme
     }
     renderSpinner() {
         if (this.img)
-            return h("img", { src: this.img, class: "cty-loading__img" });
+            return h("img", { src: this.img, class: "cty-loading__img", part: "img" });
         return this.spinnerComponents[this.spinner] || null;
     }
     render() {
-        return (h(Host, { key: 'a8b6d9965cd4aedc18f66c801dcac0a462d9d017', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '616c2db83df9bfba0718a96949203714dc69467d', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'd9690182831ed9e0c1ceb316ba49b070b4b4cdcf', class: this.vertical ? 'cty-loading flex-column-center' : 'cty-loading flex-center' }, this.renderSpinner(), h("div", { key: 'c41608787c0b0eb533ca0fd2eee40bbd451ff82e', class: { 'cty-loading__text': true, 'cty-loading__text-hor': !this.vertical } }, h("slot", { key: '00163f5498ec8547055e02c41a1a65a9d68b73e4' }))))));
+        return (h(Host, { key: '66a73b5e98a0eda3e679b122c3f0affd014d61f1', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden cty-pos-cover': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: 'ae422786403028566fbf538043cd0b81e8324fee', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: 'bf581ea6a575246fafd8fde35c8fdb2dff163dc3', class: this.vertical ? 'cty-loading flex-column-center' : 'cty-loading flex-center' }, this.renderSpinner(), h("div", { key: 'bcd8fa1a81720a34c3e376b49f3c6bc2314c54b9', class: { 'cty-loading__text': true, 'cty-loading__text-hor': !this.vertical } }, h("slot", { key: '55fa872ea08afcc4ba0f872a3008224fb26bb25a' }))))));
     }
     get el() { return this; }
     static get watchers() { return {