@sme.up/ketchup 11.0.0-SNAPSHOT-20241125085638 → 11.0.0-SNAPSHOT-20241125095251

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: '3c765048300e35bdd44b07a1da37f950036f0b41' }, h("style", { key: 'e8e19318d95c55604b6e6b8943ee911235f645d2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '05ccd1b3d038aeade61eb1f284f057fa1780dec3', id: componentWrapperId }, h("div", { key: '397223240b70346596c736e56a3f9fe1cc96e678', class: "magic-box-wrapper" }, h("div", { key: 'b0abf8d405f522c27784a22f32d793caf5a1bd54', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '42bc40126ec6f6d66773507ce642ca60dbff1bc6' }, this.comboboxProps())), h("kup-button", { key: '9612c38cbb6c590a03ecb2c50e9934810139ab91', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '8f04a5029dad9d7d8f3673124a6fb954880719d5' }, h("style", { key: 'af43ffc44c345efb6982aecac7ffeb7469a1e1ab' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4da32884b8cfaee501fe98de3ad61dbfd40644f1', id: componentWrapperId }, h("div", { key: '3ae6ee9f2ee07d1ace113fe223bf45fe907eb1d2', class: "magic-box-wrapper" }, h("div", { key: '7331459e7beeecbad1f94907c5dfc37e6fd77221', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: 'cf49975df5a5aa923c031c64ecee9a81ae4ad0bc' }, this.comboboxProps())), h("kup-button", { key: '9268ce09ec663aa4e00a82ba0fadef493422d12f', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: 'f79c13ae2b91eb485d79a8c9be0026d32c0185a6', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '3724463433b93aa9ae13ae19d67be8fc39c702f6', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: 'ccc055eb0637f6cff2f8a151d6f09aaa3630623b', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '448858d039c7cd0ea8e756d9ad66af2b3baf5c52', 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: '598606cfb1efd225c4097422e9353249c50986c1', class: "header" }, h("style", { key: 'c4c540e71f3f77a40980801f36213ac05cada324' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9005adb131af2a997ce5649cdac78c3a1489c1e0', id: componentWrapperId }, h("header", { key: 'ebc0b418898b147f2e0916bad84790f285fdf749', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '854d0b6102ab2c751df8b2def23ac34498f4d918', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: '0f66ceb53da3d4bdc00787c80ef4764a79d76af8', class: "header" }, h("style", { key: '6435752fbe5f0ae68649ea4c43fee53afeb2dbca' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '607495825d0febc2dd41dcfecf0ecc78924e4679', id: componentWrapperId }, h("header", { key: '21667d9c45e86eab6c011247e1717b757d92dfd4', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: 'da92e4ddd4ff70b4fa9632233b0345d4843bee60', 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: 'd76abbac915abcc83bac32c74b35822acfe2bfc9' }, h("style", { key: 'bd6b6d0854cb79f7df85031c246984954f1faec3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b495a995883a1ef06a4b9a1921406cb867af1f04', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '60d9439b1beeca08cd1f5d7722c8c44b387f0ea6' }, h("style", { key: 'a240244c3350a93cf6411582d4ca5a6b44775328' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '8a07726204a12434f2f00fbd88fcc926b9b0de18', 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: 'c62560a0926c149d4de5039c091e2fcba80e55ab' }, h("div", { key: 'bc34f31b0995fe9b18c432ed0c72f6085a452f10', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: 'fee8236cc49ba230b6e0f03578a627da544d2b0f' }, h("div", { key: '7c8bd36dc5c78f67d7a210e239d9279281741d5f', 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: '0a8e3132bca574cfbb1cce6ad4caafa9214e9c76' }, h("style", { key: '9ee8736d2783d07c51dcd87d2dbbe366bae06078' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f93a429043a18f9d5b1ca8eaebfcb97ecc0218e7', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '1f1b2dda7b9619e04131d9dbc11291542f1c7631' }, h("style", { key: '44413efc368dbc28957c544475889f184ef1a16b' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '05a0107e2d49e41242312ab842ed63eea72e2321', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, h("img", Object.assign({ key: '41d8a842da9ec15a748073f221641876a4e37dcf' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, h("img", Object.assign({ key: '029fbad45e5aba99bbab99c52f5ba30ee74e1c1d' }, 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: '75e119951517601a2db3012fe503209c59537ab9' }, h("style", { key: '6e47ab638de9dbfdf6ae744f5aa4bc29103602e2' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f2e58f934c44846c8506e95f83d2f8802015c826', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '61ac140b5c85793f6c7281b5b1eb99bc1883a0f6', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '8b683a7435bc367f8b2dbae5b91b6a2e83adb393', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '188199a2d8287c6ad457504665591fdec044c006', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'ec595d6944c84d1ff3419a4f9ea4b05b9daa7c8c' }, h("style", { key: '9476707409a3f42a4053432d9516fda679f96341' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ebcc7405f609f4ecffee385e5c3e710e67e67493', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '9cb8c0178398029f74dded13fb14d96d5a3f3652', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '227fba551833686254d2f9d904093fb1cd6afb31', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '4cb494e54f8ca483dd46165b606ab1b54c5da58a', 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: '8077b94ee9c7f98f55eb61c060ead9089c5bfa14', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: 'dfcd0fb852559b2ffcb4fb167c7639d3f7debf8b', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '3bfbff19a64a176b9ca4e00574f4887308e8f501', class: "title" }, h("span", { key: '80d39e9c94eb08892aecbef58af1e8fc333dae1b' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '1a91f7a7e8ecc5e91e7182169e1192953a111306', class: "toggler" }, h("label", { key: 'bf7a51a2e069892f1621cbaaad7fdba359321c59', htmlFor: "ch2", class: "switch" }, h("input", { key: '840e7dee95911fc2db92e535f5c9f17c9852b2d6', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '8d5c8bd70141b42915c6e4213aedcadf64496a38', class: "slider" })), h("span", { key: '42b514f4ef2919cd25bf653b2bf52c6f80441e84', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '59e157d30f9573922fa456b1f6ea1132fc192089', class: "title" }, h("span", { key: '73a2095bf91d0846df1ad2bf1fb2d7425b3210f0' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'fcc17da264378828c9494c571f24f8c072508dd0', class: "toggler" }, h("label", { key: '94edc43752e00d5b12fa516712b6eb7230720891', htmlFor: "ch2", class: "switch" }, h("input", { key: '3a0c8a9cbae7a67f93afea19013cccdd9a97c053', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '5fd1f6bcfe2f27d73f1c84938dda32c8fdebbf67', class: "slider" })), h("span", { key: '117ddb88804955dbad7f5acc69fcfc1b4701fccb', 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: '91d4b672df603b898f79d8810870f70e87a4af0b', class: "gannt-wrapper-main" }, h("div", { key: 'bf1716d26e05f47bb4f0b2ec525bd6cbe885949c', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'c12f81c4b4fbecef2411a3918b59128fee7315f8', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '836af3f1012d6eb8276048866fc9a976b349775e', class: "gannt-wrapper-main" }, h("div", { key: '67654e8431be67e00d1bff668d9d90b3a7b3b21f', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '2e419799a7a5ad604357225ec48b6be0b6a9353a', 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: 'b773c4160463e928dd45c555700983e914d5088a', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '93f0e5a3086e5474ec8f44e95134880bfc0f56cf', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'f7ad2cfcf93fae625c6d90f08db43adbeb9190a4', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '9df22bcbe9772df4679df3b6a3f0dec13957d98c', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '4587424ff6d24d47b471cfc28972cb34e42ba0c7', 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: 'a2c655b425591b41492f4b77c9f8e3b1130565a4', 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: '2122835b9bf5929d76ee7cf28c60be64bc2b2a01', 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: '167011334f0919c9df59bb91c54be5d039a8e261', 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: 'c354de3621725a9c806c6f9d199af66ab821a4ef', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'a7b04d87979a2fc845ea52c82be79738578c8977', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '4d5bae93fd9a3de2ab12fa3a00f971e4f9a7b53a', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (h("svg", { key: '4ad5b9ccca0df392a83070e15b28fd3f8e72e70f', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'da7da862b4f407c73f351fa1b8e3e4beb240db65', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '515bd9ab381247ee55813b3f40fa453b2f366467', 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: '05c00faf553bf634cfd0fa5e635c3e6b386a8a64', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '609d5428fdfc27ba6ac1bdc2a2799fea5089dee7', 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: '1a6968bfedd80af155d8c44e9d4bf74144c05fdc', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: 'fcc3242448c44543b488b08112bfd0913f18453b', class: "grid" }, h("g", { key: 'cd01285362dbc58575a87426d67cf3344162d0c7', class: "rows" }, gridRows), h("g", { key: 'f0b36331280f0f7b89f57732103f2b261c833e99', class: "rowLines" }, rowLines), h("g", { key: '0bfdbba6b18a5a6751226177530025c0eb153c0c', class: "ticks" }, ticks)), h("g", { key: '2a8a613c07cc15a161b6ac1f9a2914562c4880fd', class: "content" }, this.currentDateIndicator && (h("rect", { key: '3bbb51c639c3a10254d55c6c463d684ecc073142', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'd1f0fac7dcee2cb6d019d6379b6b75c02d81069f', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: 'dd074d7f495fa5eadd6619360999cc30261356a1', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '6e2c05f30bc3155b36dc0433a116410048042015', 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: '0530506fe65e0b1a8e6fdb018689d094a16820a4', class: "grid" }, h("g", { key: 'd189d3654b50f9bb34dc0800faef0a67780b4525', class: "rows" }, gridRows), h("g", { key: 'd53aee95bb1542041abbbf1425b2c2d2eb0dda9d', class: "rowLines" }, rowLines), h("g", { key: '3d238c6efd1dfacc8319782d1be07eb9c9a7f596', class: "ticks" }, ticks)), h("g", { key: '72d0cc281ff3a10943d27b3b8a029379f78f6c93', class: "content" }, this.currentDateIndicator && (h("rect", { key: '519244fbac413f1bc538441e19fef3ff57e55b3d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'a0f3fcb8e27562a64862817ba4f7056e0a0e2123', 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: 'a050c973b2219e0f2bac273c53d934da444a4024', 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: 'bdc6502a998196bb9aa9a5236d1784880c268f23', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: 'ad2c626a9b4a5277eba2fa154602c68d41a127a8', 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: '4f71c4dd10d4c93ed805192d7b9b082c3f5c80b2', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '6da45035c94f4e976172186d6929ad693ba40e77', 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: 'ac484adf00a234146079244250decddd0281b087' }, h("div", { key: '235b1833aca432afe43f1991d55d5397b31f4adf', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '02270e521b987254922c28a06c9846ac37f2f16a', dir: "ltr", style: {
+        return (h(Fragment, { key: '0359e34c59e8f83b91edf4ea4455f9b0b818b187' }, h("div", { key: '1f959a14bd712c24fd9247aeeba42d4702f4a647', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '0c90c113ae5ad82ce41a1dd30037c14f0d3aa071', 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: '4d7e284aa6a9f33d235d64655a766ffb72c9db49', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '2baa4a929f17a9fb7df2a74328ad231445fd9639', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '83815e5b51a7f76c9e55df0f3025f271cf27e9a5', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '070aa5027e20fc0f31d3ab66672789ce29d3ad8a', 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: 'b44bec86876e369e27fb40cda1f567fdd824cc70', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '509f0a35443c329e6c86bafbb1a7f93919b62f48', 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: '2faef1b0f3c6619898c3e9aef629ff3212f4c983', class: "planner-render" }, h("kup-switcher", { key: '565209c4761f7af527e49e5da7f56e328aa7e328', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '36516935d5c7bd442298edf8626770b47d67d8a1', class: "planner-render" }, h("kup-switcher", { key: '4780f53ca74985bf1744f97dc16ccfcc45c2c937', 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: '9629edaed35da84c4089558a4e26f61502384c53', style: {
+            } }), this.props && (h("div", { key: 'fdd8ec8f405dcb3aeb3dcb882314a2042eee6ddc', 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: '20e948793cd9c04a4bce6a2789acfdb8e23a4588', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '9540112cd61ae116e61feca0d2424e3511139f25', 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: '99714d47e1ad8356e5dd96e2197044567613fc32', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '6088d8bb84b2be87e3ecf51659eceefadc50c705', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '7a40721f34ba4a9ba6a8c61e4bd76689e9bdf598', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '225f4d8173ff69d5ddde8d2f5ed33bdbe463c47b', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'fee606b4e38108514adcb1a7f1e5e6279ab6ff88', 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: '4cf70e2505d9be056ed47d36b6f7c856801e3c58', 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: 'b8613cde1d02a1798759b1da03c4967fdcb30b47' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '27ebb2611cb6f3f432b555f1f29a0e906df4cab3' }, 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: 'cc6f16ba19c980fc42676b72355e39b04b27ffcc', class: "ganttTable", style: {
+        return (h("div", { key: '7c38309df79834a182510f6afc3ddf8c9ce0b46f', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'f79c084e1e11f78df57f0632724bdfb9a60c3552', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '41f5891329b6ac17fbfad63f5a8fc89aadff5d96', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: 'c9cd05e5f46d180ac7c9b4959e32a2963384fba5', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '9b30d5bad4ce720ca1d3efdd3e1c5df91866202d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: 'ca7167b753d11fcc0797e7ee824b973d89521df4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '9bf3e558ee06f137809853c3da1682eded542586', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'a72099348deee5a50082c4152ecf1ddf5fe4910d', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'b57e9cb06f84f0acf420e28e1d6ee1a3c66da79d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: 'f07398e08d58babab4c855030a3ae841dd347d92', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '62dd83ffb11015bc40b8437e35eb2e2686e2d0ff', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '4a7e688d3727f12b4c4e7ca5816bb6bb53ec9f74', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '41790ff5c2576c41a11be2a3ef9e811d35b526ca', 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: '8fbb5a31c2d75d645b3d324639cebb87259cf13c', class: "taskListWrapper", style: {
+        return (h("div", { key: '1b39b6a152899cd206287a8be18fa083d19c91a9', 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: '3c85062425cecd99f779464c08fdd9105e257919', 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: '5fb9d1ec0ee150a652b36b28f5c4be7fc045e050', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: 'a19dc6c19ddcf5af323857e2f3a86ad81378c5a6', 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: '863960227bf03fef0e3db1064df6edc56386868c', 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: 'c8baad09503925e047a657790c755e82447e1e62', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '98e2879e19962ae884ad57c1f1e6141599642d39', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: '4ec8ea1acc62997f4be2399680d7711821c1fead', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'c493de54d9152f6d9ced3bf5dc91f654cd70424d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '6e4baa35e22f4add6f7d9b71f472818eb81043fe', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'c3669ef657f2f16cc0dd3789c092757c238af0ba', 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: '919d7543791605febf24c54992eec344d69a78f9', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'e4292000dc3eecf27db918ec1e9b78d8e9b6b6ed', 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: '8f4cf17366abf9d2795c2719976fe7798101d3dd', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'bdd70aa98f4613fa568462ede5a81c5a0ac3bc62', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '376115aa725f2be586aaa2f5000cfe35e9ed2fb8', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '3eb3daba50c63eee9b4bcdf42d9565ab633efeca', 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: '3d3b8fbb45b98fd7a29d7ee033c1f918af1d9949', style: {
+        return (h("div", { key: 'ff60569ab85cb336d97223e914f1161a0ed1def5', 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: '6b3c0cc4a7ac473fb0689e9bab75c255aa100ba0', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '0e05750fe66a56f93277bed8c3fad94c0f388abc', 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: '45102ca7586bebbfc7f2b153d93c0f004f2ebfec' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'c4e6be7e1976deddb7fea01875262045fa35ad78', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '8d7afacda7cc4439039c941af5d9150ed668d03f' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '4a15796d3c5cc632b326bddef692c640edc1c366', 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: '5dc3349ea6e77e6a5934c04875bc6dc51ad3e607' }, h("style", { key: '609be59600e3bfb70a782471a8844a2edec151de' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f394ab7f3ada958c57798682abda94aa51898a5f', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '0e88ea54b8e84a5eaf989322832104acf35fe95d' }, props)))));
+        return (h(Host, { key: '2c70fb4cd49a7f141df8ae364f4e3f36788acf36' }, h("style", { key: '02dcd05dc9b99595282cb45264e44e97eaf09f0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ab83e686ee6f4e8c1f39a14665b6907332950295', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'df1622e0bfe127faba5f80798fd3c9ca000bbb27' }, 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: '990a2317cd30c5a3ca78c987ebbed601b4a6a8b4', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '3014bd82bd94053748127d5913f9ff4bda8ef3e1', 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: 'c76588531b81b4dca3435656bbde26e92359e837' }, h("style", { key: 'cc834c7b3ab8d125a34f898b0882c39fdcff91ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1e03a86938cb8e07dd3a7dba4eaf4c397793d385', id: componentWrapperId }, h(FRating, Object.assign({ key: '0cfcb19553aa078af5b7caba2ce36b32290a7c04' }, props)))));
+        return (h(Host, { key: '19e163cf4af6870a39a4c76d0434a6ee1791d464' }, h("style", { key: '762429d33eabfd6266f2cb8778e6191efbbce002' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '48fed62d8fea255be84318e7c36012eea36493d5', id: componentWrapperId }, h(FRating, Object.assign({ key: '52b3a141cc5f6e71aefb4008233e30dba9476719' }, 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: '425ff290429f0ac399306ad7737d5df519a9518a', "kup-visible": this.visible }, h("style", { key: '0e1bc10e2884f4943c0bc4fe96bed9805f7358e6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a66cdfc2a2fb2098a8959949b2b117c24e99cef3', id: componentWrapperId }, h("div", { key: 'd3bf872e84369ef05dbd1343e8264e3b3f03a0f2', class: snackbarClass }, h("div", { key: 'a2ad63fe4b3146826a77312edeac063dd4e31f08', class: "snackbar__text__block" }, h("div", { key: 'a45f6f870c6ca3e2dbc825a820bd6a1f2c1a210f', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'f866bd88c6f4aa1b0c25debd96dd7ac46c47e4f6', 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: '1543a186a11316b84a53b02453c9d06ad644b188', "kup-visible": this.visible }, h("style", { key: 'b406ad7fa2d68f02975d7faa9f5e72a269cf2359' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'cf4204659b6a91faff19efb406e29e1c11461950', id: componentWrapperId }, h("div", { key: '88dfe566adda8dabdbe0536c314e0fbdd032a267', class: snackbarClass }, h("div", { key: '4930076e8ef0cc034e39a701731ee0c55f06b93d', class: "snackbar__text__block" }, h("div", { key: '58b3fccae5b1b2d29850ed41e4a3a489af8f123f', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'a034ec14453dd9ae2cfb880465c2c459eb8eefa0', 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);

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

@@ -96,59 +96,59 @@ export class KupSpinner {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '81a65c54055473cc29b6eb27111eca0e2c89e34b', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '5ddbc3a4e2dfe25791a1dfd4bec2373d51c491ac', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd4651cec0cf7ffb42ed2b7dab63838d43778358c', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '3a90ca47426be590e3d533120858f5aeef770749', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '52d9e9e8a0dbe22eab84fe93c5111444b3954796', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '804774c88c9dc9656ad44bb78ff48bac1b8dc3ca', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '03f69268dbc94cd5590dfcc956a087fc0cb533cb', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2a56a6a1a2f88ce8ddf5bf6e30b4f469e8f42c0e', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '650c4788e7ab9b3af52d32bce052f2ef760d3b32', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '86fa8756fa1ef148e9ffadd5afddc6a5498e3767', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '5905d2ad1382f066091a569e153b8fdfcc8ca1ea', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'e760968ddbddc15d3260baa12a4a50e11547a088', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'e14ba5380e396bd6aa330eb368c74be28a544611', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: '391a4eec88e9579bd9e6b420f5c137ce8ac65b80', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '512883f2c7600fc2eb6b647746391f49007bac47', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: '072fdd1032d6593cc85bcc811b6dff097cf4aca8', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'e10563e780ee16d1cbba147d2a2fe69da0025a46', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'b55e2d5a3c37a67e1318cb9a68d1c7b895bb63ad', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '7760e02bfee996f55a1d335f8c130e39201df952', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '657b89e925ce3b1c204a71f8eb36f45f777e8f79', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '3288bdc038ca02c506f72b50bce793ec2416165e', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '8811c582d95327ee22ca89a2931c94eebdc2d88c', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '884edb1ed597f7ca757e0f3f9729a5eb5e181aab', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '0d39ce7d8dc84c4fa511625afa079f67c42d5152', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '2500b736456a54e1534d157e0262f0aed8da33a7', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'fdac8eb3d24bbda5eec177146ede56548605a98c', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '5d2bb1fdd70649b44a992a882f3457f3b6c81244', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '4b8313ea7ea6eafe5ca0a0c26046314ccd1b9065', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'ed49f19d072900348139db9f2c6514a97554c87a', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '20681a2cf6cef36f4cbce77ebb3269ccd87516c4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '47fd85c50dc4ecdbbbc4407a965835da43bbc06b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '4acc593a037af69708c8b591d00ab9e79c85e071', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '37848e74d0adf52c7dcfd7667a534f299ad1b249', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '604b70999a746e757a979f64cf846d1c7f09ef74', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '3be99d3b8f3cb434c3420799f894d179137cbc23', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '2ad6f88294d3ec4b340791bf2160ff692e1de686', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '7a17328e0876ac401a87f945501dad767899ceb8', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '50b1b5398019c4d0ad32d4c91df4ed226e7d5504', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: 'fe98b117256e2dbdd19a0db3d99a602be64917e6', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: 'bd4d5345e1733484bf24d2711e3b9d8f71bb9176', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '83bbe8b61040c03b0b428e5594f00e610fbfaec1', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '70b5eb524f0abf0f1970ce60ddfa821bb55dd199', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '81864660743e356c6f6c43c503b2a977e315c869', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd495acf840740ec71bbef1384a4a153991bba8d5', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'dbe6c9598f20c2285b9dcfcf4d95fe8fea796916', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '303d0136dd6c9b5a81416d6a14953243cd348dc4', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '6e81d676ab005e17fb470c519a1cd155be97f6d2', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd0cb98cd47fbd80d9924422072d3d9197489dab2', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '4ae83dfedae737e014295302c735611bf099c86e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '298aed2ccd8e33cecc97eb1de1fa164160d06f8f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'f2ef5563042c1846298b80b01a7f8a7a025607d2', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '14f9cb1f53017077195a3894eca9e5c2a0236c3a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '01be9f538d0a601bb0979f518f24ff5374d595b2', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '5b93a4fd503c3a9f4e19592c6a22e6a65f041211', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '5e250f3030ef1731aae187fc91ff52c6fc6063e6', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e33a1aadc9ca44e086df176bea4d4d73968c74c4', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd2b8a81da186f7bcdb3fafc70a269fe74c71d3cb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '5083f7cbcde58aa23c056be2e7d9ca90133bf0c2', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '0d07dbca7fd909387b4b6fdf96d0a3b58503da4b', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '16aa7c003b4e5832c5f1d5100ba3eb94118873b7', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'bece4a2a01f402b977bbd721f05519f990bf639c', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '338a151528e70598f7135a7c3eb9b11a8d4e247f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e023a8edb908682869d1f00dbd6e4b444f746039', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '90f319c942cd6532dc8a8115197dda275d8a046b', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '2c3a5b98dc0fc7d6e8d42b102c793cd14711c6e4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '0b00adfa5e9b64d7fb6ac8926244b1139fe6bd07', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -167,7 +167,7 @@ export class KupSpinner {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: '7c9b0f4854d031fb6714f80963d2e737056dd1e1', style: elStyle }, h("style", { key: 'beaf684ed7a70a8100c9c17684480e949c3f3c86' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '591b984509aacd8b3a24cdd5d98451b8887a01d9', id: componentWrapperId, style: elStyle }, h("div", { key: '5c5f225efad2ec9f68ca08e48332c19c302d6a3c', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'ea1da271a51f4b923d3c72a467f29358480d96d4', id: wrapperClass, style: elStyle }, h("div", { key: 'c7b041c3a7757dffa3719dca7bd1381d08dd948f', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '0fa5b79a3f35a6c98cb230e422df6c70fa63d2b4', style: elStyle }, h("style", { key: '8df76bd7160566e02bd1402a298bf1a696ddb7d7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '93501e0201a73d2262cff2cfd3959e8fb040ad22', id: componentWrapperId, style: elStyle }, h("div", { key: '5a781c28723f570879ec811eb4d609e21dcf146d', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'e8da0c72289b2e16edb88d059fba5f67bfdc53a8', id: wrapperClass, style: elStyle }, h("div", { key: 'cfc3d0f8ea6e626b2f641797205674fd869e82dc', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -123,7 +123,7 @@ export class KupSwitch {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: 'aec9128d5c983f66e2c9830c322506c4539e21c9' }, h("style", { key: '8859ad3ed0aa14a468516b01499e82e9fd8f2a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '486bebb9405f743d3448cbddadeb53eab64c73b7', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'b055a1fd94ba6af4cd5cbe998c2312395514af8c' }, props)))));
+        return (h(Host, { key: '2a283dcfc9336fc1bd68b0f24c5798e237031a46' }, h("style", { key: 'ea3af2a94e3759b00cbf0c94f8f47fdcb1d8a6fa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7065790828b8ff7a8071064f8b01e699c4ef4de6', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '04610ede1c5e85765ed3d2075c708fdcc069e559' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -406,7 +406,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '400f06ab0c766ad0a59c839755b808e73f5dc84b' }, h("style", { key: '2cefbd6f1554766ed20d0c1be510e7917f0e6f6f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4901aebed99283af380612d8a65a36ebb671ec71', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '83e71ae32dee27aa8cb975dca5d859d94706e2a4' }, h("style", { key: 'bfb4277ca5b5a1a04b632279ae7b0c42c99b9b00' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9795f9d638fde7ff2bc544bc51350180d8ab3da4', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

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

@@ -74,7 +74,7 @@ export class KupTxt {
     }
     render() {
         const value = this.getValue();
-        return (h(Host, { key: '9ea52fb3468de015380d4451bea7c1123023460c' }, h("style", { key: 'e8e1fdcc1f608b34b46be6cfecd8e1acbe31050d' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e946d355ead7cba0710c92b58d9f04efdf6e4466', id: componentWrapperId }, h("div", { key: '22cf78343c4964c0ebbe26e4c0f75066156cdce9', innerHTML: value }))));
+        return (h(Host, { key: '2b3302932ded7426fa41fd6ec43fc8b1172730c9' }, h("style", { key: '66b219951c64f2574ac124119d0194518ecf7d29' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '37a176ec66fcde4a6990c1ebcd6cdffcb2e0816a', id: componentWrapperId }, h("div", { key: '73349832e622e018134d63f7ef779e3ea817a961', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

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

@@ -157,7 +157,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: 'f41b7de8caf9540365e4766e27304f08c3e7a5d0' }, h("style", { key: '1e4895e3f58fd65d8aa380897c7d4e707f19850f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '29256876f9d446a3eb24961e8f36c9db6ca74824', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '40334bdae6b0df4d9ecb9b7b4cb7ecd46a5bb002' }, props)), h(FImage, Object.assign({ key: '09061ecacc7bfeaaff3d72ed84afd4586fef7933' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: 'f2ccc3ddf69b9437396b2cf490ddf9b8e4f8bdee' }, h("style", { key: '317ab3cfb143944a4bcb571d6a8293aab4df4651' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0e7fdb7e3c04f6cac4af1ce9a745288e1762901c', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '4c73eb780cf5cf0002ffc581c409925c2055bd17' }, props)), h(FImage, Object.assign({ key: '1bb15e447e28e95e633607b96897fd6c2fb8a5bf' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));

package/dist/collection/components/kup-typography-list/kup-typography-list.js

@@ -160,7 +160,7 @@ export class KupTypographyList {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (h(Host, { key: '8370109f52d7b8fcc2a9ac5b8823582cd846f709' }, h("style", { key: 'f396aeb5a4bf862f45190db99e9d32477fd94610' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e9ccbec615d07c6437ec66ec4fe2d372ea3fe276', id: componentWrapperId }, h("div", { key: '105fd05b4f845b499002df9507fcac79336906f1', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: 'd7b768251df8d87d8ea1c93e27187e57a6a65452' }, h("style", { key: 'aa51626a29652773da249bdec6c2f74349e58821' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4ff5f450206f98e3852d768a82ad47f741a1ae63', id: componentWrapperId }, h("div", { key: 'b9a19b554bc583a747fe302cd09b3fbaf3540d72', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);