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

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

@@ -130,7 +130,7 @@ const KupDrawer = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '8a9d2198973d5a7ec57918a2064e790682764845', "kup-opened": this.opened }, index.h("style", { key: 'e3abd215c9b0196074011bf4325bf8a7ab9092ed' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '71daac9c19301460a3fe3edad3f320c01f11bad5', class: "backdrop", onClick: (e) => {
+        return (index.h(index.Host, { key: '93f1b8abbecb61a277b9e727363a63a79bec6b2f', "kup-opened": this.opened }, index.h("style", { key: 'a4adae4c503ce4cd85171f3aba656d00cc537e11' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '241bc8dd79fc0a01b7912a525f6b7cb56ef7c8f6', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -140,7 +140,7 @@ const KupDrawer = class {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), index.h("div", { key: '47e90864a92415cca083f56e2d25cd05efe56df9', id: GenericVariables.componentWrapperId }, index.h("div", { key: '47bfb804ce58fa47dc1fa7a574df7a05bd92b116', class: drawerClass }, this.content()))));
+            } }), index.h("div", { key: 'b267c124462e0ca0b7255c004bbc25fd85897775', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'fa2ed194e5be92c1dabee9cd32fd641a4960561d', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -84540,7 +84540,7 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (index.h(index.Host, { key: 'f40d78d9bd1b54cb01ed05e18edef28c29d33473', style: style }, index.h("style", { key: 'd341281f3b58021c7de43822b5bb3d9b0fc6c4fd' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd71b62b4761cdb56e05ba1d736a375e12c52f964', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (index.h(index.Host, { key: 'fd5e8286acc85f85185f91e360b3620537b57188', style: style }, index.h("style", { key: '0f69dbba75b69c8dfaa8704c9e45d0d202067724' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd7fd942164bf8c078a08ff51d6da32929a58aba1', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);

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

@@ -46264,7 +46264,7 @@ const KupEditor = class {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'ffbd575e5192cccaf2c070c4586215cc7573f9ce' }, index.h("div", { key: '21e2b1a060db3009c6595eb92f78361adff24d6c', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (index.h(index.Host, { key: '07d0005e073f28636c6f49ceb082fcca0a735beb' }, index.h("div", { key: '9a59105ef8c70cd840adeada556259e739dd0818', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);

package/dist/cjs/kup-family-tree.cjs.entry.js

@@ -174,12 +174,12 @@ const KupFamilyTree = class {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '6788b54f8c964ddeda1e5c4a7922613eb2efd59f', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (index.h(index.Host, { key: '09a067148b3438469a9773c276c6aaddecda73fa', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
                 e.preventDefault();
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
             }, onWheel: (e) => {
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
-            } }, index.h("style", { key: '40f38048045b0c3726164c999dc9fa15ea778291' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '9d4209faa777da38726d8113582cbba14ace1df7', id: GenericVariables.componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, index.h("style", { key: 'dbae8f187ff51f8168d4df72de2ba563ef7a9d7c' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'cf23802e9e58e68d0c89ee7fdd13fde331a04705', id: GenericVariables.componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

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

@@ -573,9 +573,9 @@ const KupGantt = class {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (index.h("div", { key: '7ca3df83876dbea0f57536a3eb9a7978af4f18f2', class: "gannt-wrapper-main" }, index.h("div", { key: '411ce55a1a2de1fb2c77b6fa5395237d7f93d857', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: '64361b6d13020fa1b26a8742ea6fb14007c5f946', 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: '818930e7cdf7b7d2a734ef9767fbaa633b764245', class: "gannt-wrapper-main" }, index.h("div", { key: '51619f1317a5428f603208961c8c05e0a18a8b62', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (index.h("kup-task-list", Object.assign({ key: 'ee80c9b92bf3fbaacb6e012a8c47c23a79dff364', 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: 'd34dcf0103274551222a40e44a17a93d770458d6', 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: '97d5ed31d1fe2afc1675a20a6ad176c75262adc0', 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: '6020a60fc2d928cd5e89f8e1f58957f001b59445', 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: '1a7891ac340db8c729ea2ef6237b81baede2b02d', 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: '09bf9b1ba7c12634ad8cff558ac4369c3b5f4521', 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: '187c6bec18c73cfb59d797bae2bdf11c6eddad86', 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: 'f1b68b38471ce97b934bce439ccfcfd5b540b2b0', 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: '9ef52219a92fa78b79504ff5c1aba0c532e1ede1', 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: '70745e02e28ef8e157d49eb5adfdc94522dfdd81' }, index.h("div", { key: '224da7cd81b9aacc24a73c331c5b7596e55bde50', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (index.h("div", { key: '103e8ab08fb5e13ba60742ddcc158998cfad2104', dir: "ltr", style: {
+        return (index.h(index.Fragment, { key: '242ee72dcacfc7a74ee55c877de273df7761a39f' }, index.h("div", { key: 'faf1c4a444d06401a255d898e58ed51a327e7579', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (index.h("div", { key: 'fe3ecbc942f7f4dd872e4a7340872b746668c0f5', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px 20px 0px 20px`
                     : `0px 20px 0px 20px`,
                 maxWidth: `${width + 20}px`,
                 minWidth: `${width + 20}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, index.h("div", { key: '5dfcfdd085e3d29b95f005f5b705b40706d82b24', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, index.h("div", { key: '0b918b9a99bc48577d07b19293b2dda493941406', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), index.h("div", { key: 'c1446fd188aa1988af9928e1b1ab54eff1c067d8', dir: "ltr", style: {
+            }, class: "scroll" }))), index.h("div", { key: '371f92f334a6523a30cfc6d4c5f65746434293ef', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
                     : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, index.h("div", { key: 'f69600b829b483c53503e6122376d9c42811067c', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, index.h("div", { key: 'ca736ea6fea7f4a5ea9faeaf8ee13d81f11f7234', 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: 'ac472c607f2703475d3136fb9a42891232fd6735', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: 'c52036adc316ea881cc0245d2316367b46aec9ff', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (index.h("p", { key: 'b610aa3e9e5cc36160f3aedeee8e94b6a1b3a0e3', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: '1c4c1d6ffda7080c53df5f435bc9169e49c1f59d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (index.h("div", { key: 'd33bbc53ca2f0de6067f6a61549571f1c290fa40', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, index.h("b", { key: '2c70d87b9ecdb49b59b8a36ce2b349f0368044e7', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (index.h("p", { key: '5ea9c118c7573020f93293717f9898c0c890fc3f', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), index.h("p", { key: 'ac315e9fed039764b3f94a252f831f3148ba90c2', 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: '6a1e9afe20ca4ed43a14712a154d4048c7370725', class: "switcher" }, this.buttonLabels.map((label) => (index.h("button", { type: "button", class: {
+        return (index.h("div", { key: '6833f49822d6ec1b3733e16219cffb35e5c8b732', 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: 'ae93f614184ed2ea5cfd2fb44833764669b1e01f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: '37e0e6cd018910e5d43a0b24bd5597383d5da36c', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), index.h("div", { key: 'b106f6c679d459ad937f5b10f953f0981d220fa8', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (index.h("div", { key: '4f23732fea3bb0888a7189ef0af8e2aedce14d2d', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, index.h("kup-gantt-calendar", { key: '780f008bc39e7f68e2743d5c662f7704ccca773c', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), index.h("div", { key: '2bd78c8bc6630eef0e6cd83fc69bb58436756b65', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, index.h("kup-grid-renderer", Object.assign({ key: 'd0c94f6604dd57df8e01ef9552ca5aa326645f00' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, index.h("kup-grid-renderer", Object.assign({ key: '19047e71a1bfceb915df71ada6d0eb062ef52e51' }, 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: '0d435629659e29d75825bc52709961d2d538ccad', 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: '95289f2c981d359763d8f862bd5cb84db790c904', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (index.h("div", { key: '943265ca4b48b0da05072203a5d20c052ba97ec7', 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: '21db4afd0eec2c795ff406e1701cabcc57b22aa3', 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: '20160e5d97bd3095584ff963a2a756e1c88264fb', class: "ganttTable", style: {
+        return (index.h("div", { key: '0809c62208ceb6eb788d261dab9e017e92fdca8f', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, index.h("div", { key: 'f2320100d2a03071610a3e25a022ed5fbbda528c', class: "ganttTable_Header", style: {
+            } }, index.h("div", { key: 'fa5ad9465dbc38561abf8a659616c5093dc03b87', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, index.h("div", { key: '9084f7c4eef7f276f09be84aa6c7679af667c1f1', class: "ganttTable_HeaderItem", style: {
+            } }, index.h("div", { key: '584120413832bb9f7208c9072f181e1883dfc6a0', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), index.h("div", { key: '26f164508b996593fcabb3edf670d5a769d3478c', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), index.h("div", { key: '08fca1e2ba67c817366c1338523263f68b2ed7d9', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), index.h("div", { key: 'fffcf0bdaa2434eea231a2df4dd5f7ab45cb8972', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: '5f608b894fb70484299a98ce7a312558d1c403c5', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), index.h("div", { key: 'a3d086247e2ad4c2b4d49258b5cf6a86eaaefa82', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), index.h("div", { key: '5ec1d507e400ef156b003137481b1efe1d69076a', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), index.h("div", { key: 'e2029d060c3870a51d8765bd9b8fc07c097bea90', class: "ganttTable_HeaderItem", style: {
+            } }), index.h("div", { key: '8e2d002a2991292a0295fcde2c5c82ef626603b0', 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: 'd24867037930e1052c048ab5bc88bd8dffc29ae6', class: "taskListWrapper", style: {
+        return (index.h("div", { key: '73fabb67878585088cc207c7a7f603ba42079996', 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: '995641764e457eea64f9a0adc87f2e3fe5440a6b', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: '3cb4afb16ddb4a1f329dd86b912e49a5c07102c3', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (index.h("div", { key: '0ef3643be52ea0715af4a268bb132b5b5aa97a99', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, index.h(this.TooltipContent, { key: 'fd45365f94fea9f80e6e08ee377f481c93c4a8a2', 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: 'a4ed08824d2725f0d203f31fbf15fdcccc87d3f7', style: {
+        return (index.h("div", { key: 'c531752166b3ed6cee81c7f62186800fef8f8ccc', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, index.h("div", { key: 'f45c374c75f698f5857a6aeabd01395647a3b01a', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, index.h("div", { key: 'c21577047dfaa9ece243837d968199760e11346f', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

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

@@ -84,7 +84,7 @@ const KupHTM = class {
     }
     render() {
         const isLink = __classPrivateFieldGet(this, _KupHTM_kupManager, "f").objects.isLink(this.data.obj);
-        return (index.h(index.Host, { key: '4900e8b6dd9c84c1f3a173b43951a0066bc8ec92' }, index.h("style", { key: 'fae888455749d9310efb85b2543a1f2dd9c458e5' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'b134d6fc361dcb972d831b5658ae5529a949efa5', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'd8490ada53de8bf4cd93c7d4fb1e0db18cc3a42d', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (index.h(index.Fragment, null, index.h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.OPEN_IN_NEW_TAB)), index.h("iframe", { src: this.data.value, frameBorder: "0" }))) : (index.h("div", { innerHTML: this.data.value }))))));
+        return (index.h(index.Host, { key: 'e9898d021074e1265d66d5f25f99b54a2951b732' }, index.h("style", { key: 'fdd334f8659e6132c6f000d84fbed0df4a7331fe' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '95290081ea536d6eaefcf985c2d9f006ad935f41', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'c9814a4fa6b24d89fd262b340310106cdd8c02a3', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (index.h(index.Fragment, null, index.h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.OPEN_IN_NEW_TAB)), index.h("iframe", { src: this.data.value, frameBorder: "0" }))) : (index.h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

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

@@ -8,7 +8,7 @@ const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-4d316ab3.js');
 const fButton = require('./f-button-1e98edae.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-f64ce26f.js');
+const fCell = require('./f-cell-00ed0f88.js');
 const component = require('./component-a6dd6c14.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-checkbox-4fcdec8a.js');
@@ -239,14 +239,14 @@ const KupImageList = class {
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (index.h(index.Host, { key: '6b1b27c8e736754f479770ec67603d5708a78191' }, index.h("style", { key: '998b454b9acbe6078e18b5303667a373ef17a352' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '9dfe6fefea846bbe367f5c76fd2d336840190ae9', id: GenericVariables.componentWrapperId, ref: (el) => {
+        return (index.h(index.Host, { key: '8622f01ec87a1aafd4818ef24059d828afeece44' }, index.h("style", { key: 'acfeaf13e960c3e21bac9cc39c4d201565422f6b' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a03b3eb875abe7948596d286a36c81b6173dfafe', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, index.h("div", { key: '8e6ba7408c4358862f1cccc8b564c5f225410074', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, index.h("div", { key: '78ca055bdda2fc1a8cca73a5744e45ead5063857', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, index.h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: '4c007ebfba4fe8b1b8aaffbae9261c27db9b00df', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: '339f5dcc216ed2cbac3c7acfcdb08c1e853b0c5b', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-1e98edae.js');
-const fCell = require('./f-cell-f64ce26f.js');
+const fCell = require('./f-cell-00ed0f88.js');
 const kupManager = require('./kup-manager-d3139668.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-271f5037.js');
@@ -311,9 +311,9 @@ 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: '77e1409d760b149f1a3ae34963b9f7bec250513e', "onKup-cell-blur": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onBlurHandler).bind(this), "onKup-tabbar-click": (e) => {
+        return (index.h(index.Host, { key: 'c0a40ba2669f4738b350c09f2261e8c9e1a98d36', "onKup-cell-blur": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onBlurHandler).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": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this) }, index.h("style", { key: 'aae1d4252362f1243fffdf1712423021e11e1ed6' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '90c0918bd6d3ef402f21272654a21b507ded99cb', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+            }, "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": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this) }, index.h("style", { key: 'a4509c3e5cdcb75e143fc16671e924b3ac3de074' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'ead1de0f14ac0d3d65005ebbd1a9f88f5e9584f9', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

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

@@ -138,39 +138,39 @@ const KupLazy = class {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (index.h("svg", { key: '665704637b3354494ef01a225fd4d37a0188c34f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '6a0391862537ed0250af6780a7c0fef06130b831', 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 = (index.h("svg", { key: 'fb2b8362e3dc1b12b70f15e99928a57d7b12fedf', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '436f390f7b97422e6748b2a7759d592f44c506dc', 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 = (index.h("svg", { key: 'a91f941eaf227d71122f52ef990999697e5140d2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '9b757b8dae5fbb1d30ba262087274d6ed177b713', 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 = (index.h("svg", { key: 'f3c05242075e730bc7105c53bd62b18aecf5ec3d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'a2eee16a6ace543cac444d960a62b59a086eb744', 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 = (index.h("svg", { key: 'dd4f4172b01ef1784c3a4947940e11f6cacbe746', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '4a65af5a391cfaf3d1e82c229db9a361b493cf49', 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 = (index.h("svg", { key: 'f6716e9ce1594db32cc40769a2670f5eaab944ec', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '7a5d24b382c912f86930086ea47d5352f7d268c0', 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 = (index.h("svg", { key: '593f6aa43a513b12ea0b49f7feb6680e2931c36c', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: '0a24ba272bc6830f9bf356585d4a16d769b37b52', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (index.h("svg", { key: '282e8485c65d6c90cc6742fab3ea8826eeb3579a', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: 'ff9a9420e091b9f5ccf64c2a248715445a3ea89b', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (index.h("svg", { key: 'fccd6198bf2c7d9b67fd9df526483f8f9dafee21', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: '976cebc69cdc6153f4f91e935e48c18d5d345544', 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 = (index.h("svg", { key: 'eaffa11808d13d6a30fff31bea6530830f69d88f', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: 'c0eac37b259ccaa3176fb122208202dc8885de85', 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 = (index.h("svg", { key: '17b1e569dabdfb945ea6880e770ae52566c14964', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '8208a3be977f5294e724adc8e0c168f3e0447940', 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 = (index.h("svg", { key: '0fc683ca7735ac9d5f48d9c1350d67549444a37e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'dc800aa000585a00f390e3e92f9456af2c83b121', 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 = (index.h("svg", { key: 'd75588e7fdd9dd67ca01598159316c0a480ff7b2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'b6cb40a0509a7da7a0d764cb11b8170a4b083932', 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 = (index.h("svg", { key: '6703f804c86f98915b6fca8d561b79e818480ee0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '5b473c7582738c69b3e693b653eb8e83f0a5bd7d', 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 = (index.h("svg", { key: '1b18bc766908f4da555824535f7dbdc93779bb60', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '0feac444636e26df8fded6a7e566252087e60e86', 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 = (index.h("svg", { key: 'b5020673fe0d60ddcb887878d027f9be1a04f611', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'ca7c15a6029ffb8468db47603eae20f8db8eaa54', 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 = (index.h("svg", { key: '455a2d22a5d9d50f071e8facd31b50b7bd3f5d92', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'fefd08ea2bbd6eaa7e4ee0fefe2b25afa81165cf', 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 = (index.h("svg", { key: '6e916204ad921b9387a2da59225277a12bdfee97', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '2397c3c58a7ac2ddfe1c4d95680c805b410a1cda', 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) ||
@@ -179,14 +179,14 @@ const KupLazy = class {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (index.h(Tag, Object.assign({ key: 'd1d563697c56db2c3fdcf3252aae2a2966b06858' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (index.h(Tag, Object.assign({ key: '55d8ffa08667bdf2f90e278bd6d28e94d5a5fd90' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (index.h(index.Host, { key: '4a055d835d8e6d3fb06bd4870fe5b13c2e4e922e', class: className }, index.h("style", { key: '5a8b37cd487d2db656dc8614469ba37c11809343' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '21ace7612895c14f8d63303fc171f04a66016427', id: GenericVariables.componentWrapperId }, content)));
+        return (index.h(index.Host, { key: 'b51dd829f66bf9958780ca2a106bd265097e0212', class: className }, index.h("style", { key: '5f16dbbf7222c11e5e3daf2d914b0cbb4f7d757a' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c0c9f7471b8e6529fa510db940edbbd2505deb86', id: GenericVariables.componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

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

@@ -291,11 +291,11 @@ const KupMagicBox = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'cc7eb83eaccd2507c886ec16bc37d2fa567ac52e' }, index.h("style", { key: '809d326e5dcbf28e7aadc8901b0b4958442de680' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '1f05d7964adaebc3e44123e766f54b913b6427a4', id: GenericVariables.componentWrapperId }, index.h("div", { key: '08e3fe041eca609baf1bffc35d19711a54557b92', class: "magic-box-wrapper" }, index.h("div", { key: 'a66c16ca2910391f07eeca825443cd13d1a9eaef', class: "actions", id: "drag-handle" }, index.h("kup-combobox", Object.assign({ key: '8751f6abdbb318c30470954b6b59a5ee331b3ab9' }, this.comboboxProps())), index.h("kup-button", { key: 'aaae57d304a47b6371f87e7be3ec6e52d6dac92f', styling: fButtonDeclarations.FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (index.h(index.Host, { key: '579cf183f0915d864820f3d06bc1576ab11ae1a4' }, index.h("style", { key: '9128110fcaca2c1da80ce29a30b17f26d287ccb3' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a23742c2083fc1ef92fbc370da846dc8b9182116', id: GenericVariables.componentWrapperId }, index.h("div", { key: '1c23fa7eb08e82493c2279f975425297dbcc46fd', class: "magic-box-wrapper" }, index.h("div", { key: '3c1f251962659f982d0d68108fdb0476d0fa065a', class: "actions", id: "drag-handle" }, index.h("kup-combobox", Object.assign({ key: '30fbff2375c6872fc6ae239a7a215928a4512e3c' }, this.comboboxProps())), index.h("kup-button", { key: 'de990f96f370f26bd847d90bb555cd818ce59b4e', styling: fButtonDeclarations.FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), index.h("kup-button", { key: '295644dff6eff6d80df769fd54d5e0db43de8473', id: "close-dialog", customStyle: `:host{${kupManager.KupThemeColorValues.PRIMARY}: var(${kupManager.KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), index.h("kup-button", { key: '867ec9ed075ae869dc9350e00096036d3af780e6', id: "close-dialog", customStyle: `:host{${kupManager.KupThemeColorValues.PRIMARY}: var(${kupManager.KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), index.h("div", { key: '3aedf43217a1a013c78170af418adbde5994e0cc', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), index.h("div", { key: '279780fb00c2ad681ff42f266ad08a25705928fe', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([

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

@@ -130,7 +130,7 @@ const KupNavBar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '2a384dc4de4b550cfaaf9490579dc4ffdb469076', class: "header" }, index.h("style", { key: 'b91849a849d6e9509b9456f1a90be1042f7d9499' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e1182a3b34dd471a8dd73a90119af6a408f2604e', id: GenericVariables.componentWrapperId }, index.h("header", { key: '13a6491135dab2490042558ae00bfe23a55b5ed8', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, index.h("div", { key: '2b8cae0eaf58a12769ce158effc25fc31f7ee0c9', class: `${navbarClass}__row` }, this.content())))));
+        return (index.h(index.Host, { key: '78c7f252d8e16460a2108c898e025209183103c8', class: "header" }, index.h("style", { key: 'f18b1188fbc590427245dd6acaeed14f3aba3033' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '58a440f172111617ad78da7352b3803356a16015', id: GenericVariables.componentWrapperId }, index.h("header", { key: 'cb2783014d79eee887c8507a06d504fa614fdd77', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, index.h("div", { key: 'e9ca378c0a88b69abc3933780fcc4f33a6d9e6ed', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -355,7 +355,7 @@ const KupNumericPicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'de9de7129302c8b4da71cf3d7a344ac8e6a5dfaf' }, index.h("style", { key: 'd4b96735e89a534a50349bbd3c12d69fbf3cd32e' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9ddac65757ea1d436f6e845155d8f4d4a1610183', id: GenericVariables.componentWrapperId }, this.prepTextfield())));
+        return (index.h(index.Host, { key: 'e4971105409f3f1d053379189bb98a5cee25e986' }, index.h("style", { key: 'a15921df3d5f4bf5542216219197383b5a8c04e1' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e1e1ccc7e4a954956fb4a49f2aeb43a113e25030', id: GenericVariables.componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

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

@@ -100,7 +100,7 @@ const KupObjectField = class {
             data: (_a = this.data) !== null && _a !== void 0 ? _a : {},
             inputValue: this.inputValue,
         };
-        return (index.h(index.Host, { key: 'c50277b235f4bbe5945086c619d1a747d83f4172' }, index.h("style", { key: 'c238a76b7a96eb1c8ae29edb1d6241540a6deb01' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '78fd4c7c17b76033f7e11d741086065bc9beed5a', id: GenericVariables.componentWrapperId }, index.h(fObjectField.FObjectField, Object.assign({ key: 'a2b16512ef5eec7e4c45f8116d3d5fc6aca2cb93' }, props)))));
+        return (index.h(index.Host, { key: '64b0ed1c52ab60b6b62f37e2540c615c7734df2b' }, index.h("style", { key: '632c2c4ea945e8f2229026b139716e20afd3c513' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '83e433664f2a2a2f9cccd96fec89be504683d860', id: GenericVariables.componentWrapperId }, index.h(fObjectField.FObjectField, Object.assign({ key: 'dc274a9635608d774373bfa27f068fc2ad7d38b4' }, props)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.unregister(this);

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

@@ -76585,7 +76585,7 @@ const KupPdf = class {
         catch (error) { }
     }
     render() {
-        return (index.h(index.Host, { key: '0d03119a101b40970f9c0790bd265cb229cd766b' }, index.h("div", { key: '35b6c0bea491e84639e58bde9978cf936747a567', id: GenericVariables.componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (index.h(index.Host, { key: 'f2613b15accb59fe68734ffd1972aecf216bed74' }, index.h("div", { key: 'a9738ed98a36d3fc46e7ae91716ccbfae4898776', id: GenericVariables.componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

package/dist/cjs/kup-photo-frame.cjs.entry.js

@@ -120,9 +120,9 @@ const KupPhotoFrame = class {
         if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
             __classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
         }
-        return (index.h(index.Host, { key: '1ef1d33f9d166a88c06992b34c92c6ffbe2571e5' }, index.h("style", { key: '19ec6c7e0eece08b10c74dcccd872a80a5c376b6' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '92e2b1633bfb1bc8552789ea130d4730f06630a3', id: GenericVariables.componentWrapperId, ref: (el) => {
+        return (index.h(index.Host, { key: 'fced79527b2a6530e421a5da370fc92c3b856bab' }, index.h("style", { key: '9f3a8702d820381ce546b1da05a1a59bf18241a3' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '4ac2c7956b8602bb1ba65911e84576658973a805', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, index.h("img", Object.assign({ key: '1ed369fd4c2abb9050f16a81f01b3167a31e1852' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, index.h("img", Object.assign({ key: '78a244bdcc4ba6d8e9310a3ebf1c7c20a0e560b9' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
                 if (__classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalWidth >
                     __classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalHeight) {
                     __classPrivateFieldGet(this, _KupPhotoFrame_wrapperEl, "f").classList.add('horizontal');

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

@@ -230,13 +230,13 @@ const KupPlannerRenderer = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '79dba602c2082055a26816c5b41ef26bad99c2dd', class: "planner-render" }, index.h("kup-switcher", { key: '311e99279647ad73fc56562f0035fa85f0ebfa98', timeUnitChange: (timeUnit) => {
+        return (index.h("div", { key: '1b01008ad085206e1e2c26219faf87441cd5d8ad', class: "planner-render" }, index.h("kup-switcher", { key: 'd2c78149025f78c6c1d0f64fd2b859f810152eb6', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (index.h("div", { key: '825c038c52d5e98f48750a3f8e45c48516237396', style: {
+            } }), this.props && (index.h("div", { key: 'c7efdccb9a6fb37b6ef8fab9909c02c581c489ce', 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

@@ -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: 'ddb478b51648fb372faa628d04e63197eb77501b' }, index.h("style", { key: 'a3faab027e8da261f3ff07aa8d475277e39a7b20' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '4f2203fcf11cf8eefa00e53fc9f6616601cad9a6', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: 'c66e2658463a114ea99f8e14e6451e5dea13314c', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: 'b480ac83dd9c8d56ac18594b4012a6f5f4444a90', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: '813747f78ad25f6aa402ce9f593b0d0b1f4b50f6', 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: 'ec47712382d7f76463e7805015fc2038da69be2b' }, index.h("style", { key: 'b1f45b5373f54f28256a5b9a65cbf7db46de1d08' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '7b048a1dd16a7b1c9d82a1a92393fbb395e3f19e', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: 'df324c79666c4d3e9c6a410b68065b333da15677', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: 'f2b527fbe72c4fb91ffdb9675c31ceddfc3fe695', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: 'c7844fbd7037996ddc56430f45ca96685f717e19', 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

@@ -239,7 +239,7 @@ const KupProbe = class {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (index.h(index.Host, { key: '89875bae2a166240231085ba4c5614933180fdf1' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: '69e914c7980a8086f1ac629f17905bff82f13689', id: GenericVariables.componentWrapperId }, this.content)));
+        return (index.h(index.Host, { key: '6e185f44d07ddf49a0bab89c04f9b76dba06a269' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: 'dd263b2ece671219b09cc92d7219989ad11196d7', id: GenericVariables.componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

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

@@ -120,7 +120,7 @@ const KupQlik = class {
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (index.h("div", { key: 'd7f817fbde26570eda9b942065ac810911fe51f4', class: classLayout, style: layoutStyle }, this.divlist));
+        return (index.h("div", { key: 'eb74eb829c7fa060dcae290cc00a010922e82ece', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

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

@@ -119,7 +119,7 @@ const KupSnackbar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '4b6f9d9b7c39a825a81bcd21e64a014111b349aa', "kup-visible": this.visible }, index.h("style", { key: 'f58c94d019e43c6628a0fb2c100b5ef6eca55ae7' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '05ea7e4c6c8313f32efd10deb6baa60025d45cff', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'cb5eeb1b07e767a012ce66873e02bd73b2405278', class: snackbarClass }, index.h("div", { key: '4625765458fb84289feee65dfda7d622169e45eb', class: "snackbar__text__block" }, index.h("div", { key: 'fbb6f8fbfb0ef27b73b874e07ef14bd21a38f9bc', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: 'f39cf0f5257b8ff1dbd40dc04419e08e7fe8ef03', 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: '37e33ed6608ac56ce006ccb1a14f93d6f48a7d8f', "kup-visible": this.visible }, index.h("style", { key: '722a42f22301dba2a722ed291dae0b95b9a820f4' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'f4973aa0c77762ee39aa2d3ace2cde23510f958f', id: GenericVariables.componentWrapperId }, index.h("div", { key: '373de7545ce04754994b5bb2ce7040b995222322', class: snackbarClass }, index.h("div", { key: '3e4253e4d0fa7bc1110d989adaa1210f19797ddb', class: "snackbar__text__block" }, index.h("div", { key: 'bc0695d83e55c8d738397b01b86f30a6ae6d62eb', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: 'b2c1e5b7637bbd2bf1fc80dd0f84f0ef6c2b01b8', 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

@@ -92,7 +92,7 @@ const KupTxt = class {
     }
     render() {
         const value = this.getValue();
-        return (index.h(index.Host, { key: 'dc11dece1614b37d96f8efb57dc024e8b06a716a' }, index.h("style", { key: '207531e078979777e9de3418477bc3887331e836' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '25bc992e20f10735c991aea5113a078fafa87999', id: GenericVariables.componentWrapperId }, index.h("div", { key: '20bdd1815a7d7d448fa7097c12c33434d093cda3', innerHTML: value }))));
+        return (index.h(index.Host, { key: '0b19a5875e22fb387cbbb5e259332c72c172d319' }, index.h("style", { key: 'bc67a5f6af8d16543cebc5d9d65c8e99e1e91b43' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '694b0bed1fbe7be8823ae6dc8d0523a00b66e395', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'b10f3950f05cf4b71e74df8c63e6cd4d9eef1105', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

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

@@ -189,7 +189,7 @@ const KupTypographyList = class {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (index.h(index.Host, { key: '3805175638dc6f6a011f74d709b8039becce3f35' }, index.h("style", { key: 'd7df404a5c9d6f060af4f2cf668879a59e56f40d' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'ec8e41f3f5ef083f213cb742df53ed130b025b83', id: GenericVariables.componentWrapperId }, index.h("div", { key: '03554ddfe756cab8c854aecf3e7002d8a86d1af7', class: "typographies-wrapper" }, typograhy))));
+        return (index.h(index.Host, { key: '0661fedfb4e320b368134cb5900d746df1bc6bfb' }, index.h("style", { key: 'ee4ead57702fc77d855885b3a47b859070b9a5b9' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9698b9a86b6f400883a108eeb4a76a65754b19a6', id: GenericVariables.componentWrapperId }, index.h("div", { key: '1a7b1573f3f5d402ab0117e6a2448eb7ed88b8ee', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -187,7 +187,7 @@ const KupTypography = class {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (index.h(index.Host, { key: 'b60d605d65bbebe48bf9e32f060bd1e0679fc6b5' }, index.h("style", { key: 'd07c6af378683e2af82656682e95f24836bf5098' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'b658ca936a96a8e0782dccabb758a466b46aa72e', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '1381710b1e1f22f24d44765d102635cf0f672b3b' }, props)), index.h(fImage.FImage, Object.assign({ key: '447197e4e4cbd3f00fc2267299d96e1acc465d63' }, propsFImage, { onClick: (event) => {
+        return (index.h(index.Host, { key: 'f6e48b29220eec0cc5de2218a96d2f4f54995950' }, index.h("style", { key: 'd13cd661315bf2603841418c26cd4ab350526ec9' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'f9105a97887bb2bf4de24f2dbfcf046114bec16d', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '7a52cbe43a45d6fd8155fed8c55e73656792816f' }, props)), index.h(fImage.FImage, Object.assign({ key: '985ac9b8d6d0194473b3e1ee33fb6b549e4a21a4' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));