@sme.up/ketchup 11.0.0-SNAPSHOT-20241023072631 → 11.0.0-SNAPSHOT-20241023082921

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

@@ -175,7 +175,7 @@ export class KupInputPanel {
                 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: '250ba268db4da534592d16fab49275cf7ad0e61b' }, h("style", { key: 'a8d1c32a3342f1cb9a6b3bfbbcb16d42f1e875f9' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '174fbec980e2fab7fa3f9d59de1d8038c04cff5f', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '93af46e356581180658ec85aacb6315d0fc23770' }, h("style", { key: '99c8f160706db2a9c5419b574f39adcbf1df8a5a' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '21a361de12cecf8363088cbb936ce5337ee45e63', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

package/dist/collection/components/kup-lazy/kup-lazy.js

@@ -108,39 +108,39 @@ export class KupLazy {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: '4474a84ee97f6645684c9b59d4fb1ec42c5e29a1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd5706963cc04947f5f4aa28156a549ba35ef7f77', 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: '142ecf1bc4606810244eee4d37220b10dfb13c33', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '09ac2094fee710434998fe06d2fbac5ab0ea2bab', 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: 'b31453a4fd8626449c661de31c61a99313e1c384', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd2a34732648ebe3c88e3fa20ebe1e7e40ab54327', 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: 'dd62523adb23354d1c2f9a786a45250d6dc30eb7', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b821b9703a1b37f39c866d24ffd9106d369d2279', 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: '7a06f56381994c0e7d0fce2c5eb7709590534050', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '29d0ab4f2794f765f47e1adf4385aec9f240aa07', 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: '3b2d93abfa208eb9dd0f8b159b51c2268c4daab4', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '0e41239707e74680252d041a8e6d14e1c4b9bb74', 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: 'f597a469b6d3305b4ea9a2de14667c1d4f9fdcb8', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '831b12e9fdafff2092a0819fd6326a0663e46b0d', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: 'b2bf0893222cb4fa17069327b4df6c432f3f912a', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'f0ed2001a3697f63cafb42c95c275e2522d431fa', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: 'bd6cb8f53609ee41850029dd58664de499ac36fa', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '1f8a1aaeaa25297c553d9d2cad97610e53e22af0', 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: '084d0f8abaa50390fe0f1e7cbcce5ea771937d35', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '442510a55fa566bd83b2f631c05d778d4be7d5fe', 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: '46bee9cd9e69a824a2712d35bfe828f9842b0766', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5c1c81a9142da6cbe7d438fdb75afed657adf7ea', 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: 'c2dd9ee9c12dcf7b782f0bdd04370da959dafb1a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'bcf61cc6292bb257e361d11e3a1097eb98f6597a', 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: '8abad2d7b1dd0de806e8d05add1d62726186924f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '6ade996bbe9b73479ffddc2148d094651b9443f3', 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: '2dec9530bdb12f97736d48518edfe5294cca0214', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'a1bdb54b3d9570d154a65ed27d77c4681672c601', 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: '30017b287789def52887a6278772f6693bf09521', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '6cf0aa23b19fa1178568114cc6bec4ea78182163', 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: '452bb4adbfc904d56c3298b32beac0281abb7353', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd5b58baa6fbb481587efd2384dd5fb30f2f1ef9e', 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: 'e8a2bca72cfca3b7a5997f87a452bdb0bb986ef1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2cf1063eb142e4f16a149450fa9ddc0feacf01a1', 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: '08e04f703cbe01a686aaa2056b31d956d8c1ea39', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '11e39f63de784e1600605fd35fa2d9b506fdeb87', 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) ||
@@ -149,14 +149,14 @@ export class KupLazy {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: 'ac042228a8d69a0f118e49c421c6722f96b7a1a0' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: '085714fe736dba6ddf9c94d0a2243f792d040675' }, 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: '4656050b845b8c2e22122f4784df48f815ec8c43', class: className }, h("style", { key: '35554fc23a2fc3cf8a3329fc5cc59ace5a36a4a3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9798edab4fe479c2d33b7cf1c4fb509afbc7f8a0', id: componentWrapperId }, content)));
+        return (h(Host, { key: '802fd7017a1f67bd03d02b6458c2b77c1f8465a6', class: className }, h("style", { key: 'c2d8c919c9b72fef9e7cb5826f026983ce6cd6fe' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6ce3ca10b77781163bc8f97c963bf2fa207a2e05', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

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

@@ -263,11 +263,11 @@ export class KupMagicBox {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '07f52199f9d163056ba8ec1089bf07b7ba4e0d35' }, h("style", { key: '3461c9ea5ea13365817898b26a79fccd6f6a6877' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '59fd4ae432613d2412430e29bdd07262f33b458d', id: componentWrapperId }, h("div", { key: '63333552e3a9c5f461e7c8a24fa9af89a4e0c9b7', class: "magic-box-wrapper" }, h("div", { key: 'd44e4ad5a2f9dbfb57b78418f524aad1f6cfc023', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: 'f839108261c8992cc064a02edc997871247e1759' }, this.comboboxProps())), h("kup-button", { key: 'fc3965b79ddd63c42d2224cc75aa6f5152907866', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: 'f472c456d846a8db13368b9f54e5a092225f22d3' }, h("style", { key: '0d90e35e265af8810a2b5873b7bef9dd48fb9bd8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '87cdb1e3bdcb196b71031c160aa6608dbd298c5c', id: componentWrapperId }, h("div", { key: 'c99994dc335f14d63208b0fee2b67632c0ff1161', class: "magic-box-wrapper" }, h("div", { key: 'b318cdac704373547ece7c0a4e770a6b83a1c784', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '77800dd052310dade4154a339e08e6e25c0d8cb7' }, this.comboboxProps())), h("kup-button", { key: 'ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: '7c0278888d83c9354e6f52bad7de5f325b22429f', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '243a20cf6a6bbd9182290d4bdf6994386bf79d94', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: 'dddfa0b810d7c586c98fb8c9cd90408a9b6ec080', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '35cae487666a6cadd2e205971b080692a84e2d7f', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([

package/dist/collection/components/kup-nav-bar/kup-nav-bar.js

@@ -98,7 +98,7 @@ export class KupNavBar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '4d4f9e7c1effd4944e9732513345478f3c876b29', class: "header" }, h("style", { key: 'f376e18912a0c61ba9af4aa364281496422ff443' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '221df292e1b1d06b5c904fbea6f6bb96bc735ad5', id: componentWrapperId }, h("header", { key: '6186397fbe6d1310f141adf4c4d2678be596f7d1', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '5386ec16eaba87807ac86878e0226b1158c44811', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: 'b53200bbb8e99b1357a1f12747f22aa1c7e0ef38', class: "header" }, h("style", { key: 'c84079987ac63f9eabde7379f37c5cb35d0b3134' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9773a5835ae5514ed277f27c1643ff2de73051b9', id: componentWrapperId }, h("header", { key: '11afd8d7c2cbdadd3fb7f991f60d8cacdaa4647a', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: 'b5724ddecf17ebeafb772a2289378d7783ac5c37', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js

@@ -321,7 +321,7 @@ export class KupNumericPicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'c759e34f7ff6d5eae483f7d3d7d491281e48190b' }, h("style", { key: '6eacde56415f21922ab5401dcc519b24ff69ca01' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '12f75ea7f7782f3feade05a51708552baba35a55', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '6facc37e24731377be34e65dcc123692e5c3e828' }, h("style", { key: '54b8ddc07dc8d32c3b72da8ab2734e760d867c1b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e8c0c5d2bbee71b78cd513554d2708c9f9b0f2c1', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/components/kup-pdf/kup-pdf.js

@@ -105,7 +105,7 @@ export class KupPdf {
         catch (error) { }
     }
     render() {
-        return (h(Host, { key: '40376a654818c87a1a6d8aa0efb9c4561b9d63e4' }, h("div", { key: '6344f5325e99cdf1053c243b58d6890bde221e77', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: '2a3b734bf003893e73498e706f61496e2d12bb21' }, h("div", { key: '71419dc64be983e72599bcff5565390966d9afe0', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-photo-frame/kup-photo-frame.js

@@ -99,9 +99,9 @@ export class KupPhotoFrame {
         if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
             __classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
         }
-        return (h(Host, { key: '6a60ca771c937ccc6fef1d7b16968ef55e0d148c' }, h("style", { key: 'e3757f5272dcb3c6e9c6a414aac9a4becb3cf2f9' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '370c684f9f165e36b5a4c003a68794daf3e480b1', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '96e9dc9b29a8715944440efb3cde806001db9841' }, h("style", { key: '1a9d6f8d9163c49ec458f52fcc47e3b83b37fd95' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c41d71aba188a432bcbbd1e81234d4eb84ac5cad', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, h("img", Object.assign({ key: '6c03352f8a8f9a26c45c659ee1be5c53d297dc10' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, h("img", Object.assign({ key: '66a44a24938c4fa72cd984729d2c5edd37c357eb' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
                 if (__classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalWidth >
                     __classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalHeight) {
                     __classPrivateFieldGet(this, _KupPhotoFrame_wrapperEl, "f").classList.add('horizontal');

package/dist/collection/components/kup-planner/kup-planner.js

@@ -523,7 +523,7 @@ export class KupPlanner {
         if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
             plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
         }
-        return (h(Host, { key: '73752a0e5077fa4ed017d304d7d0ec86441173c4' }, h("style", { key: 'af248e098f4f40255f284e8e332d4b06aa79035b' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'cc070f765699d2b033fd93dd8b5122be58f1d73f', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '80a8acb4dd14977dc5a33595e4903d6a538cb002', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '8155c94c54c807cc60a360bac5b5aa2c9a3ee6b3', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '6ab229e2e93ce07c33487d5ab8c1e7112d7c23a4', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'ab02db06dbbc4cec735bfe4a94be886dccdd074b' }, h("style", { key: 'a8e138dc9432e9a72e35c5ebbdd90a6ac7a4cdcb' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5a7c342a7ca934a076dce7ff708cb4d7c24f430a', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: 'fb472e15412e52ab4df9fb3c64d37bb00c6d3bfc', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '96a4a1cc970e0e1babf8814becbd057eb3c02ee4', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: 'ff0b0c6354de9bad576fa94012693e74565c0392', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

package/dist/collection/components/kup-planner/utils/custom-task-list-header.js

@@ -8,11 +8,11 @@ export class KupCustomTaskListHeader {
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '1e337339b3b89005b39e2232f66a0bda60c53834', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: 'ecc21b370cd5f68c2928ef67a30632fda38be930', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'e1a92aff28f5dd3fbd73801a803af22d59b86491', class: "title" }, h("span", { key: '6963add81ee13dc675d19d8791c5e7779a2aa774' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'd7a33be86ef3c890d763e4c933d4a8cd6ac49c9a', class: "toggler" }, h("label", { key: '9a71699e73bcdcddfba88007e9660def60096b79', htmlFor: "ch2", class: "switch" }, h("input", { key: '10130fe5a0eb330ffe0bb8d580104830555df5a5', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'cb6da2b38ac4ea7bb017da4a228dcb2506145120', class: "slider" })), h("span", { key: '4d747af5cd1a8b5fb70d119e334fa5c61dc5ee28', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '86caff8ac99996d0cc06b9597df5df1d795f4fc0', class: "title" }, h("span", { key: 'cb691bc12b557add501a84c7149e10d84ee5c727' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '928749a2d5262e797f41f20670fe71ffb7808cb7', class: "toggler" }, h("label", { key: 'fe9abaea6c7db34d10b4965e96280d4c886f9800', htmlFor: "ch2", class: "switch" }, h("input", { key: 'fd77a93eab96b375ab6093a31309c50be2eeb745', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '91626e6138c5efb0fd95517a6d6fcf4580853851', class: "slider" })), h("span", { key: 'ce4ec303663fed2ef214806f74c4a62b939bddcc', class: "label" }, "Previsioni")))));
     }
     static get is() { return "kup-custom-task-list-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js

@@ -563,9 +563,9 @@ export class KupGantt {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '8a37b54f4c5c6de936730887c063ec9701f78537', class: "gannt-wrapper-main" }, h("div", { key: '96064c18fcf8520720f0b009fcb554b4821be213', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '0cd04dabe0c6693c3e59dcf3715bc52a63ccf030', 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: '289593765ef7125e06f4c4494afda7c7826a425a', class: "gannt-wrapper-main" }, h("div", { key: '7331caa09620441f546ef4e392489f7e7141f0b1', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '94888a0b29649deede01fc1ee50bff7329a0e0a6', 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: 'b5e26244d1ca3eea44c34b405c9106d0ef30e48f', 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: 'f33a7583ef8b0650aeca1b4f7195d1e7faa5ef52', 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: '5e470693988937d9d9eacdee4c72981bab26df29', 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: '73d297169276b73eea6e2447b26a84dd4278f65b', 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: '80ba048340da0aae3a00ba3536fc0a1563fdcaf8', 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: 'e27894aa55d62e3dc59a07a05fb3aaeaaf3c9b40', 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: '52380d31a6dc13aac1eb97d41f9e9c3a5d05a2e8', 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: '2a9aedcb55249a1c027cafaa8230d17896353ec0', 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 }))));
     }
     static get is() { return "kup-gantt"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js

@@ -225,11 +225,11 @@ export class KupGanttCalendar {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: '0137f0b266f9c9ed1d3a9b6ae8b2990df572a780', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '0f4af7831888120ba3734d0f778782433d626c2b', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '8f4b92d3927d6687ce4e4e2707920dbda9153b4b', 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: 'eb5996256c199bb4d5f60df2d1f9c7378a480e0f', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '491a7ddf831ba0b6d373d058f223f8dab6d76954', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'cd64c9a42c8c68d067e6a37cfb049bc77c15ac2d', 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", { key: 'b5ce42db928f9b1ad5570a6d96ae6f05664bc029', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: 'ccc563c883e85c17c839dd6414fba8e0845c4eac', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
     static get is() { return "kup-gantt-calendar"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js

@@ -509,13 +509,13 @@ export class KupGridRenderer {
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '9263a7ff5b686852374b8ab09139cd5fcc0121d8', 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: '85be8b28a1dace4119300b70f57315f078196aca', class: "grid" }, h("g", { key: '5649441550478e9548ae5ca74e1103b4d1d5a0ae', class: "rows" }, gridRows), h("g", { key: 'b9448651fa176155dcca85e255f4c18df8e82c78', class: "rowLines" }, rowLines), h("g", { key: '494680efd38cf2de8e2ed70ed9d9150e7445686a', class: "ticks" }, ticks)), h("g", { key: '4d9372e10eb48f81db24e2ab192aaf3ba0d8ea35', class: "content" }, this.currentDateIndicator && (h("rect", { key: '8895a188975316ece0a630c649011557db8abb35', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '840d85239cfae75ef410d67ea3a4b52c5c017f5a', 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: 'b39ff7980e443acc2b954389cc5ca2873e02ba1c', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '5a7273db0e78764c1432747471f093f71021dfd2', 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: '192f07e833557179530a07e525b107e38300365f', class: "grid" }, h("g", { key: '0e08f10c0b0ef19518ab95591dbdb0c3213ba82e', class: "rows" }, gridRows), h("g", { key: '7aaa532f82aa195e00e0f0af6af59019216b7734', class: "rowLines" }, rowLines), h("g", { key: '716e07303c5e16fc662e3c859727c2be325edd9e', class: "ticks" }, ticks)), h("g", { key: 'a2663516577a108f216a65307b9f183c659a92a8', class: "content" }, this.currentDateIndicator && (h("rect", { key: '7afb39c47ec99b8268757dab9a85c20eed6eeb4b', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '8348ee9e06dad473af617d618252405a114a3d36', 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: '16b5df90351a040c71d8895a30ac9367d9a53b2e', 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: 'e4c860fe4271daf18cc3fee8f9660a23e7a8ac44', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '67a5d0a4c0e3e655c0ea4c4373e765c12d25cc02', 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) {
@@ -575,7 +575,7 @@ export class KupGridRenderer {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'f767fdbf19649620d62420262cf978a3503d7d3e', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '37c27322df479348c58dcebb92ad110ad813e939', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get is() { return "kup-grid-renderer"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js

@@ -53,20 +53,20 @@ export 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: '8eaf71f5bb666b616699b6b3ce516c7782b19826' }, h("div", { key: '7f45069ae1abaebee714344f58bcc749c23b423c', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: 'de7209740ba1891436f39e37708fe64e2d4bb330', dir: "ltr", style: {
+        return (h(Fragment, { key: '540bfcce78395efa06fc99af47fb1973216e493e' }, h("div", { key: '40a90b5d4c70fca0632770ed07cd25b1fe8818f6', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: 'a1b800c1244c20cbac1d9d62c099a6ce3534ab9e', 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", { key: 'eb58dfaa07feb65f410d286e2474aee8676439b7', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '2f617fa83a89cf4028412c95581be2168f0e2498', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '94b6efc36af3fada66786096556e75102679c70d', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: 'f41a1fc76a99cb06fba8abf111b91551f9da91ad', 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: '06d4406a9c16d88126522ea07c72b26099acccd3', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '540f86357ea1efc90f0443fb587905a0a7e16629', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     static get is() { return "kup-horizontal-scroll"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js

@@ -220,13 +220,13 @@ export class KupPlannerRenderer {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'ed1e2d17ea7378e1a7aa58e48ea913377f1e9e88', class: "planner-render" }, h("kup-switcher", { key: 'ef3558f217d69db4049e86c4a369c7c0d127ad62', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: 'ef64ebfca1179e885670c4570ad6708e1e7cf16a', class: "planner-render" }, h("kup-switcher", { key: '4080da8f661b375bbe8fa23bca79deb1aff0f5a4', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (h("div", { key: '36c4dc1e9fe7e87a01711ca68a5ae12216454a97', style: {
+            } }), this.props && (h("div", { key: '7df3c02f9d67e4858e360e5873e141ae6eca7f0a', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, h("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {

package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js

@@ -16,7 +16,7 @@ export class KupSwitcher {
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '6e2a2b6ae37432d55e0fbc9290da84489ac6bc0c', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '85a0bdefe806ecb41b60f6ee14791e1599f64f63', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));

package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js

@@ -34,12 +34,12 @@ export class TaskGantt {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: 'cf77807125378b8591c361b25b5ed4f937d2e19f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '6cf23c7cb71924c73d3df858f826d17d29d71a5a', 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 }), h("div", { key: '797693cda77ee8c8c91928065dc8a5f1489f7cf3', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '00d776dbedc416a290f3aabd79996a9d76e54c49', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '4c32c896b94e1544d24d43fdc29a3e0627414e28', 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 }), h("div", { key: '03b76aee547b417ded1e029d58264d1662b1d979', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'd347808d00d1c3c38cd76edfd46663fcf8ee90b8' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '85e03be44bee1e4886245d2615300a04fef3686e' }, newBarProps)))));
     }
     static get is() { return "kup-task-gantt"; }
     static get properties() {

package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js

@@ -7,22 +7,22 @@ export class KupTaskListHeader {
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: '34a1794a81e3939c996ac6d6cfe4fc8c82ed540b', class: "ganttTable", style: {
+        return (h("div", { key: '03509c55480fd065cd256c9ee3d8f3ac8577dd19', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '92fd0d2fea5163672528f09c295f55b0318d8cb7', class: "ganttTable_Header", style: {
+            } }, h("div", { key: 'bfcc24753d491c6e0f5e16b9cc878a7499654111', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: 'ddccdb041ca77c2b017eebcafe7ad1739ec9eacc', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '6d6a501a295f0eb4590f16f5d8e63ee71b21a0a2', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: 'a0bd213ca6972a78a21481eb062632676b4a3a0c', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '7c3745ab05fdbb4022485f9463cc4c0a82d7d5e0', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'e5c1771387371615f70d216980f588b771257f13', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '96c425b1608fbb8cefe696a82b3735c822935374', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '6918ef9effdd47f823d662a4c1131378ab75a860', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '8ab89b2b4104f89c80824019ddd215f960c001f2', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '6da6d947b735c569bef214e518495bdcf68e454d', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '102647a5c7052b7fe5fe23c8572760bdf1ce90c2', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }

package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js

@@ -22,7 +22,7 @@ export class TaskListTableDefault {
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { key: '6db770180119a5594057668e7b67ec6597481bc3', class: "taskListWrapper", style: {
+        return (h("div", { key: '4d28c9449506ccc6adbe87dec6925e92a5f2a6c3', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {

package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js

@@ -86,7 +86,7 @@ export class TaskList {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: '7e4082cc370aec412edc46d4f5a026a8e14a6f0c', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (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))), h("div", { key: 'e854e8100a5f2456a62474469f70dfbe2fc5ec48', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '97bbd6d3822150ec66868cf1357643e0f926f504', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (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))), h("div", { key: 'dc8a08171a1dd9b38fed79174fa3e67409ed5ba5', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = getProjectById(id, this.currentTasks);

package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js

@@ -6,7 +6,7 @@ export class StandardTooltipContent {
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: 'f55f72958473eab516177042f08139ccef9d6a26', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'f6dcbcfb3e5f7af566a6b4522daf8f4cffddac7a', 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 && (h("p", { key: '42c80e868a1db54e26598c3fac061d6af8ae28ca', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '38f9745ab196734d14505bc35f0ad1fa7091ef87', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '3b9fbb38b945eb53e85ac8c5720b233d57410449', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '783b02b7eb58348f27090db1c65676d5d2a7ee74', 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 && (h("p", { key: 'f0797eb8c84ba474084e5f8d152a0ce184b92459', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '440dd1fddebebb3decf9db912eeab261dc1b23fb', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
     static get is() { return "kup-standard-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js

@@ -59,7 +59,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h("div", { key: 'a1e23c2e793fd7a59a0d68683db614d1227310de', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '49f046e82f740a7c16e5e82395e4c491082662d0', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: 'd4cdbfcae8a5783fcb753b62649504d2d96ec9e5', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '7918f4c130178fc1130e6a55e60fbe50684c7196', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     static get is() { return "kup-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js

@@ -31,11 +31,11 @@ export class KupVerticalScroll {
         };
     }
     render() {
-        return (h("div", { key: '2c6ad47da29da22016405f80792a2a63b5d9ad45', style: {
+        return (h("div", { key: 'd4b04abd5156769a5fee24b63e755dc8c3a83c09', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '3f249b13a184dd3efdeccc543b4fb6d373d0052f', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '6a063af00c31fb78c65724e0d24f67dc04dcdd6f', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/collection/components/kup-probe/kup-probe.js

@@ -251,7 +251,7 @@ export class KupProbe {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (h(Host, { key: '181e80774854ac9fc4d1f1ca2b5e702c39884331' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '43cd24619d530b0cd509aebdbc16a90b42dc6bbb', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '996ddafe0d4e6423ce2479b9cac0ae323939cb71' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '39eae7739d080800145c30fa1ce713d131d3352f', id: componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

package/dist/collection/components/kup-progress-bar/kup-progress-bar.js

@@ -102,7 +102,7 @@ export class KupProgressBar {
                 ? true
                 : false,
         };
-        return (h(Host, { key: '897a29c4dca3e4739ad68cc7907993b1a7809fb5' }, h("style", { key: '6c5da569d83b814ff978e4884db1858532b42d34' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3bf3161d02156be2ecd555ce77c6ed379596a387', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'c72d1174554dd59fd620020deabdba54582f61bc' }, props)))));
+        return (h(Host, { key: 'e3c06e76ae0949ef35813b14a4d4b43784319808' }, h("style", { key: '6e289ac4babad7764256a5e8ba29b3b4d5634a99' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '42c5b25815ccfafd9cb8ea6767eeb60c14a1d6d4', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '313fb6a64d5408fad824feea27ffc400022b6fc1' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-qlik/kup-qlik.js

@@ -110,7 +110,7 @@ export class KupQlik {
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (h("div", { key: '84dbf3c7b82c1e0674e98ea03ce0ec5de5449090', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '6757be8be4d68fdb03789b12e011aeae050014ea', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

package/dist/collection/components/kup-rating/kup-rating.js

@@ -91,7 +91,7 @@ export class KupRating {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: '472f83b32ab41f695ab250c659d7bb3a0d3d5888' }, h("style", { key: 'a89bb9a89bf77d62d7393232bd007e464c47231d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e83a22910749396a2752eb1624f75e5b1b18d843', id: componentWrapperId }, h(FRating, Object.assign({ key: 'cd3a38a7472d277df642345e889d1f6916c43c75' }, props)))));
+        return (h(Host, { key: '2adee9cf902e449ee58dc7b35533cea176c0ab0e' }, h("style", { key: '197c45321da783719490d8080219b983c3c57a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3f6177fdfafa5177bab3b746da259851b1e21f18', id: componentWrapperId }, h(FRating, Object.assign({ key: '10eda3b2e76468b06f0fb002d534c9007054117a' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-snackbar/kup-snackbar.js

@@ -93,7 +93,7 @@ export class KupSnackbar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'b002f53fca17f2558cabc7361453391d15429b73', "kup-visible": this.visible }, h("style", { key: '01863564ea31079e738744321b54ddb9839ef8d2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd874cd21d97d5dc258028898e4acc74df66d5e3b', id: componentWrapperId }, h("div", { key: '2acd0ff2f624c2e29f8a6a338c78d5222f566446', class: snackbarClass }, h("div", { key: '4ab51cd8952c62cbaef1ba68535bc3889a3e782a', class: "snackbar__text__block" }, h("div", { key: '643cd004cd0a741b9c5985402db4cde72f6d847b', class: `${snackbarClass}__header` }, this.header), h("div", { key: '9cc6e69d984acc396c816d92c65931c534d5400e', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (h(Host, { key: '34b5225f8c03f89d8d530db8dd04546f560c08a3', "kup-visible": this.visible }, h("style", { key: 'bc24655adb906dc83635fb9256159adee92029ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4171edfa33a999f7a46f64beb304fe90ba8bfde5', id: componentWrapperId }, h("div", { key: '1c59a969e3ea2177fcd8c4404b77f9e05fb4d34d', class: snackbarClass }, h("div", { key: '016234060f2d8e636927234854fddb3804b91f26', class: "snackbar__text__block" }, h("div", { key: '11e5d3d57c8059797d3ec267b25c7463e748e5e4', class: `${snackbarClass}__header` }, this.header), h("div", { key: '08a9932c0bbf21b7263cd6e6ffb125078d851a02', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);