cty-mui-core 1.0.5 → 1.0.6

package/components/crop-image.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { a as getElementRect, b as getEventPageCoords } from './dom.js';
 import { c as clamp } from './format2.js';
 
-const cropImageCss = "*{-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}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-crop-image-clip-width:100vw;--cty-crop-image-clip-height:100vw;--cty-crop-image-clip-background:var(--cty-overlay-color);--cty-crop-image-clip-border:1px solid #767676;--cty-crop-image-buttons-padding:12px 0;--cty-crop-image-button-padding:0 12px;--cty-crop-image-button-color:var(--cty-color-white);--cty-crop-image-button-active-color:var(--cty-color-white);--cty-crop-image-button-size:var(--cty-font-size-base);--cty-crop-image-button-line-height:30px;--cty-crop-image-button-weight:400;display:block;position:relative;width:100vw;height:100vh;background:var(--cty-color-black)}.cty-crop-image__wrapper{position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.cty-crop-image__image{display:block;width:100%;pointer-events:none}.cty-crop-image__clip{position:relative;width:var(--cty-crop-image-clip-width);max-width:var(--cty-crop-image-width);height:var(--cty-crop-image-clip-height);border:var(--cty-crop-image-clip-border);-webkit-box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background);box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background)}.cty-crop-image__buttons{position:absolute;left:0;right:0;bottom:0;background-color:rgba(19, 19, 19, 0.7);padding:var(--cty-crop-image-buttons-padding)}.cty-crop-image__button{padding:var(--cty-crop-image-button-padding);font-size:var(--cty-crop-image-button-size);color:var(--cty-crop-image-button-color);line-height:var(--cty-crop-image-button-line-height);font-weight:var(--cty-crop-image-button-weight)}.cty-crop-image__button+.cty-crop-image__button{color:var(--cty-crop-image-button-active-color)}";
+const cropImageCss = "*{-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}.plt-hybrid .safe-area-bottom-border{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid var(--cty-color-white)}.plt-hybrid .safe-area-bottom-border-color{-webkit-box-sizing:content-box;box-sizing:content-box;border-bottom:var(--ion-safe-area-bottom, 0) solid currentColor}.plt-hybrid .safe-area-bottom-padding{padding-bottom:var(--ion-safe-area-bottom, 0)}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-crop-image-clip-width:100vw;--cty-crop-image-clip-height:100vw;--cty-crop-image-clip-background:var(--cty-overlay-color);--cty-crop-image-clip-border:1px solid #767676;--cty-crop-image-buttons-padding:12px 0;--cty-crop-image-button-padding:0 12px;--cty-crop-image-button-color:var(--cty-color-white);--cty-crop-image-button-active-color:var(--cty-color-white);--cty-crop-image-button-size:var(--cty-font-size-base);--cty-crop-image-button-line-height:30px;--cty-crop-image-button-weight:400;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100vw;height:100vh;background:var(--cty-color-black)}.cty-crop-image__wrapper{position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.cty-crop-image__image{display:block;width:100%;pointer-events:none}.cty-crop-image__clip{position:relative;width:var(--cty-crop-image-clip-width);max-width:var(--cty-crop-image-width);height:var(--cty-crop-image-clip-height);border:var(--cty-crop-image-clip-border);-webkit-box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background);box-shadow:0 0 0 1000px var(--cty-crop-image-clip-background)}.cty-crop-image__buttons{position:absolute;left:0;right:0;bottom:0;background-color:rgba(19, 19, 19, 0.7);padding:var(--cty-crop-image-buttons-padding)}.cty-crop-image__button{padding:var(--cty-crop-image-button-padding);font-size:var(--cty-crop-image-button-size);color:var(--cty-crop-image-button-color);line-height:var(--cty-crop-image-button-line-height);font-weight:var(--cty-crop-image-button-weight)}.cty-crop-image__button+.cty-crop-image__button{color:var(--cty-crop-image-button-active-color)}";
 const CtyCropImageStyle0 = cropImageCss;
 
 const CropImage = /*@__PURE__*/ proxyCustomElement(class CropImage extends HTMLElement {
@@ -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: '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" })));
+        return (h(Host, { key: '188bc6a88e6b45cbd7b96fc4969ac0f4bcfc6d32', class: "cty-crop-image", onMouseDown: (e) => this.doTouchStart(e), onTouchStart: (e) => this.doTouchStart(e), onTouchMove: (e) => this.doTouchMove(e), onTouchEnd: () => this.doTouchEnd() }, h("slot", { key: '1fd8366eceecef4740ac06a86118dbd318df4efe', name: "header" }), h("div", { key: '5f6315fa7b4684dff0b3d5273bf836a79274c780', class: "cty-crop-image__wrapper", ref: el => (this.imageEl = el) }, h("img", { key: 'eac5e99cf3ed23aa5dda6ad784463e5f3dc51902', src: this.url, class: "cty-crop-image__image" })), h("div", { key: '042df69d9a69af60af0fdbe47a19ab25866ea0fe', class: "cty-crop-image__clip", ref: el => (this.clipEl = el) }), h("slot", { key: '6bf8feeadf7f9679c5b1a8405514b13b6fda4590', name: "clip" }), this.renderButtons(), h("slot", { key: 'c7615d81bcf106c0ef2f38fde394874a0b802cda', name: "footer" })));
     }
     get el() { return this; }
     static get style() { return CtyCropImageStyle0; }

package/components/cty-action-sheet.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyActionSheet extends Components.CtyActionSheet, HTMLElement {}
 export const CtyActionSheet: {

package/components/cty-agree.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyAgree extends Components.CtyAgree, HTMLElement {}
 export const CtyAgree: {

package/components/cty-alert.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyAlert extends Components.CtyAlert, HTMLElement {}
 export const CtyAlert: {

package/components/cty-answer-sheet.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyAnswerSheet extends Components.CtyAnswerSheet, HTMLElement {}
 export const CtyAnswerSheet: {

package/components/cty-article-card.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyArticleCard extends Components.CtyArticleCard, HTMLElement {}
 export const CtyArticleCard: {

package/components/cty-audio.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyAudio extends Components.CtyAudio, HTMLElement {}
 export const CtyAudio: {

package/components/cty-banner.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyBanner extends Components.CtyBanner, HTMLElement {}
 export const CtyBanner: {

package/components/cty-camera-photo.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyCameraPhoto extends Components.CtyCameraPhoto, HTMLElement {}
 export const CtyCameraPhoto: {

package/components/cty-camera-photo.js

@@ -229,8 +229,6 @@ const CameraPhoto = /*@__PURE__*/ proxyCustomElement(class CameraPhoto extends H
         this.isMicroMessager = deviceInfo$1.isMicroMessager;
         this.isIOS = deviceInfo$1.isIos;
         this.allowEdit = false;
-        this.showCropImage = false;
-        this.clipImage = '';
         this.imageSource = { option: { action: '' }, imageList: [], index: 0 };
         this.showPermissionPurpose = false;
         this.permissionDescription = '';
@@ -274,6 +272,8 @@ const CameraPhoto = /*@__PURE__*/ proxyCustomElement(class CameraPhoto extends H
         this.leaveAnimation = undefined;
         this.enterAnimation = undefined;
         this.trigger = undefined;
+        this.showCropImage = false;
+        this.clipImage = '';
     }
     triggerChanged() {
         const { trigger, el, triggerController } = this;
@@ -394,7 +394,7 @@ const CameraPhoto = /*@__PURE__*/ proxyCustomElement(class CameraPhoto extends H
         this.ctyTap.emit({ index, imageList });
     }
     render() {
-        return (h(Host, { key: '1209dc8c96e0f6d610938094ee9043aa945e0a7e', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'cty-pos-cover': this.overlay }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-action-sheet", { key: 'ae17be413e6275ee15b90e4a6f841a49f783900a', animated: false, overlayIndex: 1, backdropDismiss: this.backdropDismiss, title: this.title, closeable: this.closeable, closeIcon: this.closeIcon, cancelText: this.cancelText, options: this.options, onCtyDismiss: () => this.dismiss(), onCtyTap: e => this._buttonClick(e) }), this.showCropImage && (h("cty-overlay", { key: '052ccb88ecae00fd87d3c2794a944c8f93b36843', animated: false, backdropDismiss: false }, h("cty-crop-image", { key: '0b4de285fb815ed8a49aae0bd07b70c8dc4969a3', url: this.clipImage, cancelText: this.clipCancelText, confirmText: this.clipCconfirmText, imageWidth: this.clipImageWidth, imageBackground: this.clipImageBg, maxScale: this.clipMaxScale, minScale: this.clipMinScale, suffix: this.clipImageSuffix, quality: this.clipImageQuality, onCtyCancel: () => this._doCropCancel(), onCtyConfirm: (e) => this._doCropConfirm(e) }))), this.showPermissionPurpose && h("cty-permission-purpose", { key: '60a99a0480aba31c86454b821f9cba8d4b9ea24d', description: this.permissionDescription })));
+        return (h(Host, { key: '8c7f1d5a4b16fd591de7ff1f82830e4ad6381230', 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: 'badb995c2e5198b1a64c75f3e8a33fc94d52bd12', 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: '36b4365c3b082fb4628edf7273e2fdd56ad7af47', animated: false, backdropDismiss: false }, h("cty-crop-image", { key: '4d5d442966f50e937c37c754504ad43b0593f0b8', 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: '263297537bcaf5636696183d4a5755d13bc7b4bd', description: this.permissionDescription })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -431,6 +431,8 @@ const CameraPhoto = /*@__PURE__*/ proxyCustomElement(class CameraPhoto extends H
         "leaveAnimation": [16],
         "enterAnimation": [16],
         "trigger": [1],
+        "showCropImage": [32],
+        "clipImage": [32],
         "present": [64],
         "dismiss": [64],
         "onDidDismiss": [64],

package/components/cty-canvas-board.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyCanvasBoard extends Components.CtyCanvasBoard, HTMLElement {}
 export const CtyCanvasBoard: {

package/components/cty-canvas-video.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyCanvasVideo extends Components.CtyCanvasVideo, HTMLElement {}
 export const CtyCanvasVideo: {

package/components/cty-cascader.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyCascader extends Components.CtyCascader, HTMLElement {}
 export const CtyCascader: {

package/components/cty-cascader.js

@@ -13537,7 +13537,8 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
             mousemoving: false,
         };
         this.firstRender = true;
-        this._defaultValues = [];
+        this.changeColumnIndex = null;
+        this.prevColumns = [];
         // Controller
         this.delegateController = createDelegateController(this);
         this.lockController = createLockController();
@@ -13602,13 +13603,24 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         this.triggerController.removeClickListener();
         //this.presented && this.dismiss();
     }
-    columnsChange() {
-        this._defaultValues = this.defaultValues;
+    columnsOrValueChange(newValue) {
+        var _a;
+        this.changeColumnIndex = [];
+        if (((_a = this.prevColumns) === null || _a === void 0 ? void 0 : _a.length) && (newValue === null || newValue === void 0 ? void 0 : newValue.length)) {
+            for (let i = 0; i < newValue.length; i++) {
+                if ((newValue[i] || this.prevColumns[i]) && JSON.stringify(newValue[i]) != JSON.stringify(this.prevColumns[i]))
+                    this.changeColumnIndex.push(i);
+            }
+        }
+        if (this.type === 'default' && !this.cascade) {
+            this.prevColumns = JSON.parse(JSON.stringify(newValue));
+        }
         this.initScrollColumns();
     }
     componentWillLoad() {
         prepareOverlay(this.el);
-        this._defaultValues = this.defaultValues;
+        if (this.type === 'default' && !this.cascade)
+            this.prevColumns = JSON.parse(JSON.stringify(this.columns));
         this.triggerChanged();
         this.initDimensions();
         this.initScrollColumns();
@@ -13637,27 +13649,52 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         }
     }
     normalizeNormalMode(columns) {
-        const visibleColumns = this.columnsCount != null ? columns.slice(0, this.columnsCount) : columns;
-        return visibleColumns.map((column, idx) => {
-            const scrollColumn = {
-                id: this.sid++,
-                prevY: 0,
-                momentumPrevY: 0,
-                touching: false,
-                translate: this.center,
-                index: 0,
-                duration: 0,
-                momentumTime: 0,
-                column,
-                scrollEl: null,
-                scrolling: false,
-            };
-            const value = this._defaultValues[idx];
-            const index = scrollColumn.column.findIndex(option => value === this.getValue(option));
-            scrollColumn.index = index === -1 ? 0 : index;
-            this.scrollTo(scrollColumn);
-            return scrollColumn;
-        });
+        let _scrollColumns = this.scrollColumns;
+        if (this.changeColumnIndex === null) {
+            const visibleColumns = this.columnsCount != null ? columns.slice(0, this.columnsCount) : columns;
+            _scrollColumns = visibleColumns.map((column, idx) => {
+                const scrollColumn = {
+                    id: this.sid++,
+                    prevY: 0,
+                    momentumPrevY: 0,
+                    touching: false,
+                    translate: this.center,
+                    index: 0,
+                    duration: 0,
+                    momentumTime: 0,
+                    column,
+                    scrollEl: null,
+                    scrolling: false,
+                };
+                const value = this.defaultValues[idx];
+                const index = scrollColumn.column.findIndex(option => value === this.getValue(option));
+                scrollColumn.index = index === -1 ? 0 : index;
+                this.scrollTo(scrollColumn);
+                return scrollColumn;
+            });
+        }
+        else if (this.changeColumnIndex.length) {
+            for (let i = 0; i < this.changeColumnIndex.length; i++) {
+                if (!this.columnsCount || this.changeColumnIndex[i] <= this.columnsCount) {
+                    _scrollColumns[this.changeColumnIndex[i]] = {
+                        id: this.sid++,
+                        prevY: 0,
+                        momentumPrevY: 0,
+                        touching: false,
+                        translate: this.center,
+                        index: 0,
+                        duration: 0,
+                        momentumTime: 0,
+                        column: this.columns[this.changeColumnIndex[i]],
+                        scrollEl: null,
+                        scrolling: false,
+                    };
+                    this.updateScrollEl();
+                    this.scrollTo(_scrollColumns[this.changeColumnIndex[i]]);
+                }
+            }
+        }
+        return _scrollColumns;
     }
     normalizeCascadeMode(column) {
         const scrollColumns = [];
@@ -13681,7 +13718,7 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
             };
             scrollColumns.push(scrollColumn);
             if (syncModelValue) {
-                const value = this._defaultValues[scrollColumns.length - 1];
+                const value = this.defaultValues[scrollColumns.length - 1];
                 const index = children.findIndex(option => value === this.getValue(option));
                 scrollColumn.index = index === -1 ? 0 : index;
             }
@@ -13879,12 +13916,12 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         this.ctyConfirm.emit({ values, indexes, options });
     }
     render() {
-        return (h(Host, { key: 'da948a780df0cd6dcec82e0ad9fac412b078701e', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: '222192192332e55542f0b5c1036524902de25139', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '54d584fbe2dabac39ef12b0e2d1f98d1b61638a9', class: "cty-cascader-container", ref: (el) => (this.cascaderContainerEl = el) }, h("div", { key: 'd5be79a9d21de02099939ac1dd5d23d603186dfc', class: "cty-cascader", onClick: (e) => e.stopPropagation() }, h("slot", { key: '5326c8b90ce7b6a98d93c9f75f6b80048dd684a7', name: 'header' }), h("div", { key: '331202433d5bb660352ad47742e272a97a58127f', class: "cty-cascader-header" }, h("button", { key: 'fdcc3eac96cb86bb61c045baf5caa2355019ee4b', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), h("div", { key: 'ce4afdb8db6e9f00e8fa3c37c6ac67d73b184273', class: "cty-cascader-title" }, this.title), h("button", { key: '06e9ace9c7c40aabb56d073fec2545518b24b84d', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), h("div", { key: '115c34d4f69e78d5ea13925bd3aef803f5a3e826', 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: '21765620c13f041a56433ebc34b9b92be9b4e81b', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), h("div", { key: 'b9680146bca4bee8a84bb67c207eadd619131eaa', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } })))))));
+        return (h(Host, { key: '982f2c8b5e14455c6699678b34590c80be14c21c', class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { 'overlay-hidden': true }), style: { zIndex: `${20000 + this.overlayIndex}` } }, h("cty-overlay", { key: 'cd29455bc7a10a238ad6b9e4d1b0047b04eb3c2b', animated: false, backdropDismiss: this.backdropDismiss, onCtyDismiss: () => this.dismiss() }, h("div", { key: '4a5e3bac012d307fb7db148bbfdbff61d93eb855', class: "cty-cascader-container", ref: (el) => (this.cascaderContainerEl = el) }, h("div", { key: '2a9eeaf8b0cfbc8d9bbe73e997ce1b5c4e0e2095', class: "cty-cascader", onClick: (e) => e.stopPropagation() }, h("slot", { key: '00748a78ef1ae0f4bf61b74ed56f952aff909b2f', name: 'header' }), h("div", { key: 'a3335aec11f69c550f2beabcc215d02f4dffa3da', class: "cty-cascader-header" }, h("button", { key: '24127ee47aef6267435c21f25d7d856bd8ab15c8', onClick: () => this.dismiss(), class: "cancel cty-button-native" }, this.cancelText), h("div", { key: '9e9d9a571be493bf73a6478fa01fa0715a3f8b74', class: "cty-cascader-title" }, this.title), h("button", { key: '09f02cc628b54f8cd6f6d68e3682b70b951f4afb', onClick: () => this.confirm(), class: "confirm cty-button-native" }, this.confirmText)), h("div", { key: '73c17ca25e9b7f7e1c28ea923f019d578869c63e', 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: 'd32d3c1b44d2a0c7c9d48e0c751d57e933bfb90b', class: "cty-cascader-picked", style: { top: this.center + 'px', height: this.optionHeight + 'px' } }), h("div", { key: 'eba4be575f9834abf38208163636f11c49f153e7', class: "cty-cascader-mask", style: { 'background-size': '100% ' + (this.columnHeight - this.optionHeight) / 2 + 'px' } })))))));
     }
     get el() { return this; }
     static get watchers() { return {
         "trigger": ["triggerChanged"],
-        "columns": ["columnsChange"]
+        "columns": ["columnsOrValueChange"]
     }; }
     static get style() { return CtyCascaderStyle0; }
 }, [1, "cty-cascader", {
@@ -13918,7 +13955,7 @@ const Cascader = /*@__PURE__*/ proxyCustomElement(class Cascader extends HTMLEle
         "onWillDismiss": [64]
     }, undefined, {
         "trigger": ["triggerChanged"],
-        "columns": ["columnsChange"]
+        "columns": ["columnsOrValueChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/components/cty-circle.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyCircle extends Components.CtyCircle, HTMLElement {}
 export const CtyCircle: {

package/components/cty-count-down.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyCountDown extends Components.CtyCountDown, HTMLElement {}
 export const CtyCountDown: {

package/components/cty-crop-image.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyCropImage extends Components.CtyCropImage, HTMLElement {}
 export const CtyCropImage: {

package/components/cty-divider.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyDivider extends Components.CtyDivider, HTMLElement {}
 export const CtyDivider: {

package/components/cty-empty.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyEmpty extends Components.CtyEmpty, HTMLElement {}
 export const CtyEmpty: {

package/components/cty-floating-bubble.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyFloatingBubble extends Components.CtyFloatingBubble, HTMLElement {}
 export const CtyFloatingBubble: {

package/components/cty-floating-panel.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyFloatingPanel extends Components.CtyFloatingPanel, HTMLElement {}
 export const CtyFloatingPanel: {

package/components/cty-icon.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyIcon extends Components.CtyIcon, HTMLElement {}
 export const CtyIcon: {

package/components/cty-image-upload.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyImageUpload extends Components.CtyImageUpload, HTMLElement {}
 export const CtyImageUpload: {

package/components/cty-image-viewer.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyImageViewer extends Components.CtyImageViewer, HTMLElement {}
 export const CtyImageViewer: {

package/components/cty-index-bar.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyIndexBar extends Components.CtyIndexBar, HTMLElement {}
 export const CtyIndexBar: {

package/components/cty-keyboard.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyKeyboard extends Components.CtyKeyboard, HTMLElement {}
 export const CtyKeyboard: {

package/components/cty-loading.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyLoading extends Components.CtyLoading, HTMLElement {}
 export const CtyLoading: {

package/components/cty-media-capture.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyMediaCapture extends Components.CtyMediaCapture, HTMLElement {}
 export const CtyMediaCapture: {

package/components/cty-nav-bar.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyNavBar extends Components.CtyNavBar, HTMLElement {}
 export const CtyNavBar: {

package/components/cty-notice-bar.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyNoticeBar extends Components.CtyNoticeBar, HTMLElement {}
 export const CtyNoticeBar: {

package/components/cty-notice-bar.js

@@ -4,7 +4,7 @@ import './gesture-controller.js';
 import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './icon2.js';
 
-const noticeBarCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-notice-bar-text-color:var(--cty-color-primary);--cty-notice-bar-text-font-size:var(--cty-font-size-base);--cty-notice-bar-text-line-height:24px;--cty-notice-bar-font-weight:normal;--cty-notice-bar-text-white-space:nowrap;--cty-notice-bar-text-word-wrap:initial;--cty-notice-bar-icon-left-size:var(--cty-font-size-medium);--cty-notice-bar-icon-left-color:var(--cty-color-primary);--cty-notice-bar-icon-left-min-width:24px;--cty-notice-bar-icon-right-size:var(--cty-font-size-medium);--cty-notice-bar-icon-right-color:var(--cty-color-primary);--cty-notice-bar-icon-right-min-width:24px;position:relative;background:#fffbe8;padding:8px 16px;cursor:pointer}.cty-notice-bar__start-icon{-ms-flex-pack:start;justify-content:flex-start;min-width:var(--cty-notice-bar-icon-left-min-width);margin:0;font-size:var(--cty-notice-bar-icon-left-size);color:var(--cty-notice-bar-icon-left-color)}.cty-notice-bar__end-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:end;justify-content:flex-end;min-width:var(--cty-notice-bar-icon-right-min-width);font-size:var(--cty-notice-bar-icon-right-size);color:var(--cty-notice-bar-icon-right-color);text-align:right}.cty-notice-bar__wrap{overflow:hidden;position:relative;-ms-flex:1;flex:1;height:100%}.cty-notice-bar__content[class]{position:relative;width:100%;color:var(--cty-notice-bar-text-color);font-size:var(--cty-notice-bar-text-font-size);line-height:var(--cty-notice-bar-text-line-height);white-space:var(--cty-notice-bar-text-white-space);word-wrap:var(--cty-notice-bar-text-word-wrap);font-weight:var(--cty-notice-bar-font-weight);-webkit-transition-timing-function:linear;transition-timing-function:linear}";
+const noticeBarCss = "*{-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-ellipsis[class]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.cty-ellipsis2[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis3[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-ellipsis4[class]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;word-break:break-all;word-wrap:break-word}.cty-button-native{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;background:transparent;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;line-height:1;border:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host{--cty-notice-bar-text-color:var(--cty-color-primary);--cty-notice-bar-text-font-size:var(--cty-font-size-base);--cty-notice-bar-text-line-height:24px;--cty-notice-bar-font-weight:normal;--cty-notice-bar-text-white-space:nowrap;--cty-notice-bar-text-word-wrap:initial;--cty-notice-bar-icon-start-size:var(--cty-font-size-medium);--cty-notice-bar-icon-start-color:var(--cty-color-primary);--cty-notice-bar-icon-start-min-width:24px;--cty-notice-bar-icon-end-size:var(--cty-font-size-medium);--cty-notice-bar-icon-end-color:var(--cty-color-primary);--cty-notice-bar-icon-end-min-width:24px;position:relative;background:#fffbe8;padding:8px 16px;cursor:pointer}.cty-notice-bar__start-icon{-ms-flex-pack:start;justify-content:flex-start;min-width:var(--cty-notice-bar-icon-start-min-width);margin:0;font-size:var(--cty-notice-bar-icon-start-size);color:var(--cty-notice-bar-icon-start-color)}.cty-notice-bar__end-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:end;justify-content:flex-end;min-width:var(--cty-notice-bar-icon-end-min-width);font-size:var(--cty-notice-bar-icon-end-size);color:var(--cty-notice-bar-icon-end-color);text-align:right}.cty-notice-bar__wrap{overflow:hidden;position:relative;-ms-flex:1;flex:1;height:100%}.cty-notice-bar__content[class]{position:relative;width:100%;color:var(--cty-notice-bar-text-color);font-size:var(--cty-notice-bar-text-font-size);line-height:var(--cty-notice-bar-text-line-height);white-space:var(--cty-notice-bar-text-white-space);word-wrap:var(--cty-notice-bar-text-word-wrap);font-weight:var(--cty-notice-bar-font-weight);-webkit-transition-timing-function:linear;transition-timing-function:linear}";
 const CtyNoticeBarStyle0 = noticeBarCss;
 
 const NoticeBar = /*@__PURE__*/ proxyCustomElement(class NoticeBar extends HTMLElement {

package/components/cty-overlay.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyOverlay extends Components.CtyOverlay, HTMLElement {}
 export const CtyOverlay: {

package/components/cty-pdf-viewer.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyPdfViewer extends Components.CtyPdfViewer, HTMLElement {}
 export const CtyPdfViewer: {

package/components/cty-permission-purpose.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyPermissionPurpose extends Components.CtyPermissionPurpose, HTMLElement {}
 export const CtyPermissionPurpose: {

package/components/cty-progress.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyProgress extends Components.CtyProgress, HTMLElement {}
 export const CtyProgress: {

package/components/cty-quick-access.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyQuickAccess extends Components.CtyQuickAccess, HTMLElement {}
 export const CtyQuickAccess: {

package/components/cty-rate.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyRate extends Components.CtyRate, HTMLElement {}
 export const CtyRate: {

package/components/cty-record.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyRecord extends Components.CtyRecord, HTMLElement {}
 export const CtyRecord: {

package/components/cty-segment-slides.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtySegmentSlides extends Components.CtySegmentSlides, HTMLElement {}
 export const CtySegmentSlides: {

package/components/cty-share-sheet.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyShareSheet extends Components.CtyShareSheet, HTMLElement {}
 export const CtyShareSheet: {

package/components/cty-step.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyStep extends Components.CtyStep, HTMLElement {}
 export const CtyStep: {

package/components/cty-stepper.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyStepper extends Components.CtyStepper, HTMLElement {}
 export const CtyStepper: {

package/components/cty-steps.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtySteps extends Components.CtySteps, HTMLElement {}
 export const CtySteps: {

package/components/cty-swipe-item.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtySwipeItem extends Components.CtySwipeItem, HTMLElement {}
 export const CtySwipeItem: {

package/components/cty-swipe.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtySwipe extends Components.CtySwipe, HTMLElement {}
 export const CtySwipe: {

package/components/cty-swiper.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtySwiper extends Components.CtySwiper, HTMLElement {}
 export const CtySwiper: {

package/components/cty-text-ellipsis.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyTextEllipsis extends Components.CtyTextEllipsis, HTMLElement {}
 export const CtyTextEllipsis: {

package/components/cty-tour.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyTour extends Components.CtyTour, HTMLElement {}
 export const CtyTour: {

package/components/cty-tutorial.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist/types/components";
+import type { Components, JSX } from "../../dist/types/components";
 
 interface CtyTutorial extends Components.CtyTutorial, HTMLElement {}
 export const CtyTutorial: {