@sme.up/ketchup 9.6.5 → 9.6.6

package/dist/components/kup-calendar.js

@@ -13906,7 +13906,7 @@ var KupCalendarOptions;
     KupCalendarOptions["STYLE"] = "style";
 })(KupCalendarOptions || (KupCalendarOptions = {}));
 
-const kupCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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{--kup_calendar_background_color:var(\n    --kup-calendar-background-color,\n    var(--kup-background-color)\n  );--kup_calendar_border_color:var(\n    --kup-calendar-border-color,\n    var(--kup-border-color)\n  );--kup_calendar_event_background_color:var(\n    --kup-calendar-event-background-color,\n    var(--kup-primary-color)\n  );--kup_calendar_event_border_radius:var(\n    --kup-calendar-event-border-radius,\n    4px\n  );--kup_calendar_event_color:var(\n    --kup-calendar-event-color,\n    var(--kup-text-on-primary-color)\n  );--kup_calendar_font_family:var(\n    --kup-calendar-font-family,\n    var(--kup-font-family)\n  );--kup_calendar_font_size:var(--kup-calendar-font-size, var(--kup-font-size));--kup_calendar_header_background_color:var(\n    --kup-calendar-header-background-color,\n    var(--kup-title-background-color)\n  );--kup_calendar_header_color:var(\n    --kup-calendar-header-color,\n    var(--kup-title-color)\n  );--kup_calendar_navigator_border:var(\n    --kup-calendar-navigator-border,\n    2px solid var(--kup-border-color)\n  );--kup_calendar_no_work_day_background_color:var(\n    --kup-calendar-no-work-day-background-color,\n    rgba(var(--kup-disabled-background-color-rgb), 0.5)\n  );--kup_calendar_no_work_day_color:var(\n    --kup-calendar-no-work-day-color,\n    var(--kup-disabled-color)\n  );--kup_calendar_today_background_color:var(\n    --kup-calendar-today-background-color,\n    rgba(var(--kup-primary-color-rgb), 0.125)\n  );background-color:var(--kup_calendar_background_color);display:block;font-family:var(--kup_calendar_font_family);font-size:var(--kup_calendar_font_size);height:100%;width:100%}.navigation{align-items:center;border-left:var(--kup_calendar_navigator_border);border-right:var(--kup_calendar_navigator_border);border-top:var(--kup_calendar_navigator_border);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between}.navigation__left{--kup-font-size:0.875em;display:flex}.navigation__right{display:flex}.navigation__title{font-size:1.25em;font-weight:400;letter-spacing:0.1892857em;margin:0px;padding:0px 0.5em}.navigation__title--centered{padding:0.35em 0;text-align:center;width:100%}.icon-wrapper{display:flex;justify-content:flex-end;flex-wrap:wrap}.image-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.image-wrapper img{width:20px;height:20px}.custom-icon{background-color:var(--kup_calendar_event_color);height:1.5em;width:1.5em}#kup-component .fc-toolbar.fc-header-toolbar{margin-top:1.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top{text-align:center;padding:0.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:none}#kup-component .fc-content{padding:0.25rem}#kup-component .fc-content,#kup-component .fc-divider,#kup-component .fc-list-heading td,#kup-component .fc-list-view,#kup-component .fc-popover,#kup-component .fc-row,#kup-component .fc-scrollgrid,#kup-component tbody,#kup-component td{border-color:var(--kup_calendar_border_color)}#kup-component .fc-col-header-cell{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-h-event{background:none;border:none}#kup-component .fc-list-event-dot{border-color:var(--kup_calendar_event_background_color)}#kup-component .fc-list-day-cushion{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-list-event:hover td{background:var(--kup-hover-background-color);color:var(--kup-hover-color)}#kup-component .fc-daygrid-event,#kup-component .fc-timegrid-event{background:var(--kup_calendar_event_background_color);border-radius:var(--kup_calendar_event_border_radius);border:none;border-color:var(--kup_calendar_event_background_color);color:var(--kup_calendar_event_color)}#kup-component .fc-event-main{color:inherit}#kup-component .fc-event-title{padding:0.25em}#kup-component td.fc-day-today{background-color:var(--kup_calendar_today_background_color)}#kup-component td.fc-day-sun,#kup-component td.fc-day-sat{background-color:var(--kup_calendar_no_work_day_background_color);color:var(--kup_calendar_no_work_day_color)}@media (max-width: 599px){.navigation{flex-direction:column}.calendar{height:100%}.calendar .fc-view-harness{min-height:450px}.navigation .navigation__left{font-size:20px;gap:8px}.navigation .navigation__right .f-chip .chip-set .chip-set__item{font-size:16px}}";
+const kupCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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{--kup_calendar_background_color:var(\n    --kup-calendar-background-color,\n    var(--kup-background-color)\n  );--kup_calendar_border_color:var(\n    --kup-calendar-border-color,\n    var(--kup-border-color)\n  );--kup_calendar_event_background_color:var(\n    --kup-calendar-event-background-color,\n    var(--kup-primary-color)\n  );--kup_calendar_event_border_radius:var(\n    --kup-calendar-event-border-radius,\n    4px\n  );--kup_calendar_event_color:var(\n    --kup-calendar-event-color,\n    var(--kup-text-on-primary-color)\n  );--kup_calendar_font_family:var(\n    --kup-calendar-font-family,\n    var(--kup-font-family)\n  );--kup_calendar_font_size:var(--kup-calendar-font-size, var(--kup-font-size));--kup_calendar_header_background_color:var(\n    --kup-calendar-header-background-color,\n    var(--kup-title-background-color)\n  );--kup_calendar_header_color:var(\n    --kup-calendar-header-color,\n    var(--kup-title-color)\n  );--kup_calendar_navigator_border:var(\n    --kup-calendar-navigator-border,\n    2px solid var(--kup-border-color)\n  );--kup_calendar_no_work_day_background_color:var(\n    --kup-calendar-no-work-day-background-color,\n    rgba(var(--kup-disabled-background-color-rgb), 0.5)\n  );--kup_calendar_no_work_day_color:var(\n    --kup-calendar-no-work-day-color,\n    var(--kup-disabled-color)\n  );--kup_calendar_today_background_color:var(\n    --kup-calendar-today-background-color,\n    rgba(var(--kup-primary-color-rgb), 0.125)\n  );background-color:var(--kup_calendar_background_color);display:block;font-family:var(--kup_calendar_font_family);font-size:var(--kup_calendar_font_size);height:100%;width:100%}.navigation{align-items:center;border-left:var(--kup_calendar_navigator_border);border-right:var(--kup_calendar_navigator_border);border-top:var(--kup_calendar_navigator_border);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between}.navigation__left{--kup-font-size:0.875em;display:flex}.navigation__right{display:flex}.navigation__title{font-size:1.25em;font-weight:400;letter-spacing:0.1892857em;margin:0px;padding:0px 0.5em}.navigation__title--centered{padding:0.35em 0;text-align:center;width:100%}.icon-wrapper{display:flex;justify-content:flex-end;flex-wrap:wrap}.image-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.image-wrapper img{width:20px;height:20px}.custom-icon{background-color:var(--kup_calendar_event_color);height:1.5em;width:1.5em}#kup-component .fc-toolbar.fc-header-toolbar{margin-top:1.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top{text-align:center;padding:0.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:none}#kup-component .fc-content{padding:0.25rem}#kup-component .fc-daygrid-dot-event .fc-event-title{white-space:normal}#kup-component .fc-content,#kup-component .fc-divider,#kup-component .fc-list-heading td,#kup-component .fc-list-view,#kup-component .fc-popover,#kup-component .fc-row,#kup-component .fc-scrollgrid,#kup-component tbody,#kup-component td{border-color:var(--kup_calendar_border_color)}#kup-component .fc-col-header-cell{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-h-event{background:none;border:none}#kup-component .fc-list-event-dot{border-color:var(--kup_calendar_event_background_color)}#kup-component .fc-list-day-cushion{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-list-event:hover td{background:var(--kup-hover-background-color);color:var(--kup-hover-color)}#kup-component .fc-daygrid-event,#kup-component .fc-timegrid-event{background:var(--kup_calendar_event_background_color);border-radius:var(--kup_calendar_event_border_radius);border:none;border-color:var(--kup_calendar_event_background_color);color:var(--kup_calendar_event_color)}#kup-component .fc-event-main{color:inherit}#kup-component .fc-event-title{padding:0.25em}#kup-component td.fc-day-today{background-color:var(--kup_calendar_today_background_color)}#kup-component td.fc-day-sun,#kup-component td.fc-day-sat{background-color:var(--kup_calendar_no_work_day_background_color);color:var(--kup_calendar_no_work_day_color)}@media (max-width: 599px){.navigation{flex-direction:column}.calendar{height:100%}.calendar .fc-view-harness{min-height:450px}.navigation .navigation__left{font-size:20px;gap:8px}.navigation .navigation__right .f-chip .chip-set .chip-set__item{font-size:16px}}";
 const KupCalendarStyle0 = kupCalendarCss;
 
 const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends HTMLElement$1 {
@@ -14252,11 +14252,11 @@ const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '256712f0367d8a4979fbe5cf01230ef6919cbe30' }, h$1("style", { key: '483bc12677fbf0feb94f0322d050d3e92b76aa96' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd396f95087febb8439ba747250dbde5c966664a9', id: componentWrapperId }, h$1("div", { key: '218107d205ccc74759b902682fbb4ffc38b4e6af', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: '35207cde78644377b8a90dc0798da7cb3a8fb028', class: `navigation__title ${this.hideNavigation
+        return (h$1(Host, { key: 'bb23ae05cd1848d17d3ee5cc1350373309f4b3fe' }, h$1("style", { key: '7ddee0168875c645e41acd1aa6dc8591fdcf655a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '4d0d24c070519dc906cba20e05c2fb3dc5afe8ed', id: componentWrapperId }, h$1("div", { key: 'e444cb7a6ad9389f7a6d1f615d76435f0f72c2f6', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: '6cf219ef0d174a5a835ef4f6670722d1bb82af93', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), !this.hideNavigation ? (h$1("div", { class: "navigation__right" }, h$1(FChip, Object.assign({}, this.setChipProps())))) : null), h$1("div", { key: '0cc18bfc6befd69d45d4ba0c119fc5a4c2437d36', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), !this.hideNavigation ? (h$1("div", { class: "navigation__right" }, h$1(FChip, Object.assign({}, this.setChipProps())))) : null), h$1("div", { key: '47fe8d32b244cd2ea16039410ff0625dbdfaa5e5', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

package/dist/components/kup-cell.js

@@ -164,7 +164,7 @@ const KupCell$1 = /*@__PURE__*/ proxyCustomElement(class KupCell extends HTMLEle
             renderKup: true,
             row: this.generateRow(),
         };
-        return (h(Host, { key: '6eae5c64c3c22889f6d67c79150bb109e2a27c83' }, h("style", { key: 'a807aece995466845f8699d51e5d78ddba19cb5d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '759dc36e0a82552f49238ada3906634c7ff032ea', id: componentWrapperId }, h(FCell, Object.assign({ key: '1f45b43d0dd416c935f1c2963806c3f90bf1f61d' }, props)))));
+        return (h(Host, { key: '2ef8a4bd682db23cc398e9a34237aba05187ff31' }, h("style", { key: '15d871d8e63d067897b2980f434f26059597fc02' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '077d12f8a4d1d19f88fd6ec778919f200891b745', id: componentWrapperId }, h(FCell, Object.assign({ key: 'b86183784d5b4f0b1b928d0fad4f3566f47d0a44' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/components/kup-dashboard.js

@@ -386,7 +386,7 @@ const KupDashboard$1 = /*@__PURE__*/ proxyCustomElement(class KupDashboard exten
         this.didRenderInteractables();
     }
     render() {
-        return (h(Host, { key: 'd137a4cd1fe9f41d4b3b26bd9ea21661b005e824' }, h("style", { key: '97e692c9fde917dc863029428329b4a08cbed122' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7e48783550fee1e317c77b3ff5edab3d4cbc0274', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
+        return (h(Host, { key: '407ec6b7952df4a4d1b60fe4a60414dd5504c3fe' }, h("style", { key: '67d2680399248b35031ae1f8d3632513847d5c8d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '534a4d5f076cc3d41b3a99d45f3f1da9d45ad608', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();

package/dist/components/kup-drawer.js

@@ -127,7 +127,7 @@ const KupDrawer$1 = /*@__PURE__*/ proxyCustomElement(class KupDrawer extends HTM
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '862fc022944ee0862f4d53ae589e9266e18adf3a', "kup-opened": this.opened }, h("style", { key: '428062c25d92fa7f034365196319c36a3d43d417' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0cd3e4d4363dd338cc0b47aecc3a505a716cc0cc', class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: 'a1b1c4cc17762090d2b64481c2b35698f40785bb', "kup-opened": this.opened }, h("style", { key: 'd8f1b0bccb4dde72b04330cb60bd66d12df68ce5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '8ac450bba64f31c7810a346b3c334d3c05c5d195', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -137,7 +137,7 @@ const KupDrawer$1 = /*@__PURE__*/ proxyCustomElement(class KupDrawer extends HTM
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { key: '1c65d469467e3efddf3a58a729670037ecefb0f3', id: componentWrapperId }, h("div", { key: '75e507b1574cf744216c9eeee76967f8eda2633a', class: drawerClass }, this.content()))));
+            } }), h("div", { key: '6061fbff4d1b6f48cc1a0692fa5949d6fb8c66c5', id: componentWrapperId }, h("div", { key: '06868063a5b8d1ac1f2fcfef74110552852ce09b', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/components/kup-echart2.js

@@ -94624,7 +94624,7 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends HTMLE
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: 'cd53ca83bca4d40a97c42c49ac4438c0a0b5c8b7', style: style }, h("style", { key: 'fbd8fb110465493f0a0fc600db9183a9fbd0c7ce' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd28c8cfb8ec8b780040298218b97baa7c076a849', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '8d1fc72817792a17cde243dc9f46558887a9558c', style: style }, h("style", { key: '4c9b1aae79e14be9acdf52ae0d9b15264e0f7d1a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9f0890ea3968372197b740eccef336cacf8b37ca', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);

package/dist/components/kup-editor.js

@@ -46234,7 +46234,7 @@ const KupEditor$1 = /*@__PURE__*/ proxyCustomElement(class KupEditor extends HTM
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'f6f75a4c985b137f5a7a8069daabb9cd89ea1b42' }, h("div", { key: '58e262517c28a8f932a6887e26040fdcb9241831', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (h(Host, { key: '3f805266152bcfa247db425e76489a602ba8195e' }, h("div", { key: '6393c5d731d432d926a755573e1087dfa453465b', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);

package/dist/components/kup-family-tree.js

@@ -169,12 +169,12 @@ const KupFamilyTree$1 = /*@__PURE__*/ proxyCustomElement(class KupFamilyTree ext
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '84ce528e459f5a79624e5e9fc5787477ff623746', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (h(Host, { key: '6d5a1b1f815a7ffa56f54120ad51b9b919650792', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
                 e.preventDefault();
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
             }, onWheel: (e) => {
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
-            } }, h("style", { key: '1fe47674c65a2cd4929f907d8a2a7ae0c7d21f73' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '253190ac263c49f65981919ad5bdc26388832d66', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, h("style", { key: 'fff5b482e957932f66726457d6fdd12f521c83f4' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'db11ed9b09b3256eef0f7937caf0b8dc60d00ac9', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

package/dist/components/kup-gantt-calendar2.js

@@ -316,11 +316,11 @@ const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: '7a19cec75e555a4fd92acca667c464df43370468', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'a7e72bfedfefae5813d339b99d78bf7138354ff5', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '34f50e350bd20b69fe0a7bfc4744b27dfeb27a12', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (h("svg", { key: 'a46dc6635ed4eb904e8c11344d7811f04b945b4a', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'b0191a4184271f6205ab78d1baff78734cafe99b', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'e53f74ad7ba2bb802c70824421380c8ce62a4a60', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
             ? topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        h("circle", { fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '00f1b67a60a4b22e9771066f06f23330d96da51f', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
     static get style() { return KupGanttCalendarStyle0; }
 }, [0, "kup-gantt-calendar", {

package/dist/components/kup-gantt2.js

@@ -579,9 +579,9 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends HTMLEle
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: 'd2628cb4c523eadcbfa97d83cad48ca0aa817fcb', class: "gannt-wrapper-main" }, h("div", { key: '3b336bd6595402bbb1b3ff87524d74286f63b1bc', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '5941d0e531424ac9e609414e354a10a7eadabea9', class: "gannt-wrapper-main" }, h("div", { key: 'f30e1de2761c590331cee1fafc2c06013c01e13d', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '66220e4ab03565d9852235e3aeca98ea07b84797', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'b887edfe9460338576ccc2868f39eef9f8c41e2a', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'ab50bf33585da01c741255df86328c9fd3c10a4a', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '9165b6b1d0aa64f1057b82eba5e0685d0603f896', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '9c67a99393e60704e4f8bfd20766ea8591a97808', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: '47e95c56de7e85a2e7d47921ed687f8daf9a0bf4', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: 'e2959aca20609b5a878013faa24467a96e07bde2', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/kup-grid-renderer2.js

@@ -1402,13 +1402,13 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '95b5c0ebccd9d472507328baa068f9d75daa4a6e', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: 'bd6598993c35c69c6aadca0d41c50b028a283b70', class: "grid" }, h("g", { key: 'c52a1de5fa57cc5fdd4b80ff84b3a09b13e3b199', class: "rows" }, gridRows), h("g", { key: 'd8747275b307b05c7a5c4ab1ab3efa5956c95f25', class: "rowLines" }, rowLines), h("g", { key: '000d0b2ec6253da9d23096a7cfa3564a2a3a173d', class: "ticks" }, ticks)), h("g", { key: 'fc0d6cc1b4f60e84b77082b7c47d68eb364fbb7b', class: "content" }, this.currentDateIndicator && (h("rect", { fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: '04162e3432a56f08c1ea29e69503fe97e1fb84d2', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: 'd15e63da65527280febc6f138afb3ec874561703', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: '7a239a149dbab304a263a5f1d4acfe22406b1f16', class: "grid" }, h("g", { key: '1a590e934ff92a4b5fb17e1c2781f811c8360f9f', class: "rows" }, gridRows), h("g", { key: '7ef105deaa56a6a2693355f6099dcd037ec95490', class: "rowLines" }, rowLines), h("g", { key: 'ea986818234aafaa89e905a656b89f720df94c52', class: "ticks" }, ticks)), h("g", { key: '9a80cece22e2005b50f6541ed8763497b2688e1f', class: "content" }, this.currentDateIndicator && (h("rect", { key: '7b76387aa59ceb310a4541e6c57f2e04a0d1f36b', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '6bd1407b11388727340c5a0e6d2438ea062a25ae', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: '180cb903946249ffc5a080fa137c8e4055f246d1', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
             return task.barChildren.map((child) => {
                 if (task.type !== 'timeline') {
                     this.renderKupArrow(task, child);
                 }
             });
-        })), h("g", { key: '4e5888f0a6335480ee0f32df3844982e355f4e39', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '44bbc20fe85f1b822d38d7211912e32a05643539', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1468,7 +1468,7 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '643cd919e8cf04c16298682bf997498aa6ee7446', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/components/kup-horizontal-scroll2.js

@@ -60,20 +60,20 @@ const HorizontalScroll = /*@__PURE__*/ proxyCustomElement(class HorizontalScroll
         var _a, _b;
         const w = (_b = ((_a = this.taskListTrueRef) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) + 24 * 1.5) !== null && _b !== void 0 ? _b : 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
         const width = +this.listCellWidth.replace('px', '');
-        return (h(Fragment, { key: '84cd5ee2a862b2e0afaba38f81ad299466c6c90a' }, h("div", { key: '8be4374ca4ae407dd6c538994a4236d24196111b', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { dir: "ltr", style: {
+        return (h(Fragment, { key: 'f16edb2f34c545b68151e5aff681519cca5e258d' }, h("div", { key: 'c117a88db5a58adcea66e2177bdee97131f49f25', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '995df8cfdecac65a2872cfef3c42ef7c44ab7484', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px 20px 0px 20px`
                     : `0px 20px 0px 20px`,
                 maxWidth: `${width + 20}px`,
                 minWidth: `${width + 20}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: 'c391df05f6966e93b1b22e98bc0fbfec19240c45', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '703cb38b994d2012c5c8718e144b360d6351eafd', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '99f5ef26b5fabb99cffd6c5402b39481ef0549d5', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
                     : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '347758c21c87bd6069526f5079acac13e50220f8', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '6b2e6f3a46aade41eb750f11e2134941665c0be4', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/kup-image-list.js

@@ -202,14 +202,14 @@ const KupImageList$1 = /*@__PURE__*/ proxyCustomElement(class KupImageList exten
             };
             combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
         }
-        return (h(Host, { key: 'b62094a90858c7c5f36a9f76b3b4372b506ace67' }, h("style", { key: 'eeb8ad09387f7aaad846441e1d7c28554c6996e2' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd908bdbb3d41f6cedaa6e905cc6be9aa4eb4e27b', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '61e34232f19ff00398ff824c9d8130ecde28da56' }, h("style", { key: '43e64c4a2aed68d0582ad019aed0e3617c682c54' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c7cfce4c849eee19f245e27117a12c3068b69c0d', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: 'e3852ae5ff9a61857cc70f9ebd83f5f317d596da', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '827d42b8b11a5a20a274dd29bdd2c5a87d01d0aa', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '1726193b158b8cefb9a445acc5b75ae1d07061a3', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: 'ab8938c8187ee33a41e0f87da776c628d0f9e777', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));

package/dist/components/kup-input-panel.js

@@ -46,7 +46,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
         /*-------------------------------------------------*/
         _KupInputPanel_kupManager.set(this, kupManagerInstance());
         _KupInputPanel_optionsAdapterMap.set(this, new Map([
-            ['SmeupTree', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
+            ['SmeupTreeNode', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
             ['SmeupTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableOptionsAdapter).bind(this)],
         ]));
         _KupInputPanel_originalData.set(this, null);
@@ -145,7 +145,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: 'fb64cbdffc9e56a3318eaef42d7b71e815d21f58' }, h("style", { key: 'e3501f7c56bbb5058dd99c727b2813411b45e519' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '06eb5a7b6822a9518d9d7ff75652df91f69fbd74', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '6e78872e9b75498a6655f27837c5f1288578572b' }, h("style", { key: '6afe29e3990b45067aac30c0f11c98d9cd7948c2' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c525883822492dfb322153c8f8a25470b370ad5c', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

package/dist/components/kup-lazy.js

@@ -135,39 +135,39 @@ const KupLazy$1 = /*@__PURE__*/ proxyCustomElement(class KupLazy extends HTMLEle
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: 'bca5daf712b40d11abe4f3b1856385844642acf1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'ab212455b45b78bf981309de350b4b3619a288e9', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
+                resource = (h("svg", { key: 'f717d39acfba2a34310a35cdf9e68724417a682e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '28fe7c56ff834335c7bbca718320fdd19e2dd349', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
                 break;
             case 'kup-card':
                 //art_track.svg
-                resource = (h("svg", { key: '1e266ffe7b2568dc6caa45592e86b73c7683cc16', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '14a4eb6f9c5b6772cd26ec29aef7b470e0fe6574', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: '595846ffff00d45aa625989890370a37bbcce80c', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2dd03e7f2201ef3fa8d8eb4d17b657230ba2b7a9', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
             case 'kup-checkbox':
                 //check_box_outline_blank.svg
-                resource = (h("svg", { key: 'd553613ffa5ee60014a4e89cf8e62ace3384f3a4', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'bf5a69068bc1f2142a0d4b451cf3cdceb16d7963', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
+                resource = (h("svg", { key: 'c6c34c22886703be990665f590ca1ddbca8a2ad4', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'c454e8bb8aa7a0f0ee304bf24273b2eb08f9c5e6', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
                 break;
             case 'kup-chart':
                 //chart-bar.svg
-                resource = (h("svg", { key: '51f3129e31571f6e7a8faf293a6f3e35ba7524e0', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '19085e9d52b14637127c1bafdb37beb5349d2300', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '6c0f0c2ff1f00b7b81b24ecca781dc514c3fca15', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'c99d8a722f592e1db06dcf8fff0feacc2a4c090a', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: 'f7f187befb900356e7e589b3d169adff21791e35', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '4a53ed7568274a78be593b5ce8cd412747313725', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
+                resource = (h("svg", { key: 'a9757477e1fa1d93eb31db1afb94a68129d0dc40', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '1d3dc82579ec0846c22a3db14a63b69c4c9c9f0d', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
                 break;
             case 'kup-image':
                 //photo.svg
-                resource = (h("svg", { key: '587c27f674e8c3f153c9ed047ed605301a477621', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'e76e9b0410e3375d8d981396fdacc2f2c44dadf1', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
+                resource = (h("svg", { key: '13b08856d46034651f8ab8cb1f81a7541d162566', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'dd7d2b265dd22f6ed3565d9fdea39bf7903ca558', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
                 break;
             case 'kup-progress-bar':
                 //linear_scale.svg
-                resource = (h("svg", { key: 'c7e82a2c18827a874acd6b8fe2dbcb4009ab3807', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '291ca07cfeced3bbbc92cb5ae7ac69375b640e22', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
+                resource = (h("svg", { key: 'c3fd273494e47192b66eb5c042ccb795f0c303dc', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '97c12050d20f7a39a4f3144dc771a2ed8bf6bd46', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
                 break;
             case 'kup-radio':
                 //radio_button_unchecked.svg
-                resource = (h("svg", { key: 'd2f81e158dc86c4ef74ad7628ac376f7e0eacbe2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'fc4ec71ff460760866b3ad99db0d8cb9b8e3cd3b', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
+                resource = (h("svg", { key: 'd6fe0ab4b15b94fad4d9a7f2a0c612d960ba1b5d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'f89b7910540c6660701f9b974c0f7e865cf66d9e', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
                 break;
             default:
                 //art_track.svg
-                resource = (h("svg", { key: '8da82bcc100ef628d5f4bab0a8d28c06841270ca', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'f95db9cad4ee1973048e1a121cf84a8b0ecbce99', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: '748f4036681d57ea9b0bc0396a7f97d01d1bd8fb', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '8ac9a986d9f7e9e077e1856e6a88759628201880', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
         }
         if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
@@ -176,14 +176,14 @@ const KupLazy$1 = /*@__PURE__*/ proxyCustomElement(class KupLazy extends HTMLEle
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: 'af0853700b7bbfdcfd01f500fe303816264b387f' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: '643382e2454680070d5e8b931cd54658c5e4d2da' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (h(Host, { key: '66562d25373ef498b4b82bc654752c894051ce6b', class: className }, h("style", { key: '7b314d53110ba9310ee1717f3b026da85e95e04d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4e72e07e2acb78b1db0e0a69c8a3424ff14731ff', id: componentWrapperId }, content)));
+        return (h(Host, { key: 'd67ed652e6cec403ee806a3c1aeaf2f44e979f4f', class: className }, h("style", { key: '7389286c6d8dd1a3499ddedfd09372640c238240' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a51ee9e08e83971e2b4b57d92a1fde1df478d9e1', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

package/dist/components/kup-magic-box.js

@@ -288,11 +288,11 @@ const KupMagicBox$1 = /*@__PURE__*/ proxyCustomElement(class KupMagicBox extends
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '212f73b08fa30db6822a33f61dd8d10fe5e0ae5c' }, h("style", { key: 'bd8dfa094092c2b010867f98d595320d59e120e8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '29d97585aa1a3d0c8680912289153337c2c2a23c', id: componentWrapperId }, h("div", { key: 'fc73991d493f68a37690b4b9d8dbc45ff15e9c1a', class: "magic-box-wrapper" }, h("div", { key: '7f27dcf3a8916ea1007a263cff3a1b835ce39612', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '2f7303dd205ad6411c73e5ec5809632b12d134ca' }, this.comboboxProps())), h("kup-button", { key: 'ef696124673192ca35f7b71138f061c6e09a3f70', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '4d6747df7462796dbe78c8d564f4d6d682fe5851' }, h("style", { key: '96de2876df5042f86b342909fb459327512c433b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7bb152c5035d481e54ec749e482df4ed67677c65', id: componentWrapperId }, h("div", { key: '95adb73a3ff03931ebdaf49b577ed9034b9147e0', class: "magic-box-wrapper" }, h("div", { key: '13ddf38a71b869645c5dcc86344a9f0ed29ea2f7', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '84018579283fb121bc3dd0636bbf7feb20558458' }, this.comboboxProps())), h("kup-button", { key: '64fbec83e296599203fe68f5bd8abeb6cd1c38cb', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: '09d63727c8500844e614606d5417f350cb2aebed', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: 'bfb9a218e2d7fe9a966d4751b96e1be947282df3', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: 'aaa1d0f9e81041dfa3669bcb1222b937760c49aa', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '165648f0432069e8f2356221aee1a38983bcfa84', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([