@sme.up/ketchup 11.0.0-SNAPSHOT-20241023072631 → 11.0.0-SNAPSHOT-20241023092659

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: '73752a0e5077fa4ed017d304d7d0ec86441173c4' }, h("style", { key: 'af248e098f4f40255f284e8e332d4b06aa79035b' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'cc070f765699d2b033fd93dd8b5122be58f1d73f', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '80a8acb4dd14977dc5a33595e4903d6a538cb002', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '8155c94c54c807cc60a360bac5b5aa2c9a3ee6b3', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '6ab229e2e93ce07c33487d5ab8c1e7112d7c23a4', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'ec595d6944c84d1ff3419a4f9ea4b05b9daa7c8c' }, h("style", { key: '9476707409a3f42a4053432d9516fda679f96341' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ebcc7405f609f4ecffee385e5c3e710e67e67493', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '9cb8c0178398029f74dded13fb14d96d5a3f3652', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '227fba551833686254d2f9d904093fb1cd6afb31', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '4cb494e54f8ca483dd46165b606ab1b54c5da58a', 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: '1e337339b3b89005b39e2232f66a0bda60c53834', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: 'dfcd0fb852559b2ffcb4fb167c7639d3f7debf8b', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'e1a92aff28f5dd3fbd73801a803af22d59b86491', class: "title" }, h("span", { key: '6963add81ee13dc675d19d8791c5e7779a2aa774' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'd7a33be86ef3c890d763e4c933d4a8cd6ac49c9a', class: "toggler" }, h("label", { key: '9a71699e73bcdcddfba88007e9660def60096b79', htmlFor: "ch2", class: "switch" }, h("input", { key: '10130fe5a0eb330ffe0bb8d580104830555df5a5', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'cb6da2b38ac4ea7bb017da4a228dcb2506145120', class: "slider" })), h("span", { key: '4d747af5cd1a8b5fb70d119e334fa5c61dc5ee28', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '59e157d30f9573922fa456b1f6ea1132fc192089', class: "title" }, h("span", { key: '73a2095bf91d0846df1ad2bf1fb2d7425b3210f0' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'fcc17da264378828c9494c571f24f8c072508dd0', class: "toggler" }, h("label", { key: '94edc43752e00d5b12fa516712b6eb7230720891', htmlFor: "ch2", class: "switch" }, h("input", { key: '3a0c8a9cbae7a67f93afea19013cccdd9a97c053', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '5fd1f6bcfe2f27d73f1c84938dda32c8fdebbf67', class: "slider" })), h("span", { key: '117ddb88804955dbad7f5acc69fcfc1b4701fccb', 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: '8a37b54f4c5c6de936730887c063ec9701f78537', class: "gannt-wrapper-main" }, h("div", { key: '96064c18fcf8520720f0b009fcb554b4821be213', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '0cd04dabe0c6693c3e59dcf3715bc52a63ccf030', 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: '836af3f1012d6eb8276048866fc9a976b349775e', class: "gannt-wrapper-main" }, h("div", { key: '67654e8431be67e00d1bff668d9d90b3a7b3b21f', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '2e419799a7a5ad604357225ec48b6be0b6a9353a', 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: 'b5e26244d1ca3eea44c34b405c9106d0ef30e48f', 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: 'f33a7583ef8b0650aeca1b4f7195d1e7faa5ef52', 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: '5e470693988937d9d9eacdee4c72981bab26df29', 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: '73d297169276b73eea6e2447b26a84dd4278f65b', 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: '4587424ff6d24d47b471cfc28972cb34e42ba0c7', 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: 'a2c655b425591b41492f4b77c9f8e3b1130565a4', 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: '2122835b9bf5929d76ee7cf28c60be64bc2b2a01', 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: '167011334f0919c9df59bb91c54be5d039a8e261', 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: '0137f0b266f9c9ed1d3a9b6ae8b2990df572a780', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '0f4af7831888120ba3734d0f778782433d626c2b', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '8f4b92d3927d6687ce4e4e2707920dbda9153b4b', 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: '4ad5b9ccca0df392a83070e15b28fd3f8e72e70f', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'da7da862b4f407c73f351fa1b8e3e4beb240db65', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '515bd9ab381247ee55813b3f40fa453b2f366467', 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: 'b5ce42db928f9b1ad5570a6d96ae6f05664bc029', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '609d5428fdfc27ba6ac1bdc2a2799fea5089dee7', 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: '9263a7ff5b686852374b8ab09139cd5fcc0121d8', 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: '85be8b28a1dace4119300b70f57315f078196aca', class: "grid" }, h("g", { key: '5649441550478e9548ae5ca74e1103b4d1d5a0ae', class: "rows" }, gridRows), h("g", { key: 'b9448651fa176155dcca85e255f4c18df8e82c78', class: "rowLines" }, rowLines), h("g", { key: '494680efd38cf2de8e2ed70ed9d9150e7445686a', class: "ticks" }, ticks)), h("g", { key: '4d9372e10eb48f81db24e2ab192aaf3ba0d8ea35', class: "content" }, this.currentDateIndicator && (h("rect", { key: '8895a188975316ece0a630c649011557db8abb35', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '840d85239cfae75ef410d67ea3a4b52c5c017f5a', 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: 'b39ff7980e443acc2b954389cc5ca2873e02ba1c', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '6e2c05f30bc3155b36dc0433a116410048042015', 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: '0530506fe65e0b1a8e6fdb018689d094a16820a4', class: "grid" }, h("g", { key: 'd189d3654b50f9bb34dc0800faef0a67780b4525', class: "rows" }, gridRows), h("g", { key: 'd53aee95bb1542041abbbf1425b2c2d2eb0dda9d', class: "rowLines" }, rowLines), h("g", { key: '3d238c6efd1dfacc8319782d1be07eb9c9a7f596', class: "ticks" }, ticks)), h("g", { key: '72d0cc281ff3a10943d27b3b8a029379f78f6c93', class: "content" }, this.currentDateIndicator && (h("rect", { key: '519244fbac413f1bc538441e19fef3ff57e55b3d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'a0f3fcb8e27562a64862817ba4f7056e0a0e2123', 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: 'a050c973b2219e0f2bac273c53d934da444a4024', 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: 'e4c860fe4271daf18cc3fee8f9660a23e7a8ac44', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: 'ad2c626a9b4a5277eba2fa154602c68d41a127a8', 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: 'f767fdbf19649620d62420262cf978a3503d7d3e', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '6da45035c94f4e976172186d6929ad693ba40e77', 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: '8eaf71f5bb666b616699b6b3ce516c7782b19826' }, h("div", { key: '7f45069ae1abaebee714344f58bcc749c23b423c', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: 'de7209740ba1891436f39e37708fe64e2d4bb330', dir: "ltr", style: {
+        return (h(Fragment, { key: '0359e34c59e8f83b91edf4ea4455f9b0b818b187' }, h("div", { key: '1f959a14bd712c24fd9247aeeba42d4702f4a647', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '0c90c113ae5ad82ce41a1dd30037c14f0d3aa071', 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: 'eb58dfaa07feb65f410d286e2474aee8676439b7', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '2baa4a929f17a9fb7df2a74328ad231445fd9639', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '94b6efc36af3fada66786096556e75102679c70d', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '070aa5027e20fc0f31d3ab66672789ce29d3ad8a', 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: '06d4406a9c16d88126522ea07c72b26099acccd3', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '509f0a35443c329e6c86bafbb1a7f93919b62f48', 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: 'ed1e2d17ea7378e1a7aa58e48ea913377f1e9e88', class: "planner-render" }, h("kup-switcher", { key: 'ef3558f217d69db4049e86c4a369c7c0d127ad62', timeUnitChange: (timeUnit) => {
+        return (h("div", { key: '36516935d5c7bd442298edf8626770b47d67d8a1', class: "planner-render" }, h("kup-switcher", { key: '4780f53ca74985bf1744f97dc16ccfcc45c2c937', 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: '36c4dc1e9fe7e87a01711ca68a5ae12216454a97', style: {
+            } }), this.props && (h("div", { key: 'fdd8ec8f405dcb3aeb3dcb882314a2042eee6ddc', 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: '6e2a2b6ae37432d55e0fbc9290da84489ac6bc0c', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '9540112cd61ae116e61feca0d2424e3511139f25', 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: 'cf77807125378b8591c361b25b5ed4f937d2e19f', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '6cf23c7cb71924c73d3df858f826d17d29d71a5a', 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: '797693cda77ee8c8c91928065dc8a5f1489f7cf3', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '225f4d8173ff69d5ddde8d2f5ed33bdbe463c47b', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'fee606b4e38108514adcb1a7f1e5e6279ab6ff88', 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: '4cf70e2505d9be056ed47d36b6f7c856801e3c58', 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: 'd347808d00d1c3c38cd76edfd46663fcf8ee90b8' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '27ebb2611cb6f3f432b555f1f29a0e906df4cab3' }, 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: '34a1794a81e3939c996ac6d6cfe4fc8c82ed540b', class: "ganttTable", style: {
+        return (h("div", { key: '7c38309df79834a182510f6afc3ddf8c9ce0b46f', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '92fd0d2fea5163672528f09c295f55b0318d8cb7', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '41f5891329b6ac17fbfad63f5a8fc89aadff5d96', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: 'ddccdb041ca77c2b017eebcafe7ad1739ec9eacc', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '9b30d5bad4ce720ca1d3efdd3e1c5df91866202d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: 'a0bd213ca6972a78a21481eb062632676b4a3a0c', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '9bf3e558ee06f137809853c3da1682eded542586', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'e5c1771387371615f70d216980f588b771257f13', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'b57e9cb06f84f0acf420e28e1d6ee1a3c66da79d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '6918ef9effdd47f823d662a4c1131378ab75a860', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '62dd83ffb11015bc40b8437e35eb2e2686e2d0ff', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '6da6d947b735c569bef214e518495bdcf68e454d', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '41790ff5c2576c41a11be2a3ef9e811d35b526ca', 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: '6db770180119a5594057668e7b67ec6597481bc3', class: "taskListWrapper", style: {
+        return (h("div", { key: '1b39b6a152899cd206287a8be18fa083d19c91a9', 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: '7e4082cc370aec412edc46d4f5a026a8e14a6f0c', 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: 'e854e8100a5f2456a62474469f70dfbe2fc5ec48', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: 'a19dc6c19ddcf5af323857e2f3a86ad81378c5a6', 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: '863960227bf03fef0e3db1064df6edc56386868c', 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: 'f55f72958473eab516177042f08139ccef9d6a26', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'f6dcbcfb3e5f7af566a6b4522daf8f4cffddac7a', 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: '42c80e868a1db54e26598c3fac061d6af8ae28ca', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '38f9745ab196734d14505bc35f0ad1fa7091ef87', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '6e4baa35e22f4add6f7d9b71f472818eb81043fe', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'c3669ef657f2f16cc0dd3789c092757c238af0ba', 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: '919d7543791605febf24c54992eec344d69a78f9', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'e4292000dc3eecf27db918ec1e9b78d8e9b6b6ed', 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: 'a1e23c2e793fd7a59a0d68683db614d1227310de', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '49f046e82f740a7c16e5e82395e4c491082662d0', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '376115aa725f2be586aaa2f5000cfe35e9ed2fb8', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '3eb3daba50c63eee9b4bcdf42d9565ab633efeca', 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: '2c6ad47da29da22016405f80792a2a63b5d9ad45', style: {
+        return (h("div", { key: 'ff60569ab85cb336d97223e914f1161a0ed1def5', 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: '3f249b13a184dd3efdeccc543b4fb6d373d0052f', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '0e05750fe66a56f93277bed8c3fad94c0f388abc', 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: '181e80774854ac9fc4d1f1ca2b5e702c39884331' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '43cd24619d530b0cd509aebdbc16a90b42dc6bbb', id: componentWrapperId }, this.content)));
+        return (h(Host, { key: '8d7afacda7cc4439039c941af5d9150ed668d03f' }, customStyle ? h("style", null, customStyle) : null, h("div", { key: '4a15796d3c5cc632b326bddef692c640edc1c366', 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: '897a29c4dca3e4739ad68cc7907993b1a7809fb5' }, h("style", { key: '6c5da569d83b814ff978e4884db1858532b42d34' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3bf3161d02156be2ecd555ce77c6ed379596a387', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'c72d1174554dd59fd620020deabdba54582f61bc' }, props)))));
+        return (h(Host, { key: '2c70fb4cd49a7f141df8ae364f4e3f36788acf36' }, h("style", { key: '02dcd05dc9b99595282cb45264e44e97eaf09f0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ab83e686ee6f4e8c1f39a14665b6907332950295', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'df1622e0bfe127faba5f80798fd3c9ca000bbb27' }, 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: '84dbf3c7b82c1e0674e98ea03ce0ec5de5449090', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '3014bd82bd94053748127d5913f9ff4bda8ef3e1', 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: '472f83b32ab41f695ab250c659d7bb3a0d3d5888' }, h("style", { key: 'a89bb9a89bf77d62d7393232bd007e464c47231d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e83a22910749396a2752eb1624f75e5b1b18d843', id: componentWrapperId }, h(FRating, Object.assign({ key: 'cd3a38a7472d277df642345e889d1f6916c43c75' }, props)))));
+        return (h(Host, { key: '19e163cf4af6870a39a4c76d0434a6ee1791d464' }, h("style", { key: '762429d33eabfd6266f2cb8778e6191efbbce002' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '48fed62d8fea255be84318e7c36012eea36493d5', id: componentWrapperId }, h(FRating, Object.assign({ key: '52b3a141cc5f6e71aefb4008233e30dba9476719' }, 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: 'b002f53fca17f2558cabc7361453391d15429b73', "kup-visible": this.visible }, h("style", { key: '01863564ea31079e738744321b54ddb9839ef8d2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd874cd21d97d5dc258028898e4acc74df66d5e3b', id: componentWrapperId }, h("div", { key: '2acd0ff2f624c2e29f8a6a338c78d5222f566446', class: snackbarClass }, h("div", { key: '4ab51cd8952c62cbaef1ba68535bc3889a3e782a', class: "snackbar__text__block" }, h("div", { key: '643cd004cd0a741b9c5985402db4cde72f6d847b', class: `${snackbarClass}__header` }, this.header), h("div", { key: '9cc6e69d984acc396c816d92c65931c534d5400e', 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: '1543a186a11316b84a53b02453c9d06ad644b188', "kup-visible": this.visible }, h("style", { key: 'b406ad7fa2d68f02975d7faa9f5e72a269cf2359' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'cf4204659b6a91faff19efb406e29e1c11461950', id: componentWrapperId }, h("div", { key: '88dfe566adda8dabdbe0536c314e0fbdd032a267', class: snackbarClass }, h("div", { key: '4930076e8ef0cc034e39a701731ee0c55f06b93d', class: "snackbar__text__block" }, h("div", { key: '58b3fccae5b1b2d29850ed41e4a3a489af8f123f', class: `${snackbarClass}__header` }, this.header), h("div", { key: 'a034ec14453dd9ae2cfb880465c2c459eb8eefa0', 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: 'a99e44566253e408f1333ed06dc463bcbe7bedf3', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'db43db1b820b76e54225ef66a8c1db5393cc945a', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd2835cbfed703ddb692617b4bfef410e6f2c4587', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'c927a17352c1bdc82165f0e1ec7a0a43246ffea1', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'ae079b0bb82f9372ed472fb405a9e6112187707f', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '91311153beee00638d163d4e875d48f5b2e3e6d5', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '03f69268dbc94cd5590dfcc956a087fc0cb533cb', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2a56a6a1a2f88ce8ddf5bf6e30b4f469e8f42c0e', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '650c4788e7ab9b3af52d32bce052f2ef760d3b32', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '86fa8756fa1ef148e9ffadd5afddc6a5498e3767', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '5905d2ad1382f066091a569e153b8fdfcc8ca1ea', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'e760968ddbddc15d3260baa12a4a50e11547a088', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'f706be82bd62d2b3b5295ff435c10078d920b328', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'c6d99483d7c51dcc301781a19458761c5679d2cb', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '512883f2c7600fc2eb6b647746391f49007bac47', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: '072fdd1032d6593cc85bcc811b6dff097cf4aca8', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: '83489650fe6cf8c6a8cf59f2f9d9beed78326ae0', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'cf89faa86f77cefb54034ea1efbda98c05e8da2e', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '7760e02bfee996f55a1d335f8c130e39201df952', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '657b89e925ce3b1c204a71f8eb36f45f777e8f79', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: 'b8a211c8229ddce60ab781fb29d1903189c4006b', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: 'f47a979d09056bb764d02bd1a8a35a6a8496a73e', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '884edb1ed597f7ca757e0f3f9729a5eb5e181aab', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '0d39ce7d8dc84c4fa511625afa079f67c42d5152', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '0d067630f107d1f16b6c8d3948cb87afdca74ac0', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'b1baa16dd98e6eae72b8c9b6eb7d2e0984b36395', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '960f8e437c0639c8ebbade1004bde66b5ddcc135', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '0b34220002680bc0008c26fd5c0ce0a25e76873e', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'b8172f983946e8c4d3785e63ed5be4b88ba4a995', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '392c061a0a55d58e0729cf59be56b2f817749fcf', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '5df76c393eba908bddd9fa8e040edaedca46ca3b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: 'fb35482330dae2e76b4d90b3b8ec6f1f223c6a08', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '79ee056d0fe9da3ef9591dc6def08dc533e10def', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '604b70999a746e757a979f64cf846d1c7f09ef74', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '3be99d3b8f3cb434c3420799f894d179137cbc23', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '2ad6f88294d3ec4b340791bf2160ff692e1de686', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '7a17328e0876ac401a87f945501dad767899ceb8', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '50b1b5398019c4d0ad32d4c91df4ed226e7d5504', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: 'fe98b117256e2dbdd19a0db3d99a602be64917e6', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: 'bd4d5345e1733484bf24d2711e3b9d8f71bb9176', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '83bbe8b61040c03b0b428e5594f00e610fbfaec1', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '70b5eb524f0abf0f1970ce60ddfa821bb55dd199', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: 'a15f30e039088378050384e62add5fd8571c3c81', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '694a9c3eb3b106801d88bfe5af043f4e86d43d63', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'eda5650695c418e38f6df8b42932df5af7eb9cad', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '098a6a6ff60b5bfb86fa3ec2489d2bee6c8978e3', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: 'e91b94dbf60558b278754fd0600f2f1bf2e8d879', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a73c4ec55c74b8931209cd4bfd9b2513149b505c', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: 'e1620327ce5b5b85c692279d5f9246fa5143f5d9', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '58beca7137e443c3334bbeb902ffb80bd5f3ca84', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '162ab359eb7beb01728fb2460955308ec0157ec7', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '05cd68158beaf8a616533fb0afd1160d363c0b54', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a02ce9b4bbf0dbdf4d13899b7d6451259c2d37f6', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a420412e17f4b9e045c67064103bd4ec089c5cbc', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '5e250f3030ef1731aae187fc91ff52c6fc6063e6', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e33a1aadc9ca44e086df176bea4d4d73968c74c4', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd2b8a81da186f7bcdb3fafc70a269fe74c71d3cb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '5083f7cbcde58aa23c056be2e7d9ca90133bf0c2', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '0d07dbca7fd909387b4b6fdf96d0a3b58503da4b', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '16aa7c003b4e5832c5f1d5100ba3eb94118873b7', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'bece4a2a01f402b977bbd721f05519f990bf639c', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '338a151528e70598f7135a7c3eb9b11a8d4e247f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e023a8edb908682869d1f00dbd6e4b444f746039', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '90f319c942cd6532dc8a8115197dda275d8a046b', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '2c3a5b98dc0fc7d6e8d42b102c793cd14711c6e4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '0b00adfa5e9b64d7fb6ac8926244b1139fe6bd07', 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: 'aed6c2e6bfeaa6b9fd1a5d1524ae076b480b8790', style: elStyle }, h("style", { key: '525a08ad565c9dbb5aff4b454b2fc831c2845ed2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '81945c8d8c9cf16480b7536de1f306b4b62582ae', id: componentWrapperId, style: elStyle }, h("div", { key: '16548329d5e68fdf4f60712341885e934f1de10a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '056a41679fc5de2f827408dbbb5c38ccdc8d1330', id: wrapperClass, style: elStyle }, h("div", { key: '7fc61bd8a7e374b46673623250edb2c6d296426d', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '0fa5b79a3f35a6c98cb230e422df6c70fa63d2b4', style: elStyle }, h("style", { key: '8df76bd7160566e02bd1402a298bf1a696ddb7d7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '93501e0201a73d2262cff2cfd3959e8fb040ad22', id: componentWrapperId, style: elStyle }, h("div", { key: '5a781c28723f570879ec811eb4d609e21dcf146d', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'e8da0c72289b2e16edb88d059fba5f67bfdc53a8', id: wrapperClass, style: elStyle }, h("div", { key: 'cfc3d0f8ea6e626b2f641797205674fd869e82dc', 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: 'faaffe5ea3f9eddbe4d444363d0693473b1bda48' }, h("style", { key: '0a59333017e858ce8504ec3a222d5996e63e1a49' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'c6bad561573ece8513000de9988f30b00471b6e5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '61a88d5b87204b57fe1e39d2d1692010044cbbf7' }, props)))));
+        return (h(Host, { key: '2a283dcfc9336fc1bd68b0f24c5798e237031a46' }, h("style", { key: 'ea3af2a94e3759b00cbf0c94f8f47fdcb1d8a6fa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7065790828b8ff7a8071064f8b01e699c4ef4de6', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '04610ede1c5e85765ed3d2075c708fdcc069e559' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -405,7 +405,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '70c7972f060076e31a99ca1612f9cdfbc375168c' }, h("style", { key: '4d71d7149ed02fc4661b5c79ea0f8c33144043fb' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '034363fd3d95a6e285950eb16b2087c6fe07272e', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '6260c0d9c13cfd62da421d7d2c5881fd6ec49464' }, h("style", { key: 'dfd997d65b24643d36a05939a4cea72296602686' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '473ab1cb2b8786bdff3e182b4c03dc371d2c5d72', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.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: 'f59851b301cd5997fa0570372f1d61ad300f2105' }, h("style", { key: '8b9c02bc3031fd5386b4a46b160a938dd835c265' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '796f39bb720f68d8c554a675b113d2dd7e4c40aa', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '9510770820ccbf7b480f5b4d92892ffbad8d7d53' }, props)), h(FImage, Object.assign({ key: 'f054539413556472ad4b5e240a6a72fa2f3f4f59' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: '08bf68ed7c70cb7e1b08d9543a162c22c2eee68d' }, h("style", { key: '213454595ce1037ff4ba251fdf71d72f35ce5f1c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'bd5ba7a5a094d4cfe16f65a1277c833baa1f9563', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '6bf0476bbe81a90e21826afac3d6cea0b039d89f' }, props)), h(FImage, Object.assign({ key: '3d87c0b43024342a8772e2630a251ce5a64b0076' }, 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: '33360cd54329b8cf6809f0f5e44cd4fbfdd73341' }, h("style", { key: 'e3905c406c1bcd1f4ca7f3665eb460a518cd85ac' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '56abb1bc62d53c456ebc51e7a139b952e365dd86', id: componentWrapperId }, h("div", { key: 'a3eb9e8630b9bcdad939421966669a0345edac4d', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '46981c304431326dba88e74c82728878901d4798' }, h("style", { key: 'cc88981276ad23313705f5b88f0c183c550ddf9d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ac72ac801c7ebb49144f464fc66f49e2c955a46b', id: componentWrapperId }, h("div", { key: 'c2ad610309c33f5f0471f04b08864b57349800f5', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -1,7 +1,7 @@
 import { KupTagNames, } from "../../types/GenericTypes";
 import { autoCenterComps, editableTypes, FCellClasses, FCellEvents, FCellShapes, FCellTypes, fullWidthFieldsComps, kupTypes, } from "./f-cell-declarations";
 import { h } from "@stencil/core";
-import { getCellValueForDisplay, RADAdapter } from "../../utils/cell-utils";
+import { CMBandACPAdapter, getCellValueForDisplay, RADAdapter, } from "../../utils/cell-utils";
 import { FCheckbox } from "../f-checkbox/f-checkbox";
 import { FTextField } from "../f-text-field/f-text-field";
 import { FImage } from "../f-image/f-image";
@@ -144,6 +144,7 @@ const mapData = (cell, col) => {
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.RADIO, MainRADAdapter.bind(this)],
+        [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],
     ]);
     const adapter = dataAdapterMap.get(cellType);
     return adapter
@@ -153,6 +154,68 @@ const mapData = (cell, col) => {
 const MainRADAdapter = (options, _fieldLabel, currentValue) => {
     return RADAdapter(currentValue, options);
 };
+const MainCMBandACPAdapter = (rawOptions, fieldLabel, currentValue) => {
+    const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
+    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(rawOptions, currentValue);
+    return configCMandACP;
+};
+const optionsTreeComboAdapter = (options, currentValue) => {
+    const adapter = optionsAdapterMap.get(options.type);
+    if (adapter) {
+        return adapter(options, currentValue);
+    }
+    else {
+        return options.map((option) => ({
+            value: option.label,
+            id: option.id,
+            selected: currentValue === option.id,
+        }));
+    }
+};
+const treeOptionsNodeAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.content.codice,
+            value: child.content.testo,
+            selected: currentValue === child.content.codice,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? treeOptionsNodeAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const dataTreeOptionsChildrenAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.obj.k,
+            value: child.value,
+            selected: currentValue === child.obj.k,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? dataTreeOptionsChildrenAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const tableOptionsAdapter = (options, currentValue) => {
+    return options.rows.map((row) => {
+        var _a;
+        const cells = row.fields || row.cells;
+        const [id, value] = Object.keys(cells);
+        return {
+            id: cells[id].value,
+            value: ((_a = cells[value]) === null || _a === void 0 ? void 0 : _a.value) || cells[id].value,
+            selected: currentValue === cells[id].value,
+        };
+    });
+};
+const optionsAdapterMap = new Map([
+    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],
+    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],
+    ['SmeupTable', tableOptionsAdapter.bind(this)],
+    ['SmeupDataTable', tableOptionsAdapter.bind(this)],
+]);
 function setCellSize(cellType, subcomponentProps, cell, props) {
     var _a;
     switch (cellType) {