@sme.up/ketchup 10.4.0 → 10.4.2

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-7dfe474d.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-2ff08e4f.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: '369ec43109afb9a6f40446e806faf1f54dd67a43', class: "gannt-wrapper-main" }, index.h("div", { key: '52c2d71a0508119b1e252d196079af28c36ffea9', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: '7bff507a44beaae83ac961dea8bad526b684d3b2', 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: '60e583165b2559dfeac328cb17f8bae5bfcd5dd6', class: "gannt-wrapper-main" }, index.h("div", { key: '62b786f1e7c614dc37e1872de8bcff9ac8b8019a', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: '7592522b4b29f45b037e33c1041cfff90d424e93', 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: '6d82fda19eaaf819c71a5772a52ec63319c34174', 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: 'b2b16a3153dac7ee314be92db91cafd2279df83e', 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: 'c3bfcc814a946ec6c32f372288fb020c31906eee', 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: 'faafe36d199295d0d3d53405c8df3c5fe67cf94e', 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: 'b687539013865f3e11e4b8f56031442ac84c28e0', 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: '670437ff57b69b0a9ca9278ee7d6d63e01382c5d', 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: 'db4f2b9d53ae5f8e8c4e4e2e762d0425498f49c3', 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: 'c1a5a4de44c7519f7abf08e18bd0993440ef31a8', 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: '1cb5cc72c0e08db314e6ead1a39180e6a20ed6f9' }, index.h("div", { key: 'da412f0efab8374f0bbc7cf4ab125d7e113543ee', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (index.h("div", { key: '40344cef778d4b9051cf1d321b7b49e82e3bb35c', dir: "ltr", style: {
+        return (index.h(index.Fragment, { key: 'f3b55ade278b97bd84d78c543a465ab43cb0c04b' }, index.h("div", { key: 'd055d4cce94f6bfe8e590d0edbb2185763b0e14e', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (index.h("div", { key: '9b56debdb882b93b65098e38bbff1fbce0dc79a0', 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: 'f39845955cc68e1900c597bc13966e2daf6e336c', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, index.h("div", { key: '5b4508bfd4e72006153cd9f368675a87f6809e22', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), index.h("div", { key: '8aa6d6fbbd7fea960479851a816d93b31c971269', dir: "ltr", style: {
+            }, class: "scroll" }))), index.h("div", { key: 'bfd573478aa4930a0b97a6a57c76412f67568ec1', 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: 'd0502cab3f7a0e3cb145f903b4ce5c708ec5917e', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, index.h("div", { key: '48ec74f46bdd8f6197a55efea02b5160527f350f', 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: '7427840d8808ed3ebbc8b57f8bd4653243a6e9a1', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: '1d7aaa16b5fa91322952d235ac8a6ba90d4a3083', 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: 'a30ef9c69dc7091d0f935d64d76ce6aa5eb32d4c', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: '2cbb86c782ec3c4e87e2ddfaf2717bada396f664', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (index.h("div", { key: '82b85f32d22dcae1462fd312514ba3424d6584dd', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: 'a23740dc4f62fc0082c191bcaff8afcaa9a8ec4a', 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: '660e8de0eb4236d960df443dffb5708d7ce499f4', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: 'f73f6a08eb3dd22ad7f923f1b07e6cba91069d72', 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: 'd24d4bc2fd86820f8ec6970387020b7d2b6088d1', class: "switcher" }, this.buttonLabels.map((label) => (index.h("button", { type: "button", class: {
+        return (index.h("div", { key: '8a4858f83d42bfa9a379ed3f18695c01d0ed4475', 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: 'e2b4a8dff37cb823329dd6cbf6ea4ed7a9b81e33', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: '156ef3dc8e066fa143ca2b27c945e5487299b87b', 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: '994c441039334c518f9c45bcb1b197ecc0ca5073', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (index.h("div", { key: '0cec2ff8e11685d0c8e8a16290ea51c5548e4fe5', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: 'b698770fca2c44b63a5385196ed28e08173d1064', 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: '23528d2ce63dcb93273e55c18ea185574be35179', 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: 'f7b9656624c914819676bebc1891d9d388c7bfe7' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, index.h("kup-grid-renderer", Object.assign({ key: 'c02affad8b979a692a64447d3595348fce0d3d47' }, 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: 'f934b78d05a4851af330799a723b9afe0a2be36d', 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: '0ee50961a474dac562d97548df584e98c07360fa', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (index.h("div", { key: '5e63f1a7961d981b1fc6abc1d45f7723a708125d', 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: '04af20cf452169c48897955fbbb8e650e0bfbd9b', 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: '4efef768654d5ee326236b20138a45aac4428125', class: "ganttTable", style: {
+        return (index.h("div", { key: '0ac0ecde64e3ae1368ddad733a009344d53cfabe', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, index.h("div", { key: '37faca5980c085750eb731dee64e3e3ed4a2897f', class: "ganttTable_Header", style: {
+            } }, index.h("div", { key: 'a0ae6af8421142fc9ef50763e9f83b582a5255a1', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, index.h("div", { key: '19d84c87983e55eb0af2c5a1a0e6cb173616bea5', class: "ganttTable_HeaderItem", style: {
+            } }, index.h("div", { key: '2d27d23088e3269d64723d3dd69289dd2b50f52d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), index.h("div", { key: '1e5526e24c54a2b1a648df22eec6e40a5a0ec0be', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), index.h("div", { key: 'c8ca38d5fea9640c5fac63e80010201af37ae159', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), index.h("div", { key: 'e5a506727de0d36230317b9920840ef5ac26fa9f', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: '0997635040e6f0a8681c99f61fae06a7db44a1bc', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), index.h("div", { key: '3346d2674ee3c6d75fe524b70e26166d68850cd4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), index.h("div", { key: 'd65fb8115fe35b59a5af8527d431a29df959cd8b', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), index.h("div", { key: '607b1f90fe2b97b614165e97c05926b2149f8e7c', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: 'b81dd60c7c5207f2aa69eddbe5e2c57db9fbdb6a', 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: 'e7368c350429accbf8713109fe99c73c4cb6a850', class: "taskListWrapper", style: {
+        return (index.h("div", { key: '57c731aef0c7bc0c04628ef6044b034486b616de', 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: 'aacfee9b9521a7da47c42959ddba11cc13a2d86e', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: 'c4c45b5f181e23ead0bdb3dc9b6cf5e78458cf6e', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (index.h("div", { key: '93f584faebff866e284024a54906d8dee569f8bb', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: 'fd287965b4608a4468150cb78ffd7db8fba2a13e', 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: '8e3600213a2d21a94dbb232a0dd2b83c332fc093', style: {
+        return (index.h("div", { key: '7c51a0f660ddf3e8bd92481ee3d231b432673477', 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: 'f11b5279bb0fafa024cf92df8a9960fb4fdaa8d5', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, index.h("div", { key: '40e5807dfed85935ff06b86406faf165b95409d0', 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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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-57f5a949.js');
+require('./kup-dates-2ff08e4f.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-148f4ea6.js');
-const kupManager = require('./kup-manager-3dcd66b1.js');
+const fCell = require('./f-cell-2dce1c47.js');
+const kupManager = require('./kup-manager-57f5a949.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-b2b2de76.js');
+require('./f-object-field-508fe712.js');
+require('./f-text-field-5634b79e.js');
+require('./kup-dates-2ff08e4f.js');
 require('./component-a6dd6c14.js');
 
 var KupInputPanelLayoutSectionType;
@@ -426,7 +426,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: 'eb448c352225b19aadac2149a1825a37fe7a60e5', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (index.h(index.Host, { key: '00deead0b135a903f40950d56895ace23a76ff5b', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK);
@@ -436,7 +436,7 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, index.h("style", { key: 'ba737155b6b61af289bf561a84a8d70a2b438074' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a5951fea35614ee601e0ac5469ab46306761263b', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, index.h("style", { key: 'a2f02d07be7561e95bff1a42385c51576abc86f2' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'bfe6d241058a81024eb27df04a188289bb16390f', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -825,7 +825,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     let length;
     if (fieldCell.cell.shape == kupManager.FCellShapes.DATE) {
-        length = field.absoluteLength > 8 ? field.absoluteLength : 8;
+        length = fieldCell.cell.value
+            ? fieldCell.cell.value.length
+            : field.absoluteLength > 8
+                ? field.absoluteLength
+                : 8;
     }
     else {
         length = field.absoluteLength;
@@ -1282,7 +1286,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             : (_d = (_c = cell.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d['kup-list'];
         if (kupListData) {
             kupListData.data = (filteredRows === null || filteredRows === void 0 ? void 0 : filteredRows.length)
-                ? (_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : []
+                ? ((_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : [])
                 : [];
             kupListData.options = (_f = options.columns) !== null && _f !== void 0 ? _f : [];
         }
@@ -1331,7 +1335,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
                 // Update the autocomplete list data
                 const kupListData = targetCell.data.data['kup-list'];
                 kupListData.data = filteredRows.length
-                    ? (_f = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cellValue)) !== null && _f !== void 0 ? _f : []
+                    ? ((_f = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cellValue)) !== null && _f !== void 0 ? _f : [])
                     : [];
                 kupListData.options = (_g = options.columns) !== null && _g !== void 0 ? _g : [];
                 // Update the component data and refresh

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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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-57f5a949.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-2ff08e4f.js');
 
 /**
  * Props of the kup-magic-box component.

package/dist/cjs/{kup-manager-3dcd66b1.js → kup-manager-57f5a949.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupDates = require('./kup-dates-8191989e.js');
+const kupDates = require('./kup-dates-2ff08e4f.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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-83dd8cef.js');
+const fTextField = require('./f-text-field-5634b79e.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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-508fe712.js');
+const kupManager = require('./kup-manager-57f5a949.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-5634b79e.js');
+require('./kup-dates-2ff08e4f.js');
 
 /**
  * Props of the kup-object-field component.

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupDates = require('./kup-dates-8191989e.js');
+const kupDates = require('./kup-dates-2ff08e4f.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-7dfe474d.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
-const kupDates = require('./kup-dates-8191989e.js');
+const kupDates = require('./kup-dates-2ff08e4f.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: 'c1cc0fe4d44331b5b75fb35b0afbd913caf7f622', class: "planner-render" }, index.h("kup-switcher", { key: '3c125419b5912ff9c9b9c24adba71dda785fa01d', timeUnitChange: (timeUnit) => {
+        return (index.h("div", { key: '453105f0084dc546f2ec3582d0c9baa941bf312b', class: "planner-render" }, index.h("kup-switcher", { key: 'bed5ea35a8e286999d2aeccf4ac3910b8e640631', 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: 'cf92a3212f97ec496aa30ff6b7eec91e831e4b14', style: {
+            } }), this.props && (index.h("div", { key: 'a62b73855e3cfba1dcc08965d3b4d4d62184d4a9', 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-57f5a949.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-5634b79e.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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: '07f4dd3d5e91864ee8f6d01705a89b3ff14a99f7' }, index.h("style", { key: '9e415c959cb6757efa80680eac6920cc19a82b89' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'fde2bd441bbf3df7a423f97bc3d5dc97cbb7f943', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: 'c389726acbf2859a311ace7121423260de2b3b2c', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: '92758b8acc38cfca30d65b405888e58f4a4bd1f1', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: '8645ce7ea69ec2e2d084a7487c691d7291de8a67', 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: 'b92ccaa55c0653a32090bd2f8d56137ca3c020c1' }, index.h("style", { key: '0c84264c55e0bc13bab866b0240200851ca2d278' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'b13e4e3f5736fb548b1b4090948ed1bfbcf5c2b7', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: 'cb5cb8c176fb49c8b3dc4ff8bf68aa383ea3b3b6', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: 'b17375ff799b641dd10154ea34b62e595237a260', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: '2b2c91d6a081640b8bda0b693ddcd89a9610e229', 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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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: '62508785a36efee2c2e6496aad81384ee7e3275d' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: 'd2a02de79960d37fb1f1286b1cee4622fe6a927e', id: GenericVariables.componentWrapperId }, this.content)));
+        return (index.h(index.Host, { key: 'd57507f01e7167b2bcd747a0ae0adb9609d15bbc' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: 'b319542bab128cc6b10ec5974138937d80abcb4c', 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-57f5a949.js');
+require('./kup-dates-2ff08e4f.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: 'f3eecc02e2348c5ecb70e5c1af65f81a70700df4', class: classLayout, style: layoutStyle }, this.divlist));
+        return (index.h("div", { key: '458836be7c3870d32d0a142c619f0066e0fab2f1', 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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c084046d.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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: '8e339635552d6add69225e0ecce153e8ec0a73b4', "kup-visible": this.visible }, index.h("style", { key: 'f6dd4e5705b8d2ec000c3e03e4cbbeb255825b29' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '025c173a39f349077790152a5c7c5b9cb3347cbd', id: GenericVariables.componentWrapperId }, index.h("div", { key: '74223c5b382fa92880eaa5cfaef625f50b1a6b8f', class: snackbarClass }, index.h("div", { key: 'e9d6d1b71ed306cf1cf331957a5348fc2707fcda', class: "snackbar__text__block" }, index.h("div", { key: '24007c50fca61e04b98bb814b3610f161b404bfb', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: 'b57401a3b251ca6df47161aa0137850ee6c32ea9', 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: 'aa40cab79131b0d8c2c860a050c8f3fdbcb9b6e7', "kup-visible": this.visible }, index.h("style", { key: 'acdb6c16d4d3c5be3d433658c6a37c79a5924fea' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9e567e084d777d367a8feea31ec149f72c7c1fad', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'b7951c8c95092813bbedf34c0398055906510936', class: snackbarClass }, index.h("div", { key: '75af698941190ad2d258d6e8c1877f5c627c664c', class: "snackbar__text__block" }, index.h("div", { key: '86950852abc9bbdd15e19f5ec8b22c92c9272c1e', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: '89ff3fed4e4eef668da888bd45a7f287c1652361', 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-57f5a949.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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: '5f57a6c37836e641e03eebf555bee29cdc3e5bee' }, index.h("style", { key: '573b5bbf0370db31925a2610296a40feeb246586' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '5b980450092ef3310be8f8fa427de7ba2c9dd05c', id: GenericVariables.componentWrapperId }, index.h("div", { key: '73fe2f90e040d253f3a9e73466e038cd6a7346f2', innerHTML: value }))));
+        return (index.h(index.Host, { key: 'ea70abb7211e2417b019113575e113f2e3c1f3e0' }, index.h("style", { key: 'edfe421f84541cf00bf3bf1564a7d92fcf219fc9' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '1b0fb15e2df1502c35a5a33087e9901a9bc71549', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'b2e0b622b23e2847f57caff1b39ebb0922dbd974', 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-57f5a949.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-require('./kup-dates-8191989e.js');
+require('./kup-dates-2ff08e4f.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: 'dfc7f97e2ec1b02bb6fada06eaf886ed0077f0b5' }, index.h("style", { key: '701a165da1e689cd5827aa4d8dfdcc7715e711f3' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '5a39d46931703da7d0a5341b4cb0d00660715050', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'a9c64db46bb31d4aa67140eee1f37ef02c7029c2', class: "typographies-wrapper" }, typograhy))));
+        return (index.h(index.Host, { key: 'fe46fa2e9c4b087812bbc31953125b891a980887' }, index.h("style", { key: 'b962671bbaf0632c1f153a13d1aefec4f01a19b5' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '087aa8e59f12ffd537f9204a417a3edb650355cb', id: GenericVariables.componentWrapperId }, index.h("div", { key: '8d939397c90ae7f1801853833097f2c0d78848cd', 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-57f5a949.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-2ff08e4f.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: 'a796fb665c5b6a0f9469cae8705d09a4055fefb8' }, index.h("style", { key: 'eb211372a21a52103910b3b4e431bced88a462a8' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'b8e99aabf408426c5580d460ec5e6d7334742393', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '59524a232931c198d4134675d0cff1ab329e5075' }, props)), this.infoIcon && (index.h(fImage.FImage, Object.assign({ key: 'b2c434102df3058f07eb464c09ab513259a49974' }, infoIcon, { onClick: async (event) => {
+        return (index.h(index.Host, { key: '4d9b49a70410c35af3d8fa1c5868a6cfb1ee5420' }, index.h("style", { key: 'd614ca7ac690e2b84fecf531c0a35ef450fe97b0' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '1518f326fa6e41f67b5208ade340e6e949f168bf', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: 'd7d9b24f7707041edd45e1d526d3e73d754137cd' }, props)), this.infoIcon && (index.h(fImage.FImage, Object.assign({ key: '1edfaa26af5dd36705f7abb793835db19e73abae' }, 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: '2fd02b52d80376072e8c40deec1c393bf1b4a2cf' }, toolbarIcon, { onClick: async (event) => {
+            } }))), this.toolbar && (index.h(fImage.FImage, Object.assign({ key: '9b4e57e71be401942c814ddded5208c6e68d9db3' }, toolbarIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.toolbarCallback();