@sme.up/ketchup 11.0.0-SNAPSHOT-20250204102828 → 11.0.0-SNAPSHOT-20250204113518

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);

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: 'c0f87b32d2880e8d2967965b3aeb1d87e759bdfd', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd2667329fcbf2bcfc49de04a1764fd120eb604e1', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '5a17ec63181387a41ec7efac3e577b64eb974f2a', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd7b1f39f2a4021f33676ac35fff67c2f26ed62d0', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '5ae04fe212ddd0e5ef965ccbcd41c25790f141e4', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '637d9220f1dc84e9c0915da844edd6cb7a6c3974', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'd9e8be5e8b34f7f4a8a0434703bee6e157be1b63', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'b1bdcad24453ff4f730b7c58af9f3f1f495a6eff', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'da867e6a2d4a56b0bf5bddc134ed1027136ba064', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '82b30c602d8d4febbaf061c033ddc7e22642affc', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'ffcdea64b3b4f0063444413c43349c35448ccfa2', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '3bf58b200418d7b3614a8e4ad9f10ca2f795aede', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: '910a32befcfeea4fdc278e00c381b08c3cc7b23c', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: '3cfbe5f150100f3bec045cdcdb1afe9720930980', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '7eb08ef8b31172fe3ba643aaa449ab5419e269ed', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'd2b116c1526eb2a94dcbfa929e871809d3d3748f', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'c0856e6a5786baf3f010305cc7b97609cfc75430', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'dd49b7ffd40f91250a1edb1b8951b58b8a8e2469', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '620f68c389d59a6a6cd4e1c6c29a6c2e9e7c55d8', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '43da427d8379ee798eca33aa989fc53ca9edf6db', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '442dd49006c37d95eb777efd9a64a8caa764f393', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: 'db42b8b389b3e35f3699f9c8b66e277a9c16805e', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '29628c208192c8e5a99f3aa1ca56770ec1271a51', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '9bbab46f67ad2aad4779b0a403c32ca0a2972edf', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '25e9281e433baff05bf9b44d31644a18881e0d92', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: '41f2559432e090e2996f9bacff6d0f28fd7d14e4', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: 'abd925e4ca992ffb267c3f07feaf54c82c3f4b04', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '2d6979df2d803dc0da9f1496cae8be0e6167014b', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'eecd7028d3e328b938c99749dbaf3a7f982f3118', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: 'aec197ce21b10163a590d2f023991c6a61f7a193', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: 'f49931a5693b0fb4c22e9edac5020989c1eebd18', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '86a3ec2853084eb5fdbb5ca71ee4d11c4e140574', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '102b5545aa6f4ae31c1691ec862a6402f44bd536', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '7efa860923505f7285b5dbb58180b1a376aab300', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '40550163fc379434f79e747fbd1bdfe53bc40fab', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: 'fddd2cf238b07e29c4a0cf61bc317434f6a11381', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '198d810b5dde8b84c0a70b92fc5d1119fa1e9252', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: 'bf20ad081cb99c617bf341ab84562f7ff110c8eb', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '947e8bd99e74f891424083c166741437a0523049', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '9dfa58ef83f77871115c61956832b2c77e6f2b58', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: 'a0479158ef8e2cb8116ab5e04f62369f9234cb8c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '6d17905bd8f29755faa1f06b906f6038df60de39', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '8d7270df5611149ab9fccaf7150b654cfdd813e1', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: 'cff87affb92512360d13f92567f2904f2282c2e9', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '07f4885a562b5ec07dcbdcdb28bc9ecff21ca2c4', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '8deb2cde206020840375c28247a1682b5b658499', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '8be740e770f6b17245392af95452a4bb94860d73', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: '7d0477b8a48b03cfee6e263dccc9745f7aa0989a', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '5af02c740d957aa89931c5285041958ebcdc78d8', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '360c696c38e38ef022eebbcd4c923b0595c6a9ce', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '88082deb8513a5522856e73d0a2e59dfb0eed4b4', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: 'e6c9f4a09d3ef089d4c3c9a41d30cf259c72054a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c24dc3b66d10044d70350e61c23c413f29268f33', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '45d6a198bd7b1e89fd35813b7a673a72c63ec5fb', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: 'c7c54b017299889f97ffac724cc854df2f785d8d', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '6e0c491f023fa53aff13de97c536db976f8ad807', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: '3eb9618dded82002c896955322102ab1c5edbed0', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: 'ca5f55fc315d180e9df0d8a6bf7c0df52f9bc4fd', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: 'f653627358a0d717dd109a44e9c2be5e0b42be16', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: 'bbbca5db1d1885a88dd372619e45c9e213068408', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'a685096d2c0c3bd0638b4efe18f267564afcc167', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '34d89964e41b9520d018f98f32ce6888864f2117', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: '34e25080ba83cb4e382e45b8d74dd8805bc00bf9', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e2e454f8caa409d13743b4d526f9997a38b98bb7', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '31b2eabb2b348b0a8c3e6bb46e130a22c73371b4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '6e05dfc6d58ec29ededbd3ffdbdddc3984c6345c', 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: 'e87c0386288130a5d4dfe9d72df440193916fb3b', style: elStyle }, h("style", { key: '0496b84b5447eacf42eefa36bcdee02343020a92' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '46460375ac8857331173d56af8ab39f4c86d7b70', id: componentWrapperId, style: elStyle }, h("div", { key: '8cbfde7a6ad14881f101677ad2198ed94a83f12a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '6a6fb45e62f55e2d3df338de4e85f3c7f986f0c4', id: wrapperClass, style: elStyle }, h("div", { key: 'd10a919c3fb710224f9f80c764bc1d582e64c0a7', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '3c4ecb099a610627191bdb34a40c1b44d4a769b6', style: elStyle }, h("style", { key: 'c89628f8825d7cbc22b64cdeb1707baaae8d1d38' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3fd5ecca92397a1cc5b0c2dbc3843fe1403c1f42', id: componentWrapperId, style: elStyle }, h("div", { key: 'f6dc141c459cc87da063c4f03c0609b1c295988b', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'acb6bd40542676fb484e7ceb0e15fd6164401fc9', id: wrapperClass, style: elStyle }, h("div", { key: '3ae4b174167a0a8a07127d5e85d95438434c091a', 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: 'ccab27b5265a000c6620180353460ef3155b7956' }, h("style", { key: '3d2e9c0b0298e397eee1b2f5540d89ab9f4ee7e8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '49fcac8fcca3cf367a2747b7e764849c8562325a', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '179a3ab9d3e23122c6090736b97dc657063b709f' }, props)))));
+        return (h(Host, { key: '2a170b39ec9bd03dd5c389f9eed702212ccc2825' }, h("style", { key: '6939e9e63441086335c0ce728bd3327e1c913411' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5a814af6cdce48541f7010282e89c0b7d2390cbb', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'ef96c77675c6b65723061bf525f0f7e321e64b01' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -407,7 +407,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '25aa426350acb007ed3b24a4bddba0c614f6a381' }, h("style", { key: 'e766a1994b663ea2bb82fee923969cd8f052064b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6f83be628e0800cbe0e75a15d9133d1bbf0cbe1d', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: 'dffe33755a510ef42a3ed226b9f2e47724ccb37f' }, h("style", { key: '9ca27904a2544e8bb01d43627b4e6289963fd0ab' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'cff01fdcd8fdf77c1c047ad38e0e52009a907ab3', 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: 'adb207307c8325d8e5bb41aa127be383cdbcec3a' }, h("style", { key: '4712b1b877f6fa5b640051be06e86598a61d289e' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fe6c65e8e854c9a420585d59a838c10605ccbf28', id: componentWrapperId }, h("div", { key: 'fcec5c5b57a3af8b67bbd0ba93d3236159a429b7', innerHTML: value }))));
+        return (h(Host, { key: 'ed47a48506c15c4206feaf7670316f9fab3d29f4' }, h("style", { key: 'e3e277fee9ae458fcbcc028083c6ad6eba5e98d1' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4c53b9137f50aa9008e2e52de54fb32b88d5080b', id: componentWrapperId }, h("div", { key: '4013343e1d3f240a764fb09c2157757899411b84', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

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

@@ -158,7 +158,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: '27f9ac7bf67392fd5db9855b7e66bdc913553492' }, h("style", { key: '6609e32fd74eefed92a8e4acd1fe6000c76fb976' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f21fdabcc4c3db2c90f11abb4a68cb4e410d6d2f', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: 'fcfd6add0b15ad0651ed2daaba19be3d31f0c9c0' }, props)), this.toolbar && (h(FImage, Object.assign({ key: '84e33be94c0a024be8003ce0e44b8aa024ddf363' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: '34e9da970fa1c0d4363fd96a507d54969bf1c316' }, h("style", { key: '65d16a1056f44d8f2ffe867753ced85cf2b81460' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6499e780132230a2cd9ac617ab67bf24b2e10d1d', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: 'a67c8983c7df830caa13738a8de078fe2c936827' }, props)), this.toolbar && (h(FImage, Object.assign({ key: '105c5272fb10d16f81c3efadc9bda7b984de1e73' }, 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: '27f10fadd875c6a66a5b414052a3564a451791e7' }, h("style", { key: 'dac7a659ae4e294309c00da2c307723b123f2e0c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '17d840b0eda542ff89323113b2c34261613ba336', id: componentWrapperId }, h("div", { key: '2388ca424d760e9bd3bacedb6570de002300cc19', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '133ed4c5148b141988a0ef0d7902eb1cba2aca1b' }, h("style", { key: 'dbed638dd175c07dd2a496d1695116b1dd9e9816' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ff32d83dc83bc703493d350c5f7d35a7abafcc9d', id: componentWrapperId }, h("div", { key: '56aa862848281642f21223699a098e3eb28f558e', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/f-components/f-cell/f-cell-declarations.js

@@ -87,6 +87,7 @@ export const FCellShapes = {
     COMBOBOX: 'CMB',
     DATE: 'CAL',
     EDITOR: 'EDT',
+    FILE_UPLOAD: 'FUP',
     GAUGE: 'GAU',
     ICON: 'ICO',
     IMAGE: 'IMG',
@@ -123,6 +124,7 @@ export var FCellTypes;
     FCellTypes["DATE"] = "date";
     FCellTypes["DATETIME"] = "datetime";
     FCellTypes["EDITOR"] = "editor";
+    FCellTypes["FILE_UPLOAD"] = "file-upload";
     FCellTypes["GAUGE"] = "gauge";
     FCellTypes["ICON"] = "icon";
     FCellTypes["IMAGE"] = "image";
@@ -160,6 +162,7 @@ export const editableTypes = [
     FCellTypes.SWITCH,
     FCellTypes.TIME,
     FCellTypes.EDITOR,
+    FCellTypes.FILE_UPLOAD,
 ];
 export const kupTypes = [
     FCellTypes.BAR,

package/dist/collection/f-components/f-cell/f-cell.js

@@ -431,6 +431,8 @@ function setEditableCell(cellType, classObj, cell, column, props) {
                     (_b = (_a = cell.data) === null || _a === void 0 ? void 0 : _a.onInput) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     cellEvent(e, props, cellType, FCellEvents.INPUT);
                 }, onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+        case FCellTypes.FILE_UPLOAD:
+            return h("kup-file-upload", Object.assign({}, cell.data));
         case FCellTypes.MULTI_AUTOCOMPLETE:
             return (h("kup-chip", Object.assign({ displayId: true }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-autocomplete", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, selectMode: ItemsDisplayMode.CODE_AND_DESC, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), showDropDownIcon: false }, cell.slotData, { error: cell.data.error, showMarker: (_a = cell.tooltip) !== null && _a !== void 0 ? _a : false }))));
         case FCellTypes.MULTI_COMBOBOX:

package/dist/collection/managers/kup-data/kup-data.js

@@ -52,6 +52,8 @@ export class KupData {
                             return FCellTypes.DATE;
                         case FCellShapes.EDITOR:
                             return FCellTypes.EDITOR;
+                        case FCellShapes.FILE_UPLOAD:
+                            return FCellTypes.FILE_UPLOAD;
                         case FCellShapes.GAUGE:
                             return FCellTypes.GAUGE;
                         case FCellShapes.IMAGE: