@sme.up/ketchup 11.0.0-SNAPSHOT-20241217120821 → 11.0.0-SNAPSHOT-20241217144747

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: '1768bf87d7d08070ce0d27dbb6981999e9839919', 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: '57d2d52600d5c9a3187a1a1779b409ea716ce527', class: "grid" }, h("g", { key: 'cf522a94564a34298d2cc91efc46af3ed4e053f0', class: "rows" }, gridRows), h("g", { key: '738d6d128ecd5398ba8aa5c333742854e082fbd7', class: "rowLines" }, rowLines), h("g", { key: '5e36d94d36900a7decf630abf4a614067b14735e', class: "ticks" }, ticks)), h("g", { key: '132f69c4f73953bbf998bf2acd30693d25b93d67', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'de9e545038e482212e621ca4c2f1222339fd203d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '7e077d951e8c2b125a4e25698542515a20d9ac86', 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: 'ab75796381aaadbda8285965a66e91602185366f', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '5c26d672cb8792aed32538a3cc41edeef8bbb973', 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: '4330009837a17f523a1cd59177eefbad3389c562', class: "grid" }, h("g", { key: 'c5cca3a09b66ba7dcf1414f172dc28ec8472114b', class: "rows" }, gridRows), h("g", { key: 'de20eb48bb16eeac646cfbefced3d5d3ac873088', class: "rowLines" }, rowLines), h("g", { key: '2074b20432e063d5cde7541ad618ffa6018e651a', class: "ticks" }, ticks)), h("g", { key: '0d6b86c241c47f6daaa7b64238d295697436d29c', class: "content" }, this.currentDateIndicator && (h("rect", { key: '4ecf3383883e8deb3ec4f3d192382974fc4239d3', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '22995ecb07d926a3560b9233b79ce138ca300333', 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: 'f3236d4a4bc4c7e2bb7394c2a4c9fee6e245c19a', 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: '18b7c7ff265294ba6d4aa93717d5a375264c421b', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '608bb4770ee4908c3fe2d459cb3048c9821a6c7f', 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: '71036ce8e3180a6e31ef329e11ad35f7622a5889', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'dd11df6824e7bf1e7fe06f6647f4e425853da8ad', 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: '70745e02e28ef8e157d49eb5adfdc94522dfdd81' }, h("div", { key: '224da7cd81b9aacc24a73c331c5b7596e55bde50', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '103e8ab08fb5e13ba60742ddcc158998cfad2104', dir: "ltr", style: {
+        return (h(Fragment, { key: '242ee72dcacfc7a74ee55c877de273df7761a39f' }, h("div", { key: 'faf1c4a444d06401a255d898e58ed51a327e7579', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: 'fe3ecbc942f7f4dd872e4a7340872b746668c0f5', 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: '5dfcfdd085e3d29b95f005f5b705b40706d82b24', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '0b918b9a99bc48577d07b19293b2dda493941406', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: 'c1446fd188aa1988af9928e1b1ab54eff1c067d8', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '371f92f334a6523a30cfc6d4c5f65746434293ef', 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: 'f69600b829b483c53503e6122376d9c42811067c', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'ca736ea6fea7f4a5ea9faeaf8ee13d81f11f7234', 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: '79dba602c2082055a26816c5b41ef26bad99c2dd', class: "planner-render" }, h("kup-switcher", { key: '311e99279647ad73fc56562f0035fa85f0ebfa98', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '1b01008ad085206e1e2c26219faf87441cd5d8ad', class: "planner-render" }, h("kup-switcher", { key: 'd2c78149025f78c6c1d0f64fd2b859f810152eb6', 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: '825c038c52d5e98f48750a3f8e45c48516237396', style: {
+            } }), this.props && (h("div", { key: 'c7efdccb9a6fb37b6ef8fab9909c02c581c489ce', 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: '6a1e9afe20ca4ed43a14712a154d4048c7370725', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '6833f49822d6ec1b3733e16219cffb35e5c8b732', 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: 'ae93f614184ed2ea5cfd2fb44833764669b1e01f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '37e0e6cd018910e5d43a0b24bd5597383d5da36c', 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: 'b106f6c679d459ad937f5b10f953f0981d220fa8', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '4f23732fea3bb0888a7189ef0af8e2aedce14d2d', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '780f008bc39e7f68e2743d5c662f7704ccca773c', 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: '2bd78c8bc6630eef0e6cd83fc69bb58436756b65', 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: 'd0c94f6604dd57df8e01ef9552ca5aa326645f00' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '19047e71a1bfceb915df71ada6d0eb062ef52e51' }, 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: '20160e5d97bd3095584ff963a2a756e1c88264fb', class: "ganttTable", style: {
+        return (h("div", { key: '0809c62208ceb6eb788d261dab9e017e92fdca8f', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'f2320100d2a03071610a3e25a022ed5fbbda528c', class: "ganttTable_Header", style: {
+            } }, h("div", { key: 'fa5ad9465dbc38561abf8a659616c5093dc03b87', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '9084f7c4eef7f276f09be84aa6c7679af667c1f1', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '584120413832bb9f7208c9072f181e1883dfc6a0', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: '26f164508b996593fcabb3edf670d5a769d3478c', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '08fca1e2ba67c817366c1338523263f68b2ed7d9', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'fffcf0bdaa2434eea231a2df4dd5f7ab45cb8972', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '5f608b894fb70484299a98ce7a312558d1c403c5', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: 'a3d086247e2ad4c2b4d49258b5cf6a86eaaefa82', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '5ec1d507e400ef156b003137481b1efe1d69076a', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: 'e2029d060c3870a51d8765bd9b8fc07c097bea90', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '8e2d002a2991292a0295fcde2c5c82ef626603b0', 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: 'd24867037930e1052c048ab5bc88bd8dffc29ae6', class: "taskListWrapper", style: {
+        return (h("div", { key: '73fabb67878585088cc207c7a7f603ba42079996', 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: '0d435629659e29d75825bc52709961d2d538ccad', 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: '95289f2c981d359763d8f862bd5cb84db790c904', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '943265ca4b48b0da05072203a5d20c052ba97ec7', 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: '21db4afd0eec2c795ff406e1701cabcc57b22aa3', 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: 'ac472c607f2703475d3136fb9a42891232fd6735', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'c52036adc316ea881cc0245d2316367b46aec9ff', 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: 'b610aa3e9e5cc36160f3aedeee8e94b6a1b3a0e3', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '1c4c1d6ffda7080c53df5f435bc9169e49c1f59d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: 'd33bbc53ca2f0de6067f6a61549571f1c290fa40', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '2c70d87b9ecdb49b59b8a36ce2b349f0368044e7', 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: '5ea9c118c7573020f93293717f9898c0c890fc3f', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'ac315e9fed039764b3f94a252f831f3148ba90c2', 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: '995641764e457eea64f9a0adc87f2e3fe5440a6b', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '3cb4afb16ddb4a1f329dd86b912e49a5c07102c3', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '0ef3643be52ea0715af4a268bb132b5b5aa97a99', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'fd45365f94fea9f80e6e08ee377f481c93c4a8a2', 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: 'a4ed08824d2725f0d203f31fbf15fdcccc87d3f7', style: {
+        return (h("div", { key: 'c531752166b3ed6cee81c7f62186800fef8f8ccc', 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: 'f45c374c75f698f5857a6aeabd01395647a3b01a', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'c21577047dfaa9ece243837d968199760e11346f', 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: '89875bae2a166240231085ba4c5614933180fdf1' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '69e914c7980a8086f1ac629f17905bff82f13689', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '6e185f44d07ddf49a0bab89c04f9b76dba06a269' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'dd263b2ece671219b09cc92d7219989ad11196d7', 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: '0dda1afcc6c894a63f2090d372ec33c64f68e9cc' }, h("style", { key: '9b3c973b4c08e663688092e583f590f5ff9a021e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'bf829abd6a8ec69b05951b7b3c9a5a7c67d8554f', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'dec34d14458ea7d07442f17f2217ce3943d92c3b' }, props)))));
+        return (h(Host, { key: 'fc069fc045b472feef52fb5992ba6192d499b837' }, h("style", { key: '2056a42b2210cea537df60dad6c7e9368e57e124' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ef6a639f4dc3a94c5353ceca5dedb7f4cd3ea60e', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'e25e24df64a29f9bc18814505da2bd0e0908a1d0' }, 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: 'd7f817fbde26570eda9b942065ac810911fe51f4', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: 'eb74eb829c7fa060dcae290cc00a010922e82ece', 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: 'cca9b24675200d359bf91a620de8044f2bef1426' }, h("style", { key: '986e67ed44bb5e3d84f248d1a7d4c9525e73b779' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b5582f26cec08e9991cff8633b0727160ece08b5', id: componentWrapperId }, h(FRating, Object.assign({ key: '6605be5d010ed846971bc7e23439e1898ccf75eb' }, props)))));
+        return (h(Host, { key: '3d73b7606c40063f487a597a80ffcb020192bd26' }, h("style", { key: '1d93d5b324cbe85e685fcc6ea72d97598cc0ae2b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '8061260a3bf3b35f3942cd8b029077f0fd24242b', id: componentWrapperId }, h(FRating, Object.assign({ key: '5bcad80eb8799b8ebc797cc4bb6a2b21c7355806' }, 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: '4b6f9d9b7c39a825a81bcd21e64a014111b349aa', "kup-visible": this.visible }, h("style", { key: 'f58c94d019e43c6628a0fb2c100b5ef6eca55ae7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '05ea7e4c6c8313f32efd10deb6baa60025d45cff', id: componentWrapperId }, h("div", { key: 'cb5eeb1b07e767a012ce66873e02bd73b2405278', class: snackbarClass }, h("div", { key: '4625765458fb84289feee65dfda7d622169e45eb', class: "snackbar__text__block" }, h("div", { key: 'fbb6f8fbfb0ef27b73b874e07ef14bd21a38f9bc', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'f39cf0f5257b8ff1dbd40dc04419e08e7fe8ef03', 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: '37e33ed6608ac56ce006ccb1a14f93d6f48a7d8f', "kup-visible": this.visible }, h("style", { key: '722a42f22301dba2a722ed291dae0b95b9a820f4' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f4973aa0c77762ee39aa2d3ace2cde23510f958f', id: componentWrapperId }, h("div", { key: '373de7545ce04754994b5bb2ce7040b995222322', class: snackbarClass }, h("div", { key: '3e4253e4d0fa7bc1110d989adaa1210f19797ddb', class: "snackbar__text__block" }, h("div", { key: 'bc0695d83e55c8d738397b01b86f30a6ae6d62eb', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'b2c1e5b7637bbd2bf1fc80dd0f84f0ef6c2b01b8', 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: '96692932f35b65738b7bd4a709f29a6882eb5d35', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '92a10a4176fc8117c7855edb5672ca51d6a82f05', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'eb18cdd80e2fdd87f2b41a28078695b5c7d106cc', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '04555672d9cc1f0c373d8042e11f9846a74f9323', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'c5931a2cfb81583080d45d48a366ecc5ea64c051', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'e25127c741adbd5143cc64876cf7676d2c820e9a', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '4bd11aebdfbc1c960633424069e51409e062feb4', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '1da54d48b55cf3f07994a52a3fdf9de32639b269', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '8001b4676b15ef60e84a4a728e457ab5afad7324', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'c0632f0be9eafee154b4c280915da15df6121fce', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '7756968cd19464597be513baee05bc32e684e16b', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '0d9bbdff5a1ecb62dab141ef19bdb934f9f2ab9b', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'e25a5e3a3e0c6558ff69aaa9f26415d0f174b5b0', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'd965dfd0f30bceae4071f59ddd6a93413e66c0d8', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '5959b3fc9c7d388a321ae6b4ec4b5fafc807ec9b', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'bd31de963b3e2f580426ff611c1a7ab25d621329', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'dc77ac1838734ab3d7fa10e37157c007a2f7a0f7', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'e079e592180df575002a539d3538fc7a8a603a73', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '02ae86e55572f5923c03c8eb1383f07806624b80', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: 'd89e91a227d5d9cddcb565dac4e2a79d98e2a2bd', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '1f7e9f41f12e05898777647b5317e3121f3d0b84', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '761ea5842b5ccc7f5289612931f4aea9c3cb1719', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '5731581e4a11b79e60eaa3e732b64ea004bcd5e1', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '25d700729222f7c7c2af968fc6a06c3f47bfbd0c', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: 'a8ecdb239803689d32d5d751f749748246f2749d', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'ae4ffec0c0d2ec6cf04dee3ba30e4e53a9193296', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: 'e743362b2b34e79185fba06d2c62b0bfc0f2d81b', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '007a0e740f489013c5413ed583bb9c97b9ebf6d0', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: '44c66240725e7ee2bd36517cc28efcaf65b8011c', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '66f19c1fddcf50a3ee379ad87cdc526be514092f', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '817c7ab107d0990d50e2605b8183ceb66ceee73f', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '313b9525eb797803de6959ece1136ce04477dca5', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: 'ec75231b93337852eb67d052b3f6463bad26ffa6', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: 'd8c2c65aa3fa08b8137d41aec4f9aa42b4c7abce', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '1294a53b8f3f710282060ccdd9f9325d50f8c668', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: 'b85842b20c55a113be6a523404d648bfb99ab609', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '92f644e732fee84c97703f692fbf9f879120d503', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '2baeb03d493ae21e23db5176a05480e0493269e4', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '7164ee3bcb56a2b948ca13c008e6c31e2936a4d4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '13bc822dce6f147442e22b02730e21865b2c211c', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '9169c182ea3ead483d9a1afe22bed8674c2fbd06', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: 'eff5a7428127574bb3aadbcadbdd94025c66f060', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: 'ac985dc9f68b8f8ccf18fea4421141304bf96cfc', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '68380b6cf9cc7922538a298efcbe25cdd6a2689c', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '3ccf00fa9e7243276d7b1200eda6252c1e8fb40e', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: 'f13bb429a3b6bb253ea723e10acbb5115310e8a9', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '811a9b344cc9e988e2320fc9859d541039d9df43', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: '2d8b2366a1ac095d8d89e3d2f67a5e0db6b94a2b', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '1b29647d383fe51676bc160f8fa90f7f2e7e7859', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '9ee69337ef8957e3dcffd7d5721fb8d779479328', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'be9d0bccfecfe654d1268c3e1e5fa36073ab40f1', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '3e8bfe54448bb20691b1f3381f46388087e4a77a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '62203f80263c73871d5465948f937e8dabc07618', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '04aaf9514b8c47ae0a8b15e71943be087d82f90b', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e6d6debfb615e9f33cff1f016acf7ee0c8d70498', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '85fc5c6980792889e675c3df356feb3f3ec2d018', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: '7135a4ccd777f3cbb8deda8dfea569589851526f', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: 'fc7ecbc8884464ad05219a38186aaa0ce5b12c87', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '88fe8dfa73e2ac65cf6ef6b90c60971f2014112e', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '1628c0a6ceb994ccd665ceeddecc69714ca43685', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: '631b7191885b196677d3df7f59a33f59813cb961', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '0bd52f9f8b2dc98cdc92b4d68249ef9a2f72de7c', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'b4859b29bc9c67fb31ac52baca133b568b7b5920', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd5923c97bc43352682dfc3bee8fe195e1a9f7697', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '43a932bf52251603c9b99163c66f75c64abdcf72', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '1b3601b17f45e5548a7b47a0249bdf2f94c40b11', 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: 'e89031aff0515422bf313b6d75816eee1a1be8a4', style: elStyle }, h("style", { key: 'fe09930f27d2358ab85476ee06d741f61f89edea' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd502afd351c3123d93cba23b657d0cad315f590c', id: componentWrapperId, style: elStyle }, h("div", { key: '938900ed60ce21b69ae1467d3ea58bc486d3d6b8', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'ea0359893f1f02255c0a1988b9b6422302703dc4', id: wrapperClass, style: elStyle }, h("div", { key: '53ff614e48e01507541b55f0419e307bea923259', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: 'cd7f98fa14d07b314791e64aafa46f7111c2d9b9', style: elStyle }, h("style", { key: 'ccc425aadf72e68b26052ea5e402a1e809e87c51' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3a3721606b23c6dd1a0ea67d46a7cc19ff7f2b87', id: componentWrapperId, style: elStyle }, h("div", { key: '671f408c10faa4279d9b8f974c7350a5c0adc2b4', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'cc415dd3e870b000c3da0e5485b6a0a8e76ab224', id: wrapperClass, style: elStyle }, h("div", { key: 'efbebeff75c03843ce6ccf96f485aae5761c35e4', 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: '86748c6c08475f936169898ba4b926718fcaf408' }, h("style", { key: '448695a70cd694897d210cd42a790f9141b9acdf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '66676ec9881f2b6af0e0dc01f7a8614164e269c5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'bceef796e14a6c35595cfc259c262438426cd57b' }, props)))));
+        return (h(Host, { key: '6fbe5e23fdd6002b4401a4f48789dcc3d67376d2' }, h("style", { key: '6dc6d4934ded345eb0d832d37387ddf29439d577' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0738abd02342b1d6e4eee28c80b50cba91b62f49', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '6774227df33c638e694a84ce48c2b0f47f81828b' }, 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: '01279d87213d53b67cd6bd48830ce8b3d6ba2d0c' }, h("style", { key: 'e72d86ef452904cfc610fd4ee964715820b6a489' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0ddf26e97241a003a77f0a041ef09621899fe952', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: 'c70c26c8423ee5dca2d3ad9affcbb2765ef4ba8c' }, h("style", { key: 'c8c0e4000a3497a0c781133275df16e88374cc72' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '53e37cf102a6a19bfb6b824f220379a6a31c98a8', 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: 'dc11dece1614b37d96f8efb57dc024e8b06a716a' }, h("style", { key: '207531e078979777e9de3418477bc3887331e836' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '25bc992e20f10735c991aea5113a078fafa87999', id: componentWrapperId }, h("div", { key: '20bdd1815a7d7d448fa7097c12c33434d093cda3', innerHTML: value }))));
+        return (h(Host, { key: '0b19a5875e22fb387cbbb5e259332c72c172d319' }, h("style", { key: 'bc67a5f6af8d16543cebc5d9d65c8e99e1e91b43' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '694b0bed1fbe7be8823ae6dc8d0523a00b66e395', id: componentWrapperId }, h("div", { key: 'b10f3950f05cf4b71e74df8c63e6cd4d9eef1105', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

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

@@ -157,7 +157,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: 'b60d605d65bbebe48bf9e32f060bd1e0679fc6b5' }, h("style", { key: 'd07c6af378683e2af82656682e95f24836bf5098' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b658ca936a96a8e0782dccabb758a466b46aa72e', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '1381710b1e1f22f24d44765d102635cf0f672b3b' }, props)), h(FImage, Object.assign({ key: '447197e4e4cbd3f00fc2267299d96e1acc465d63' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: 'f6e48b29220eec0cc5de2218a96d2f4f54995950' }, h("style", { key: 'd13cd661315bf2603841418c26cd4ab350526ec9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f9105a97887bb2bf4de24f2dbfcf046114bec16d', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '7a52cbe43a45d6fd8155fed8c55e73656792816f' }, props)), h(FImage, Object.assign({ key: '985ac9b8d6d0194473b3e1ee33fb6b549e4a21a4' }, 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: '3805175638dc6f6a011f74d709b8039becce3f35' }, h("style", { key: 'd7df404a5c9d6f060af4f2cf668879a59e56f40d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ec8e41f3f5ef083f213cb742df53ed130b025b83', id: componentWrapperId }, h("div", { key: '03554ddfe756cab8c854aecf3e7002d8a86d1af7', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '0661fedfb4e320b368134cb5900d746df1bc6bfb' }, h("style", { key: 'ee4ead57702fc77d855885b3a47b859070b9a5b9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9698b9a86b6f400883a108eeb4a76a65754b19a6', id: componentWrapperId }, h("div", { key: '1a7b1573f3f5d402ab0117e6a2448eb7ed88b8ee', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -372,7 +372,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     var _a, _b, _c, _d;
     switch (cellType) {
         case FCellTypes.AUTOCOMPLETE:
-            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.CHECKBOX:
             if (isAutoCentered(props)) {
                 classObj[FCellClasses.C_CENTERED] = true;
@@ -390,7 +390,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         case FCellTypes.COLOR_PICKER:
             return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.COMBOBOX:
-            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.DATE:
             return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onKup-datepicker-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.MULTI_AUTOCOMPLETE:

package/dist/components/kup-accordion.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeColorValues, c as KupThemeIconValues } from './p-58f7825e.js';
-import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-074b0557.js';
+import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-d797e199.js';
 
 /**
  * Props of the kup-accordion component.

package/dist/components/kup-activity-timeline.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, o as getCellValueForDisplay } from './p-58f7825e.js';
-import { c as componentWrapperId, D as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, F as FImage } from './p-074b0557.js';
+import { c as componentWrapperId, D as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, F as FImage } from './p-d797e199.js';
 
 var KupActivityTimelineProps;
 (function (KupActivityTimelineProps) {

package/dist/components/kup-autocomplete.js

@@ -1,4 +1,4 @@
-import { K as KupAutocomplete$1, C as defineCustomElement$1 } from './p-074b0557.js';
+import { K as KupAutocomplete$1, C as defineCustomElement$1 } from './p-d797e199.js';
 
 const KupAutocomplete = KupAutocomplete$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-badge.js

@@ -1,4 +1,4 @@
-import { E as KupBadge$1, B as defineCustomElement$1 } from './p-074b0557.js';
+import { E as KupBadge$1, B as defineCustomElement$1 } from './p-d797e199.js';
 
 const KupBadge = KupBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-box.js

@@ -1,4 +1,4 @@
-import { K as KupBox$1, d as defineCustomElement$1 } from './p-ba7c1486.js';
+import { K as KupBox$1, d as defineCustomElement$1 } from './p-6c4f637c.js';
 
 const KupBox = KupBox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button-list.js

@@ -1,4 +1,4 @@
-import { R as KupButtonList$1, z as defineCustomElement$1 } from './p-074b0557.js';
+import { R as KupButtonList$1, z as defineCustomElement$1 } from './p-d797e199.js';
 
 const KupButtonList = KupButtonList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button.js

@@ -1,4 +1,4 @@
-import { Q as KupButton$1, A as defineCustomElement$1 } from './p-074b0557.js';
+import { Q as KupButton$1, A as defineCustomElement$1 } from './p-d797e199.js';
 
 const KupButton = KupButton$1;
 const defineCustomElement = defineCustomElement$1;