@sme.up/ketchup 11.0.0-SNAPSHOT-20241021152842 → 11.0.0-SNAPSHOT-20241023072631

package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js

@@ -563,9 +563,9 @@ export class KupGantt {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '289593765ef7125e06f4c4494afda7c7826a425a', class: "gannt-wrapper-main" }, h("div", { key: '7331caa09620441f546ef4e392489f7e7141f0b1', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '94888a0b29649deede01fc1ee50bff7329a0e0a6', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '8a37b54f4c5c6de936730887c063ec9701f78537', class: "gannt-wrapper-main" }, h("div", { key: '96064c18fcf8520720f0b009fcb554b4821be213', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '0cd04dabe0c6693c3e59dcf3715bc52a63ccf030', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '80ba048340da0aae3a00ba3536fc0a1563fdcaf8', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: 'e27894aa55d62e3dc59a07a05fb3aaeaaf3c9b40', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: '52380d31a6dc13aac1eb97d41f9e9c3a5d05a2e8', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '2a9aedcb55249a1c027cafaa8230d17896353ec0', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'b5e26244d1ca3eea44c34b405c9106d0ef30e48f', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: 'f33a7583ef8b0650aeca1b4f7195d1e7faa5ef52', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: '5e470693988937d9d9eacdee4c72981bab26df29', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '73d297169276b73eea6e2447b26a84dd4278f65b', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
     }
     static get is() { return "kup-gantt"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js

@@ -225,11 +225,11 @@ export class KupGanttCalendar {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: 'eb5996256c199bb4d5f60df2d1f9c7378a480e0f', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '491a7ddf831ba0b6d373d058f223f8dab6d76954', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'cd64c9a42c8c68d067e6a37cfb049bc77c15ac2d', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (h("svg", { key: '0137f0b266f9c9ed1d3a9b6ae8b2990df572a780', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '0f4af7831888120ba3734d0f778782433d626c2b', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '8f4b92d3927d6687ce4e4e2707920dbda9153b4b', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
             ? topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        h("circle", { key: 'ccc563c883e85c17c839dd6414fba8e0845c4eac', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: 'b5ce42db928f9b1ad5570a6d96ae6f05664bc029', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
     static get is() { return "kup-gantt-calendar"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js

@@ -509,13 +509,13 @@ export class KupGridRenderer {
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '5a7273db0e78764c1432747471f093f71021dfd2', 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: '192f07e833557179530a07e525b107e38300365f', class: "grid" }, h("g", { key: '0e08f10c0b0ef19518ab95591dbdb0c3213ba82e', class: "rows" }, gridRows), h("g", { key: '7aaa532f82aa195e00e0f0af6af59019216b7734', class: "rowLines" }, rowLines), h("g", { key: '716e07303c5e16fc662e3c859727c2be325edd9e', class: "ticks" }, ticks)), h("g", { key: 'a2663516577a108f216a65307b9f183c659a92a8', class: "content" }, this.currentDateIndicator && (h("rect", { key: '7afb39c47ec99b8268757dab9a85c20eed6eeb4b', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '8348ee9e06dad473af617d618252405a114a3d36', 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: '16b5df90351a040c71d8895a30ac9367d9a53b2e', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '9263a7ff5b686852374b8ab09139cd5fcc0121d8', 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: '85be8b28a1dace4119300b70f57315f078196aca', class: "grid" }, h("g", { key: '5649441550478e9548ae5ca74e1103b4d1d5a0ae', class: "rows" }, gridRows), h("g", { key: 'b9448651fa176155dcca85e255f4c18df8e82c78', class: "rowLines" }, rowLines), h("g", { key: '494680efd38cf2de8e2ed70ed9d9150e7445686a', class: "ticks" }, ticks)), h("g", { key: '4d9372e10eb48f81db24e2ab192aaf3ba0d8ea35', class: "content" }, this.currentDateIndicator && (h("rect", { key: '8895a188975316ece0a630c649011557db8abb35', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '840d85239cfae75ef410d67ea3a4b52c5c017f5a', 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: 'b39ff7980e443acc2b954389cc5ca2873e02ba1c', 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: '67a5d0a4c0e3e655c0ea4c4373e765c12d25cc02', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: 'e4c860fe4271daf18cc3fee8f9660a23e7a8ac44', 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: '37c27322df479348c58dcebb92ad110ad813e939', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'f767fdbf19649620d62420262cf978a3503d7d3e', 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: '540bfcce78395efa06fc99af47fb1973216e493e' }, h("div", { key: '40a90b5d4c70fca0632770ed07cd25b1fe8818f6', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: 'a1b800c1244c20cbac1d9d62c099a6ce3534ab9e', dir: "ltr", style: {
+        return (h(Fragment, { key: '8eaf71f5bb666b616699b6b3ce516c7782b19826' }, h("div", { key: '7f45069ae1abaebee714344f58bcc749c23b423c', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: 'de7209740ba1891436f39e37708fe64e2d4bb330', 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: '2f617fa83a89cf4028412c95581be2168f0e2498', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: 'eb58dfaa07feb65f410d286e2474aee8676439b7', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: 'f41a1fc76a99cb06fba8abf111b91551f9da91ad', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '94b6efc36af3fada66786096556e75102679c70d', 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: '540f86357ea1efc90f0443fb587905a0a7e16629', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '06d4406a9c16d88126522ea07c72b26099acccd3', 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: 'ef64ebfca1179e885670c4570ad6708e1e7cf16a', class: "planner-render" }, h("kup-switcher", { key: '4080da8f661b375bbe8fa23bca79deb1aff0f5a4', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: 'ed1e2d17ea7378e1a7aa58e48ea913377f1e9e88', class: "planner-render" }, h("kup-switcher", { key: 'ef3558f217d69db4049e86c4a369c7c0d127ad62', 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: '7df3c02f9d67e4858e360e5873e141ae6eca7f0a', style: {
+            } }), this.props && (h("div", { key: '36c4dc1e9fe7e87a01711ca68a5ae12216454a97', 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: '85a0bdefe806ecb41b60f6ee14791e1599f64f63', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '6e2a2b6ae37432d55e0fbc9290da84489ac6bc0c', 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: '00d776dbedc416a290f3aabd79996a9d76e54c49', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '4c32c896b94e1544d24d43fdc29a3e0627414e28', 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: '03b76aee547b417ded1e029d58264d1662b1d979', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'cf77807125378b8591c361b25b5ed4f937d2e19f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '6cf23c7cb71924c73d3df858f826d17d29d71a5a', 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: '797693cda77ee8c8c91928065dc8a5f1489f7cf3', 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: '85e03be44bee1e4886245d2615300a04fef3686e' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'd347808d00d1c3c38cd76edfd46663fcf8ee90b8' }, 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: '03509c55480fd065cd256c9ee3d8f3ac8577dd19', class: "ganttTable", style: {
+        return (h("div", { key: '34a1794a81e3939c996ac6d6cfe4fc8c82ed540b', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'bfcc24753d491c6e0f5e16b9cc878a7499654111', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '92fd0d2fea5163672528f09c295f55b0318d8cb7', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '6d6a501a295f0eb4590f16f5d8e63ee71b21a0a2', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: 'ddccdb041ca77c2b017eebcafe7ad1739ec9eacc', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: '7c3745ab05fdbb4022485f9463cc4c0a82d7d5e0', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: 'a0bd213ca6972a78a21481eb062632676b4a3a0c', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: '96c425b1608fbb8cefe696a82b3735c822935374', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'e5c1771387371615f70d216980f588b771257f13', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '8ab89b2b4104f89c80824019ddd215f960c001f2', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '6918ef9effdd47f823d662a4c1131378ab75a860', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '102647a5c7052b7fe5fe23c8572760bdf1ce90c2', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '6da6d947b735c569bef214e518495bdcf68e454d', 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: '4d28c9449506ccc6adbe87dec6925e92a5f2a6c3', class: "taskListWrapper", style: {
+        return (h("div", { key: '6db770180119a5594057668e7b67ec6597481bc3', 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: '97bbd6d3822150ec66868cf1357643e0f926f504', 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: 'dc8a08171a1dd9b38fed79174fa3e67409ed5ba5', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '7e4082cc370aec412edc46d4f5a026a8e14a6f0c', 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: 'e854e8100a5f2456a62474469f70dfbe2fc5ec48', 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: '3b9fbb38b945eb53e85ac8c5720b233d57410449', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '783b02b7eb58348f27090db1c65676d5d2a7ee74', 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: 'f0797eb8c84ba474084e5f8d152a0ce184b92459', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '440dd1fddebebb3decf9db912eeab261dc1b23fb', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: 'f55f72958473eab516177042f08139ccef9d6a26', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'f6dcbcfb3e5f7af566a6b4522daf8f4cffddac7a', 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: '42c80e868a1db54e26598c3fac061d6af8ae28ca', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '38f9745ab196734d14505bc35f0ad1fa7091ef87', 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: 'd4cdbfcae8a5783fcb753b62649504d2d96ec9e5', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '7918f4c130178fc1130e6a55e60fbe50684c7196', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: 'a1e23c2e793fd7a59a0d68683db614d1227310de', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '49f046e82f740a7c16e5e82395e4c491082662d0', 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: 'd4b04abd5156769a5fee24b63e755dc8c3a83c09', style: {
+        return (h("div", { key: '2c6ad47da29da22016405f80792a2a63b5d9ad45', 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: '6a063af00c31fb78c65724e0d24f67dc04dcdd6f', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '3f249b13a184dd3efdeccc543b4fb6d373d0052f', 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: '996ddafe0d4e6423ce2479b9cac0ae323939cb71' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '39eae7739d080800145c30fa1ce713d131d3352f', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '181e80774854ac9fc4d1f1ca2b5e702c39884331' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '43cd24619d530b0cd509aebdbc16a90b42dc6bbb', 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: 'e3c06e76ae0949ef35813b14a4d4b43784319808' }, h("style", { key: '6e289ac4babad7764256a5e8ba29b3b4d5634a99' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '42c5b25815ccfafd9cb8ea6767eeb60c14a1d6d4', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '313fb6a64d5408fad824feea27ffc400022b6fc1' }, props)))));
+        return (h(Host, { key: '897a29c4dca3e4739ad68cc7907993b1a7809fb5' }, h("style", { key: '6c5da569d83b814ff978e4884db1858532b42d34' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3bf3161d02156be2ecd555ce77c6ed379596a387', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'c72d1174554dd59fd620020deabdba54582f61bc' }, 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: '6757be8be4d68fdb03789b12e011aeae050014ea', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '84dbf3c7b82c1e0674e98ea03ce0ec5de5449090', 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: '2adee9cf902e449ee58dc7b35533cea176c0ab0e' }, h("style", { key: '197c45321da783719490d8080219b983c3c57a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3f6177fdfafa5177bab3b746da259851b1e21f18', id: componentWrapperId }, h(FRating, Object.assign({ key: '10eda3b2e76468b06f0fb002d534c9007054117a' }, props)))));
+        return (h(Host, { key: '472f83b32ab41f695ab250c659d7bb3a0d3d5888' }, h("style", { key: 'a89bb9a89bf77d62d7393232bd007e464c47231d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e83a22910749396a2752eb1624f75e5b1b18d843', id: componentWrapperId }, h(FRating, Object.assign({ key: 'cd3a38a7472d277df642345e889d1f6916c43c75' }, 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: '34b5225f8c03f89d8d530db8dd04546f560c08a3', "kup-visible": this.visible }, h("style", { key: 'bc24655adb906dc83635fb9256159adee92029ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4171edfa33a999f7a46f64beb304fe90ba8bfde5', id: componentWrapperId }, h("div", { key: '1c59a969e3ea2177fcd8c4404b77f9e05fb4d34d', class: snackbarClass }, h("div", { key: '016234060f2d8e636927234854fddb3804b91f26', class: "snackbar__text__block" }, h("div", { key: '11e5d3d57c8059797d3ec267b25c7463e748e5e4', class: `${snackbarClass}__header` }, this.header), h("div", { key: '08a9932c0bbf21b7263cd6e6ffb125078d851a02', 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: 'b002f53fca17f2558cabc7361453391d15429b73', "kup-visible": this.visible }, h("style", { key: '01863564ea31079e738744321b54ddb9839ef8d2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd874cd21d97d5dc258028898e4acc74df66d5e3b', id: componentWrapperId }, h("div", { key: '2acd0ff2f624c2e29f8a6a338c78d5222f566446', class: snackbarClass }, h("div", { key: '4ab51cd8952c62cbaef1ba68535bc3889a3e782a', class: "snackbar__text__block" }, h("div", { key: '643cd004cd0a741b9c5985402db4cde72f6d847b', class: `${snackbarClass}__header` }, this.header), h("div", { key: '9cc6e69d984acc396c816d92c65931c534d5400e', 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: '319748b1e89ed9ca97753b731739501c831eedc7', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'e5a6989bd7271d98ba67804d9ebb6795d21fc83b', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'f68f6b9329f5cae26f86822ef042ca0d4d6655ff', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '8cae8a10801ebe54b7ee7073c11cfa386b238315', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '3f99a040afaf04bf5604c7e8d330283741061aab', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'a30ea5864ac810e89087fe818e3b747d92548dfe', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'a99e44566253e408f1333ed06dc463bcbe7bedf3', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'db43db1b820b76e54225ef66a8c1db5393cc945a', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'd2835cbfed703ddb692617b4bfef410e6f2c4587', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'c927a17352c1bdc82165f0e1ec7a0a43246ffea1', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'ae079b0bb82f9372ed472fb405a9e6112187707f', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '91311153beee00638d163d4e875d48f5b2e3e6d5', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'a67e65cdcb6a4f116b780aafce5ee9237851b5ec', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'df40c7cd01fcb634e90116e538fd69d25ff0904f', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: 'f706be82bd62d2b3b5295ff435c10078d920b328', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'c6d99483d7c51dcc301781a19458761c5679d2cb', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: '272293caeb06ad0249ca81e13aa2e499da470c4e', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'a3dab461bf324d6efe7b5e93c44f84fc9ae42b8e', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '83489650fe6cf8c6a8cf59f2f9d9beed78326ae0', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: 'cf89faa86f77cefb54034ea1efbda98c05e8da2e', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: 'e5f099e08b40f8761110dcb75b9581b881b675cd', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '4662ce0cbf915710cc1ccec88258e9d7a53d1259', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: 'b8a211c8229ddce60ab781fb29d1903189c4006b', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: 'f47a979d09056bb764d02bd1a8a35a6a8496a73e', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '06e2b69e4e6c4ad6bd6ef2badc65e6439fdf5338', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'ed5f65bc6f2b01e1336f718a64a996dd18b9662f', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '1607009ed6abfb69f65ea45b9e226c607e4bbdd4', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '57246423f90b72901b7757b3ec977bb8e6d2eb79', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'edc1a08550d6a6b03aa16f43b5eedf172985482a', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: 'b16472b5f045b46b6afdc73a0017df3f1e1cd9c8', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '4500286f354714f3f4b7a47e0b1c7d4745657f33', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '7db58743d8d1467f0b7ca80d909b9d4d3e3faf45', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '35d8cf63ae232587895655b57cb129d090e4bff3', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '0d067630f107d1f16b6c8d3948cb87afdca74ac0', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: 'b1baa16dd98e6eae72b8c9b6eb7d2e0984b36395', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '960f8e437c0639c8ebbade1004bde66b5ddcc135', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '0b34220002680bc0008c26fd5c0ce0a25e76873e', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: 'b8172f983946e8c4d3785e63ed5be4b88ba4a995', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '392c061a0a55d58e0729cf59be56b2f817749fcf', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '5df76c393eba908bddd9fa8e040edaedca46ca3b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: 'fb35482330dae2e76b4d90b3b8ec6f1f223c6a08', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '79ee056d0fe9da3ef9591dc6def08dc533e10def', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: 'dd141c7e4f1fdb4fc6fa3d7089f8536444624035', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c4d7de60dc0060c8b00d8b65a86665f25356bc4f', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'bae95b0d673831db4e29c7a8d0e35b51d9624beb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '2c86c4bc9d624fb72adec1f81dd8a7c8eb060eb6', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '9d02363fc2017e91e7adacf8d2f962fd0c997e9a', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a81b258e7c0a60af6a849a01aef4d09121eb6098', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '902a328174764556fece93001fca0dc298f49128', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '894373a35174127ddd30be87ea9b7d6b8f33bb66', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'ec0e4c7d9b4a60cf119e22e7078d9bb2368c7256', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '338890e7439a1e79564a22cd66966d6a43380459', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '150ced721abd08e0a7fc936fedf407f36324770b', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: 'b9a29bd00dbcbc7f6d9eff5f470c50863c8eebce', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: 'a15f30e039088378050384e62add5fd8571c3c81', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '694a9c3eb3b106801d88bfe5af043f4e86d43d63', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'eda5650695c418e38f6df8b42932df5af7eb9cad', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '098a6a6ff60b5bfb86fa3ec2489d2bee6c8978e3', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e91b94dbf60558b278754fd0600f2f1bf2e8d879', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: 'a73c4ec55c74b8931209cd4bfd9b2513149b505c', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e1620327ce5b5b85c692279d5f9246fa5143f5d9', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '58beca7137e443c3334bbeb902ffb80bd5f3ca84', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: '162ab359eb7beb01728fb2460955308ec0157ec7', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '05cd68158beaf8a616533fb0afd1160d363c0b54', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: 'a02ce9b4bbf0dbdf4d13899b7d6451259c2d37f6', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: 'a420412e17f4b9e045c67064103bd4ec089c5cbc', 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: 'adbcca1c8880afe2caa33ec08393ba7affbbcb18', style: elStyle }, h("style", { key: 'cf79ff4fa4d59088ecbccd4ada6d74c5e350c3a8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '620dc3a0ef88b1bef1ba51f3a7d33669838ec387', id: componentWrapperId, style: elStyle }, h("div", { key: '10335d681f979b5af2deb56efc65dab3bdeb042a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'd756e0a0921f5cefc3a0e151c41ff6a94cea9763', id: wrapperClass, style: elStyle }, h("div", { key: '8c8d1a2e8ef8630eb7156741d806217544bd114f', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: 'aed6c2e6bfeaa6b9fd1a5d1524ae076b480b8790', style: elStyle }, h("style", { key: '525a08ad565c9dbb5aff4b454b2fc831c2845ed2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '81945c8d8c9cf16480b7536de1f306b4b62582ae', id: componentWrapperId, style: elStyle }, h("div", { key: '16548329d5e68fdf4f60712341885e934f1de10a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '056a41679fc5de2f827408dbbb5c38ccdc8d1330', id: wrapperClass, style: elStyle }, h("div", { key: '7fc61bd8a7e374b46673623250edb2c6d296426d', 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: '5447820fb19f5a680dfcff7b3c99161260eb1231' }, h("style", { key: '8ae94eb7a3e6b898f1411e964c82500ca504318a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '92d0b8bd82c537ef4cfa0a59bdd904d93732fbe9', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0659ccebffac77791cee6eb8c044c9cdce708c84' }, props)))));
+        return (h(Host, { key: 'faaffe5ea3f9eddbe4d444363d0693473b1bda48' }, h("style", { key: '0a59333017e858ce8504ec3a222d5996e63e1a49' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'c6bad561573ece8513000de9988f30b00471b6e5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '61a88d5b87204b57fe1e39d2d1692010044cbbf7' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -405,7 +405,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'f87fdf8f8638f7f75dd5bc5f3cc67acddf30972e' }, h("style", { key: '6d393b2ab39ec255e7aeea9074e527fce3b043a2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b7c5706e2894f218bcb27f5fb63be94ce9a4094c', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '70c7972f060076e31a99ca1612f9cdfbc375168c' }, h("style", { key: '4d71d7149ed02fc4661b5c79ea0f8c33144043fb' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '034363fd3d95a6e285950eb16b2087c6fe07272e', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.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: '981f5e75f5014b5ef747f943ffb6905ee03a07b5' }, h("style", { key: '4a77e168bda23918fcbd1aded179d9cb54027385' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7b4d3cd14a278c481cac14077fa16c899c81fc56', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '4e487b2d58d1161b443f7823a0c3e0f7e977ac6e' }, props)), h(FImage, Object.assign({ key: 'c62c2a74f3687836c9cfb1f3cc8afe65822ece9f' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: 'f59851b301cd5997fa0570372f1d61ad300f2105' }, h("style", { key: '8b9c02bc3031fd5386b4a46b160a938dd835c265' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '796f39bb720f68d8c554a675b113d2dd7e4c40aa', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '9510770820ccbf7b480f5b4d92892ffbad8d7d53' }, props)), h(FImage, Object.assign({ key: 'f054539413556472ad4b5e240a6a72fa2f3f4f59' }, 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: 'fe03c54c9dcb80d85fb4ce5fe5b307906113632d' }, h("style", { key: 'aaa3c98e4d550f2669c5b9db481e390e03a3bf25' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a6eb07b0d4da2fb8b9a818eeb6000c31d7641809', id: componentWrapperId }, h("div", { key: 'd3496f8ba12d87d2cd51dc5c80817590b62485df', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '33360cd54329b8cf6809f0f5e44cd4fbfdd73341' }, h("style", { key: 'e3905c406c1bcd1f4ca7f3665eb460a518cd85ac' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '56abb1bc62d53c456ebc51e7a139b952e365dd86', id: componentWrapperId }, h("div", { key: 'a3eb9e8630b9bcdad939421966669a0345edac4d', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -93,6 +93,7 @@ export var FCellShapes;
     FCellShapes["LABEL"] = "LBL";
     FCellShapes["MULTI_AUTOCOMPLETE"] = "AML";
     FCellShapes["MULTI_COMBOBOX"] = "CML";
+    FCellShapes["OBJECT"] = "OBJ";
     FCellShapes["PROGRESS_BAR"] = "PGB";
     FCellShapes["RADIO"] = "RAD";
     FCellShapes["RATING"] = "RTG";
@@ -126,6 +127,7 @@ export var FCellTypes;
     FCellTypes["MULTI_AUTOCOMPLETE"] = "multi-autocomplete";
     FCellTypes["MULTI_COMBOBOX"] = "multi-combobox";
     FCellTypes["NUMBER"] = "number";
+    FCellTypes["OBJECT"] = "object";
     FCellTypes["PROGRESS_BAR"] = "progress-bar";
     FCellTypes["RADIO"] = "radio";
     FCellTypes["RATING"] = "rating";
@@ -145,6 +147,7 @@ export const editableTypes = [
     FCellTypes.MULTI_AUTOCOMPLETE,
     FCellTypes.MULTI_COMBOBOX,
     FCellTypes.NUMBER,
+    FCellTypes.OBJECT,
     FCellTypes.RADIO,
     FCellTypes.RATING,
     FCellTypes.STRING,
@@ -162,6 +165,7 @@ export const kupTypes = [
     FCellTypes.KNOB,
     FCellTypes.MULTI_AUTOCOMPLETE,
     FCellTypes.MULTI_COMBOBOX,
+    FCellTypes.OBJECT,
     FCellTypes.PROGRESS_BAR,
     FCellTypes.RADIO,
     FCellTypes.RATING,

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

@@ -1 +1 @@
-{"version":3,"file":"f-cell-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-cell/f-cell-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VNode } from '@stencil/core';\nimport {\n    CellActionProps,\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport {\n    FComponent,\n    GenericObject,\n    KupEventPayload,\n    KupTagNames,\n} from '../../types/GenericTypes';\n\nexport const autoCenterComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\nexport const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\n/**\n * Props of the f-cell component.\n */\nexport interface FCellProps extends FComponent {\n    cell?: KupDataCell;\n    column?: KupDataColumn;\n    component?: unknown;\n    density?: FCellPadding;\n    editable?: boolean;\n    indents?: VNode[];\n    previousValue?: string;\n    renderKup?: boolean;\n    row?: KupDataRow;\n    setSizes?: boolean;\n    shape?: FCellShapes;\n    cellActionIcon?: CellActionProps;\n}\n\nexport interface FCellOptionsProps extends FCellProps {\n    cell?: KupDataCellOptions;\n}\n/**\n * Information about the cell, displayed before the content.\n */\nexport interface FCellInfo {\n    color?: string;\n    icon?: string;\n    placeholderIcon?: string;\n    message: string;\n}\n/**\n * Supported cell events.\n */\nexport enum FCellEvents {\n    CLICK = 'kup-cell-click',\n    ICON_CLICK = 'kup-cell-iconclick',\n    INPUT = 'kup-cell-input',\n    KEYUP = 'kup-cell-keyup',\n    UPDATE = 'kup-cell-update',\n}\n/**\n * Supported cell padding.\n */\nexport enum FCellPadding {\n    DENSE = 'dense',\n    MEDIUM = 'medium',\n    NONE = '',\n    WIDE = 'wide',\n}\n/**\n * Supported cell CSS classes.\n */\nexport enum FCellClasses {\n    BG_DANGER = 'danger-bg',\n    BG_GREEN = 'green-bg',\n    BG_GREY = 'grey-bg',\n    BG_ORANGE = 'orange-bg',\n    BG_PURPLE = 'purple-bg',\n    BG_SUCCESS = 'success-bg',\n    BG_TEAL = 'teal-bg',\n    BG_WARNING = 'warning-bg',\n    C_BG_DANGER = 'c-danger-bg',\n    C_BG_GREEN = 'c-green-bg',\n    C_BG_GREY = 'c-grey-bg',\n    C_BG_ORANGE = 'c-orange-bg',\n    C_BG_PURPLE = 'c-purple-bg',\n    C_BG_SUCCESS = 'c-success-bg',\n    C_BG_TEAL = 'c-teal-bg',\n    C_BG_WARNING = 'c-warning-bg',\n    C_CENTERED = 'c-centered',\n    C_FITTED = 'c-fitted',\n    C_PADDED = 'c-padded',\n    C_PADDED_HOR = 'c-padded-hor',\n    C_PADDED_VER = 'c-padded-ver',\n    C_ROUND = 'c-round',\n    C_RIGHT_ALIGNED = 'c-right-aligned',\n    C_SHAPED = 'c-shaped',\n    C_TEXT_VERTICAL = 'c-vertical-text',\n    CLICKABLE = 'clickable',\n    HOVER_DISPLAY = 'display-on-hover',\n    HOVER_EXPAND = 'expand-on-hover',\n    HOVER_REDUCE = 'reduce-on-hover',\n    INDICATOR_TOPRIGHT = 'top-right-indicator',\n    LINK = 'link',\n    MONOSPACE = 'monospace',\n    OBJ = 'obj',\n    SHAPED = 'shaped',\n    TEXT_DANGER = 'danger-text',\n    TEXT_INFO = 'info-text',\n    TEXT_PRIMARY = 'primary-text',\n    TEXT_PURPLE = 'purple-text',\n    TEXT_SECONDARY = 'secondary-text',\n    TEXT_STRONG = 'strong-text',\n    TEXT_SUCCESS = 'success-text',\n    TEXT_WARNING = 'warning-text',\n    UNDERLINED = 'underlined',\n}\n/**\n * Supported cell shapes.\n */\nexport enum FCellShapes {\n    AUTOCOMPLETE = 'ACP',\n    BUTTON_LIST = 'BTN',\n    CHART = 'GRA',\n    CHECKBOX = 'CHK',\n    CHIP = 'CHI',\n    COLOR_PICKER = 'CLP',\n    COMBOBOX = 'CMB',\n    DATE = 'DAT',\n    EDITOR = 'EDT',\n    GAUGE = 'GAU',\n    IMAGE = 'IMG',\n    INPUT_CHECKBOX = 'INC',\n    INPUT_FIELD = 'INF',\n    KNOB = 'KNB',\n    LABEL = 'LBL',\n    MULTI_AUTOCOMPLETE = 'AML',\n    MULTI_COMBOBOX = 'CML',\n    PROGRESS_BAR = 'PGB',\n    RADIO = 'RAD',\n    RATING = 'RTG',\n    SWITCH = 'SWT',\n    TABLE = 'TBL',\n    TEXT_FIELD = 'ITX',\n    TIME = 'TIM',\n}\n/**\n * Supported cell types.\n */\nexport enum FCellTypes {\n    AUTOCOMPLETE = 'autocomplete',\n    BAR = 'bar',\n    BUTTON = 'button',\n    BUTTON_LIST = 'button-list',\n    CHART = 'chart',\n    CHECKBOX = 'checkbox',\n    CHIP = 'chips',\n    COLOR_PICKER = 'color-picker',\n    COMBOBOX = 'combobox',\n    DATE = 'date',\n    DATETIME = 'datetime',\n    EDITOR = 'editor',\n    GAUGE = 'gauge',\n    ICON = 'icon',\n    IMAGE = 'image',\n    KNOB = 'knob',\n    LINK = 'link',\n    MULTI_AUTOCOMPLETE = 'multi-autocomplete',\n    MULTI_COMBOBOX = 'multi-combobox',\n    NUMBER = 'number',\n    PROGRESS_BAR = 'progress-bar',\n    RADIO = 'radio',\n    RATING = 'rating',\n    STRING = 'string',\n    SWITCH = 'switch',\n    TABLE = 'table',\n    TIME = 'time',\n}\nexport const editableTypes = [\n    FCellTypes.AUTOCOMPLETE,\n    FCellTypes.CHECKBOX,\n    FCellTypes.CHIP,\n    FCellTypes.COLOR_PICKER,\n    FCellTypes.COMBOBOX,\n    FCellTypes.DATE,\n    FCellTypes.LINK,\n    FCellTypes.MULTI_AUTOCOMPLETE,\n    FCellTypes.MULTI_COMBOBOX,\n    FCellTypes.NUMBER,\n    FCellTypes.RADIO,\n    FCellTypes.RATING,\n    FCellTypes.STRING,\n    FCellTypes.SWITCH,\n    FCellTypes.TIME,\n];\nexport const kupTypes = [\n    FCellTypes.BAR,\n    FCellTypes.BUTTON,\n    FCellTypes.BUTTON_LIST,\n    FCellTypes.CHART,\n    FCellTypes.CHIP,\n    FCellTypes.COLOR_PICKER,\n    FCellTypes.GAUGE,\n    FCellTypes.KNOB,\n    FCellTypes.MULTI_AUTOCOMPLETE,\n    FCellTypes.MULTI_COMBOBOX,\n    FCellTypes.PROGRESS_BAR,\n    FCellTypes.RADIO,\n    FCellTypes.RATING,\n];\n/**\n * Payload of the event fired when a cell is updated.\n */\nexport interface FCellEventPayload extends KupEventPayload {\n    cell: KupDataCell;\n    column: KupDataColumn;\n    event: CustomEvent | InputEvent | MouseEvent | KeyboardEvent;\n    row: KupDataRow;\n    type: FCellTypes;\n}\n"]}
+{"version":3,"file":"f-cell-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-cell/f-cell-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VNode } from '@stencil/core';\nimport {\n    CellActionProps,\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport {\n    FComponent,\n    KupEventPayload,\n    KupTagNames,\n} from '../../types/GenericTypes';\n\nexport const autoCenterComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\nexport const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\n/**\n * Props of the f-cell component.\n */\nexport interface FCellProps extends FComponent {\n    cell?: KupDataCellOptions;\n    column?: KupDataColumn;\n    component?: unknown;\n    density?: FCellPadding;\n    editable?: boolean;\n    indents?: VNode[];\n    previousValue?: string;\n    renderKup?: boolean;\n    row?: KupDataRow;\n    setSizes?: boolean;\n    shape?: FCellShapes;\n    cellActionIcon?: CellActionProps;\n}\n\nexport interface FCellOptionsProps extends FCellProps {\n    cell?: KupDataCellOptions;\n}\n/**\n * Information about the cell, displayed before the content.\n */\nexport interface FCellInfo {\n    color?: string;\n    icon?: string;\n    placeholderIcon?: string;\n    message: string;\n}\n/**\n * Supported cell events.\n */\nexport enum FCellEvents {\n    CLICK = 'kup-cell-click',\n    ICON_CLICK = 'kup-cell-iconclick',\n    INPUT = 'kup-cell-input',\n    KEYUP = 'kup-cell-keyup',\n    UPDATE = 'kup-cell-update',\n}\n/**\n * Supported cell padding.\n */\nexport enum FCellPadding {\n    DENSE = 'dense',\n    MEDIUM = 'medium',\n    NONE = '',\n    WIDE = 'wide',\n}\n/**\n * Supported cell CSS classes.\n */\nexport enum FCellClasses {\n    BG_DANGER = 'danger-bg',\n    BG_GREEN = 'green-bg',\n    BG_GREY = 'grey-bg',\n    BG_ORANGE = 'orange-bg',\n    BG_PURPLE = 'purple-bg',\n    BG_SUCCESS = 'success-bg',\n    BG_TEAL = 'teal-bg',\n    BG_WARNING = 'warning-bg',\n    C_BG_DANGER = 'c-danger-bg',\n    C_BG_GREEN = 'c-green-bg',\n    C_BG_GREY = 'c-grey-bg',\n    C_BG_ORANGE = 'c-orange-bg',\n    C_BG_PURPLE = 'c-purple-bg',\n    C_BG_SUCCESS = 'c-success-bg',\n    C_BG_TEAL = 'c-teal-bg',\n    C_BG_WARNING = 'c-warning-bg',\n    C_CENTERED = 'c-centered',\n    C_FITTED = 'c-fitted',\n    C_PADDED = 'c-padded',\n    C_PADDED_HOR = 'c-padded-hor',\n    C_PADDED_VER = 'c-padded-ver',\n    C_ROUND = 'c-round',\n    C_RIGHT_ALIGNED = 'c-right-aligned',\n    C_SHAPED = 'c-shaped',\n    C_TEXT_VERTICAL = 'c-vertical-text',\n    CLICKABLE = 'clickable',\n    HOVER_DISPLAY = 'display-on-hover',\n    HOVER_EXPAND = 'expand-on-hover',\n    HOVER_REDUCE = 'reduce-on-hover',\n    INDICATOR_TOPRIGHT = 'top-right-indicator',\n    LINK = 'link',\n    MONOSPACE = 'monospace',\n    OBJ = 'obj',\n    SHAPED = 'shaped',\n    TEXT_DANGER = 'danger-text',\n    TEXT_INFO = 'info-text',\n    TEXT_PRIMARY = 'primary-text',\n    TEXT_PURPLE = 'purple-text',\n    TEXT_SECONDARY = 'secondary-text',\n    TEXT_STRONG = 'strong-text',\n    TEXT_SUCCESS = 'success-text',\n    TEXT_WARNING = 'warning-text',\n    UNDERLINED = 'underlined',\n}\n/**\n * Supported cell shapes.\n */\nexport enum FCellShapes {\n    AUTOCOMPLETE = 'ACP',\n    BUTTON_LIST = 'BTN',\n    CHART = 'GRA',\n    CHECKBOX = 'CHK',\n    CHIP = 'CHI',\n    COLOR_PICKER = 'CLP',\n    COMBOBOX = 'CMB',\n    DATE = 'DAT',\n    EDITOR = 'EDT',\n    GAUGE = 'GAU',\n    IMAGE = 'IMG',\n    INPUT_CHECKBOX = 'INC',\n    INPUT_FIELD = 'INF',\n    KNOB = 'KNB',\n    LABEL = 'LBL',\n    MULTI_AUTOCOMPLETE = 'AML',\n    MULTI_COMBOBOX = 'CML',\n    OBJECT = 'OBJ',\n    PROGRESS_BAR = 'PGB',\n    RADIO = 'RAD',\n    RATING = 'RTG',\n    SWITCH = 'SWT',\n    TABLE = 'TBL',\n    TEXT_FIELD = 'ITX',\n    TIME = 'TIM',\n}\n/**\n * Supported cell types.\n */\nexport enum FCellTypes {\n    AUTOCOMPLETE = 'autocomplete',\n    BAR = 'bar',\n    BUTTON = 'button',\n    BUTTON_LIST = 'button-list',\n    CHART = 'chart',\n    CHECKBOX = 'checkbox',\n    CHIP = 'chips',\n    COLOR_PICKER = 'color-picker',\n    COMBOBOX = 'combobox',\n    DATE = 'date',\n    DATETIME = 'datetime',\n    EDITOR = 'editor',\n    GAUGE = 'gauge',\n    ICON = 'icon',\n    IMAGE = 'image',\n    KNOB = 'knob',\n    LINK = 'link',\n    MULTI_AUTOCOMPLETE = 'multi-autocomplete',\n    MULTI_COMBOBOX = 'multi-combobox',\n    NUMBER = 'number',\n    OBJECT = 'object',\n    PROGRESS_BAR = 'progress-bar',\n    RADIO = 'radio',\n    RATING = 'rating',\n    STRING = 'string',\n    SWITCH = 'switch',\n    TABLE = 'table',\n    TIME = 'time',\n}\nexport const editableTypes = [\n    FCellTypes.AUTOCOMPLETE,\n    FCellTypes.CHECKBOX,\n    FCellTypes.CHIP,\n    FCellTypes.COLOR_PICKER,\n    FCellTypes.COMBOBOX,\n    FCellTypes.DATE,\n    FCellTypes.LINK,\n    FCellTypes.MULTI_AUTOCOMPLETE,\n    FCellTypes.MULTI_COMBOBOX,\n    FCellTypes.NUMBER,\n    FCellTypes.OBJECT,\n    FCellTypes.RADIO,\n    FCellTypes.RATING,\n    FCellTypes.STRING,\n    FCellTypes.SWITCH,\n    FCellTypes.TIME,\n];\nexport const kupTypes = [\n    FCellTypes.BAR,\n    FCellTypes.BUTTON,\n    FCellTypes.BUTTON_LIST,\n    FCellTypes.CHART,\n    FCellTypes.CHIP,\n    FCellTypes.COLOR_PICKER,\n    FCellTypes.GAUGE,\n    FCellTypes.KNOB,\n    FCellTypes.MULTI_AUTOCOMPLETE,\n    FCellTypes.MULTI_COMBOBOX,\n    FCellTypes.OBJECT,\n    FCellTypes.PROGRESS_BAR,\n    FCellTypes.RADIO,\n    FCellTypes.RATING,\n];\n/**\n * Payload of the event fired when a cell is updated.\n */\nexport interface FCellEventPayload extends KupEventPayload {\n    cell: KupDataCell;\n    column: KupDataColumn;\n    event: CustomEvent | InputEvent | MouseEvent | KeyboardEvent;\n    row: KupDataRow;\n    type: FCellTypes;\n}\n"]}