@sme.up/ketchup 10.1.1 → 10.2.0

package/dist/components/{p-709a51cf.js → p-8472facf.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
+import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
 
-const kupVerticalScrollCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";
+const kupVerticalScrollCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";
 const KupVerticalScrollStyle0 = kupVerticalScrollCss;
 
 const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScroll extends H {
@@ -37,11 +37,11 @@ const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScro
         };
     }
     render() {
-        return (h("div", { key: '6394eacedd25de6ebd3c06827ce5e506ea478ab8', style: {
+        return (h("div", { key: '1a20563f1d6f85acb163fe09d52ea1584a72d22a', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '97bd98c885f4f0c8b5ff036bd95d087e82269e95', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '890883f27cc411a7c83112b1fe808ae7ab741b10', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/components/p-97053b4d.js

@@ -0,0 +1,45 @@
+import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
+
+const customTaskListHeaderModuleCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.custom-task-list-wrapper{display:flex;justify-content:space-around;max-width:330px;place-items:\"center\";text-align:center;align-items:center}.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggler{max-width:max-content;padding:0 4px;text-align:right}.switch{position:relative;display:inline-block;width:30px;height:17px}.input{opacity:0;width:0;height:0}.input:checked+.slider{background-color:#003b77}.input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.input:focus+.slider{box-shadow:0 0 1px #003b77}.slider{-webkit-transition:0.4s;cursor:pointer;background-color:#ccc;bottom:0;border-radius:17px;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{-webkit-transition:0.1s;background-color:white;border-radius:50%;bottom:2px;content:\"\";height:13px;left:2px;position:absolute;transition:0.1s;width:13px}.label{font-size:12px;padding:6px}.filter{font-size:12px}";
+const KupCustomTaskListHeaderStyle0 = customTaskListHeaderModuleCss;
+
+const KupCustomTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupCustomTaskListHeader extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.label = '';
+        this.doubleView = false;
+        this.setDoubleView = undefined;
+        this.fontFamily = undefined;
+        this.fontSize = undefined;
+    }
+    render() {
+        return (h("div", { key: '33245e08161295211411d94a27c5e46c8a9e74a8', class: "custom-task-list-wrapper", style: {
+                height: '25px',
+                fontFamily: this.fontFamily,
+                fontSize: this.fontSize,
+            } }, h("div", { key: '861e3907dc529a0122be88aa3f8a1755976bc2f6', class: "title" }, h("span", { key: '216c0bd6ac823835293a11574813a301f33c799e' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'e5240616b01b69a9db3d981cacff68e60df1c946', class: "toggler" }, h("label", { key: 'bf7b08069d191d714255d4dc8664b9670e4f8fc7', htmlFor: "ch2", class: "switch" }, h("input", { key: '52d4fb8b92625ca3370e2240b91083bed92108d4', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '4da82173fff13bf125442b5565ca92cc92875292', class: "slider" })), h("span", { key: '48712e0b9ca8bb2cc06109550c0431b279405671', class: "label" }, "Previsioni")))));
+    }
+    static get style() { return KupCustomTaskListHeaderStyle0; }
+}, [0, "kup-custom-task-list-header", {
+        "label": [1],
+        "doubleView": [4, "double-view"],
+        "setDoubleView": [16],
+        "fontFamily": [1, "font-family"],
+        "fontSize": [1, "font-size"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-custom-task-list-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-custom-task-list-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, KupCustomTaskListHeader);
+            }
+            break;
+    } });
+}
+
+export { KupCustomTaskListHeader as K, defineCustomElement as d };

package/dist/components/{p-72305403.js → p-a0258e6f.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, t as KupDebugCategory, J as getColumnByName, B as KupDataNewColumnTypes } from './p-ab7c8404.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-0c219ec5.js';
+import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-b304b91c.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-7d0f1f90.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -84548,7 +84548,7 @@ var KupEchartTypes;
     KupEchartTypes["CALENDAR"] = "Calendar";
 })(KupEchartTypes || (KupEchartTypes = {}));
 
-const kupEchartCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:var(--kup_echart_height, 100%);min-height:var(--kup_echart_height, 100%);min-width:var(--kup_echart_width, 100%);width:var(--kup_echart_width, 100%)}#kup-component{width:100%;height:100%;position:relative}";
+const kupEchartCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:var(--kup_echart_height, 100%);min-height:var(--kup_echart_height, 100%);min-width:var(--kup_echart_width, 100%);width:var(--kup_echart_width, 100%)}#kup-component{width:100%;height:100%;position:relative}";
 const KupEchartStyle0 = kupEchartCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -84607,6 +84607,9 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends H {
         this.types = [KupEchartTypes.LINE];
         this.xAxis = null;
         this.yAxis = null;
+        this.axisYMin = null;
+        this.axisYMax = null;
+        this.multipleYAxes = null;
     }
     /*-------------------------------------------------*/
     /*           P u b l i c   M e t h o d s           */
