@sme.up/ketchup 10.3.10 → 10.3.11

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, f as forceUpdate, d as getElement, F as Fragment } from './index-9b0f4a0d.js';
-import { f as ganttDateRangeFromTask, s as seedDates, g as getPhaseById, b as getProjectById } from './kup-planner-renderer-helper-373880b5.js';
+import { f as ganttDateRangeFromTask, s as seedDates, g as getPhaseById, b as getProjectById } from './kup-planner-renderer-helper-64388bf8.js';
 import { r as removeHiddenTasks, s as sortTasks, c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection } from './bar.helpers-23a51579.js';
 import { e as KUP_PLANNER_MAIN_GANTT_ID } from './kup-planner-declarations-0704bc6c.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.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;
@@ -569,9 +569,9 @@ const KupGantt = class {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '7109becf8a0ea79cbe9489fff82bf89facac47d8', class: "gannt-wrapper-main" }, h("div", { key: '0a1a55f4456c4ea98d5ef475c0b2e18e46bc38ba', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'b29c1fcf3224e67406865a0576fb3d2c24152ea2', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '369ec43109afb9a6f40446e806faf1f54dd67a43', class: "gannt-wrapper-main" }, h("div", { key: '52c2d71a0508119b1e252d196079af28c36ffea9', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (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) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '4370f993f3967101d0f11b8eb1918660bd726e69', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '982893b5d115152c0c0120ad3e7f5f90108f0c0e', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: '0689e0a21b20efe6acfd410132dafb6b2372e88c', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '58e1f3fb41585e0606164ca9a13ad726ce146479', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '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 && (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 })), 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 && (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 }))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -682,20 +682,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 (h(Fragment, { key: '3ee4b33c6e25fcb70d69e395b8ab87e1266815de' }, h("div", { key: 'd809cc34591742ab2d3e830660c6235729f4bfd6', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '002f716ebd2194fdaa4747abbd815dede2310e1f', dir: "ltr", style: {
+        return (h(Fragment, { key: '1cb5cc72c0e08db314e6ead1a39180e6a20ed6f9' }, h("div", { key: 'da412f0efab8374f0bbc7cf4ab125d7e113543ee', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '40344cef778d4b9051cf1d321b7b49e82e3bb35c', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px 20px 0px 20px`
                     : `0px 20px 0px 20px`,
                 maxWidth: `${width + 20}px`,
                 minWidth: `${width + 20}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '80dd4ee1e4ce5255123d1791b8e7f9e3f7850aac', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: 'f39845955cc68e1900c597bc13966e2daf6e336c', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '56532ce90b37842411a32644290aec2f7afe4db6', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '8aa6d6fbbd7fea960479851a816d93b31c971269', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
                     : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'd2e5a2ede41bdcf2132abd148e5cb305f651616e', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'd0502cab3f7a0e3cb145f903b4ce5c708ec5917e', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -716,7 +716,7 @@ const StandardTooltipContent = class {
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: '6cb39ed2774a2a085b59614a28bcf6c4b1f412e5', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '14ba484605e8f431864e4a004b52d207832c6767', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: '8d73ed8b0710111547347adf7af9f69ed2f542f6', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'bf91f317858b1ac75f4e9f5a63643cf452ab8675', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '7427840d8808ed3ebbc8b57f8bd4653243a6e9a1', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, 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 && (h("p", { key: 'a30ef9c69dc7091d0f935d64d76ce6aa5eb32d4c', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '2cbb86c782ec3c4e87e2ddfaf2717bada396f664', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
 };
 StandardTooltipContent.style = KupStandardTooltipStyle0;
@@ -742,7 +742,7 @@ const KupSwitcher = class {
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '012133b0d55d66f293a148606fd4535d1fe6bb65', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: 'd24d4bc2fd86820f8ec6970387020b7d2b6088d1', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));
@@ -786,12 +786,12 @@ const TaskGantt = class {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: 'f07dc11e68fd4a3d081565afb74c72242e28ebc3', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '2ec6d0997f8e7a8cdff87c23aa20cddb8435cb96', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '8287ac5fcdc637e2c8628e5c6d5d34c5e91b084e', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'e2b4a8dff37cb823329dd6cbf6ea4ed7a9b81e33', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, 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 }), h("div", { key: '994c441039334c518f9c45bcb1b197ecc0ca5073', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '44155198710cbd533f55902f4601fa005b1df42c' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'f7b9656624c914819676bebc1891d9d388c7bfe7' }, newBarProps)))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -891,7 +891,7 @@ const TaskList = class {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: 'e0c4cb1d320c69f860837e7090041f7b82105681', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: '8909145b3ddca6f008e839e354acdcd389d41c68', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: 'f934b78d05a4851af330799a723b9afe0a2be36d', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: '0ee50961a474dac562d97548df584e98c07360fa', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = getProjectById(id, this.currentTasks);
@@ -940,22 +940,22 @@ const KupTaskListHeader = class {
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: '293191d3067a68bc17b57880677a4faca34ee7b1', class: "ganttTable", style: {
+        return (h("div", { key: '4efef768654d5ee326236b20138a45aac4428125', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'e95afea053674ea5bddd77f53caae5ec0e520a1e', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '37faca5980c085750eb731dee64e3e3ed4a2897f', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: 'f3803e5e576f6f4bc546d9e44e2ddc626f6223de', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '19d84c87983e55eb0af2c5a1a0e6cb173616bea5', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: 'cb678b5973523373bc77eda9daab276dcfeebec5', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '1e5526e24c54a2b1a648df22eec6e40a5a0ec0be', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: '7c8085cdb3652ed6568c3eec0602308ab46f6220', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'e5a506727de0d36230317b9920840ef5ac26fa9f', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '6dad7a8de061e5fa002c2dd2fc532ffaf05fe446', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '3346d2674ee3c6d75fe524b70e26166d68850cd4', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '320418a8acb51dc66b8178d24067f13cfbd4ad0c', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '607b1f90fe2b97b614165e97c05926b2149f8e7c', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }
@@ -989,7 +989,7 @@ const TaskListTableDefault = class {
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { key: 'e679acf83ddd939b7fa1f96b7a708ae98862cb43', class: "taskListWrapper", style: {
+        return (h("div", { key: 'e7368c350429accbf8713109fe99c73c4cb6a850', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {
@@ -1078,7 +1078,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (h("div", { key: '965668f55b0349e1c67af6c3bd220aec057cca19', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'e1b3465091843453afbd6ff05a976dc29d983ec5', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: 'aacfee9b9521a7da47c42959ddba11cc13a2d86e', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'c4c45b5f181e23ead0bdb3dc9b6cf5e78458cf6e', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -1132,11 +1132,11 @@ const KupVerticalScroll = class {
         };
     }
     render() {
-        return (h("div", { key: '58119aaa3b6e87beccd6927780c3784134c61538', style: {
+        return (h("div", { key: '8e3600213a2d21a94dbb232a0dd2b83c332fc093', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '4459a998887c99a3739bad71176d138ed7468492', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f11b5279bb0fafa024cf92df8a9960fb4fdaa8d5', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 
 /**
  * Props of the kup-grid component.

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 
 /**
  * Props of the kup-htm component.
@@ -85,7 +85,7 @@ const KupHTM = class {
     render() {
         var _a;
         const isLink = __classPrivateFieldGet(this, _KupHTM_instances, "m", _KupHTM_isObjectCompatibleWithHTM).call(this, (_a = this === null || this === void 0 ? void 0 : this.data) === null || _a === void 0 ? void 0 : _a.obj);
-        return (h(Host, { key: 'a75ee63e4afdad2cf7b59f6fd4f22824453c6599' }, h("style", { key: '6d1abbec22dd12d108fb2a5002ca8cfbba81baff' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5eb44d4501f2f9dc41ec8b808e9b1ef28f7d5e44', id: componentWrapperId }, h("div", { key: 'bef0fb7dd39e01f3693d927941441a91a1e357c5', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("kup-button", { label: __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB), sizing: 'small', class: 'kup-secondary', icon: "open-in-new", styling: 'flat', trailingIcon: true, onClick: () => this.openInNewTab(this.data.value) }), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
+        return (h(Host, { key: '7e74bdbde1456c74a177350f6d0dc68da4e15b23' }, h("style", { key: 'e284b80b52c6ff7c47e908fdcf4a8631428acd29' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '79e75e97a2e72abf83c6efb3564dd36e6c8605ad', id: componentWrapperId }, h("div", { key: '37d4acd00efe5cda11ef5d0572d391ff278fd4c7', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("kup-button", { label: __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB), sizing: 'small', class: 'kup-secondary', icon: "open-in-new", styling: 'flat', trailingIcon: true, onClick: () => this.openInNewTab(this.data.value) }), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-9ccdaa27.js';
-import './kup-dates-77f1a451.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-d7b61781.js';
+import './kup-dates-964cc4dd.js';
 
 /**
  * Props of the kup-iframe component.

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-6298565d.js';
-import { F as FCell, e as FLabel } from './f-cell-f31f34a8.js';
-import { F as FCellShapes, k as kupManagerInstance, ad as FCellTypes, g as getProps, s as setProps, b as KupLanguageGeneric, ai as getCellValueForDisplay, a7 as UseAsValue, ao as CHIAdapter, al as CMBandACPAdapter, an as CHKAdapter, am as RADAdapter, ap as SWTAdapter, h as KupDebugCategory, V as KupPointerEventTypes } from './kup-manager-9ccdaa27.js';
+import { F as FCell, e as FLabel } from './f-cell-1b71c02b.js';
+import { F as FCellShapes, k as kupManagerInstance, ad as FCellTypes, g as getProps, s as setProps, b as KupLanguageGeneric, ai as getCellValueForDisplay, a7 as UseAsValue, ao as CHIAdapter, al as CMBandACPAdapter, an as CHKAdapter, am as RADAdapter, ap as SWTAdapter, h as KupDebugCategory, V as KupPointerEventTypes } from './kup-manager-d7b61781.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import { F as FTypography, a as FTypographyType } from './f-typography-8c914ec6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';
 import './f-checkbox-191ec2e7.js';
-import './f-chip-9d6113fe.js';
-import './f-object-field-0c2013c8.js';
-import './f-text-field-371b1b43.js';
-import './kup-dates-77f1a451.js';
+import './f-chip-d553e330.js';
+import './f-object-field-e6839071.js';
+import './f-text-field-05735cbc.js';
+import './kup-dates-964cc4dd.js';
 import './component-a35bc7f1.js';
 
 var KupInputPanelLayoutSectionType;
@@ -422,7 +422,7 @@ const KupInputPanel = class {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '304327110b40263de12a027b6a1b88c96eaaf462', "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 (h(Host, { key: 'e60dd7ff1d84c76cf3585fe64462d65292653a91', "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);
@@ -432,7 +432,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) }, h("style", { key: '4db27d7d6b303092595b946059d382201f54e376' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '76aeb626a68f97072db94e6b9da230b3002b5ff0', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: 'dbb0432225e8900ba162bb71a2821356ce1be75b' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd5030dca46ae4f6ef242e5c63a15324bc6f92107', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 
 /**
  * Props of the kup-lazy component.
@@ -134,39 +134,39 @@ const KupLazy = class {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: '6ef8e6ce1ab9d761d4a780092108f17c339fd54d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'c688a97a3175fbf873b14f090128e6052ff4f583', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
+                resource = (h("svg", { key: '5e72b30a0f1e3430f6156e38ec21e5ab4fbad8f3', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'aa48fb656f7dc30746dd11d4d3405b60a312f2c3', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
                 break;
             case 'kup-card':
                 //art_track.svg
-                resource = (h("svg", { key: 'e8c085a0290d74271fea8fdcf8967a2879b60952', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd98c2f8fdac874d1fc6bbd62d5dd78a239884259', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: '5f448fd1eb1ab0270cf458177c3966ba6000295b', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'bad66bec1cb624efd059126cec4f98846cdeef75', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
             case 'kup-checkbox':
                 //check_box_outline_blank.svg
-                resource = (h("svg", { key: '387778969fa8edcf28f05f9e8b8ddeb4276ffcb0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd2dfdd62e4311c12b6d976cbdf4ff13ee57a6e3d', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
+                resource = (h("svg", { key: '138d53448f4c329478d24d246d0fef6fbcb62d7a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '96079538dc0737b2e7b7a376b4e0283a829a0143', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
                 break;
             case 'kup-chart':
                 //chart-bar.svg
-                resource = (h("svg", { key: '06ed4a8402309d19de8116f4ad757697311ff107', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '04b406e431b4aca3633b8c0da9586c8c9b0d6041', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '3ea391531e961b72fb84c7265e3b398a4e40028a', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '54773da2ab16358a610b96ce742288fa8a2ca362', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: 'eb9b6f6bdeeecc2792fcea8691dcef759fe81556', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '77f0fcae30e0aa4b5f43d3a569a2b617283b03ea', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
+                resource = (h("svg", { key: '899606089c5e7b4e1a88823c8cb27e5f86aa1d4c', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '17bb02d78bb042ae255314ea8f68b1ce7481e993', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
                 break;
             case 'kup-image':
                 //photo.svg
-                resource = (h("svg", { key: '04ceb28f6775ddfae7d96f79b18d8994728637df', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '42c360e99dc7a182cac7d9e59ccbf75147dc8e8d', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
+                resource = (h("svg", { key: '049a62d7a9dccfee4a2fae8e0cd5869b85e06d46', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b27ed54889308bf056f24c70511d39e134603f89', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
                 break;
             case 'kup-progress-bar':
                 //linear_scale.svg
-                resource = (h("svg", { key: '3ccd5f21ff7d70bdba49923c09430ebec0a97704', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '23298372cacfdc4574f04716192efb811d2cfd37', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
+                resource = (h("svg", { key: '686ea803a443610674b2bf9282801cedc627b64e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2e64b70e935e82ebbca79a89202ccdc19ba666df', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
                 break;
             case 'kup-radio':
                 //radio_button_unchecked.svg
-                resource = (h("svg", { key: 'c5591e83377190aed44435b18d2c1d826760636d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '2c411004ef92cd65b090bd5a6492058093d1c355', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
+                resource = (h("svg", { key: '0fff99e133a6a1795ee1d9797746efbefaf82fbf', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'db92d5a4868e8c8d8120d136621df4bf17c4679b', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
                 break;
             default:
                 //art_track.svg
-                resource = (h("svg", { key: '8eb3088a3ff5e401795d96edf1c10ceecba88be2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'e4c7c22dcc6eb88e70bc8d73c91215c061abcbd4', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: 'b9d19e00ae1ae630128d73243861f6479b1455dc', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'e7ca81f490462908580b0a7509ec3811dbd85eaf', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
         }
         if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
@@ -175,14 +175,14 @@ const KupLazy = class {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: '890cf92c06cbd54587ab7c22e3ee3c2f4b9dee59' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: 'e93f7f4ac49af252f791a4f7cb9be5e83d1df7bf' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (h(Host, { key: '95f6bc81bada3c2c3aa5edca99ce1c0468a0d243', class: className }, h("style", { key: '7786c66188bac6c1af8e08bbc5df81fcbe4efb4f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '034191f76878f04fe3fea66db9946d5cec7384a6', id: componentWrapperId }, content)));
+        return (h(Host, { key: '99f35069da0886b3174bff35eaeae29d19a9fe2f', class: className }, h("style", { key: '4acddcd21d8ed89d235f7012fff7c7ea4abef2d1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e7b4a285865ec15115437f06a3873349e4e5965c', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, h as KupDebugCategory, aE as kupDropEvent, W as kupDraggableColumnAttr, aF as kupDraggableRowAttr, _ as KupDropEventTypes, f as KupThemeColorValues } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, h as KupDebugCategory, aE as kupDropEvent, W as kupDraggableColumnAttr, aF as kupDraggableRowAttr, _ as KupDropEventTypes, f as KupThemeColorValues } from './kup-manager-d7b61781.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-96ea1421.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 
 /**
  * Props of the kup-magic-box component.
@@ -287,11 +287,11 @@ const KupMagicBox = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '435081e624cc32ec6351550f451aa1bbe7a1dfd6' }, h("style", { key: '952e0d82167e1504f70784b12c444f425bff56b0' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '64ee1ac8c7e12adf6db3fa464765c141ff0700ba', id: componentWrapperId }, h("div", { key: '20d5f115073cbcf29cd20b1ceaaf8405d548dc9f', class: "magic-box-wrapper" }, h("div", { key: 'ee0d224e2da4a9e6fbdced6600e85127081d7f7e', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '1e1833c12a7bc0ab057244e32b82b1f3a51abc0f' }, this.comboboxProps())), h("kup-button", { key: '90ac662c407ac237bdb74799d3eb7b401c0ee17f', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '049e0e429c4deb0c4b42aa4119630553269b4b5f' }, h("style", { key: '5141bbd9f761950b9c661aac8724d9bc7ddd00b3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '22518e2bc9311b8d0989418f3185a91dd95c54c2', id: componentWrapperId }, h("div", { key: 'a0929d74cc1e8f7b4b72fd481bed66683c77fc81', class: "magic-box-wrapper" }, h("div", { key: '2550b87cb0ff859cf32756cb34932f2c1a2e1ed7', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: 'cf84762570b8c0c7e27158725cba90ac10bb91a6' }, this.comboboxProps())), h("kup-button", { key: '4325adf34dc50fa7c34d037784eeaa7f994f0f21', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: 'ddddb4453f992fbb1177d5d564debfaa7d4ad367', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: 'f635e3b8e1abbde80eddf0092f6b9538031fd7c6', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: '28ffd91695f2363393d6ffa3ddbc1c4a85fbd7ec', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: 'e5f3e3497af54d3e3061f28abf0dc8e69ed18959', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([

package/dist/esm/{kup-manager-9ccdaa27.js → kup-manager-d7b61781.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs, K as KupDatesFormats, c as commonjsGlobal, a as KupDates, b as KupDatesLocales } from './kup-dates-77f1a451.js';
+import { g as getDefaultExportFromCjs, K as KupDatesFormats, c as commonjsGlobal, a as KupDates, b as KupDatesLocales } from './kup-dates-964cc4dd.js';
 import { g as getAssetPath, a as setAssetPath } from './index-9b0f4a0d.js';
 
 /**

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 
 const navbarClass = 'nav-bar';
 /**
@@ -126,7 +126,7 @@ const KupNavBar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'acfd6c49f95d58b488dbcd5949840d06af1b1248', class: "header" }, h("style", { key: 'c6bcb2d584c6a907a2e593e64018f400bcdc60af' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b8ff106dd7b485bf1eaffa72369aea0d9ffb47b7', id: componentWrapperId }, h("header", { key: 'e6371baf28e60b716f82fef81375fc0a99d5f037', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '4cda7b8655b54d64486c7828d28f6af4d72e47d7', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: 'd093a8d45896d85fd71e3d92a7451efccc3a10ba', class: "header" }, h("style", { key: '59a661649f8a7b81b3258e56ae93bc18f2a5f3fd' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a44b81214556b495f7cb253f16085cd1a884c717', id: componentWrapperId }, h("header", { key: '91e08ad248d5a56aa9eebc753e883c0cbe8a77ec', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '4f5f6924c6b311ffb8f46f26a4ac266f42aaf6a4', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, e as KupDynamicPositionPlacement, v as KupCardFamily } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, g as getProps, e as KupDynamicPositionPlacement, v as KupCardFamily } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FTextField } from './f-text-field-371b1b43.js';
+import { F as FTextField } from './f-text-field-05735cbc.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 import './f-image-96ea1421.js';
 import './component-a35bc7f1.js';
 
@@ -351,7 +351,7 @@ const KupNumericPicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'ed5978c3c711572fba11953a4bae01e0598f1518' }, h("style", { key: '654f870a6411701fcaec03debd5f0b72ae88f26d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '159724577a43a3dbdda94baac6f999b94d2415a1', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '22a6ef8139d04934008071cfa9f9d395144cf82c' }, h("style", { key: '3631b7dedacb5a4732a78a36ab6a4ddd772ae632' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9496502390810c10eb60f5fad738d99ee2cbaef5', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { F as FObjectField } from './f-object-field-0c2013c8.js';
-import { k as kupManagerInstance, g as getProps } from './kup-manager-9ccdaa27.js';
+import { F as FObjectField } from './f-object-field-e6839071.js';
+import { k as kupManagerInstance, g as getProps } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-6298565d.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';
-import './f-text-field-371b1b43.js';
-import './kup-dates-77f1a451.js';
+import './f-text-field-05735cbc.js';
+import './kup-dates-964cc4dd.js';
 
 /**
  * Props of the kup-object-field component.
@@ -97,7 +97,7 @@ const KupObjectField = class {
             inputValue: this.inputValue,
             onChange: null,
         };
-        return (h(Host, { key: 'f49869e3e16d0904d85efa627f1bbf2a4fff8f0b' }, h("style", { key: '374069424d8ebf7b7707f4196f5accb02ef092d9' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1cf69a2ff41697691190edfd41a385e0239bff9f', id: componentWrapperId }, h(FObjectField, Object.assign({ key: 'f622a5aa029de55db4785174b9904f3a14444a63' }, props)))));
+        return (h(Host, { key: '5eaf6b26539f0d6301e19077a29419bb91e11629' }, h("style", { key: '03944bfc8cd00d94e11aef6ccfc55e7ffe73f741' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e0336a46ae9b6b0cce2dbf83498508560414ecca', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '1f82d5ee84dedcf85d67536a2e4667bf51a70485' }, props)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.unregister(this);

package/dist/esm/kup-pdf.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { e as getAugmentedNamespace, f as commonjsRequire, g as getDefaultExportFromCjs } from './kup-dates-77f1a451.js';
+import { e as getAugmentedNamespace, f as commonjsRequire, g as getDefaultExportFromCjs } from './kup-dates-964cc4dd.js';
 
 /**
  * Props of the kup-pdf component.
@@ -76581,7 +76581,7 @@ const KupPdf = class {
         catch (error) { }
     }
     render() {
-        return (h(Host, { key: 'da241b20a823ecd76fd3907b6c65c2b5406697bc' }, h("div", { key: 'd99101b5b657a917fd8bfcddece2eb655c450bf2', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: '56dc837db190498749a7536216871f33da6fa6a5' }, h("div", { key: '43e4a5818a404361bc9f9f47744e798f37e02ac2', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

package/dist/esm/{kup-planner-renderer-helper-373880b5.js → kup-planner-renderer-helper-64388bf8.js}

@@ -1,4 +1,4 @@
-import { a as KupDates } from './kup-dates-77f1a451.js';
+import { a as KupDates } from './kup-dates-964cc4dd.js';
 
 const columnWidthForTimeUnit = (timeUnit) => {
     switch (timeUnit) {

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, d as getElement } from './index-9b0f4a0d.js';
-import { c as calculateDisplayedDateRange, a as convertProjectToTasks, g as getPhaseById, m as mergeTaskIntoProjects, b as getProjectById, d as mergeTaskIntoPhases, e as columnWidthForTimeUnit } from './kup-planner-renderer-helper-373880b5.js';
+import { c as calculateDisplayedDateRange, a as convertProjectToTasks, g as getPhaseById, m as mergeTaskIntoProjects, b as getProjectById, d as mergeTaskIntoPhases, e as columnWidthForTimeUnit } from './kup-planner-renderer-helper-64388bf8.js';
 import { e as KUP_PLANNER_MAIN_GANTT_ID, f as KUP_PLANNER_SECONDARY_GANTT_ID } from './kup-planner-declarations-0704bc6c.js';
-import { a as KupDates } from './kup-dates-77f1a451.js';
+import { a as KupDates } from './kup-dates-964cc4dd.js';
 import { g as ganttDateTimeFormatters } from './kup-planner-time-formatter-ddf84f9b.js';
 
 const CustomTooltipHOC = () => {
@@ -226,13 +226,13 @@ const KupPlannerRenderer = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '5de523c8fde95703f5c3799144a0244a85359c4b', class: "planner-render" }, h("kup-switcher", { key: 'd68e17265c995856790eee5f5a22defb4ca2ac4e', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: 'c1cc0fe4d44331b5b75fb35b0afbd913caf7f622', class: "planner-render" }, h("kup-switcher", { key: '3c125419b5912ff9c9b9c24adba71dda785fa01d', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (h("div", { key: '8754e5f34d2724aecfeae1752ed67cfa4ba2e827', style: {
+            } }), this.props && (h("div", { key: 'cf92a3212f97ec496aa30ff6b7eec91e831e4b14', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, h("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {

package/dist/esm/kup-planner.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, ai as getCellValueForDisplay, g as getProps, s as setProps, d as KupThemeIconValues, u as KupLanguageSearch } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance, ai as getCellValueForDisplay, g as getProps, s as setProps, d as KupThemeIconValues, u as KupLanguageSearch } from './kup-manager-d7b61781.js';
 import { K as KupPlannerGanttRowType, d as defaultStylingOptions, a as KupPlannerTaskAction, b as KupPlannerLastOnChangeReceived, c as KupPlannerProps } from './kup-planner-declarations-0704bc6c.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FTextField } from './f-text-field-371b1b43.js';
+import { F as FTextField } from './f-text-field-05735cbc.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 import './f-image-96ea1421.js';
 import './component-a35bc7f1.js';
 
@@ -643,7 +643,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 (h(Host, { key: 'd9d6206552ba577c1ccbb3aa504dd3f79c65fb48' }, h("style", { key: '259b593627ed82074f3ea32899a4e2c5fd40ec2a' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '38e8a2fc36b28053874efbc34682a60743d53831', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '42e753e587e90705623c666153d8cfdf0f3cedd4', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '07c0c3ce7354a7f8263985138fe77f6a298fe473', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '83d3f1d119a04ac4bc48ce44762b1ffea3c05600', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: '07f4dd3d5e91864ee8f6d01705a89b3ff14a99f7' }, h("style", { key: '9e415c959cb6757efa80680eac6920cc19a82b89' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fde2bd441bbf3df7a423f97bc3d5dc97cbb7f943', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: 'c389726acbf2859a311ace7121423260de2b3b2c', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '92758b8acc38cfca30d65b405888e58f4a4bd1f1', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '8645ce7ea69ec2e2d084a7487c691d7291de8a67', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance } from './kup-manager-9ccdaa27.js';
+import { k as kupManagerInstance } from './kup-manager-d7b61781.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import './kup-dates-77f1a451.js';
+import './kup-dates-964cc4dd.js';
 
 const KupProbe = class {
     constructor(hostRef) {
@@ -235,7 +235,7 @@ const KupProbe = class {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (h(Host, { key: '24190a7c994c0e681bda171cadcd2cdabe9c03ad' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '5c6a26b0cc5e566639e8ab2e6d220dde24cdfeba', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '62508785a36efee2c2e6496aad81384ee7e3275d' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'd2a02de79960d37fb1f1286b1cee4622fe6a927e', id: componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {