@sme.up/ketchup 11.0.0-SNAPSHOT-20250204102909 → 11.0.0-SNAPSHOT-20250204113836

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

@@ -202,7 +202,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: '54cdc2d3d3fc0f6b56389cb87ffc52b769549847', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '653d14985eabf32f57ac32a7445cf0d16ec0c86f', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK), "onKup-objectfield-searchpayload": (e) => {
                 this.kupInputPanelObjectFieldSearchPayload.emit(e.detail);
@@ -210,7 +210,7 @@ export class KupInputPanel {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '88f620f535c023988dc495b8dfa0107763510d52' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0e0290905bfb285e23e60917457c2b7600bec2c8', id: componentWrapperId }, inputPanelContent)));
+            } }, h("style", { key: 'db617093a875cef47297121f4670d78fd6d0d361' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5a8fe399355ca35012db8ef368e3ad3490cf48d4', 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: 'fb2b8362e3dc1b12b70f15e99928a57d7b12fedf', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '436f390f7b97422e6748b2a7759d592f44c506dc', 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: '8802574ba1d79ac1e274790bdf8686015476b2ad', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'c3d51c252fdf77cecf888da91a901c48d08fd69c', 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: 'f3c05242075e730bc7105c53bd62b18aecf5ec3d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'a2eee16a6ace543cac444d960a62b59a086eb744', 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: '4a1d1532c15748b95b0584f5d004bf5804417bc2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '20e5ab4bd0690a0599a28e05b355a405e07f7cad', 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: 'f6716e9ce1594db32cc40769a2670f5eaab944ec', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '7a5d24b382c912f86930086ea47d5352f7d268c0', 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: '99d255a35e9890c805abb2994b6174223184cfd0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '513cf3606dfd9bde023162e079dee3cf54304084', 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: '282e8485c65d6c90cc6742fab3ea8826eeb3579a', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'ff9a9420e091b9f5ccf64c2a248715445a3ea89b', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '842f850f0b3532fd388a8e1ebf48c11161d95561', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'b2e747170adf5dbe81a80a7a4ccc4df71abe776d', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: 'eaffa11808d13d6a30fff31bea6530830f69d88f', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'c0eac37b259ccaa3176fb122208202dc8885de85', 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: '252aee5d61964d1580283ae5edb5fb8064f3d668', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '876b7590622878f40fe3ee89aa880d187a69cb91', 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: '0fc683ca7735ac9d5f48d9c1350d67549444a37e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'dc800aa000585a00f390e3e92f9456af2c83b121', 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: 'a43007f243ee6855d8ae9b7ff517d471e37164d8', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '7f6654a6ddabef4701471ddd4c49c4eef87cc20f', 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: '6703f804c86f98915b6fca8d561b79e818480ee0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5b473c7582738c69b3e693b653eb8e83f0a5bd7d', 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: '23dfbe528bbea80630394aaa91f09dd687cecb9d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '0615b03884b85a2e1215d3a25bfe225f43f0c84e', 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: 'b5020673fe0d60ddcb887878d027f9be1a04f611', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'ca7c15a6029ffb8468db47603eae20f8db8eaa54', 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: '9614fc7450e6a432fb6645911a0ee3739c3bdba1', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd3d77ee72693ca34d75bb90a020c0904d8345897', 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: '6e916204ad921b9387a2da59225277a12bdfee97', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2397c3c58a7ac2ddfe1c4d95680c805b410a1cda', 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: '7e9e25c82c6a968df1e34d6404a5b6a26208a1d2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '3355655ef7a1bd635fd287bd72124fc409acdb90', 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: '55d8ffa08667bdf2f90e278bd6d28e94d5a5fd90' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: '598ae9bb03885be0e6f25ca73b9ee2cf52a6ab8e' }, 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: 'b51dd829f66bf9958780ca2a106bd265097e0212', class: className }, h("style", { key: '5f16dbbf7222c11e5e3daf2d914b0cbb4f7d757a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'c0c9f7471b8e6529fa510db940edbbd2505deb86', id: componentWrapperId }, content)));
+        return (h(Host, { key: 'fdc3a6a971b8c6b74129d1d8c561fce5e52c3b44', class: className }, h("style", { key: 'b8d687d0af73cc123bc465d481c4c37b0ba6c552' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9c9f61bc50d5badca2f000fe40817eba70e6a4c5', 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: '579cf183f0915d864820f3d06bc1576ab11ae1a4' }, h("style", { key: '9128110fcaca2c1da80ce29a30b17f26d287ccb3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a23742c2083fc1ef92fbc370da846dc8b9182116', id: componentWrapperId }, h("div", { key: '1c23fa7eb08e82493c2279f975425297dbcc46fd', class: "magic-box-wrapper" }, h("div", { key: '3c1f251962659f982d0d68108fdb0476d0fa065a', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '30fbff2375c6872fc6ae239a7a215928a4512e3c' }, this.comboboxProps())), h("kup-button", { key: 'de990f96f370f26bd847d90bb555cd818ce59b4e', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '965bc0e815b0a0054521248bd377cb16856fc415' }, h("style", { key: '66c60a18972e45960bd47a7ab2d491c39809b485' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4dfcddb31127f78e68b1e37dc35c82a2734ba350', id: componentWrapperId }, h("div", { key: '571076a5c66c80d91c4c43160f8d2ca1ac29c54c', class: "magic-box-wrapper" }, h("div", { key: '92f135694c618cddc6325e8b1ed39270027aae06', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '4fabc4f0737bf3d0548793194834d8bd9785557e' }, this.comboboxProps())), h("kup-button", { key: '2b1ae00bc73ce74d2d4ad850d458782ea788d94b', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: '867ec9ed075ae869dc9350e00096036d3af780e6', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '000ddc9301085892b967678b42a1a8154a7679d1', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: '279780fb00c2ad681ff42f266ad08a25705928fe', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '74bd8964eca9d638a197ed748d51d746f250afe5', 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: '78c7f252d8e16460a2108c898e025209183103c8', class: "header" }, h("style", { key: 'f18b1188fbc590427245dd6acaeed14f3aba3033' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '58a440f172111617ad78da7352b3803356a16015', id: componentWrapperId }, h("header", { key: 'cb2783014d79eee887c8507a06d504fa614fdd77', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: 'e9ca378c0a88b69abc3933780fcc4f33a6d9e6ed', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: '1a06d28ec363f674f615ca16916eee913ca20015', class: "header" }, h("style", { key: '7bbf690ff318025c09177de7f50b1090fee08b26' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '998dd20d642ac4b6c9c41e7d829279c66b456c24', id: componentWrapperId }, h("header", { key: '2510f5028b269724e936f8e3a64cb3968fc2954f', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '0bb71e253c2ccb01647f2806561940c975ec81cc', 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: 'e4971105409f3f1d053379189bb98a5cee25e986' }, h("style", { key: 'a15921df3d5f4bf5542216219197383b5a8c04e1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e1e1ccc7e4a954956fb4a49f2aeb43a113e25030', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '08eefc0738bf43f53540b2985b753e4f6d636eca' }, h("style", { key: '233812ade3df39cd82f66c7af937cdf6d23a8a1b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ac5004a45b7535c7efa2cfb4c59d70d93c0ad21b', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/components/kup-object-field/kup-object-field.js

@@ -79,7 +79,7 @@ export class KupObjectField {
             inputValue: this.inputValue,
             onChange: null,
         };
-        return (h(Host, { key: '65feb5086b8f2877caec6e1ad4d96e5a5637072e' }, h("style", { key: '27a574d6b76df1162a833250ffdfbc331bfe3780' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f6c255e88915cd54e04c27dfa4e10eed6594b651', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '34327f6110a365fdf8526268d5de4d5bc6254628' }, props)))));
+        return (h(Host, { key: '0fe8d709aa64a6b897826768202be8f429566039' }, h("style", { key: 'cc7dc1b54babc2a81b4ec5d73fafbba0b271da65' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ce34127b373e9f89dda73893a463707c68aeb2e7', id: componentWrapperId }, h(FObjectField, Object.assign({ key: 'f4512b7785f6ca257944c1a8649632d2cad1d98c' }, props)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.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: 'f2613b15accb59fe68734ffd1972aecf216bed74' }, h("div", { key: 'a9738ed98a36d3fc46e7ae91716ccbfae4898776', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: 'a6108afcf42e484283b905a31f649a23aa589b35' }, h("div", { key: '4c30e51fe0592f167a2e6803784402c11c005db9', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

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: '566acc19713e3e86dd7df82289970c2177d9ca64' }, h("style", { key: 'b963bc1a35ee326159dcfdba26d54b0363a6b24d' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '431b11c904af49b67400e33dd151eab1e662a2c9', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: 'c3ea134d3afc42f6e1d3089dc65c251e2338febe', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '43969a35e6a3ada36973257bcdb0081d560098e4', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: 'c0a01be246cc6e28f2780fe57194b6e4c84ad194', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'aa6f0014820025482238c3462872d803e697ee12' }, h("style", { key: '444ae126bbe3f926d0c94d4e282e60959479bb77' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c1fae911d7d5801c77d83de96edaefe70c18fedf', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: 'e79fd4d2d42079a1e921e35686f58f65989d4cdd', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '5a2b0850936753c168ebd2b610df67a3df48e774', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '7c97395604c27f65cd5a904117b31b4b60e48ede', 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: '36d4a99a01170df3b117e703d890147b4578ee8f', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '09fc2340ac73daf26be7f7a4604bfbd0a5a1141f', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '846ea9b9868a7f8a5c347240d982a49c2039dc45', class: "title" }, h("span", { key: '96e25e65c307bac7c59b35c93a5b620efaea5a1d' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '140f6ddb61b07fcc2345efec15d43eb77cf81011', class: "toggler" }, h("label", { key: '5509bfb9710af7649688f66ce0cca7d1ce00a752', htmlFor: "ch2", class: "switch" }, h("input", { key: 'a1931c316310d29d6efdbf453f255a0db784177a', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '7e60767f24faf25b8cf60d2a4730198a23c758d3', class: "slider" })), h("span", { key: 'd518107105db34d7d9229e0cb33c598fae429292', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '2f328d922963a5aa335a8e406a2a95a82753040a', class: "title" }, h("span", { key: '27ee004ca6f50be33d8f65f4a3ccbafdb2e1bb10' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'c8ba0fe8e047aa22b6afe78ccdae8eea75a52fac', class: "toggler" }, h("label", { key: 'f163d3bcfb78ae615205fe5f82500374f7a5ccd0', htmlFor: "ch2", class: "switch" }, h("input", { key: '2c32ca00e5a622b7ad7ca6295e20aa4d9ee24af6', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'b7a62519988f74a7fe15f011b3627883ee20d1ad', class: "slider" })), h("span", { key: '3fbc6926a7fcf39192699e0f446d8a62aa4ea09b', 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: 'f0dc8b3e66321fb4b6221d47208e8d5b8ee0471f', class: "gannt-wrapper-main" }, h("div", { key: 'c16311b0eefac2993c485cb8201a3c52ae856e19', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '98b528bff70e3f75f494a0320ab9394cfd6d63ee', 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: '924a03ecdd3727fa25af96cf462ef7e16458efae', class: "gannt-wrapper-main" }, h("div", { key: 'bb6aef50f320757e133be7c769e19a1e4c38eda3', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '5c65af092618d60236c2094a7f7a28911c748f66', 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: 'f082a0ae500f1ccc103a9e477de4d49e1a18b179', 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: '4e774bc5cd118bb0f14d622ad653b5894ba5bfc0', 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: '6a423a4b097cdcd8ba11787acb30e438c4fba206', 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: '154e6df6ccd29203946d46c5ae9b127ae4d929ac', 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: '573ba3ea49d9d5d35bd0ce5c0d1868dc1865b9ff', 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: '8c7939bc38c4cc1ea3d7a1287fb4aa938c7ea59b', 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: '2fcb8b0d2515745f5637881027e41a01c7d05c17', 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: 'd418a0c87871ddb38b25d6f83064b72978890ca8', 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: '40fac12f5662fd9bb957f3df307d81d47b9cc431', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'd560642c96ba8c48f84fd4f61cb9820bd84503cb', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'e0251ec30d56f57c1bc4a6b0102e54e1b724d7ac', 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: '5e7668349dacf3b680bce7f56b012f5aef9c7f28', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'cf2d9fdadf8083d2c609072b54cf31a85640e1ae', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'bf639c84768069a0a097421b10961a690a33e82c', 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: '1e26a858e01bd4f0adbc0eadb25c3eb7faf7e50f', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '5ecec4259c2efdc136f6d7d993f163fbdc12a4c5', 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: '41cfb8b9624bb7130da4bf76deb0a2a6e065b15b', 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: 'c14f6ab1d5035b78d07fe7d5dc3d324e017de738', class: "grid" }, h("g", { key: '79bf82389c45a7902cf252c8558b07bb22871713', class: "rows" }, gridRows), h("g", { key: 'f99afc00c2f47473a21a4586a36a64b56034feef', class: "rowLines" }, rowLines), h("g", { key: '801f5bd16f28e0bcaa9827cbb9b268e064f14646', class: "ticks" }, ticks)), h("g", { key: 'e522ec01dd62f1b6c927c5c9032e5ef7b39d74ba', class: "content" }, this.currentDateIndicator && (h("rect", { key: '95fd7560486a2860f5ab3da83b3632a3577efece', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'fb48ac47aacf0e9a7375fc160a496498a5df896b', 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: 'd9123c67e3ef40ec746a52fe3b24a5e0614443b3', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '2ca8d7f07331ec77d783a01136948086f378a1e4', 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: '982bc9b460190e79c69744cffc8f38b20abb3d28', class: "grid" }, h("g", { key: '476f37f243e9d991551db3251cfd7613f6ab0c5f', class: "rows" }, gridRows), h("g", { key: '471b2048a0bf49c8e0102237557e34d0df2ffa40', class: "rowLines" }, rowLines), h("g", { key: 'ccb7a65e0dacb60a4711e9ca2998682cd66d1788', class: "ticks" }, ticks)), h("g", { key: 'b29fabb4a53ec4a3955f6251de0f0f146a1a5e6c', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'c6c0008bf79dc976f15de7f891879e87d4f30883', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '6e22d7dbb0e0b5d2e7eb3959eebe844c1058c998', 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: '1e8b63448ca9d9c86e688db7c38dec65e015a614', 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: '95c843ec81e363e8c763814b2ac421a827fb41a8', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '2d999769f393c003c1e9bdc9f0dd9d507b7c957d', 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: 'b6eb6788c295fcf815e7b93f42f04f5015c36799', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '4b7164f536951203e749d0e335e729e5074cca2c', 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: 'a7c95d3134d88095095848d472b4630d94c57653' }, h("div", { key: '0fbbede2370aad1983adc79e6362daaa58607037', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '93149286ec081e51d5b39a00a50fd2c11681f8ed', dir: "ltr", style: {
+        return (h(Fragment, { key: '072cabb8b87a0f6fdba4890f0c1bc0ac85c35bcf' }, h("div", { key: '381271c56e56cf67cd52d7b44603f1ea613fa6fc', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '3b5661d61f3f1d295e17aca2d393405c2a123df3', 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: '7e0a419c041f071ea708cd3bdcf58a436fe2ec53', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '7aefb1d7d5efacc921d4ca2eef76b36729bc9b77', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '7c6a97db64110f33104d7dcc77a34b36910d5582', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '084a39754d35cbe143e118c7d4a4f7c96ca48827', 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: 'af280af43f9c0c33c195843fe43df41bf933f22b', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'b0c4576a7f9834a7ea4697cac367144ad7105458', 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: 'd65dc1b3bb17e925e66637e6f23e6800be4ccf0b', class: "planner-render" }, h("kup-switcher", { key: '39f4a4583959c992eb1faf4893ff6664625b22e6', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '8719faaa97825cabf595e3479848fb8fb830b21d', class: "planner-render" }, h("kup-switcher", { key: 'c0e2907c74e1ea3b70283ffcb72bcca1d69208e3', 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: '61538f08c137fbf7dde71594eea8ab6d15f7a070', style: {
+            } }), this.props && (h("div", { key: '197c36c988ef8a3d3cf60f599d373e4b6bf334cc', 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: 'bfd42b01f7e80ac9b6be58538b3328e519b94519', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '7b6512f893086975fc4f36e7127417303c705019', 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: 'c46f636fb51179a391eafb5c16f29aeab80c6848', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'bb0e2031fe15ae43ca85f2567d816cb4db6b1cb0', 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: '5a356a040617574d867368fa143f30a126668f93', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '07de443372a6b71be758e370ee78757a783e817d', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '5499ac3796102e1b1111e22199cb20f89d250e84', 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: 'b3f4c6d40b21fbd5eadcaa2115a08c34f144175a', 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: '97630d6f2ad2b136256e9658aaad83252cf9a79f' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '16a2160ac49dbf5f62562fc2a685beffd9b0fd2c' }, 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: '957706d28535bcbbe14eb261e6b96fd533801f50', class: "ganttTable", style: {
+        return (h("div", { key: '8152662f50463a60290a2f816be94408a6223c88', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '90a331d232d2f9bec4bb8a51e81f69ce78a12fb3', class: "ganttTable_Header", style: {
+            } }, h("div", { key: 'e1ef3c86693a0fc0b2297cca36cf334351a9775c', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '1ce299ecee63e275b9527ec53325d2e8499b5edf', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '62628e3f0b920a395de8de3c97a8f60187cfea95', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: '5bfe71801a7720456bf7398cbc7dfe179fe2749d', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '7d2be1ae0ec151e6f971e94b3d5a95b4a1d9c8eb', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'd936831aed3dd585b7fab59120fdfbe6cb29330e', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'bde0831f022a132a4fb4b44bb76cdcb45dfbff8d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '15981e57a7f0f34cf16336f2abfca76bfd6f7094', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '175f7395a1c375b81012e558aded0c3a31459f60', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '1c7c71eec8d1975b64824637ac6febaa68ce0d7a', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '7c0617f5d2d12f043108fad73200644777666748', 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: 'd0c9daac1136638942812b51e0c976f3ab1a7870', class: "taskListWrapper", style: {
+        return (h("div", { key: '946aa13bb89d865daa77bf64674042072c626cf8', 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: '439cbb40aea55b1c1cb32cd02c867a5b909879b2', 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: '8d9b403c659a38e4cbdd7f0de6e34772fc71c449', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '9a34831962f3d7f69d005fb46377ca85aed90cc4', 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: '969fd5d7654b20e45120fe8ed5244e619130a817', 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: '0b46634b4e09ad8009fcaeb42ece457f79358ee0', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '8fa843fa9dd3f8e76a28854918cd7c74ccd58674', 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: '54b63413df7f9a301965a7bf8067bf2d131b61d8', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '645a2847cd7d47353c72fc65514e850c9c976f85', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '559197b210d3654e7b5f7ef06833ccb761742f57', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '5cafb52944f4281eed4d9cfef285c3ddec4bc372', 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: '29d0d162a8565c2df04b1d33d96553b8e47c0991', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '258108e3c932c1fb569eca1c1a9eed96e3a4bb94', 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: '3e00548d776dba8ddc1f63fe81ea34b115a7eb21', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'a99f384e9b27ce30095da30c0bf6bc7dc0127cd6', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '8440622fb18811f9631f9f9e3cfb67411bb7b764', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '0bd1013191a499a4bff4e7054ee92344858c52d0', 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: '704f3353e5575fe441c5c1fa3796961139e5d892', style: {
+        return (h("div", { key: '0294aa5ca5ebfe25852141df1175b6ea899b9008', 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: '1731b8ee91914630f8766187e890853376e548ce', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'b3a7e33cf3d8da216a07f1c4305ef02c9bcdac3d', 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: '7386ef26ca3634785faad934c85e0c8c952233b6' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '7e8a8bf7b8944be9ce5b074aee74ff488dad7926', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '0ec1f1a759ebf413ec64ddab4a2ee9a411f07bde' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'f680375553b549dcc1d0f768cab4bf94be389268', 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: '3d6d9fc74dc3f0118b4ace093a04ff2ad59cf6df' }, h("style", { key: '7dfe84c06d2663aba637406cb02989ddd1cca363' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '90ceb916676613610ecd11b4d2325605eedacd7a', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '032763ed336b976ee8dd04dde68f8e88f20aac6f' }, props)))));
+        return (h(Host, { key: 'e67a7bd17e8f831ccb6e964053d3e9bcc4f3cf74' }, h("style", { key: '5568051629371fd5f95b9b51441879380e5a9d67' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '65cffea374b2d2598a2e8debb8be1b4c5e6a0c41', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '22522650b68cc7ec26d99f06c4d1f3af417ba9f0' }, 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: '9a7377976f44e92eae2b34ed098d91859939ae89', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '19ebb0eff3df2752a8b6c72a043c23369fab70f1', 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: '20095fb51aa50672f0ebe4127b9dc0003d9c0719' }, h("style", { key: 'ec9990065a4a7661e89163f3ae0fb1cf13bdea42' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd79e809d648195e494b1486b15323cc2ba79b076', id: componentWrapperId }, h(FRating, Object.assign({ key: 'ff7a1ecf8f215ebf043fcf33cea9ca1fe029df11' }, props)))));
+        return (h(Host, { key: '879a6ae98190a2e1084def50d40d01ed821c9660' }, h("style", { key: '0fa9425c1dbce6d801647b70a32394063ccce065' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '36bb228b8c86388fc981ebd556df4cad4e89d7bb', id: componentWrapperId }, h(FRating, Object.assign({ key: '2177af857eaca72423e6d4d3a4babba73691de51' }, 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: 'a2aafc21c58f37c0accc93689a7dfbf6e7436cce', "kup-visible": this.visible }, h("style", { key: 'c410184ddb5cfa35d6019026aaf25b750cae9dc8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1cc2d94c936102f1bc2f05317aa6cf2e633a3927', id: componentWrapperId }, h("div", { key: '2db015b55479eea3c47c580a5095efe7a163dff0', class: snackbarClass }, h("div", { key: '53f393bfb8fc6531c2a743784527c26c752f82b8', class: "snackbar__text__block" }, h("div", { key: 'd4d17ebbb216db50ea7a6b98b7e3cd29f389a3e0', class: `${snackbarClass}__header` }, this.header), h("div", { key: '097414537384bf1de0eadbe191eb9c697db0b4a4', 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: '526f224445d928a1550779e5fcc82e45cbee7383', "kup-visible": this.visible }, h("style", { key: '4aea86015d04709a34b601130412cd45dda1b15b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0c9ff94539b722b5f296c9bcc3c83ae6fadcc9e4', id: componentWrapperId }, h("div", { key: '3a13bbf6f571ec7410977baba043814d9db4a5a1', class: snackbarClass }, h("div", { key: 'f138d49204cd804851662f901a65c7133643ca75', class: "snackbar__text__block" }, h("div", { key: '879971b65631468ddd9e2e7907dd1b24d047a938', class: `${snackbarClass}__header` }, this.header), h("div", { key: '99f6bc0d911eb3914d7d4a999202bcf299ae98a9', 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);