@sme.up/ketchup 11.0.0-SNAPSHOT-20241217083229 → 11.0.0-SNAPSHOT-20241217103457

package/dist/collection/components/kup-object-field/kup-object-field.js

@@ -78,7 +78,7 @@ export class KupObjectField {
             data: (_a = this.data) !== null && _a !== void 0 ? _a : {},
             inputValue: this.inputValue,
         };
-        return (h(Host, { key: '9dababac9d66c3a6c521626f55accc25c2492c35' }, h("style", { key: 'bf4ac3e47503231a77c632118a854972b3869215' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e9b93d26c6240a39ffd8888c33689de98ab16c64', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '8beec6f76a1f81faa8da2e11d8f33ee5df840700' }, props)))));
+        return (h(Host, { key: 'c50277b235f4bbe5945086c619d1a747d83f4172' }, h("style", { key: 'c238a76b7a96eb1c8ae29edb1d6241540a6deb01' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '78fd4c7c17b76033f7e11d741086065bc9beed5a', id: componentWrapperId }, h(FObjectField, Object.assign({ key: 'a2b16512ef5eec7e4c45f8116d3d5fc6aca2cb93' }, props)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-pdf/kup-pdf.js

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

package/dist/collection/components/kup-photo-frame/kup-photo-frame.js

@@ -99,9 +99,9 @@ export class KupPhotoFrame {
         if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
             __classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
         }
-        return (h(Host, { key: '0a8e3132bca574cfbb1cce6ad4caafa9214e9c76' }, h("style", { key: '9ee8736d2783d07c51dcd87d2dbbe366bae06078' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f93a429043a18f9d5b1ca8eaebfcb97ecc0218e7', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '1ef1d33f9d166a88c06992b34c92c6ffbe2571e5' }, h("style", { key: '19ec6c7e0eece08b10c74dcccd872a80a5c376b6' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '92e2b1633bfb1bc8552789ea130d4730f06630a3', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
-            } }, h("img", Object.assign({ key: '41d8a842da9ec15a748073f221641876a4e37dcf' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
+            } }, h("img", Object.assign({ key: '1ed369fd4c2abb9050f16a81f01b3167a31e1852' }, 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/collection/components/kup-planner/kup-planner.js

@@ -523,7 +523,7 @@ export class KupPlanner {
         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: '75e119951517601a2db3012fe503209c59537ab9' }, h("style", { key: '6e47ab638de9dbfdf6ae744f5aa4bc29103602e2' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f2e58f934c44846c8506e95f83d2f8802015c826', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '61ac140b5c85793f6c7281b5b1eb99bc1883a0f6', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '8b683a7435bc367f8b2dbae5b91b6a2e83adb393', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '188199a2d8287c6ad457504665591fdec044c006', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'ddb478b51648fb372faa628d04e63197eb77501b' }, h("style", { key: 'a3faab027e8da261f3ff07aa8d475277e39a7b20' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4f2203fcf11cf8eefa00e53fc9f6616601cad9a6', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: 'c66e2658463a114ea99f8e14e6451e5dea13314c', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: 'b480ac83dd9c8d56ac18594b4012a6f5f4444a90', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '813747f78ad25f6aa402ce9f593b0d0b1f4b50f6', 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/collection/components/kup-planner/utils/custom-task-list-header.js

@@ -8,11 +8,11 @@ export class KupCustomTaskListHeader {
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '8077b94ee9c7f98f55eb61c060ead9089c5bfa14', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '0dda65a73efcc5b8217019bf8d1d5d4a66277df6', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '3bfbff19a64a176b9ca4e00574f4887308e8f501', class: "title" }, h("span", { key: '80d39e9c94eb08892aecbef58af1e8fc333dae1b' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '1a91f7a7e8ecc5e91e7182169e1192953a111306', class: "toggler" }, h("label", { key: 'bf7a51a2e069892f1621cbaaad7fdba359321c59', htmlFor: "ch2", class: "switch" }, h("input", { key: '840e7dee95911fc2db92e535f5c9f17c9852b2d6', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '8d5c8bd70141b42915c6e4213aedcadf64496a38', class: "slider" })), h("span", { key: '42b514f4ef2919cd25bf653b2bf52c6f80441e84', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '07bfcbb99f759ae7968cb76af97e04666cdfb84f', class: "title" }, h("span", { key: '59b6656d24f1b381455888534075a704eadf3757' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '7d6f5eca5945d49fd784089cc97906400f9279fe', class: "toggler" }, h("label", { key: '6badb37501bdc190948b6fd101a04695b556fa87', htmlFor: "ch2", class: "switch" }, h("input", { key: '07f2f293bec60e83caf3ff8590277c05a8cad26a', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'a6cb9c1484bf2fbec6a1e9cdb6b2fac06a35c03f', class: "slider" })), h("span", { key: '4def4a9d08f8eb2fecf7058ad24d44d0cf626dec', class: "label" }, "Previsioni")))));
     }
     static get is() { return "kup-custom-task-list-header"; }
     static get originalStyleUrls() {

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

@@ -563,9 +563,9 @@ export class KupGantt {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '91d4b672df603b898f79d8810870f70e87a4af0b', class: "gannt-wrapper-main" }, h("div", { key: 'bf1716d26e05f47bb4f0b2ec525bd6cbe885949c', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'c12f81c4b4fbecef2411a3918b59128fee7315f8', 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: '7ca3df83876dbea0f57536a3eb9a7978af4f18f2', class: "gannt-wrapper-main" }, h("div", { key: '411ce55a1a2de1fb2c77b6fa5395237d7f93d857', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (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) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'b773c4160463e928dd45c555700983e914d5088a', 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: '93f0e5a3086e5474ec8f44e95134880bfc0f56cf', 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: 'f7ad2cfcf93fae625c6d90f08db43adbeb9190a4', 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: '9df22bcbe9772df4679df3b6a3f0dec13957d98c', 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: '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 && (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 })), 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 && (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 }))));
     }
     static get is() { return "kup-gantt"; }
     static get originalStyleUrls() {

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

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

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

@@ -509,13 +509,13 @@ export class KupGridRenderer {
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '1a6968bfedd80af155d8c44e9d4bf74144c05fdc', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: 'fcc3242448c44543b488b08112bfd0913f18453b', class: "grid" }, h("g", { key: 'cd01285362dbc58575a87426d67cf3344162d0c7', class: "rows" }, gridRows), h("g", { key: 'f0b36331280f0f7b89f57732103f2b261c833e99', class: "rowLines" }, rowLines), h("g", { key: '0bfdbba6b18a5a6751226177530025c0eb153c0c', class: "ticks" }, ticks)), h("g", { key: '2a8a613c07cc15a161b6ac1f9a2914562c4880fd', class: "content" }, this.currentDateIndicator && (h("rect", { key: '3bbb51c639c3a10254d55c6c463d684ecc073142', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'd1f0fac7dcee2cb6d019d6379b6b75c02d81069f', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: 'dd074d7f495fa5eadd6619360999cc30261356a1', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '1768bf87d7d08070ce0d27dbb6981999e9839919', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: '57d2d52600d5c9a3187a1a1779b409ea716ce527', class: "grid" }, h("g", { key: 'cf522a94564a34298d2cc91efc46af3ed4e053f0', class: "rows" }, gridRows), h("g", { key: '738d6d128ecd5398ba8aa5c333742854e082fbd7', class: "rowLines" }, rowLines), h("g", { key: '5e36d94d36900a7decf630abf4a614067b14735e', class: "ticks" }, ticks)), h("g", { key: '132f69c4f73953bbf998bf2acd30693d25b93d67', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'de9e545038e482212e621ca4c2f1222339fd203d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '7e077d951e8c2b125a4e25698542515a20d9ac86', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: 'ab75796381aaadbda8285965a66e91602185366f', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
             return task.barChildren.map((child) => {
                 if (task.type !== 'timeline') {
                     this.renderKupArrow(task, child);
                 }
             });
-        })), h("g", { key: 'bdc6502a998196bb9aa9a5236d1784880c268f23', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '18b7c7ff265294ba6d4aa93717d5a375264c421b', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -575,7 +575,7 @@ export class KupGridRenderer {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '4f71c4dd10d4c93ed805192d7b9b082c3f5c80b2', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '71036ce8e3180a6e31ef329e11ad35f7622a5889', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get is() { return "kup-grid-renderer"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js

@@ -53,20 +53,20 @@ export class HorizontalScroll {
         var _a, _b;
         const w = (_b = ((_a = this.taskListTrueRef) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) + 24 * 1.5) !== null && _b !== void 0 ? _b : 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
         const width = +this.listCellWidth.replace('px', '');
-        return (h(Fragment, { key: 'ac484adf00a234146079244250decddd0281b087' }, h("div", { key: '235b1833aca432afe43f1991d55d5397b31f4adf', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '02270e521b987254922c28a06c9846ac37f2f16a', dir: "ltr", style: {
+        return (h(Fragment, { key: '70745e02e28ef8e157d49eb5adfdc94522dfdd81' }, h("div", { key: '224da7cd81b9aacc24a73c331c5b7596e55bde50', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '103e8ab08fb5e13ba60742ddcc158998cfad2104', 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: '4d7e284aa6a9f33d235d64655a766ffb72c9db49', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '5dfcfdd085e3d29b95f005f5b705b40706d82b24', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '83815e5b51a7f76c9e55df0f3025f271cf27e9a5', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: 'c1446fd188aa1988af9928e1b1ab54eff1c067d8', 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: 'b44bec86876e369e27fb40cda1f567fdd824cc70', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'f69600b829b483c53503e6122376d9c42811067c', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     static get is() { return "kup-horizontal-scroll"; }
     static get encapsulation() { return "shadow"; }

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

@@ -220,13 +220,13 @@ export class KupPlannerRenderer {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '2faef1b0f3c6619898c3e9aef629ff3212f4c983', class: "planner-render" }, h("kup-switcher", { key: '565209c4761f7af527e49e5da7f56e328aa7e328', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '79dba602c2082055a26816c5b41ef26bad99c2dd', class: "planner-render" }, h("kup-switcher", { key: '311e99279647ad73fc56562f0035fa85f0ebfa98', 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: '9629edaed35da84c4089558a4e26f61502384c53', style: {
+            } }), this.props && (h("div", { key: '825c038c52d5e98f48750a3f8e45c48516237396', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, h("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {

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

@@ -16,7 +16,7 @@ export class KupSwitcher {
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '20e948793cd9c04a4bce6a2789acfdb8e23a4588', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '6a1e9afe20ca4ed43a14712a154d4048c7370725', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));

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

@@ -34,12 +34,12 @@ export class TaskGantt {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: '99714d47e1ad8356e5dd96e2197044567613fc32', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '6088d8bb84b2be87e3ecf51659eceefadc50c705', 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: '7a40721f34ba4a9ba6a8c61e4bd76689e9bdf598', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'ae93f614184ed2ea5cfd2fb44833764669b1e01f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, 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 }), h("div", { key: 'b106f6c679d459ad937f5b10f953f0981d220fa8', 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: 'b8613cde1d02a1798759b1da03c4967fdcb30b47' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'd0c94f6604dd57df8e01ef9552ca5aa326645f00' }, newBarProps)))));
     }
     static get is() { return "kup-task-gantt"; }
     static get properties() {

package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js

@@ -7,22 +7,22 @@ export class KupTaskListHeader {
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: 'cc6f16ba19c980fc42676b72355e39b04b27ffcc', class: "ganttTable", style: {
+        return (h("div", { key: '20160e5d97bd3095584ff963a2a756e1c88264fb', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'f79c084e1e11f78df57f0632724bdfb9a60c3552', class: "ganttTable_Header", style: {
+            } }, h("div", { key: 'f2320100d2a03071610a3e25a022ed5fbbda528c', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: 'c9cd05e5f46d180ac7c9b4959e32a2963384fba5', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '9084f7c4eef7f276f09be84aa6c7679af667c1f1', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: 'ca7167b753d11fcc0797e7ee824b973d89521df4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '26f164508b996593fcabb3edf670d5a769d3478c', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'a72099348deee5a50082c4152ecf1ddf5fe4910d', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'fffcf0bdaa2434eea231a2df4dd5f7ab45cb8972', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: 'f07398e08d58babab4c855030a3ae841dd347d92', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: 'a3d086247e2ad4c2b4d49258b5cf6a86eaaefa82', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '4a7e688d3727f12b4c4e7ca5816bb6bb53ec9f74', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'e2029d060c3870a51d8765bd9b8fc07c097bea90', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }

package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js

@@ -22,7 +22,7 @@ export class TaskListTableDefault {
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { key: '8fbb5a31c2d75d645b3d324639cebb87259cf13c', class: "taskListWrapper", style: {
+        return (h("div", { key: 'd24867037930e1052c048ab5bc88bd8dffc29ae6', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {

package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js

@@ -86,7 +86,7 @@ export class TaskList {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: '3c85062425cecd99f779464c08fdd9105e257919', 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: '5fb9d1ec0ee150a652b36b28f5c4be7fc045e050', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '0d435629659e29d75825bc52709961d2d538ccad', 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: '95289f2c981d359763d8f862bd5cb84db790c904', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = getProjectById(id, this.currentTasks);

package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js

@@ -6,7 +6,7 @@ export class StandardTooltipContent {
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: 'c8baad09503925e047a657790c755e82447e1e62', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '98e2879e19962ae884ad57c1f1e6141599642d39', 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: '4ec8ea1acc62997f4be2399680d7711821c1fead', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'c493de54d9152f6d9ced3bf5dc91f654cd70424d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: 'ac472c607f2703475d3136fb9a42891232fd6735', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, 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 && (h("p", { key: 'b610aa3e9e5cc36160f3aedeee8e94b6a1b3a0e3', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '1c4c1d6ffda7080c53df5f435bc9169e49c1f59d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
     static get is() { return "kup-standard-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h("div", { key: '8f4cf17366abf9d2795c2719976fe7798101d3dd', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'bdd70aa98f4613fa568462ede5a81c5a0ac3bc62', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '995641764e457eea64f9a0adc87f2e3fe5440a6b', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '3cb4afb16ddb4a1f329dd86b912e49a5c07102c3', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     static get is() { return "kup-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js

@@ -31,11 +31,11 @@ export class KupVerticalScroll {
         };
     }
     render() {
-        return (h("div", { key: '3d3b8fbb45b98fd7a29d7ee033c1f918af1d9949', style: {
+        return (h("div", { key: 'a4ed08824d2725f0d203f31fbf15fdcccc87d3f7', 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: '6b3c0cc4a7ac473fb0689e9bab75c255aa100ba0', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f45c374c75f698f5857a6aeabd01395647a3b01a', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/collection/components/kup-probe/kup-probe.js

@@ -251,7 +251,7 @@ export class KupProbe {
         if (this.features.theme) {
             customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
         }
-        return (h(Host, { key: '45102ca7586bebbfc7f2b153d93c0f004f2ebfec' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: 'c4e6be7e1976deddb7fea01875262045fa35ad78', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '89875bae2a166240231085ba4c5614933180fdf1' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '69e914c7980a8086f1ac629f17905bff82f13689', id: componentWrapperId }, this.content)));
     }
     disconnectedCallback() {
         if (this.features.language) {

package/dist/collection/components/kup-progress-bar/kup-progress-bar.js

@@ -102,7 +102,7 @@ export class KupProgressBar {
                 ? true
                 : false,
         };
-        return (h(Host, { key: '5dc3349ea6e77e6a5934c04875bc6dc51ad3e607' }, h("style", { key: '609be59600e3bfb70a782471a8844a2edec151de' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f394ab7f3ada958c57798682abda94aa51898a5f', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '0e88ea54b8e84a5eaf989322832104acf35fe95d' }, props)))));
+        return (h(Host, { key: '0dda1afcc6c894a63f2090d372ec33c64f68e9cc' }, h("style", { key: '9b3c973b4c08e663688092e583f590f5ff9a021e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'bf829abd6a8ec69b05951b7b3c9a5a7c67d8554f', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'dec34d14458ea7d07442f17f2217ce3943d92c3b' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-qlik/kup-qlik.js

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

package/dist/collection/components/kup-rating/kup-rating.js

@@ -91,7 +91,7 @@ export class KupRating {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: 'c76588531b81b4dca3435656bbde26e92359e837' }, h("style", { key: 'cc834c7b3ab8d125a34f898b0882c39fdcff91ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1e03a86938cb8e07dd3a7dba4eaf4c397793d385', id: componentWrapperId }, h(FRating, Object.assign({ key: '0cfcb19553aa078af5b7caba2ce36b32290a7c04' }, props)))));
+        return (h(Host, { key: 'cca9b24675200d359bf91a620de8044f2bef1426' }, h("style", { key: '986e67ed44bb5e3d84f248d1a7d4c9525e73b779' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b5582f26cec08e9991cff8633b0727160ece08b5', id: componentWrapperId }, h(FRating, Object.assign({ key: '6605be5d010ed846971bc7e23439e1898ccf75eb' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-snackbar/kup-snackbar.js

@@ -93,7 +93,7 @@ export class KupSnackbar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '425ff290429f0ac399306ad7737d5df519a9518a', "kup-visible": this.visible }, h("style", { key: '0e1bc10e2884f4943c0bc4fe96bed9805f7358e6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a66cdfc2a2fb2098a8959949b2b117c24e99cef3', id: componentWrapperId }, h("div", { key: 'd3bf872e84369ef05dbd1343e8264e3b3f03a0f2', class: snackbarClass }, h("div", { key: 'a2ad63fe4b3146826a77312edeac063dd4e31f08', class: "snackbar__text__block" }, h("div", { key: 'a45f6f870c6ca3e2dbc825a820bd6a1f2c1a210f', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'f866bd88c6f4aa1b0c25debd96dd7ac46c47e4f6', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (h(Host, { key: '4b6f9d9b7c39a825a81bcd21e64a014111b349aa', "kup-visible": this.visible }, h("style", { key: 'f58c94d019e43c6628a0fb2c100b5ef6eca55ae7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '05ea7e4c6c8313f32efd10deb6baa60025d45cff', id: componentWrapperId }, h("div", { key: 'cb5eeb1b07e767a012ce66873e02bd73b2405278', class: snackbarClass }, h("div", { key: '4625765458fb84289feee65dfda7d622169e45eb', class: "snackbar__text__block" }, h("div", { key: 'fbb6f8fbfb0ef27b73b874e07ef14bd21a38f9bc', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'f39cf0f5257b8ff1dbd40dc04419e08e7fe8ef03', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-spinner/kup-spinner.js

@@ -96,59 +96,59 @@ export class KupSpinner {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '81a65c54055473cc29b6eb27111eca0e2c89e34b', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '5ddbc3a4e2dfe25791a1dfd4bec2373d51c491ac', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd4651cec0cf7ffb42ed2b7dab63838d43778358c', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '3a90ca47426be590e3d533120858f5aeef770749', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '52d9e9e8a0dbe22eab84fe93c5111444b3954796', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '804774c88c9dc9656ad44bb78ff48bac1b8dc3ca', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '96692932f35b65738b7bd4a709f29a6882eb5d35', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '92a10a4176fc8117c7855edb5672ca51d6a82f05', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'eb18cdd80e2fdd87f2b41a28078695b5c7d106cc', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '04555672d9cc1f0c373d8042e11f9846a74f9323', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'c5931a2cfb81583080d45d48a366ecc5ea64c051', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'e25127c741adbd5143cc64876cf7676d2c820e9a', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'e14ba5380e396bd6aa330eb368c74be28a544611', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: '391a4eec88e9579bd9e6b420f5c137ce8ac65b80', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: 'e25a5e3a3e0c6558ff69aaa9f26415d0f174b5b0', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'd965dfd0f30bceae4071f59ddd6a93413e66c0d8', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'e10563e780ee16d1cbba147d2a2fe69da0025a46', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'b55e2d5a3c37a67e1318cb9a68d1c7b895bb63ad', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: 'dc77ac1838734ab3d7fa10e37157c007a2f7a0f7', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: 'e079e592180df575002a539d3538fc7a8a603a73', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '3288bdc038ca02c506f72b50bce793ec2416165e', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '8811c582d95327ee22ca89a2931c94eebdc2d88c', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '1f7e9f41f12e05898777647b5317e3121f3d0b84', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '761ea5842b5ccc7f5289612931f4aea9c3cb1719', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '2500b736456a54e1534d157e0262f0aed8da33a7', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'fdac8eb3d24bbda5eec177146ede56548605a98c', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '5d2bb1fdd70649b44a992a882f3457f3b6c81244', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '4b8313ea7ea6eafe5ca0a0c26046314ccd1b9065', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'ed49f19d072900348139db9f2c6514a97554c87a', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '20681a2cf6cef36f4cbce77ebb3269ccd87516c4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '47fd85c50dc4ecdbbbc4407a965835da43bbc06b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '4acc593a037af69708c8b591d00ab9e79c85e071', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '37848e74d0adf52c7dcfd7667a534f299ad1b249', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: 'a8ecdb239803689d32d5d751f749748246f2749d', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: 'ae4ffec0c0d2ec6cf04dee3ba30e4e53a9193296', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: 'e743362b2b34e79185fba06d2c62b0bfc0f2d81b', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '007a0e740f489013c5413ed583bb9c97b9ebf6d0', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '44c66240725e7ee2bd36517cc28efcaf65b8011c', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '66f19c1fddcf50a3ee379ad87cdc526be514092f', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '817c7ab107d0990d50e2605b8183ceb66ceee73f', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '313b9525eb797803de6959ece1136ce04477dca5', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: 'ec75231b93337852eb67d052b3f6463bad26ffa6', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '81864660743e356c6f6c43c503b2a977e315c869', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd495acf840740ec71bbef1384a4a153991bba8d5', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'dbe6c9598f20c2285b9dcfcf4d95fe8fea796916', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '303d0136dd6c9b5a81416d6a14953243cd348dc4', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '6e81d676ab005e17fb470c519a1cd155be97f6d2', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'd0cb98cd47fbd80d9924422072d3d9197489dab2', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '4ae83dfedae737e014295302c735611bf099c86e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '298aed2ccd8e33cecc97eb1de1fa164160d06f8f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'f2ef5563042c1846298b80b01a7f8a7a025607d2', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '14f9cb1f53017077195a3894eca9e5c2a0236c3a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '01be9f538d0a601bb0979f518f24ff5374d595b2', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '5b93a4fd503c3a9f4e19592c6a22e6a65f041211', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: 'ac985dc9f68b8f8ccf18fea4421141304bf96cfc', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '68380b6cf9cc7922538a298efcbe25cdd6a2689c', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: '3ccf00fa9e7243276d7b1200eda6252c1e8fb40e', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: 'f13bb429a3b6bb253ea723e10acbb5115310e8a9', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '811a9b344cc9e988e2320fc9859d541039d9df43', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '2d8b2366a1ac095d8d89e3d2f67a5e0db6b94a2b', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: '1b29647d383fe51676bc160f8fa90f7f2e7e7859', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '9ee69337ef8957e3dcffd7d5721fb8d779479328', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'be9d0bccfecfe654d1268c3e1e5fa36073ab40f1', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '3e8bfe54448bb20691b1f3381f46388087e4a77a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '62203f80263c73871d5465948f937e8dabc07618', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '04aaf9514b8c47ae0a8b15e71943be087d82f90b', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -167,7 +167,7 @@ export class KupSpinner {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: '7c9b0f4854d031fb6714f80963d2e737056dd1e1', style: elStyle }, h("style", { key: 'beaf684ed7a70a8100c9c17684480e949c3f3c86' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '591b984509aacd8b3a24cdd5d98451b8887a01d9', id: componentWrapperId, style: elStyle }, h("div", { key: '5c5f225efad2ec9f68ca08e48332c19c302d6a3c', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'ea1da271a51f4b923d3c72a467f29358480d96d4', id: wrapperClass, style: elStyle }, h("div", { key: 'c7b041c3a7757dffa3719dca7bd1381d08dd948f', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: 'e89031aff0515422bf313b6d75816eee1a1be8a4', style: elStyle }, h("style", { key: 'fe09930f27d2358ab85476ee06d741f61f89edea' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd502afd351c3123d93cba23b657d0cad315f590c', id: componentWrapperId, style: elStyle }, h("div", { key: '938900ed60ce21b69ae1467d3ea58bc486d3d6b8', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'ea0359893f1f02255c0a1988b9b6422302703dc4', id: wrapperClass, style: elStyle }, h("div", { key: '53ff614e48e01507541b55f0419e307bea923259', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-switch/kup-switch.js

@@ -123,7 +123,7 @@ export class KupSwitch {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: 'aec9128d5c983f66e2c9830c322506c4539e21c9' }, h("style", { key: '8859ad3ed0aa14a468516b01499e82e9fd8f2a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '486bebb9405f743d3448cbddadeb53eab64c73b7', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'b055a1fd94ba6af4cd5cbe998c2312395514af8c' }, props)))));
+        return (h(Host, { key: '86748c6c08475f936169898ba4b926718fcaf408' }, h("style", { key: '448695a70cd694897d210cd42a790f9141b9acdf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '66676ec9881f2b6af0e0dc01f7a8614164e269c5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'bceef796e14a6c35595cfc259c262438426cd57b' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -407,7 +407,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '97f7c450f1127e17093339384ddf702cba2a6fe3' }, h("style", { key: 'b819e8654037e98b79b7fe0a38e1f38128a06b6e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd7d42055db50947e57d98a07e8396600f9653ddd', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '01279d87213d53b67cd6bd48830ce8b3d6ba2d0c' }, h("style", { key: 'e72d86ef452904cfc610fd4ee964715820b6a489' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0ddf26e97241a003a77f0a041ef09621899fe952', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/components/kup-txt/kup-txt.js

@@ -74,7 +74,7 @@ export class KupTxt {
     }
     render() {
         const value = this.getValue();
-        return (h(Host, { key: '9ea52fb3468de015380d4451bea7c1123023460c' }, h("style", { key: 'e8e1fdcc1f608b34b46be6cfecd8e1acbe31050d' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e946d355ead7cba0710c92b58d9f04efdf6e4466', id: componentWrapperId }, h("div", { key: '22cf78343c4964c0ebbe26e4c0f75066156cdce9', innerHTML: value }))));
+        return (h(Host, { key: 'dc11dece1614b37d96f8efb57dc024e8b06a716a' }, h("style", { key: '207531e078979777e9de3418477bc3887331e836' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '25bc992e20f10735c991aea5113a078fafa87999', id: componentWrapperId }, h("div", { key: '20bdd1815a7d7d448fa7097c12c33434d093cda3', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-typography/kup-typography.js

@@ -157,7 +157,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: 'f41b7de8caf9540365e4766e27304f08c3e7a5d0' }, h("style", { key: '1e4895e3f58fd65d8aa380897c7d4e707f19850f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '29256876f9d446a3eb24961e8f36c9db6ca74824', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '40334bdae6b0df4d9ecb9b7b4cb7ecd46a5bb002' }, props)), h(FImage, Object.assign({ key: '09061ecacc7bfeaaff3d72ed84afd4586fef7933' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: 'b60d605d65bbebe48bf9e32f060bd1e0679fc6b5' }, h("style", { key: 'd07c6af378683e2af82656682e95f24836bf5098' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b658ca936a96a8e0782dccabb758a466b46aa72e', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '1381710b1e1f22f24d44765d102635cf0f672b3b' }, props)), h(FImage, Object.assign({ key: '447197e4e4cbd3f00fc2267299d96e1acc465d63' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));

package/dist/collection/components/kup-typography-list/kup-typography-list.js

@@ -160,7 +160,7 @@ export class KupTypographyList {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (h(Host, { key: '7cefcf3d2b633a30ecb96d3ff57d3b3f87cbe4d0' }, h("style", { key: '8ada91e5d574896f59efd42b5ac677c07cb39f15' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2b33b1457e20fca4cf707ee1762b1a02f90e1cb4', id: componentWrapperId }, h("div", { key: 'a0348c411bd565eeb0777ed5204b02b24978e1a2', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '3805175638dc6f6a011f74d709b8039becce3f35' }, h("style", { key: 'd7df404a5c9d6f060af4f2cf668879a59e56f40d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ec8e41f3f5ef083f213cb742df53ed130b025b83', id: componentWrapperId }, h("div", { key: '03554ddfe756cab8c854aecf3e7002d8a86d1af7', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -6,6 +6,7 @@ export const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];
  */
 export var FCellEvents;
 (function (FCellEvents) {
+    FCellEvents["BLUR"] = "kup-cell-blur";
     FCellEvents["CLICK"] = "kup-cell-click";
     FCellEvents["ICON_CLICK"] = "kup-cell-iconclick";
     FCellEvents["INPUT"] = "kup-cell-input";