@@ -84686,7 +84689,7 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends H {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: 'ad7014cf29f785b38723984fdf73a6cc2f55f9df', style: style }, h("style", { key: '7fecb81f5c8ba02184bd5a6c247a022a3ebbc2bb' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '79616d0faf81b1eb36ffbfae9b3461974c687654', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '9d406118cda939a1365b3f75ac860509040d2af5', style: style }, h("style", { key: '0cf99fb0e3a4776bd6099a81326080c3d864c164' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f4918c39b7359267d962ada8037f67c5633aa678', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_chartEl, "f").dispose();
@@ -84713,6 +84716,9 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends H {
         "types": [16],
         "xAxis": [16],
         "yAxis": [16],
+        "axisYMin": [1, "axis-y-min"],
+        "axisYMax": [1, "axis-y-max"],
+        "multipleYAxes": [1, "multiple-y-axes"],
         "getProps": [64],
         "refresh": [64],
         "resizeCallback": [64],
@@ -85294,14 +85300,15 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     }
     return y;
 }, _KupEchart_setAxisColors = function _KupEchart_setAxisColors() {
+    var _a, _b, _c;
     return {
         axisLabel: {
             color: __classPrivateFieldGet(this, _KupEchart_themeText, "f"),
             fontFamily: __classPrivateFieldGet(this, _KupEchart_themeFont, "f"),
         },
-        axisLine: { lineStyle: { color: __classPrivateFieldGet(this, _KupEchart_themeText, "f") } },
-        axisTick: { lineStyle: { color: __classPrivateFieldGet(this, _KupEchart_themeBorder, "f") } },
-        splitLine: { lineStyle: { color: __classPrivateFieldGet(this, _KupEchart_themeBorder, "f") } },
+        axisLine: { lineStyle: { color: (_a = __classPrivateFieldGet(this, _KupEchart_themeText, "f")) !== null && _a !== void 0 ? _a : '' } },
+        axisTick: { lineStyle: { color: (_b = __classPrivateFieldGet(this, _KupEchart_themeBorder, "f")) !== null && _b !== void 0 ? _b : '' } },
+        splitLine: { lineStyle: { color: (_c = __classPrivateFieldGet(this, _KupEchart_themeBorder, "f")) !== null && _c !== void 0 ? _c : '' } },
     };
 }, _KupEchart_setLegend = function _KupEchart_setLegend(y) {
     if (this.legend === KupEchartLegendPlacement.HIDDEN) {
@@ -85576,7 +85583,17 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         color: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setColors).call(this, Object.keys(y).length),
         legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
         title: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTitle).call(this),
-        tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' }),
+        tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)', confine: false, appendTo: 'body', position: (point, _params, dom, _rect, size) => {
+                const centerX = size.viewSize[0] / 2;
+                const centerY = size.viewSize[1] / 2;
+                const dx = point[0] - centerX;
+                const dy = point[1] - centerY;
+                const tooltipWidth = dom.offsetWidth;
+                const tooltipHeight = dom.offsetHeight;
+                const x = dx >= 0 ? point[0] + 15 : point[0] - tooltipWidth - 15;
+                const y = dy < 0 ? point[1] - tooltipHeight - 10 : point[1] + 10;
+                return [x, y];
+            } }),
         series: [
             {
                 name: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.column.find(this.data, {
@@ -85586,7 +85603,11 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: data,
                 radius: '60%',
                 label: {
-                    show: false,
+                    show: true,
+                    position: 'inner',
+                    formatter: (value) => {
+                        return `${value.percent}%`;
+                    },
                 },
                 emphasis: {
                     itemStyle: {
@@ -85800,11 +85821,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
             break;
     }
 }, _KupEchart_setOptions = function _KupEchart_setOptions() {
+    var _a;
     const x = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_createX).call(this);
     const y = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_createY).call(this);
     let i = 0;
     const series = [];
     const color = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setColors).call(this, Object.keys(y).length);
+    const multipleYAxes = (_a = this.multipleYAxes) === null || _a === void 0 ? void 0 : _a.replace(/Y/g, '').split('|');
     for (const key in y) {
         if (this.series.includes(key)) {
             const values = y[key];
@@ -85816,11 +85839,18 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 type = KupEchartTypes.LINE;
             }
             __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_addSeries).call(this, type, series, values, key, color[i]);
+            if (this.multipleYAxes) {
+                series[i].yAxisIndex =
+                    +multipleYAxes[i];
+            }
             i++;
         }
     }
     const isHorizontal = !!(KupEchartTypes.HBAR === this.types[0]);
-    const axisLabelFormatter = function (value) {
+    const axisLabelFormatter = (value) => {
+        if (__classPrivateFieldGet(this, _KupEchart_kupManager, "f").dates.isIsoDate(value)) {
+            return __classPrivateFieldGet(this, _KupEchart_kupManager, "f").dates.format(value);
+        }
         const numberValue = typeof value === 'string' ? Number(value) : value;
         // Formats number to browser locale
         if (typeof numberValue === 'number' && !isNaN(numberValue)) {
@@ -85833,6 +85863,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     but name in series object should match with values in legend
     */
     const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
+    const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
+        ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
+                formatter: axisLabelFormatter,
+            }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis)))
+        : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
+                formatter: axisLabelFormatter,
+            }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
     return {
         color,
         legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
@@ -85844,10 +85881,8 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: {
                 formatter: axisLabelFormatter,
             } }), this.xAxis),
-        yAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
-                formatter: axisLabelFormatter,
-            } }), this.yAxis),
-        grid: { containLabel: true },
+        yAxis,
+        grid: { show: true, containLabel: true },
     };
 }, _KupEchart_setColors = function _KupEchart_setColors(requiredNumber) {
     let colorArray = this.colors && this.colors.length > 0 ? [...this.colors] : [];
@@ -85959,7 +85994,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-echart", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-echart", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-echart":
             if (!customElements.get(tagName)) {
@@ -85968,70 +86003,75 @@ function defineCustomElement() {
             break;
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "kup-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "kup-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-button-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-chart":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-data-table":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-dropdown-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }