@sme.up/ketchup 11.0.0-SNAPSHOT-20241217083229 → 11.0.0-SNAPSHOT-20241217103457

package/dist/cjs/kup-box.cjs.entry.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
-const kupDataTableHelper = require('./kup-data-table-helper-43cfaea5.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
+const kupDataTableHelper = require('./kup-data-table-helper-07df1b41.js');
 const fImage = require('./f-image-4d316ab3.js');
-const fChip = require('./f-chip-d89bcb57.js');
+const fChip = require('./f-chip-238c78d1.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-39c40bdf.js');
-const fPaginatorUtils = require('./f-paginator-utils-0743ddec.js');
+const fCell = require('./f-cell-732263b0.js');
+const fPaginatorUtils = require('./f-paginator-utils-be634c3c.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-checkbox-4fcdec8a.js');
-require('./f-text-field-02f710d5.js');
+require('./f-text-field-b5a51398.js');
 require('./f-button-1e98edae.js');
 require('./f-button-declarations-76ef9f87.js');
-require('./f-object-field-4a77d419.js');
+require('./f-object-field-8bca23a7.js');
 require('./component-a6dd6c14.js');
 
 /**

package/dist/cjs/kup-calendar.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-1e98edae.js');
-const fChip = require('./f-chip-d89bcb57.js');
+const fChip = require('./f-chip-238c78d1.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-4d316ab3.js');
@@ -14320,11 +14320,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index$4.h(index$4.Host, { key: 'ff4dedbbaa4b6ac7a2de21907707a661b6661eb6' }, index$4.h("style", { key: '874890e09ba3066b635d0e79bcd5677668e50bfa' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: 'b1c7c90bfe042457b4b62e36977e390ad29225e2', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '75c413d81c3e486b1773834d56981536bf8c8db4', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: '33e4df41a99a14d2cdc510329fc411af53c9c6d5', class: `navigation__title ${this.hideNavigation
+        return (index$4.h(index$4.Host, { key: '1874d749899acd6187e4318e9efd534eae8cd3a2' }, index$4.h("style", { key: '1f7014a2da731926a9591231af39948d6d91acaf' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '1a76be92f08e14a65b7d3d23cd4743578d66d956', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '94b6a87e59f63e3aab66bb5b2f24db3b37978281', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: '277cecf377f1407ca01b859ecf55425299f9a5cb', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), !this.hideNavigation ? (index$4.h("div", { class: "navigation__right" }, index$4.h(fChip.FChip, Object.assign({}, this.setChipProps())))) : null), index$4.h("div", { key: '01cc9748680725e8fd32d0c862cfc6f18c405952', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), !this.hideNavigation ? (index$4.h("div", { class: "navigation__right" }, index$4.h(fChip.FChip, Object.assign({}, this.setChipProps())))) : null), index$4.h("div", { key: '15eddd248875d25b95bee68715b06ce85ffc9f48', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

package/dist/cjs/kup-card-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 
@@ -31,7 +31,7 @@ var KupCardListProps;
     KupCardListProps["valuecolorCol"] = "Sets the value color column.";
 })(KupCardListProps || (KupCardListProps = {}));
 
-const kupCardListCss = ".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{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";
+const kupCardListCss = ".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{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:fit-content;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";
 const KupCardListStyle0 = kupCardListCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {

package/dist/cjs/kup-cell.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-1e98edae.js');
-const fCell = require('./f-cell-39c40bdf.js');
+const fCell = require('./f-cell-732263b0.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-4d316ab3.js');
 require('./f-checkbox-4fcdec8a.js');
-require('./f-text-field-02f710d5.js');
-require('./f-chip-d89bcb57.js');
-require('./f-object-field-4a77d419.js');
+require('./f-text-field-b5a51398.js');
+require('./f-chip-238c78d1.js');
+require('./f-object-field-8bca23a7.js');
 
 const kupCellCss = ".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:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;
@@ -175,14 +175,14 @@ const KupCell = class {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (index.h(index.Host, { key: '25a6e5dffce5a657780a1c880ae62d6749a00bb7' }, index.h("style", { key: '1ca17513f7015ef5449aeb422aed2548324c7c59' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'af2ee5a39743aafdf2c793341e4a4d8839c2ed16', id: GenericVariables.componentWrapperId, style: this.showSubmit
+        return (index.h(index.Host, { key: 'f0580dbf835cd9f4404bf227d6d3a162e0e06e0e' }, index.h("style", { key: '8fa06c1ca021cf209264b6341a77fdc032fb2d71' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '3a9959e050f4bc02dbb7441f607d32150b46505d', id: GenericVariables.componentWrapperId, style: this.showSubmit
                 ? {
                     display: 'flex',
                     'flex-direction': kupManager.submitPositionAdapter(this.submitPosition),
                     'align-items': 'center',
                     gap: '0.5rem',
                 }
-                : {} }, index.h(fCell.FCell, Object.assign({ key: '5315cc9821f5464dcc68f2eb4940e4305caf136d' }, props)), this.showSubmit ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
+                : {} }, index.h(fCell.FCell, Object.assign({ key: '6d645b64b77ccddd746f6f3ab494ca315105914c' }, props)), this.showSubmit ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
                 this.submitClick(e);
             } })) : null)));
     }

package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js

@@ -21,11 +21,11 @@ const KupCustomTaskListHeader = class {
         this.fontSize = undefined;
     }
     render() {
-        return (index.h("div", { key: '8077b94ee9c7f98f55eb61c060ead9089c5bfa14', class: "custom-task-list-wrapper", style: {
+        return (index.h("div", { key: '0dda65a73efcc5b8217019bf8d1d5d4a66277df6', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, index.h("div", { key: '3bfbff19a64a176b9ca4e00574f4887308e8f501', class: "title" }, index.h("span", { key: '80d39e9c94eb08892aecbef58af1e8fc333dae1b' }, this.label)), this.setDoubleView !== undefined && (index.h("div", { key: '1a91f7a7e8ecc5e91e7182169e1192953a111306', class: "toggler" }, index.h("label", { key: 'bf7a51a2e069892f1621cbaaad7fdba359321c59', htmlFor: "ch2", class: "switch" }, index.h("input", { key: '840e7dee95911fc2db92e535f5c9f17c9852b2d6', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), index.h("span", { key: '8d5c8bd70141b42915c6e4213aedcadf64496a38', class: "slider" })), index.h("span", { key: '42b514f4ef2919cd25bf653b2bf52c6f80441e84', class: "label" }, "Previsioni")))));
+            } }, index.h("div", { key: '07bfcbb99f759ae7968cb76af97e04666cdfb84f', class: "title" }, index.h("span", { key: '59b6656d24f1b381455888534075a704eadf3757' }, this.label)), this.setDoubleView !== undefined && (index.h("div", { key: '7d6f5eca5945d49fd784089cc97906400f9279fe', class: "toggler" }, index.h("label", { key: '6badb37501bdc190948b6fd101a04695b556fa87', htmlFor: "ch2", class: "switch" }, index.h("input", { key: '07f2f293bec60e83caf3ff8590277c05a8cad26a', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), index.h("span", { key: 'a6cb9c1484bf2fbec6a1e9cdb6b2fac06a35c03f', class: "slider" })), index.h("span", { key: '4def4a9d08f8eb2fecf7058ad24d44d0cf626dec', class: "label" }, "Previsioni")))));
     }
 };
 KupCustomTaskListHeader.style = KupCustomTaskListHeaderStyle0;
@@ -389,11 +389,11 @@ const KupGanttCalendar = class {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (index.h("svg", { key: 'c354de3621725a9c806c6f9d199af66ab821a4ef', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, index.h("g", { key: 'a7b04d87979a2fc845ea52c82be79738578c8977', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, index.h("rect", { key: '4d5bae93fd9a3de2ab12fa3a00f971e4f9a7b53a', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (index.h("svg", { key: 'cb25f41952a9df647dde916bdec8777008f8fef3', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, index.h("g", { key: '1b2a22e86f120867dc36588d13d4529e85406b99', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, index.h("rect", { key: '6fcae9075fdd1228f4d8975390abbe55acd3f659', 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) => (index.h("g", { class: "calendarTop" }, index.h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), index.h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (index.h("g", { class: "calendarTop" }, index.h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), index.h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        index.h("circle", { key: '05c00faf553bf634cfd0fa5e635c3e6b386a8a64', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        index.h("circle", { key: '049fd3ba1ebcef54ae8fe3e78ead566e21c5f76b', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
 };
 KupGanttCalendar.style = KupGanttCalendarStyle0;
@@ -1449,13 +1449,13 @@ const KupGridRenderer = class {
             // }
             tickX += this.columnWidth;
         }
-        return (index.h("svg", { key: '1a6968bfedd80af155d8c44e9d4bf74144c05fdc', 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) }, index.h("g", { key: 'fcc3242448c44543b488b08112bfd0913f18453b', class: "grid" }, index.h("g", { key: 'cd01285362dbc58575a87426d67cf3344162d0c7', class: "rows" }, gridRows), index.h("g", { key: 'f0b36331280f0f7b89f57732103f2b261c833e99', class: "rowLines" }, rowLines), index.h("g", { key: '0bfdbba6b18a5a6751226177530025c0eb153c0c', class: "ticks" }, ticks)), index.h("g", { key: '2a8a613c07cc15a161b6ac1f9a2914562c4880fd', class: "content" }, this.currentDateIndicator && (index.h("rect", { key: '3bbb51c639c3a10254d55c6c463d684ecc073142', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (index.h("rect", { key: 'd1f0fac7dcee2cb6d019d6379b6b75c02d81069f', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), index.h("g", { key: 'dd074d7f495fa5eadd6619360999cc30261356a1', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (index.h("svg", { key: '1768bf87d7d08070ce0d27dbb6981999e9839919', 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) }, index.h("g", { key: '57d2d52600d5c9a3187a1a1779b409ea716ce527', class: "grid" }, index.h("g", { key: 'cf522a94564a34298d2cc91efc46af3ed4e053f0', class: "rows" }, gridRows), index.h("g", { key: '738d6d128ecd5398ba8aa5c333742854e082fbd7', class: "rowLines" }, rowLines), index.h("g", { key: '5e36d94d36900a7decf630abf4a614067b14735e', class: "ticks" }, ticks)), index.h("g", { key: '132f69c4f73953bbf998bf2acd30693d25b93d67', class: "content" }, this.currentDateIndicator && (index.h("rect", { key: 'de9e545038e482212e621ca4c2f1222339fd203d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (index.h("rect", { key: '7e077d951e8c2b125a4e25698542515a20d9ac86', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), index.h("g", { key: 'ab75796381aaadbda8285965a66e91602185366f', 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);
                 }
             });
-        })), index.h("g", { key: 'bdc6502a998196bb9aa9a5236d1784880c268f23', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), index.h("g", { key: '18b7c7ff265294ba6d4aa93717d5a375264c421b', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (index.h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1515,7 +1515,7 @@ const KupGridRenderer = class {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (index.h("g", { key: '4f71c4dd10d4c93ed805192d7b9b082c3f5c80b2', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (index.h("g", { key: '71036ce8e3180a6e31ef329e11ad35f7622a5889', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/cjs/kup-dashboard.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-1e98edae.js');
 const fCheckbox = require('./f-checkbox-4fcdec8a.js');
-const fTextField = require('./f-text-field-02f710d5.js');
+const fTextField = require('./f-text-field-b5a51398.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-4d316ab3.js');
@@ -396,7 +396,7 @@ const KupDashboard = class {
         this.didRenderInteractables();
     }
     render() {
-        return (index.h(index.Host, { key: '2a5f7d91b832041e5c68460409f8723bcae04c25' }, index.h("style", { key: '00165eccb43eb45e9519e50ae383b6f237b6d293' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '66a90a4032f46aec89e48e2e8c3c95d948dee416', id: GenericVariables.componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
+        return (index.h(index.Host, { key: 'ad8cbbbae20467e5a3f3ed0e37ca7ad752d949c2' }, index.h("style", { key: '692d0ec8ffe264c463f0a4e6abd5561dfd7c277d' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '26faf0b00335df455b9f9445fae97133cc630b5a', id: GenericVariables.componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();

package/dist/cjs/{kup-data-table-helper-43cfaea5.js → kup-data-table-helper-07df1b41.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 
 /**

package/dist/cjs/kup-drawer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 
@@ -130,7 +130,7 @@ const KupDrawer = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '47b6e1195efa7ac6696505f19808aaeed8804c81', "kup-opened": this.opened }, index.h("style", { key: '2ae05ab9c05ad338fa42f7ea827139883dc370c9' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9574a0c126fbedb4022932c0388d96874bca3a71', class: "backdrop", onClick: (e) => {
+        return (index.h(index.Host, { key: '8a9d2198973d5a7ec57918a2064e790682764845', "kup-opened": this.opened }, index.h("style", { key: 'e3abd215c9b0196074011bf4325bf8a7ab9092ed' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '71daac9c19301460a3fe3edad3f320c01f11bad5', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -140,7 +140,7 @@ const KupDrawer = class {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), index.h("div", { key: 'bb38d8793e68860b78c53a82e067e5ee765db93b', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'fb7a2c5bc9cd9fcac56a6e7e73066995e31e78b3', class: drawerClass }, this.content()))));
+            } }), index.h("div", { key: '47e90864a92415cca083f56e2d25cd05efe56df9', id: GenericVariables.componentWrapperId }, index.h("div", { key: '47bfb804ce58fa47dc1fa7a574df7a05bd92b116', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/cjs/kup-echart.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 
@@ -84540,7 +84540,7 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (index.h(index.Host, { key: '6a1b9da9ca8a55642d2c5a7b4cbe6e344c0657af', style: style }, index.h("style", { key: 'c72c65a0c8a4099c8b08a9c1cbd3ed06e17df686' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'eb0e06939e0ea612ca39d35a480ee74a5e04c5c5', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (index.h(index.Host, { key: 'f40d78d9bd1b54cb01ed05e18edef28c29d33473', style: style }, index.h("style", { key: 'd341281f3b58021c7de43822b5bb3d9b0fc6c4fd' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd71b62b4761cdb56e05ba1d736a375e12c52f964', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);

package/dist/cjs/kup-editor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 
@@ -46264,7 +46264,7 @@ const KupEditor = class {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'e732ebc91b5f48c0bc515cfffa8cc2d1d6d7485f' }, index.h("div", { key: '560b1ac7dcdab0bf90db09bb92e847a9e5d14f7e', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (index.h(index.Host, { key: 'ffbd575e5192cccaf2c070c4586215cc7573f9ce' }, index.h("div", { key: '21e2b1a060db3009c6595eb92f78361adff24d6c', id: GenericVariables.componentWrapperId }, index.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/cjs/kup-family-tree.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-1e98edae.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-4d316ab3.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 
@@ -174,12 +174,12 @@ const KupFamilyTree = class {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '602bb95f29dfe9e017313b01a3fc485c23dd2f97', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (index.h(index.Host, { key: '6788b54f8c964ddeda1e5c4a7922613eb2efd59f', 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);
-            } }, index.h("style", { key: 'becb707b0e477aff23e752bbb7ce335c01b428bd' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'aa50336a80b5499f3241b277639bb234c9e3eee5', id: GenericVariables.componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, index.h("style", { key: '40f38048045b0c3726164c999dc9fa15ea778291' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '9d4209faa777da38726d8113582cbba14ace1df7', id: GenericVariables.componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

package/dist/cjs/kup-gantt_10.cjs.entry.js

@@ -573,9 +573,9 @@ const KupGantt = class {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (index.h("div", { key: '91d4b672df603b898f79d8810870f70e87a4af0b', class: "gannt-wrapper-main" }, index.h("div", { key: 'bf1716d26e05f47bb4f0b2ec525bd6cbe885949c', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: 'c12f81c4b4fbecef2411a3918b59128fee7315f8', 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 (index.h("div", { key: '7ca3df83876dbea0f57536a3eb9a7978af4f18f2', class: "gannt-wrapper-main" }, index.h("div", { key: '411ce55a1a2de1fb2c77b6fa5395237d7f93d857', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: '64361b6d13020fa1b26a8742ea6fb14007c5f946', 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) }))), index.h("kup-task-gantt", { key: 'b773c4160463e928dd45c555700983e914d5088a', 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 && (index.h("kup-tooltip", { key: '93f0e5a3086e5474ec8f44e95134880bfc0f56cf', 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 })), index.h("kup-vertical-scroll", { key: 'f7ad2cfcf93fae625c6d90f08db43adbeb9190a4', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (index.h("kup-horizontal-scroll", { key: '9df22bcbe9772df4679df3b6a3f0dec13957d98c', 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) }))), index.h("kup-task-gantt", { key: 'd34dcf0103274551222a40e44a17a93d770458d6', 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 && (index.h("kup-tooltip", { key: '97d5ed31d1fe2afc1675a20a6ad176c75262adc0', 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 })), index.h("kup-vertical-scroll", { key: '6020a60fc2d928cd5e89f8e1f58957f001b59445', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (index.h("kup-horizontal-scroll", { key: '1a7891ac340db8c729ea2ef6237b81baede2b02d', 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 index.getElement(this); }
     static get watchers() { return {
@@ -686,20 +686,20 @@ const HorizontalScroll = class {
         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 (index.h(index.Fragment, { key: 'ac484adf00a234146079244250decddd0281b087' }, index.h("div", { key: '235b1833aca432afe43f1991d55d5397b31f4adf', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (index.h("div", { key: '02270e521b987254922c28a06c9846ac37f2f16a', dir: "ltr", style: {
+        return (index.h(index.Fragment, { key: '70745e02e28ef8e157d49eb5adfdc94522dfdd81' }, index.h("div", { key: '224da7cd81b9aacc24a73c331c5b7596e55bde50', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (index.h("div", { key: '103e8ab08fb5e13ba60742ddcc158998cfad2104', 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 }, index.h("div", { key: '4d7e284aa6a9f33d235d64655a766ffb72c9db49', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, index.h("div", { key: '5dfcfdd085e3d29b95f005f5b705b40706d82b24', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), index.h("div", { key: '83815e5b51a7f76c9e55df0f3025f271cf27e9a5', dir: "ltr", style: {
+            }, class: "scroll" }))), index.h("div", { key: 'c1446fd188aa1988af9928e1b1ab54eff1c067d8', 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 }, index.h("div", { key: 'b44bec86876e369e27fb40cda1f567fdd824cc70', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, index.h("div", { key: 'f69600b829b483c53503e6122376d9c42811067c', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -720,7 +720,7 @@ const StandardTooltipContent = class {
         this.fontFamily = undefined;
     }
     render() {
-        return (index.h("div", { key: 'c8baad09503925e047a657790c755e82447e1e62', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: '98e2879e19962ae884ad57c1f1e6141599642d39', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (index.h("p", { key: '4ec8ea1acc62997f4be2399680d7711821c1fead', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: 'c493de54d9152f6d9ced3bf5dc91f654cd70424d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (index.h("div", { key: 'ac472c607f2703475d3136fb9a42891232fd6735', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: 'c52036adc316ea881cc0245d2316367b46aec9ff', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (index.h("p", { key: 'b610aa3e9e5cc36160f3aedeee8e94b6a1b3a0e3', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: '1c4c1d6ffda7080c53df5f435bc9169e49c1f59d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
 };
 StandardTooltipContent.style = KupStandardTooltipStyle0;
@@ -746,7 +746,7 @@ const KupSwitcher = class {
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (index.h("div", { key: '20e948793cd9c04a4bce6a2789acfdb8e23a4588', class: "switcher" }, this.buttonLabels.map((label) => (index.h("button", { type: "button", class: {
+        return (index.h("div", { key: '6a1e9afe20ca4ed43a14712a154d4048c7370725', class: "switcher" }, this.buttonLabels.map((label) => (index.h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, index.h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));
@@ -790,12 +790,12 @@ const TaskGantt = class {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (index.h("div", { key: '99714d47e1ad8356e5dd96e2197044567613fc32', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: '6088d8bb84b2be87e3ecf51659eceefadc50c705', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), index.h("div", { key: '7a40721f34ba4a9ba6a8c61e4bd76689e9bdf598', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (index.h("div", { key: 'ae93f614184ed2ea5cfd2fb44833764669b1e01f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: '37e0e6cd018910e5d43a0b24bd5597383d5da36c', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), index.h("div", { key: 'b106f6c679d459ad937f5b10f953f0981d220fa8', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, index.h("kup-grid-renderer", Object.assign({ key: 'b8613cde1d02a1798759b1da03c4967fdcb30b47' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, index.h("kup-grid-renderer", Object.assign({ key: 'd0c94f6604dd57df8e01ef9552ca5aa326645f00' }, newBarProps)))));
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -895,7 +895,7 @@ const TaskList = class {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (index.h("div", { key: '3c85062425cecd99f779464c08fdd9105e257919', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (index.h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), index.h("div", { key: '5fb9d1ec0ee150a652b36b28f5c4be7fc045e050', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (index.h("div", { key: '0d435629659e29d75825bc52709961d2d538ccad', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (index.h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), index.h("div", { key: '95289f2c981d359763d8f862bd5cb84db790c904', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (index.h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = kupPlannerRendererHelper.getProjectById(id, this.currentTasks);
@@ -944,22 +944,22 @@ const KupTaskListHeader = class {
         this.rowWidth = undefined;
     }
     render() {
-        return (index.h("div", { key: 'cc6f16ba19c980fc42676b72355e39b04b27ffcc', class: "ganttTable", style: {
+        return (index.h("div", { key: '20160e5d97bd3095584ff963a2a756e1c88264fb', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, index.h("div", { key: 'f79c084e1e11f78df57f0632724bdfb9a60c3552', class: "ganttTable_Header", style: {
+            } }, index.h("div", { key: 'f2320100d2a03071610a3e25a022ed5fbbda528c', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, index.h("div", { key: 'c9cd05e5f46d180ac7c9b4959e32a2963384fba5', class: "ganttTable_HeaderItem", style: {
+            } }, index.h("div", { key: '9084f7c4eef7f276f09be84aa6c7679af667c1f1', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), index.h("div", { key: 'ca7167b753d11fcc0797e7ee824b973d89521df4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), index.h("div", { key: '26f164508b996593fcabb3edf670d5a769d3478c', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), index.h("div", { key: 'a72099348deee5a50082c4152ecf1ddf5fe4910d', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: 'fffcf0bdaa2434eea231a2df4dd5f7ab45cb8972', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), index.h("div", { key: 'f07398e08d58babab4c855030a3ae841dd347d92', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), index.h("div", { key: 'a3d086247e2ad4c2b4d49258b5cf6a86eaaefa82', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), index.h("div", { key: '4a7e688d3727f12b4c4e7ca5816bb6bb53ec9f74', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: 'e2029d060c3870a51d8765bd9b8fc07c097bea90', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }
@@ -993,7 +993,7 @@ const TaskListTableDefault = class {
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (index.h("div", { key: '8fbb5a31c2d75d645b3d324639cebb87259cf13c', class: "taskListWrapper", style: {
+        return (index.h("div", { key: 'd24867037930e1052c048ab5bc88bd8dffc29ae6', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (index.h("div", { class: {
@@ -1082,7 +1082,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h("div", { key: '8f4cf17366abf9d2795c2719976fe7798101d3dd', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: 'bdd70aa98f4613fa568462ede5a81c5a0ac3bc62', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (index.h("div", { key: '995641764e457eea64f9a0adc87f2e3fe5440a6b', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: '3cb4afb16ddb4a1f329dd86b912e49a5c07102c3', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -1136,11 +1136,11 @@ const KupVerticalScroll = class {
         };
     }
     render() {
-        return (index.h("div", { key: '3d3b8fbb45b98fd7a29d7ee033c1f918af1d9949', style: {
+        return (index.h("div", { key: 'a4ed08824d2725f0d203f31fbf15fdcccc87d3f7', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, index.h("div", { key: '6b3c0cc4a7ac473fb0689e9bab75c255aa100ba0', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, index.h("div", { key: 'f45c374c75f698f5857a6aeabd01395647a3b01a', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/cjs/kup-grid.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

package/dist/cjs/kup-htm.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 
@@ -84,7 +84,7 @@ const KupHTM = class {
     }
     render() {
         const isLink = __classPrivateFieldGet(this, _KupHTM_kupManager, "f").objects.isLink(this.data.obj);
-        return (index.h(index.Host, { key: 'e973cfb80ddc6aba894dd2994b3be82fc93a07bc' }, index.h("style", { key: 'cd5f18859b77dfbaa1008cfe37183e18780b8e38' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '69a912436a0c644bbe0ca38efe2aff60c31b15e4', id: GenericVariables.componentWrapperId }, index.h("div", { key: '5e057d8c92cbfd479a57c10c205e96be51475007', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (index.h(index.Fragment, null, index.h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.OPEN_IN_NEW_TAB)), index.h("iframe", { src: this.data.value, frameBorder: "0" }))) : (index.h("div", { innerHTML: this.data.value }))))));
+        return (index.h(index.Host, { key: '4900e8b6dd9c84c1f3a173b43951a0066bc8ec92' }, index.h("style", { key: 'fae888455749d9310efb85b2543a1f2dd9c458e5' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'b134d6fc361dcb972d831b5658ae5529a949efa5', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'd8490ada53de8bf4cd93c7d4fb1e0db18cc3a42d', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (index.h(index.Fragment, null, index.h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.OPEN_IN_NEW_TAB)), index.h("iframe", { src: this.data.value, frameBorder: "0" }))) : (index.h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

package/dist/cjs/kup-iframe.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 require('./kup-dates-bc4cf9d0.js');
 
 /**

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-1145102b.js');
+const kupManager = require('./kup-manager-f5ccf3d0.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-4d316ab3.js');
 const fButton = require('./f-button-1e98edae.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-39c40bdf.js');
+const fCell = require('./f-cell-732263b0.js');
 const component = require('./component-a6dd6c14.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-checkbox-4fcdec8a.js');
-require('./f-text-field-02f710d5.js');
-require('./f-chip-d89bcb57.js');
-require('./f-object-field-4a77d419.js');
+require('./f-text-field-b5a51398.js');
+require('./f-chip-238c78d1.js');
+require('./f-object-field-8bca23a7.js');
 
 /**
  * Props of the kup-image-list component.
@@ -239,14 +239,14 @@ const KupImageList = class {
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (index.h(index.Host, { key: 'aaefac38b6fc8edb0a3378edce114b31dcd4c982' }, index.h("style", { key: '80541c8e96c4949ae9d3635342458ed4636aa4f3' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e21da53853b397147fae86eb46c4ec73ab1918c8', id: GenericVariables.componentWrapperId, ref: (el) => {
+        return (index.h(index.Host, { key: '6b1b27c8e736754f479770ec67603d5708a78191' }, index.h("style", { key: '998b454b9acbe6078e18b5303667a373ef17a352' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '9dfe6fefea846bbe367f5c76fd2d336840190ae9', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, index.h("div", { key: '2ea71db6523c5ed84e6e04bc36844199208ae69f', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, index.h("div", { key: '8e6ba7408c4358862f1cccc8b564c5f225410074', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, index.h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: 'cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: '4c007ebfba4fe8b1b8aaffbae9261c27db9b00df', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));