@sme.up/ketchup 10.3.6 → 10.3.7

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: '5ec57c1b12767c30d9bf5dff548063223f9dd865', 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: 'c4ea086a80c8bdb9af3f1c5412d8a21bfbe0d8c2', class: "grid" }, h("g", { key: '4d5fca83f9c9773ace27ca73de0c31a260de6bf4', class: "rows" }, gridRows), h("g", { key: '866826ab5d44f8432505188975335992055749ef', class: "rowLines" }, rowLines), h("g", { key: '1ac3f9ebdc169f26ef80e1fcf32e07852fb82a53', class: "ticks" }, ticks)), h("g", { key: 'e609b944f5eb7cbb0ab0a76ad587bf9f0d9e9c34', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'c92ca47c32edfcad7a4838f81e0b3b24952110e5', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'f4442a4e3f6ac41a61ba2638996f6997f43a295e', 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: '343047f0b4e4001616bdc8ae187a220f6c612df7', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '15d6401730e0f2fa9fef8b9d25d0fad2f9c80e62', 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: '8457770216910c3ac143ef21abaf8ac3af292d80', class: "grid" }, h("g", { key: 'eb4fa2b2561b38678bd76652c4b29257c83e9673', class: "rows" }, gridRows), h("g", { key: '467972ed8379d0d81f9cd093f5290426551da51a', class: "rowLines" }, rowLines), h("g", { key: '0a3e0808f240aacc430a462281defa95f0490542', class: "ticks" }, ticks)), h("g", { key: '46e17c947f42fad3546158f68d27177c5ddf11cb', class: "content" }, this.currentDateIndicator && (h("rect", { key: '4c4674f8d1137b3fb7f71e7321975ce35e677af4', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'b7c01acefae65d8ecf48c6a5c949bc3a3fea8e0c', 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: '04d8f68e95536914c109b253dc5c3e12f60f975b', 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: '8b6fad21ec6778cec66ab08111472c6d5c6c8cb2', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: 'e5824ca36bfb53ad9a52cfcac9507c91b86b7c43', 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: '46e057472af12f861f49755ca0635cf52178f653', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'f970fe6a4ac6e192f5fc012f39a027866fdfa6cf', 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: 'fb206cf716ee8d98be3d4207340a8acf7bb1eabe' }, h("div", { key: 'c064d07c7c591ab138e14fd0ab68f8251460b202', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '2f97f345f20ba4843e60534d4716b2252b2de297', dir: "ltr", style: {
+        return (h(Fragment, { key: 'a1de0371e5f6db61fa0d2cfdd4f2072799d490f3' }, h("div", { key: 'eaa300f7e8ccc68935482c59022ed81027c2eb62', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '234a646226e466d2d629afa3eb223676f1c4c291', 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: '10644e475d8b633071429046a8c7356942f17db4', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '8fc96a9408d05d7e6106de2e37cdc5c97966aaab', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: 'b8e0948e0db48509ae98a05d0c148220ece705ff', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '6246de0f7f602ee5de894d14dd1b06a13beb3ad1', 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: '72c55a42446f7dd04e94e300ac930dc146162978', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '356cb5a2da83d6811866404b19ac02d917edc065', 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: '5cc84453175713cab80f656aca1333f89d43c324', class: "planner-render" }, h("kup-switcher", { key: '39df6e903c0170ae48dcdae7b7a6c0c8df5d4ae8', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '211d49d829c71b61a82b45f8e66f502d0e19ad4d', class: "planner-render" }, h("kup-switcher", { key: '729c5c3c01fa6e9d512f70dc784b42cdc27ca6f4', 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: '7f4fe2be85a54f9174059d27821e52c02fea3196', style: {
+            } }), this.props && (h("div", { key: 'c41a40a0887cbe4f045ff4a5446c60fd2c81f750', 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: '21500b455d0cc89aa7c787c372a390dd9711195f', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '69318d1150aa4d819bd02d27b6fd1b77ddc25d0e', 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: 'd73a31dca4e8ee110fe81d77e11a95ff30eb8919', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '7e9379676312c2dd4ee18d0349992d8150fb1f9f', 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: '9ddbbe390f6d0f7821f9afd8546fab7daea1de00', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '149b218ceb53348f58ddc834cf2a31accb4be9ea', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'a1344fc81e46f8aee02cd7dd2f37ea50fde4c371', 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: 'e85f2ce4aaabbcbd3e1bd070836164818c6b3227', 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: '1e862f583de2fc4ced91edd3fcd8c72a21b8a99a' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '7444e2d31c716d88d97f50dcf85b94da6a006cae' }, 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: '2d15d2ac7268338cdd3697c21378913ab0f7ca06', class: "ganttTable", style: {
+        return (h("div", { key: 'c47ee384e374c179e86bd9442b9f82dfce4bfea3', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '8203d274e6ceaa4c4ca7410cf722ff2e09af4856', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '7e1276339822ecf67853a7187d64b44e1304aa80', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '269a24bec57ec7158593f1674ad29ad842b7cc5e', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '665a2129fd7f8d649e233844e4f2c7953d97890d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: 'bb01ed8b2439041d3638f8cad9798fce40cf782c', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '4ae73cb9ae5389d88415457f26b42396cb0091dd', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: '0b1d2221f6d75b5eb0a4775ad8b2c0625694472d', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'f6e6186d81268d1b9cd0a0a8738a18c76f453ffe', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '87fdfe2bda942245d663671e5813382290ca4f9f', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '60b7a15ce2686b213ce49883b551daae9b8e0fc1', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '5ae7fa15b24484a054cd5538066a78ead93ae6c4', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '7459e68a75fbb671fd837f0ba53797607b631582', 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: '2de69b875ef1117ca8ad7588d7ca5b5b3b7bf7df', class: "taskListWrapper", style: {
+        return (h("div", { key: '21221626aac5257800ec2cb4a3f5a8ac8a8ed457', 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: 'ccebe0409ed60287db6a04a2c0602fd3dd100c3b', 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: '69b9fb585a4e13f3a809238f32ed30b0f1d2066a', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '5b64f23e2882b1060b86c68f72b86885219fe96d', 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: '160e599103d0a815e4363e0baeb99c27e0a804fb', 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: 'e12cbc7242215c9f9e76d3b19ba5b8bbc116e1a7', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '6239efccbfd8ea790f1cc30ca5c5ed847124e3a0', 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: '28ba0cd9397173f011081a0e1b774b6259ded9a8', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'bdacdea774a87ef344f6b07361e53b79cc3e8516', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '089e9cfa6d9236e99b78618b1c477b4b45d68b6c', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '9f81c91ae6f981c7a1b4e012a687d02400f49c94', 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: 'f5c5fa4c29207f403785e57e7de8d119cd20899b', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '2bbf90f106ac085ed28e8b940d92fff7b8fa86bd', 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: 'b611372ce3d568cb8ba7c59e24aa2eacbf2c161b', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '8309fc4f723bfe6649fd4cf981488fb78a3e5708', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '3f8e772f0d749ed05600ed69340b4d334f62d279', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'f32d96505eac96da5d1a87cc3248626f408b3a35', 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: 'aaf2623339012ffb223563f273e32bf47c7390f6', style: {
+        return (h("div", { key: '941c4a3cdbf82645a714eba63f33c6a813771da4', 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: '22b00662319acb2b45838e4f3370aec724577e57', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f97c24906454df30d9ec04cd8ef5081469e97dce', 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: '71b172082bcfe06f9dc75617e4bd75a978ca2c0b' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '6a04168c88770276df2dbbaf3af33d56f08a7ea2', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: 'c592bc740d203e9f767ea8297cab70d43ff24129' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '5f98fcbdd690d77ddd7f042a3753cc9b78fb30be', 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: '8d220189c286c78ac31626254715672685f00cab' }, h("style", { key: 'b3be36fe507aaf6fbb334a7be2754241e2650665' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a99044918007393d91c5908aeb7405c3aa926979', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '06fb5ea68772da03c3239076baafc09a899e9376' }, props)))));
+        return (h(Host, { key: '94a226fb07053cb0c122582eb5d64c3a73df2ff6' }, h("style", { key: 'debd9e375096b0c6ac1cdc333b86f07896fd91e2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1aceed94fc1ff58e3662f96bb5422dbb95b0af4d', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'a34d56d8f05f35d24f0e94987bc952f466082a1f' }, 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: '6208a1ac1fe995940a4ddc412c1300226a16483e', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '752b5cc4e42d65c838c7d8a58de84ff846950ef2', 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: 'bdb1bda1a86c539aa9e5fc9012a795758907b3b7' }, h("style", { key: 'e81779a6e575ca00a748cb97d1f721bc67768952' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b08ef3e278eb9d9a64d16f098227b4bf81fbf918', id: componentWrapperId }, h(FRating, Object.assign({ key: '364542b583d1bf7d31d08632adf555c63a7f14ce' }, props)))));
+        return (h(Host, { key: 'b4103ceb6f27d434447c69c8fff7572374e52d87' }, h("style", { key: 'c65cd936b7e5510718b9e2852af9ef8fac04e0b8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b9e228a246590a6ad05b228319846b9937aed321', id: componentWrapperId }, h(FRating, Object.assign({ key: '505d9988d34aa16060c392e8a97e15e4b72680ba' }, 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: '3f081ccf95e871f24aabcdde18113536f1b02f22', "kup-visible": this.visible }, h("style", { key: '705d811fb3102582989b83c4b0b70903405d961e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2cd0a437e4ac63f30022d4d6b90893205e2fe716', id: componentWrapperId }, h("div", { key: '61a788fe37500fda5eb6abef749dc1c9a4fe0dee', class: snackbarClass }, h("div", { key: 'b8090b7fbb38965fc8b70bf4066fc7a9fc454503', class: "snackbar__text__block" }, h("div", { key: 'eb211b306716c3abda31cc812fedd9792f4e9488', class: `${snackbarClass}__header` }, this.header), h("div", { key: '0f7ac72f824317787d35a61509faca394061adab', 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: 'b653204195546d6bbd439e2ebc25d5ec9ab1b3ce', "kup-visible": this.visible }, h("style", { key: 'c1d6ba70b405290df39ae96b2f6e58bf42adc512' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e1c866f6a7d0f17bc4d6cb03a3ba899f4b050970', id: componentWrapperId }, h("div", { key: 'fbfca749586aef3f1b4845943002de19a5873bf9', class: snackbarClass }, h("div", { key: 'e7a4c57114b272d0eb2a398353fff322495c2a16', class: "snackbar__text__block" }, h("div", { key: 'c118ce5ceeb6170acf2ad874c106608983d0ab4b', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'ca3cf0552f6373f50308d9b405ae28041ee9d276', 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: 'c01f5ea89b13c2b77c641ba51fabf141a33d0af5', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '31c903defabe01d9050e17e5aeabe4918d4f9672', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '1747d7487fdb9f57f850ed5faa3ea6dc6c46d8d7', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '8e46243d92c67544f073bd3734a09d6c8a79d070', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '56c2d3d344b545ffd0edb810d46ff1fa7e50a51c', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '049c44c00e41155c0a675d7e188b36e97f0717d2', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '976b54b2682a715ab838bafbd9efc5980f5212f3', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '6f97965d76d494469a6878ae72d747d5e18c70ea', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '4554ce59f9992eb41837eb1a5bb3e1658105c503', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'a37de45a0684574dea995fe18cb5a816d776c8b4', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'ef5cced1953be2c018b9114708e8cf0181d2ec10', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2a4b5616f967c538fd97df2ae36796f43ee49d42', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: '50f6366eba722065fdd5082a8d53f04050c6f776', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'fb93c6a90bf2744c858e9c275a4da2eada4f2cd4', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: 'f2688905d587fb4444ab0e6999f0f4cf0699cb8a', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'e22161a648cb24d4b013728d45836b639ebfc0a4', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: '2bdfc4c20465c94db5259ca6687f394a9ddc6ebe', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'b88a93ee6fbfcd2792947d28aef82154b9276e7e', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: 'de5e7cecb6e8b59a8e3a6113f8a0baffdcf05fe6', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: 'ab1947c193732753b345245c1bbd64f097a412a8', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '78f8d7576541ad7655ae30bdb42234cbd2418202', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: 'd23583d213b86321cd80f40f066d227ce3760588', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '45fd80cfa818b4df9c1bf47a977a69c453e31507', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: 'e5fb43b9dc6a9867ee0b1fd201c3d2027f004fb7', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '4c8538a7f4234b1db874df9079bc7ee0db6ee0cb', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: '90bd897f5ce1d63c9e838efedd44d615eb72c560', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: 'a77cdfc43dc981b39c973b0061570991bffa564d', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: 'aef45d9f3eb81c87475f22e17cc87d5873988d67', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: '245dd32e7d3c99deb6044791802813ded8ab02fb', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: 'bffd38258c434e59afe98204b366ce3033af73fd', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '5e2140ea8ada6b182e9485b9130c9c3e79fb07bc', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: 'c12923fcbe7dc5f1a42426be20bdff3f57ff0ff1', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '6cba9be7a868afda19020b8baa6bae72b3220633', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '310fd685b049d989574d7f31549838e12e669178', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '45137e0118a81bad85cc2f16eb2d31778d1e9b8b', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: 'c690e6ba0b9392f5c6a7b60b797cf4abf663ffc5', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '97c85f44fe97ca977bc8dd4d1418492d089b9d51', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '287cf4c52ebf89f12e62e0f48f0caccbaa0d8ee5', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '2fa436ad3f69f97a03b081fe9b747a14f831383a', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '0ae6a6078cc9f2f34f9f6da9993e495a43afd931', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '5cd676903937f21ab94bb8c5ad7677eef991699c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '307607fef550cd5b9c3d0a436bfe87cace057fd6', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '590bf441b115cc3ab6738c2b6b8f1a8647243646', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '884220f8c3444a3a4af907ab75355a1ad158c87c', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '4719d8ab319183afe77e81c50c22c7fd56fb81a0', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '002e1f32921ced1bd28987a333310906e39eb508', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: 'b53a512e4503677951410ac988e126868a1c0bdd', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: '4dc3a0d06234332378af1b512332346e4177a4cc', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '61ecb2f55ce5a4c3e45333d731c7a54d3fafd2a7', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '64c3a5716e4433d554d80583b3dbd91bfc18b8cc', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '8f4911f833da4360bdf8201092cce2ad0fb4a5f8', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '8e230fb3c46dc7048fbb38ab9a27f05e599d0f55', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'ee68b314741378eb5758767f2a33327a3021065a', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: 'f27cbc34c0d225c09cc2bc9c60c6c917086e68cc', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '042ef293a7573f83c76535f634ebcb7319884f3f', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '5a77f4c8c353a8840bf06a095dbc15dcd879d736', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'f3a44ea237aa823810d13c98c179423d97d6c6cf', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '67f40d832beb253392d0a239128bab310b80bf38', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '1272b2dcee5c8b2c53720eb811781a19f11b7e55', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '7af652d0b2c5bc4804db9261ea18030764b2b3ce', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: '534a436998a31e8b348fe62f52a9429b57875cfd', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '85002b71e7d36bfe9a71314db726ad457d968625', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: '214b749d60eb94eafea8dba46231f3201c7cb2e9', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: 'bbb3b65e6f6a284a9f3a8ed2f61d644d27930246', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e8393696699a1646751c64300c80179d5709c2ba', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '9828fdeed7750814c6900de4fb6b9081f0466594', 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: 'fc2133eeadba445c7730740e4744eb08e6490bd7', style: elStyle }, h("style", { key: '6088f76d9945e1a029f8b532c8cb460a5b492f8c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '965453340076e2d6e02d312db5d6124e72a60803', id: componentWrapperId, style: elStyle }, h("div", { key: '95190ff48eefb220e3442ea871bef793f3d4f4f2', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '3894a3f08b16c08a0c225cdf465fe16044e84b4b', id: wrapperClass, style: elStyle }, h("div", { key: '6a14d83f65f72e5b52eb16da6500233042c53eb8', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: 'af30b293984ca1b3c40dd167a912ad00b2007a56', style: elStyle }, h("style", { key: '7b94db80070e95446b4fff8a91a3f9742a351008' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0149ef208e38c49a1be20646b94e1a41fc28d1bc', id: componentWrapperId, style: elStyle }, h("div", { key: '9d126f87c3802d0016b40519a6a22b2115bacb4b', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '5324ae5919c9f59936ab2997924f5b1186ae0c1a', id: wrapperClass, style: elStyle }, h("div", { key: 'e927477d73c687fda3280dda70b8eb3a871a609e', 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: '77148672a0e0d00bc2804c81bb4ee65915d6a8f1' }, h("style", { key: 'd1bbed237fddbe18b1e9b793b2272e1aea204201' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fd5b7ae404f9bf48d8814ff83dc516923b447370', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '7877a298be5e33f339486b2b497203e224fff134' }, props)))));
+        return (h(Host, { key: 'ea19dd0ea5069a82bd9270c9dd1fa24e6476a3aa' }, h("style", { key: '2ed2f86ad8b599a714bb7e913bd291c5fa931a21' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '212cf3d8648f188252a2975595f2c6cf741c5758', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '85f9c14e7c7dd8f5df209cd6ba6f10e2794a3405' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -431,7 +431,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '43e729f6812126c4f1ba15a68657c765d723d55a' }, h("style", { key: '7a3c9c10e575721211db345cf720a1b5717cb5aa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2ac059d1acac2cbfe7610f8e153fb53dc74632f1', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '3076db3f1376031b4cb23a9fdd71ff1a6ae1ebbf' }, h("style", { key: '2fe19b8ed79d27303cd9960bafecc84398dacfd6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '26fa259fac1072c29b5602cdccfff9583c247ebc', 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: '205fec845d1dac2f25d9544f15d435177c4eabf1' }, h("style", { key: '76e70793d8aaa42a5a8e05450ccd54f1e0c5b579' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ff15e4cd8d075189d268c97d3d7d5c9df46cf5cd', id: componentWrapperId }, h("div", { key: '0be7e4dbcee7c30e5c5a6b6c2d15701e12bc8a1d', innerHTML: value }))));
+        return (h(Host, { key: '1c0356b5a02e4c88d78c74e655c6a043b5602a17' }, h("style", { key: 'b0c2a816fb4b6691fb257aca099758f46c523a42' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3cea9ef7a7dedacebec373ad03c351cc5c572d55', id: componentWrapperId }, h("div", { key: 'e984a2152cf277fbffc8c56f20c6071d51a72f6c', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

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

@@ -235,7 +235,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: 'fc9ed8df1a7996737fa318223fa4a26c048af0da' }, h("style", { key: '7ab80157cf8d7d13198e389b5c2005bc23379f50' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4058a007f7338cb3f4c69e9b7ab8bb2bc0c5d29f', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '039db543cb870340827953a4c43b092d7dfcb936' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '3c7ff0751057b4ef2d2f02eadd0f4f069288545a' }, infoIcon, { onClick: async (event) => {
+        return (h(Host, { key: 'c5d8e8fcf53195019ed8eb416a7c8cfd7813ab0e' }, h("style", { key: '07fed1c7720f43b7a724233e7a19d543c2a60699' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '43db23c1f58b6ed0282391c596ed0eaa5548cb94', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '9d95e2e961712881fae7b45be28fa269cc56386b' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: 'f2317403424f44fd48fc5f639df0df2f07c130e3' }, infoIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.infoCallBack();
@@ -246,7 +246,7 @@ export class KupTypography {
                 else {
                     this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
                 }
-            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'd66f1503ff3d22223d14f0247cfaaf725352935b' }, toolbarIcon, { onClick: async (event) => {
+            } }))), this.toolbar && (h(FImage, Object.assign({ key: '1d86fd2d64f3d833d0186e34a57f1cc8ce74a1b5' }, toolbarIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.toolbarCallback();

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: '58356b7523f44ef17cd4a535119254b6efed5b7a' }, h("style", { key: 'be31c2f145c03693055bc90fa818781e985b0c0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '899b21cbcf02ebca7791c9983a1893c8625252ab', id: componentWrapperId }, h("div", { key: '87e0370fa8d496f789bd047f33a39cf2a40952e3', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '455e867cfc1084e4a9e43c9fc942f915797e483e' }, h("style", { key: '40f69eebfc2d6fe963cfbcde32f2934b081e32aa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0ad09d552afcf0920cdfb1276dbd8163c1b3224e', id: componentWrapperId }, h("div", { key: 'b584680579806a2361d2418f408d898923b057dc', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -45,9 +45,6 @@ export const FCell = (props, children) => {
     const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
     const cellType = dom.ketchup.data.cell.getType(cell, shape);
     const sizing = props.density === 'extra_dense' ? 'extra-small' : (_b = cell.data) === null || _b === void 0 ? void 0 : _b.sizing;
-    const subcomponentProps = Object.assign(Object.assign(Object.assign(Object.assign({}, cell.data), ((cell === null || cell === void 0 ? void 0 : cell.icon) ? { resource: cell.icon } : {})), ((cell === null || cell === void 0 ? void 0 : cell.placeholderIcon)
-        ? { placeholderResource: cell.placeholderIcon }
-        : {})), (sizing ? { sizing } : {}));
     let cssClasses = cell.cssClass
         ? cell.cssClass
         : (column === null || column === void 0 ? void 0 : column.cssClass)
@@ -68,6 +65,9 @@ export const FCell = (props, children) => {
     if (!cell.data || Object.keys(cell.data).length === 0) {
         setDefaults(cellType, cell);
     }
+    const subcomponentProps = Object.assign(Object.assign(Object.assign(Object.assign({}, cell.data), ((cell === null || cell === void 0 ? void 0 : cell.icon) ? { resource: cell.icon } : {})), ((cell === null || cell === void 0 ? void 0 : cell.placeholderIcon)
+        ? { placeholderResource: cell.placeholderIcon }
+        : {})), (sizing ? { sizing } : {}));
     if (isEditable && editableTypes.includes(cellType)) {
         cell.data.showMarker = (_d = cell.tooltip) !== null && _d !== void 0 ? _d : false;
         content = setEditableCell(cellType, classObj, cell, column, props);
@@ -226,10 +226,15 @@ const MainBTNAdapter = (_options, _fieldLabel, currentValue, cell) => ({
         Object.assign(Object.assign({}, cell.data), { icon: cell.icon, placeholderIcon: cell.placeholderIcon, value: currentValue }),
     ],
 });
-const MainITXAdapter = (_options, fieldLabel, _currentValue, cell) => (Object.assign(Object.assign({}, cell.data), { label: fieldLabel }));
+const MainITXAdapter = (_options, fieldLabel, _currentValue, cell) => {
+    var _a;
+    return (Object.assign(Object.assign(Object.assign({}, cell.data), { label: fieldLabel }), (((_a = cell.data) === null || _a === void 0 ? void 0 : _a.maxLength) && { textArea: cell.data.maxLength >= 256 })));
+};
 const MainRADAdapter = (options, _fieldLabel, currentValue, cell) => {
+    var _a, _b, _c;
     const newData = RADAdapter(currentValue, options);
-    return Object.assign(Object.assign({}, cell.data), newData);
+    const value = Object.assign(Object.assign(Object.assign({}, cell.data), newData), { data: Array.from(new Map([...((_b = (_a = cell.data) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : []), ...((_c = newData.data) !== null && _c !== void 0 ? _c : [])].map((item) => [item.value, item])).values()) });
+    return value;
 };
 const MainCMBandACPAdapter = (options, fieldLabel, currentValue, cell, _id) => {
     if (options) {
@@ -460,7 +465,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
                     cellEvent(e, props, cellType, FCellEvents.INPUT);
                 }, onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), onKeyDown: onEditorKeyDown })));
         case FCellTypes.FILE_UPLOAD:
-            return h("kup-file-upload", Object.assign({}, cell.data));
+            return (h("kup-file-upload", Object.assign({ "onKup-file-upload-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }, cell.data)));
         case FCellTypes.MULTI_AUTOCOMPLETE: {
             return (h("kup-chip", Object.assign({ displayMode: (_a = cell.data.displayMode) !== null && _a !== void 0 ? _a : ItemsDisplayMode.DESCRIPTION }, cell.data, { label: (_c = (_b = cell.slotData) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : '', type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-autocomplete", { class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "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), data: (_d = cell.slotData) === null || _d === void 0 ? void 0 : _d.data, initialValue: (_e = cell.slotData) === null || _e === void 0 ? void 0 : _e.initialValue, showDropDownIcon: (_f = cell.slotData) === null || _f === void 0 ? void 0 : _f.showDropDownIcon, style: (_g = cell.slotData) === null || _g === void 0 ? void 0 : _g.style, disabled: (_h = cell.slotData) === null || _h === void 0 ? void 0 : _h.disabled, id: (_j = cell.slotData) === null || _j === void 0 ? void 0 : _j.id, error: cell.data.error, showMarker: (_k = cell.tooltip) !== null && _k !== void 0 ? _k : false, listDisplayMode: cell.data.listDisplayMode })));
         }
@@ -524,7 +529,8 @@ function setEditableCell(cellType, classObj, cell, column, props) {
             }
             else {
                 const isTextArea = (cell.shape ? cell.shape === FCellShapes.MEMO : false) ||
-                    (cellType ? cellType === FCellTypes.MEMO : false);
+                    (cellType ? cellType === FCellTypes.MEMO : false) ||
+                    cell.data.maxLength >= 256;
                 return (h(FTextField, Object.assign({}, cell.data, { textArea: isTextArea, sizing: cell.data.sizing
                         ? cell.data.sizing
                         : isTextArea

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

@@ -53,7 +53,7 @@ export const FPaginator = (props) => {
             size: 5,
         },
     };
-    return (h("div", Object.assign({ class: `f-paginator ${props.mode ? props.mode : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }), props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null, h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.perPage.toString(), initialValueDecode: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }), h("kup-combobox", { class: "page-selector", data: dataPageSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.currentPage.toString(), initialValueDecode: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }), props.showMaxPages ? (h("div", { class: "max-page-wrapper" }, h("label", { htmlFor: "page-selector" }, '/ ' + maxNumberOfPage))) : null, h("div", { class: "arrow-wrapper" }, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_left", disabled: isPrevPageDisabled(props), onClick: props.onPrevPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral prev-page" })) : null, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_right", disabled: isNextPageDisabled(props), onClick: props.onNextPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral next-page" })) : null)));
+    return (h("div", Object.assign({ class: `f-paginator ${props.mode ? props.mode : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }), props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null, h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.perPage.toString(), initialValueDecode: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }), h("div", { class: "page-wrapper" }, h("div", { class: "page-selector-wrapper" }, h("kup-combobox", { class: "page-selector", data: dataPageSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.currentPage.toString(), initialValueDecode: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }), props.showMaxPages ? (h("div", { class: "max-page-wrapper" }, h("label", { htmlFor: "page-selector" }, '/ ' + maxNumberOfPage))) : null), h("div", { class: "arrow-wrapper" }, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_left", disabled: isPrevPageDisabled(props), onClick: props.onPrevPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral prev-page" })) : null, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_right", disabled: isNextPageDisabled(props), onClick: props.onNextPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral next-page" })) : null))));
 };
 function getPageItems(props, maxNumberOfPage) {
     const pageItems = [];

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

@@ -6,6 +6,8 @@ import { FImage } from "../f-image/f-image";
 /*-------------------------------------------------*/
 export const FRadio = (props) => {
     var _a;
+    // props aliases
+    const horizontal = props.horizontal || props.RadLay == 'lineDirection';
     const hasColumns = !!props.columns;
     const radioList = [];
     // Default to 'radio' if props.type is not specified
@@ -44,5 +46,5 @@ export const FRadio = (props) => {
             : '',
     };
     return (h("div", { class: `f-radio radio-wrapper
-             ${hasColumns ? 'radio-wrapper-grid' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''} ${props.horizontal ? 'kup-horizontal' : ''}`, style: styleObj }, radioList));
+             ${hasColumns ? 'radio-wrapper-grid' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''} ${horizontal ? 'kup-horizontal' : ''}`, style: styleObj }, radioList));
 };

package/dist/collection/f-components/f-text-field/f-text-field.js

@@ -39,9 +39,6 @@ function setContent(props) {
     let iconEl;
     let minusEl;
     let plusEl;
-    if (props.maxLength >= 256) {
-        props.textArea = true;
-    }
     if (props.label &&
         !props.leadingLabel &&
         !props.trailingLabel &&
@@ -116,7 +113,7 @@ function setContent(props) {
     let value = props.value;
     let inputType = props.quantityButtons
         ? 'number'
-        : ((_a = props.inputType) !== null && _a !== void 0 ? _a : 'text');
+        : (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
     let persManageForNumberFormat = false;
     if (props.inputType === 'number') {
         inputType = 'text';

package/dist/collection/utils/cell-utils.js

@@ -176,14 +176,9 @@ export function isNegativeNumber(value) {
 // -------------
 // ADAPTERS from SmeupDataTable to FCell data attribute
 // -------------
-export const CMBandACPAdapter = (value, label, options, _cellData) => ({
+export const CMBandACPAdapter = (value, label, options, cellData) => ({
     data: {
-        'kup-text-field': {
-            trailingIcon: true,
-            label,
-            // size: _cellData?.size,
-            // maxLength: _cellData?.maxLength,
-        },
+        'kup-text-field': Object.assign(Object.assign({ trailingIcon: true, label }, ((cellData === null || cellData === void 0 ? void 0 : cellData.size) && { size: cellData.size })), ((cellData === null || cellData === void 0 ? void 0 : cellData.maxLength) && { maxLength: cellData.maxLength })),
         'kup-list': {
             showIcons: true,
             data: (options === null || options === void 0 ? void 0 : options.length)

package/dist/components/index.js

@@ -1,5 +1,5 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ef8cbd35.js';
-import { K as KupManager } from './p-df77b97b.js';
+import { K as KupManager } from './p-970526a0.js';
 
 /** used for obtain a KupManager instance without a dom document (for UT)  */
 function newKupManager(init) {