@sme.up/ketchup 11.0.0-SNAPSHOT-20260114090748 → 11.0.0-SNAPSHOT-20260120152125

package/dist/cjs/kup-gantt_10.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupPlannerRendererHelper = require('./kup-planner-renderer-helper-298e1b80.js');
+const kupPlannerRendererHelper = require('./kup-planner-renderer-helper-1580e8bf.js');
 const bar_helpers = require('./bar.helpers-c481a535.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 const kupGanttCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";
 const KupGanttStyle0 = kupGanttCss;
@@ -573,9 +573,9 @@ const KupGantt = class {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (index.h("div", { key: 'a38e38de2dc004c7a48769a3ac040de44467419d', class: "gannt-wrapper-main" }, index.h("div", { key: '0fad75695ee169714078b227b8de6f124dee5db0', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: 'd027db1788eaa25620b8ad863bd5fe646f55c058', 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 (index.h("div", { key: 'd2191f52fdb06bb2fe99cb907eef5baa5569038f', class: "gannt-wrapper-main" }, index.h("div", { key: 'fd6cb0c0a318e60a4374e9cbe9716a32e74f31d9', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: '61a876e9c49e4c724711f602ab605a6582bbeb5a', 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) }))), index.h("kup-task-gantt", { key: '09d4a9672942572a77988e040f7a932bfb721f15', 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 && (index.h("kup-tooltip", { key: '915903285c44e0ac9133d04974b230c266742f68', 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 })), index.h("kup-vertical-scroll", { key: 'a38dc321174226cff8bd101198cbf0ac6c4c86f5', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (index.h("kup-horizontal-scroll", { key: '0111ad64d21aba11e7e851ae37fd1bf40634f9e2', 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) }))), index.h("kup-task-gantt", { key: 'fc58fbada55dec4ebc38c33c7380a3171c588259', 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 && (index.h("kup-tooltip", { key: 'c18f303db3b4bcd3e3650aec4689edfa2d895347', 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 })), index.h("kup-vertical-scroll", { key: '4d8cc49fb8a3da620d874118d7e31f7c3644ce12', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (index.h("kup-horizontal-scroll", { key: 'd54604677d5ac0ba8d5a9b1036cda1f409ad44f1', 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 }))));
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -686,20 +686,20 @@ const HorizontalScroll = class {
         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 (index.h(index.Fragment, { key: 'd19d5140fd242ecada1ed9054b4708517a1a09a4' }, index.h("div", { key: '2870839005a9d568a1524b370a06cccb6c4d30ad', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (index.h("div", { key: 'b997f87d2704f1f59c23213bb82a1bb1c26e221e', dir: "ltr", style: {
+        return (index.h(index.Fragment, { key: 'c885724cedecca212bf3c1372421b41b53e2f92d' }, index.h("div", { key: '7a3bfbb59ce335f157a57923cfbdf04aeaaa77b6', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (index.h("div", { key: '4e0ee89fc96df870dda84a2ee96bc1015dfcf106', 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 }, index.h("div", { key: '178ff3a602d77758a8e90acef6a3059c38fdbd52', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, index.h("div", { key: '3fc810f39baacbff745d12e68be4408fc5c530f9', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), index.h("div", { key: '07fe15e8719cc72a4f269ce5cebc84069b20be99', dir: "ltr", style: {
+            }, class: "scroll" }))), index.h("div", { key: '5cd7f88b3a40ac77aedb12049b01fa8b0d6c8023', 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 }, index.h("div", { key: 'f71d2d18542d5d5ec01afc9ffce71ccf934e4e7f', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, index.h("div", { key: 'e1c72eb41e61444f377c8baf692077de8c7cab3f', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -720,7 +720,7 @@ const StandardTooltipContent = class {
         this.fontFamily = undefined;
     }
     render() {
-        return (index.h("div", { key: '8455a0b17be692444a634f2cf70163a14488133b', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: '9232678f0460e97ea98e6e4b32a9d6089016177f', 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 && (index.h("p", { key: 'd5898d40de76b38d68c14fcef6dbbd9c3989b40e', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: '4ce1c0c836a4ef1f69e2203f95e02453c5724ec6', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (index.h("div", { key: '09ecde1a9dfe3de75a8b5eac05bd9b0cbebcdad4', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: 'a04ac0fd2e9f9d138bdf8b349093f6482eab8698', 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 && (index.h("p", { key: 'b3a6ec6cd81a6f4e29942abc3a09cda4fd7e9b75', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: 'e5fdb8c38b60410cd4d07a91a805a07b364cdf40', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
 };
 StandardTooltipContent.style = KupStandardTooltipStyle0;
@@ -746,7 +746,7 @@ const KupSwitcher = class {
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (index.h("div", { key: '05c5b6234cd1f3a10f2d743c4681d4bb1671d6b9', class: "switcher" }, this.buttonLabels.map((label) => (index.h("button", { type: "button", class: {
+        return (index.h("div", { key: 'a9e438f09dbc74b59c3144bc9bb1f66192401fbb', class: "switcher" }, this.buttonLabels.map((label) => (index.h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, index.h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));
@@ -790,12 +790,12 @@ const TaskGantt = class {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (index.h("div", { key: '5e03e9964d25aa0a563705cf35c0b5226fbdbff6', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: '41253b77acb37b97428040ded4f6ad7175d982de', 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 }), index.h("div", { key: '92d4996699f0c9240b2d2e7770f2fa4a58f85a31', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (index.h("div", { key: '93a20ce59f9db6190919497ba41fba13b14c7201', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: '43eb21a9a38f36c308cbea5e004a9d787f54e503', 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 }), index.h("div", { key: '39e47edaafb98a1bd3f795a018582de9af120992', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, index.h("kup-grid-renderer", Object.assign({ key: '823eb509381a7bd93ff2223feaf077f7628e2475' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, index.h("kup-grid-renderer", Object.assign({ key: 'fa3d7700167be04ca1fdbab067d54d006dde39f0' }, newBarProps)))));
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -895,7 +895,7 @@ const TaskList = class {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (index.h("div", { key: 'f1e9c826bd0c16c7ba35890ca3c5e4fed54b2f30', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (index.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))), index.h("div", { key: 'ff482b0305c6af87bd3523af1da96785aa09f5ba', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (index.h("div", { key: '40d4a03047cb56b22c26ccab1b523a444e631e5f', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (index.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))), index.h("div", { key: '5dedfc982dea4986aede3b4d4ecb4e55127db9bf', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (index.h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = kupPlannerRendererHelper.getProjectById(id, this.currentTasks);
@@ -944,22 +944,22 @@ const KupTaskListHeader = class {
         this.rowWidth = undefined;
     }
     render() {
-        return (index.h("div", { key: '7a1dcffb3dbd4e842ce36a84738efb2b0d6c5aca', class: "ganttTable", style: {
+        return (index.h("div", { key: 'd9dc62f5c6bba850b8409a2969c97560c9c746d2', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, index.h("div", { key: '8ec26d9df577af777c16abb9549d392becea5eaf', class: "ganttTable_Header", style: {
+            } }, index.h("div", { key: '1bbb815537fbc7529293ed97b4ca5b5fe7e2293c', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, index.h("div", { key: '4a19c478bc19b85177580e572c70ea78602b47b5', class: "ganttTable_HeaderItem", style: {
+            } }, index.h("div", { key: '6c029e7772b1dea23ee01ecdeafd1ee4bb59799b', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), index.h("div", { key: '8ec90d51608ed246f9d444ab6451d69ea26527e4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), index.h("div", { key: 'dd7ffe766d73488bc89b50a538ff9429c59c580e', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), index.h("div", { key: 'fc21e7badaf86d47861d6e65dcc38d438ae0bdb2', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: 'e0105efd9f7554a9b1b7e73df21e196239f46bdc', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), index.h("div", { key: '90a2cae675cd2544212e8eb01a04440d897d2eb4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), index.h("div", { key: '44f980e7ffc6d831a5d03a160e4d61de77f9efc1', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), index.h("div", { key: 'a316f0ac966eb1a06290b001405f5e26e0a96b63', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: 'b4b186e84080a8f8c59842b0072881fb7c9eae02', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }
@@ -993,7 +993,7 @@ const TaskListTableDefault = class {
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (index.h("div", { key: '30b0323881864ffd11e58b1bcba3aa98b612ce29', class: "taskListWrapper", style: {
+        return (index.h("div", { key: 'c35ffa9ca3c1afbe1ac459d053dde5fed09ecd9c', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (index.h("div", { class: {
@@ -1082,7 +1082,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a22d376902b8e8d19bc8ead2c56160ac2f17560f', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: '3ae7daf201a7b98366257eba143a35649771480e', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (index.h("div", { key: '7c84a13c885619f2f158faff8de41bba63a0540b', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: '58ceb96ec388a2f8e3b97f76f44b2dc6ecf3a4b1', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -1136,11 +1136,11 @@ const KupVerticalScroll = class {
         };
     }
     render() {
-        return (index.h("div", { key: '52399c30c0f825c48d139a420188b56f50d5403b', style: {
+        return (index.h("div", { key: 'c1e75671eb304fc5163a2ba227a7df28e713e40e', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, index.h("div", { key: 'aff043ea45f09b0a7e04f66b8337f5f01b20a53d', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, index.h("div", { key: '9f36c029f583cce50cff795a5ecf6b0d5529d267', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/cjs/kup-grid.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-grid component.

package/dist/cjs/kup-htm.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-htm component.

package/dist/cjs/kup-iframe.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
-require('./kup-dates-8191989e.js');
+const kupManager = require('./kup-manager-2e996943.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-iframe component.

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-c084046d.js');
-const fCell = require('./f-cell-a903bc2f.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const fCell = require('./f-cell-214d1e20.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');
 require('./f-checkbox-e59d6bda.js');
-require('./f-chip-5593bdd7.js');
-require('./f-object-field-a208a86e.js');
-require('./f-text-field-83dd8cef.js');
-require('./kup-dates-8191989e.js');
+require('./f-chip-3f9b076c.js');
+require('./f-object-field-af4a33b1.js');
+require('./f-text-field-d0153948.js');
+require('./kup-dates-b7e6eaa1.js');
 require('./component-a6dd6c14.js');
 
 var KupInputPanelLayoutSectionType;

package/dist/cjs/kup-lazy.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-lazy component.

package/dist/cjs/kup-magic-box.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-7457eb26.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-magic-box component.

package/dist/cjs/{kup-manager-3dcd66b1.js → kup-manager-2e996943.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupDates = require('./kup-dates-8191989e.js');
+const kupDates = require('./kup-dates-b7e6eaa1.js');
 const index = require('./index-c7d441d8.js');
 
 /**

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 const navbarClass = 'nav-bar';
 /**

package/dist/cjs/kup-numeric-picker.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-83dd8cef.js');
+const fTextField = require('./f-text-field-d0153948.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 require('./f-image-7457eb26.js');
 require('./component-a6dd6c14.js');
 

package/dist/cjs/kup-object-field.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const fObjectField = require('./f-object-field-a208a86e.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const fObjectField = require('./f-object-field-af4a33b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-c084046d.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');
-require('./f-text-field-83dd8cef.js');
-require('./kup-dates-8191989e.js');
+require('./f-text-field-d0153948.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-object-field component.

package/dist/cjs/{kup-planner-renderer-helper-298e1b80.js → kup-planner-renderer-helper-1580e8bf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupDates = require('./kup-dates-8191989e.js');
+const kupDates = require('./kup-dates-b7e6eaa1.js');
 
 const columnWidthForTimeUnit = (timeUnit) => {
     switch (timeUnit) {

package/dist/cjs/kup-planner-renderer.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupPlannerRendererHelper = require('./kup-planner-renderer-helper-298e1b80.js');
+const kupPlannerRendererHelper = require('./kup-planner-renderer-helper-1580e8bf.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
-const kupDates = require('./kup-dates-8191989e.js');
+const kupDates = require('./kup-dates-b7e6eaa1.js');
 const kupPlannerTimeFormatter = require('./kup-planner-time-formatter-b7dca3ea.js');
 
 const CustomTooltipHOC = () => {
@@ -230,13 +230,13 @@ const KupPlannerRenderer = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '480764bfd698923993335489a0b7b584eed54909', class: "planner-render" }, index.h("kup-switcher", { key: 'f88a44637e3c2626ff3b74878bc9b00ae960ae1a', timeUnitChange: (timeUnit) => {
+        return (index.h("div", { key: '31bcd14890d1f90ebafa98b012c87e1cf53c36b0', class: "planner-render" }, index.h("kup-switcher", { key: '3b6e5d1e15fb0669ef16d6521ec07e12ace206a9', 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 && (index.h("div", { key: '5ea807f596c11da4256cdd5c71f0555fb624a893', style: {
+            } }), this.props && (index.h("div", { key: '56232f813d1f4fe8bfd89c2a40cc8e9ceb93c171', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, index.h("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: kupPlannerDeclarations.KUP_PLANNER_MAIN_GANTT_ID, key: kupPlannerDeclarations.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: kupPlannerRendererHelper.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/cjs/kup-planner.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager$1 = require('./kup-manager-3dcd66b1.js');
+const kupManager$1 = require('./kup-manager-2e996943.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-83dd8cef.js');
+const fTextField = require('./f-text-field-d0153948.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 require('./f-image-7457eb26.js');
 require('./component-a6dd6c14.js');
 
@@ -647,7 +647,7 @@ const KupPlanner = class {
         if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
             plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
         }
-        return (index.h(index.Host, { key: 'dcd1202b66b5434c37199f6c06aa91678ac1dcd9' }, index.h("style", { key: '12f900ba8b2cad0f4a51a1c7723562501ef01358' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'dc05d96e7aa3777c555658f553a468e7d500b7b6', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: '536746000b7f926a253f7da758638bd790352997', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: '6266dcf6c314fd9a86739fff1a264f8f0a03de42', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: 'a6bc56d0ebafd7e72d0828c116aabedc83fa6687', icon: kupManager$1.KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (index.h(index.Host, { key: 'ac790d4d83c76a1be2d80464f70364a9d6aaad67' }, index.h("style", { key: '158482a3f91ce74f33a10a55feeee754196926fd' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '006d3f71fcca856728608ff0b925881a8ae998ed', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: '3ef081a1021b808bbe4419904129f6f1376d39f5', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: '6744b9b88d5de30520e26b040bb07598b84c7ccd', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: 'cc672aaa4680ce5ba1c6ac97a415c5fd1a5beef6', icon: kupManager$1.KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

package/dist/cjs/kup-probe.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 const KupProbe = class {
     constructor(hostRef) {
@@ -239,7 +239,7 @@ const KupProbe = class {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (index.h(index.Host, { key: '134329eea6b6b3ab8103291c442eaebd750007f2' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: 'e960f26058b67e1d2e28ce2950ed85a04b790dad', id: GenericVariables.componentWrapperId }, this.content)));
+        return (index.h(index.Host, { key: '95c7a1140ee7d24437a295a8a9df0506ccc80fde' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: 'f4b51769157131bd3be8916dea8606e76b0525eb', id: GenericVariables.componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

package/dist/cjs/kup-qlik.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
-require('./kup-dates-8191989e.js');
+const kupManager = require('./kup-manager-2e996943.js');
+require('./kup-dates-b7e6eaa1.js');
 
 const kupQlikCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
 const KupQlikStyle0 = kupQlikCss;
@@ -120,7 +120,7 @@ const KupQlik = class {
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (index.h("div", { key: '7c33b47b57d39d5b899980e6e57e5150ea14ee6b', class: classLayout, style: layoutStyle }, this.divlist));
+        return (index.h("div", { key: '79d257bc81e4d1b46fbaffb670e45c5d9f6ecffb', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

package/dist/cjs/kup-snackbar.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c084046d.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');
 
@@ -119,7 +119,7 @@ const KupSnackbar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'd7e3cfd2223e0cffa157e7871e1eb4123adcf2c3', "kup-visible": this.visible }, index.h("style", { key: '55cd5de0dd60b1716b1acd33fa6add02e933fb7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '7bebe27348c78f5a05389c03514dfbe675aac387', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'c8c7478ab052a483321f0fa89e62a7d6e8acf25c', class: snackbarClass }, index.h("div", { key: '9e56781ef537a90c865f8bff940c7068c4ab5d15', class: "snackbar__text__block" }, index.h("div", { key: '47a1d6d1b55d4bf9f87502e36fd50d7418bc5476', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: 'a67eb8f25340307a44e35aeafd02e6edb0da1b9d', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (index.h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (index.h("div", { class: `${snackbarClass}__action` }, index.h(fButton.FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (index.h("div", { class: `${snackbarClass}__close` }, index.h(fButton.FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (index.h(index.Host, { key: 'edaa5773e1f247089ec4253026f065394e92015c', "kup-visible": this.visible }, index.h("style", { key: '78772359c1a75e5a778d3738080fa14e8f022ec5' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '73cd32fcf6c724dc453751385c66f8c65184b063', id: GenericVariables.componentWrapperId }, index.h("div", { key: '3dce3d503891b8a48aa7233b0c19f12eef4882db', class: snackbarClass }, index.h("div", { key: '32b77a6887f1a61bd95218bcecdfea4894c28bad', class: "snackbar__text__block" }, index.h("div", { key: '35707116d1e55c55a5c80d4ca5b78e955d431c89', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: 'b3a38b0ffdda4aad70d99e0b71b0f167412d9e7e', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (index.h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (index.h("div", { class: `${snackbarClass}__action` }, index.h(fButton.FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (index.h("div", { class: `${snackbarClass}__close` }, index.h(fButton.FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/cjs/kup-txt.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-txt component.
@@ -92,7 +92,7 @@ const KupTxt = class {
     }
     render() {
         const value = this.getValue();
-        return (index.h(index.Host, { key: 'a949dee0d42eef7f57d104d3311c28f12eb92754' }, index.h("style", { key: 'e41e8469db32acccd76270c6a5036dc3303e08a3' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '6133d713e5f54e12100ff474aa7e281513362e4c', id: GenericVariables.componentWrapperId }, index.h("div", { key: '23f3638434a70447c508b314bcbdf497615fb73a', innerHTML: value }))));
+        return (index.h(index.Host, { key: 'a10112aaf7700ba312d16963460ed3c9d2c2b734' }, index.h("style", { key: 'c2a28c8a0ac3abebd543ce5421a53dc58a533e3a' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '1cf36a91e20a6dfe7aefb9351394ae7c07c75ef6', id: GenericVariables.componentWrapperId }, index.h("div", { key: '1c1387de02d4bba7316bfd8156ade171d3095837', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

package/dist/cjs/kup-typography-list.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-typography component.
@@ -189,7 +189,7 @@ const KupTypographyList = class {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (index.h(index.Host, { key: '36e226b6216bcf060f775362b80ca2db7a848f18' }, index.h("style", { key: '403a533b3ee961802706c9c804dacf6991b0a80f' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '20d58d63664a938c0791c43ddee20a7703272837', id: GenericVariables.componentWrapperId }, index.h("div", { key: '28456e42adbbd778d1448b3d7991318fe226792c', class: "typographies-wrapper" }, typograhy))));
+        return (index.h(index.Host, { key: 'b65f02fddb6740b9874b508620d77f3b90163aff' }, index.h("style", { key: '5c50fde615e86375c6907153f2377168cbf4b9b9' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '389432e13d514b30bf2933051f93e2e6dc598b84', id: GenericVariables.componentWrapperId }, index.h("div", { key: '5014fcf7eb1abacd2620234a154739a52143a35d', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/cjs/kup-typography.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const kupManager = require('./kup-manager-2e996943.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-7457eb26.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-b7e6eaa1.js');
 
 /**
  * Props of the kup-typography component.
@@ -266,7 +266,7 @@ const KupTypography = class {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (index.h(index.Host, { key: '5270a8122e71e35297f8da9e94cf74369f06c82d' }, index.h("style", { key: '286cc3b9e09d319dc409b4b3c1c24778cbe1b16e' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '21b13447c0c9ba12172eaf09dc1edb15d30f2b9e', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: 'd1b0d3855fd17c50b16eac4103874a448bb8a67c' }, props)), this.infoIcon && (index.h(fImage.FImage, Object.assign({ key: 'df0bf221c7e710d7ce6707a58e8372e1bdaf2cf4' }, infoIcon, { onClick: async (event) => {
+        return (index.h(index.Host, { key: '29ca3b4e04ec2cba980edc7b6fd1172319d3b9e8' }, index.h("style", { key: '40226fadb9e020b1302fa3e09daa8520153f68e9' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '34e185d799689dcd44e5251f1c6ea68563bb3b5e', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '4a2aa1c131c06ff2b9ea1047afa8d0550c74cfcb' }, props)), this.infoIcon && (index.h(fImage.FImage, Object.assign({ key: '90c63c2d4cda0c8ae0d5181dacc597da1e3f51b5' }, infoIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.infoCallBack();
@@ -277,7 +277,7 @@ const KupTypography = class {
                 else {
                     this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
                 }
-            } }))), this.toolbar && (index.h(fImage.FImage, Object.assign({ key: '162eb2dca2b0d56cea74c14c9d52db262f77d9b2' }, toolbarIcon, { onClick: async (event) => {
+            } }))), this.toolbar && (index.h(fImage.FImage, Object.assign({ key: '965b4962448e4d505fec34a23a4bc9680df84d6c' }, toolbarIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.toolbarCallback();