@sme.up/ketchup 10.3.8 → 10.3.9

package/dist/components/{p-46440124.js → p-89b9a949.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-fbaf1165.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-5aea1707.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-85852162.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-7e706919.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-47eafd24.js → p-9a502c5d.js}

@@ -14,11 +14,11 @@ const KupCustomTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupCustom
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '73c099362f8bfffd1912c4415f818ec0e3f527d9', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '23f119a1f4df86a9c9518014672600827ef3946a', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'd8e4e9d3323c7fd476295b6fcb81354a7af6d076', class: "title" }, h("span", { key: '26c697a8d3c453ad2f8dc17aced9c90af15fabd5' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '52d6dc0de21e77aecaac420c51c4b368c81dac33', class: "toggler" }, h("label", { key: 'f680cd1356907075f76245b1ae6b5885595f1205', htmlFor: "ch2", class: "switch" }, h("input", { key: 'b3111df49ce385f294d9050f61d534ccabc22047', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '75ea0aef920da62c94749d3bd2ef2fa029e5d1d8', class: "slider" })), h("span", { key: '1a31bbb00ebb13d1943ed8620ea1d3569da8cc06', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: 'be428c1fa53e5d20c10b7841ed711678ca46ca50', class: "title" }, h("span", { key: '5c6742dd5a63dbf837e1df3f7daa422925be102b' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '7dee3b1d2c665d5360b85a59fdafc2902f1fec01', class: "toggler" }, h("label", { key: '2ff7fb287c8901f60018d57a3f91e4827d49fc0a', htmlFor: "ch2", class: "switch" }, h("input", { key: '3b8df0b5b2b66b34ffa0151c2b62523d9b756885', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'f38b848a394283807290d19c2188d8255745ea89', class: "slider" })), h("span", { key: '03870d86ee67071fc114da83ffc4fe3a8abc897d', class: "label" }, "Previsioni")))));
     }
     static get style() { return KupCustomTaskListHeaderStyle0; }
 }, [0, "kup-custom-task-list-header", {

package/dist/components/{p-bba3ee8c.js → p-9a617844.js}

@@ -1402,13 +1402,13 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '15d6401730e0f2fa9fef8b9d25d0fad2f9c80e62', 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: '8457770216910c3ac143ef21abaf8ac3af292d80', class: "grid" }, h("g", { key: 'eb4fa2b2561b38678bd76652c4b29257c83e9673', class: "rows" }, gridRows), h("g", { key: '467972ed8379d0d81f9cd093f5290426551da51a', class: "rowLines" }, rowLines), h("g", { key: '0a3e0808f240aacc430a462281defa95f0490542', class: "ticks" }, ticks)), h("g", { key: '46e17c947f42fad3546158f68d27177c5ddf11cb', class: "content" }, this.currentDateIndicator && (h("rect", { key: '4c4674f8d1137b3fb7f71e7321975ce35e677af4', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'b7c01acefae65d8ecf48c6a5c949bc3a3fea8e0c', 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: '04d8f68e95536914c109b253dc5c3e12f60f975b', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '380a83d730b9c011e576a588f689e88bf6bd1814', 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: 'a9a83e3ec574b36a1ce9d012f6f1e13bffe8eed5', class: "grid" }, h("g", { key: '10d5b31ee258f91aac82ce3dc441871f57fe76f6', class: "rows" }, gridRows), h("g", { key: 'ddae99458fa1c0ce5b96ac9846bfb167d0f6d7a5', class: "rowLines" }, rowLines), h("g", { key: '3a30ca604d25216ecfcea251bced32d9ac211932', class: "ticks" }, ticks)), h("g", { key: '46d90e500351f11ffda906eb5c31fea195cc0223', class: "content" }, this.currentDateIndicator && (h("rect", { key: '167a7fa6be1cccaea4d57a2c687a0628e91c00d7', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '310e6996cddec5650662b08289bb42c1715dcba5', 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: '48d1b6330012fc1cb1bbdd87a25afc9e3e868867', 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: 'e5824ca36bfb53ad9a52cfcac9507c91b86b7c43', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '92d9c57208504e793e94742c5d0a718b2a1ffa5e', 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) {
@@ -1468,7 +1468,7 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'f970fe6a4ac6e192f5fc012f39a027866fdfa6cf', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'e42b2b38135aab0c22be661f29774c02341c3f87', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/components/{p-73b82fab.js → p-9d13f3da.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
-import { d as defineCustomElement$2 } from './p-f836c3ed.js';
-import { d as defineCustomElement$1 } from './p-bba3ee8c.js';
+import { d as defineCustomElement$2 } from './p-aa882232.js';
+import { d as defineCustomElement$1 } from './p-9a617844.js';
 
 const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends H {
     constructor() {
@@ -39,12 +39,12 @@ const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends H {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: '149b218ceb53348f58ddc834cf2a31accb4be9ea', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'a1344fc81e46f8aee02cd7dd2f37ea50fde4c371', 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: 'e85f2ce4aaabbcbd3e1bd070836164818c6b3227', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'e2b4a8dff37cb823329dd6cbf6ea4ed7a9b81e33', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '156ef3dc8e066fa143ca2b27c945e5487299b87b', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '994c441039334c518f9c45bcb1b197ecc0ca5073', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '7444e2d31c716d88d97f50dcf85b94da6a006cae' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'f7b9656624c914819676bebc1891d9d388c7bfe7' }, newBarProps)))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/{p-f836c3ed.js → p-aa882232.js}

@@ -316,11 +316,11 @@ const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: '746671a52e6654cd1ff1789c76e25d0aa8f3905b', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '74a463a10c7124779eb5aa313bca389591fc131b', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'e8a8a2b86f963588af95a8a829993e5757b638cb', 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: '4bca0e060f56a7fe37e05b75d5d6869f040704a6', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '7d8e96b34aeb2d6fda64ca62c8f85669609d6dbb', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '8e7726a396d3f38f4b264acaeb6b28e998bfb60c', 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: '40cca30be82870be76d4ceaba428bf91bca3d515', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '8a301e27afb5737f85421156a63ce577096846a7', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
     static get style() { return KupGanttCalendarStyle0; }
 }, [0, "kup-gantt-calendar", {

package/dist/components/{p-91cbfbb1.js → p-b057cba1.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-fbaf1165.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-5aea1707.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-85852162.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-7e706919.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

package/dist/components/{p-78086e86.js → p-bbb25c58.js}

@@ -22,7 +22,7 @@ const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends H
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '69318d1150aa4d819bd02d27b6fd1b77ddc25d0e', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: 'd24d4bc2fd86820f8ec6970387020b7d2b6088d1', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));

package/dist/components/{p-96d517a7.js → p-bdecbc93.js}

@@ -60,20 +60,20 @@ const HorizontalScroll = /*@__PURE__*/ proxyCustomElement(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: 'a1de0371e5f6db61fa0d2cfdd4f2072799d490f3' }, h("div", { key: 'eaa300f7e8ccc68935482c59022ed81027c2eb62', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '234a646226e466d2d629afa3eb223676f1c4c291', dir: "ltr", style: {
+        return (h(Fragment, { key: '1cb5cc72c0e08db314e6ead1a39180e6a20ed6f9' }, h("div", { key: 'da412f0efab8374f0bbc7cf4ab125d7e113543ee', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '40344cef778d4b9051cf1d321b7b49e82e3bb35c', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px 20px 0px 20px`
                     : `0px 20px 0px 20px`,
                 maxWidth: `${width + 20}px`,
                 minWidth: `${width + 20}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '8fc96a9408d05d7e6106de2e37cdc5c97966aaab', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: 'f39845955cc68e1900c597bc13966e2daf6e336c', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '6246de0f7f602ee5de894d14dd1b06a13beb3ad1', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '8aa6d6fbbd7fea960479851a816d93b31c971269', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
                     : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '356cb5a2da83d6811866404b19ac02d917edc065', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'd0502cab3f7a0e3cb145f903b4ce5c708ec5917e', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/{p-7fa7072d.js → p-cbc6b3d5.js}

@@ -37,11 +37,11 @@ const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScro
         };
     }
     render() {
-        return (h("div", { key: '941c4a3cdbf82645a714eba63f33c6a813771da4', style: {
+        return (h("div", { key: '8e3600213a2d21a94dbb232a0dd2b83c332fc093', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f97c24906454df30d9ec04cd8ef5081469e97dce', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f11b5279bb0fafa024cf92df8a9960fb4fdaa8d5', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/components/{p-75cc2a0e.js → p-cde4d6c3.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
 import { K as KUP_PLANNER_MAIN_GANTT_ID } from './p-a0eeacbd.js';
 import { a as KupDates } from './p-9d9181cf.js';
-import { d as defineCustomElement$2 } from './p-47eafd24.js';
+import { d as defineCustomElement$2 } from './p-9a502c5d.js';
 import { d as defineCustomElement$1 } from './p-a52b0e92.js';
 
 const columnWidthForTimeUnit = (timeUnit) => {
@@ -519,7 +519,7 @@ const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends H {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: '5b64f23e2882b1060b86c68f72b86885219fe96d', 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: '160e599103d0a815e4363e0baeb99c27e0a804fb', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: 'f934b78d05a4851af330799a723b9afe0a2be36d', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: '0ee50961a474dac562d97548df584e98c07360fa', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = getProjectById(id, this.currentTasks);

package/dist/components/{p-e74c4841.js → p-d9bec7c8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-fbaf1165.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-5aea1707.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-85852162.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-7e706919.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/{p-7b80651f.js → p-dc1ce1b4.js}

@@ -13,7 +13,7 @@ const StandardTooltipContent = /*@__PURE__*/ proxyCustomElement(class StandardTo
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: '089e9cfa6d9236e99b78618b1c477b4b45d68b6c', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '9f81c91ae6f981c7a1b4e012a687d02400f49c94', 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: 'f5c5fa4c29207f403785e57e7de8d119cd20899b', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '2bbf90f106ac085ed28e8b940d92fff7b8fa86bd', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '7427840d8808ed3ebbc8b57f8bd4653243a6e9a1', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '1d7aaa16b5fa91322952d235ac8a6ba90d4a3083', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: 'a30ef9c69dc7091d0f935d64d76ce6aa5eb32d4c', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '2cbb86c782ec3c4e87e2ddfaf2717bada396f664', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
     static get style() { return KupStandardTooltipStyle0; }
 }, [1, "kup-standard-tooltip", {

package/dist/components/{p-0886650d.js → p-e72fb07b.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, a9 as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, aA as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-fbaf1165.js';
-import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-5aea1707.js';
+import { k as kupManagerInstance, a9 as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, aA as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-85852162.js';
+import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-7e706919.js';
 
 /**
  * Props of the kup-box component.

package/dist/components/{p-dbfe7218.js → p-f9afe0c9.js}

@@ -1,21 +1,21 @@
 import { p as proxyCustomElement, H, h as h$1 } from './p-ef8cbd35.js';
-import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-75cc2a0e.js';
+import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-cde4d6c3.js';
 import { K as KUP_PLANNER_MAIN_GANTT_ID, f as KUP_PLANNER_SECONDARY_GANTT_ID } from './p-a0eeacbd.js';
 import { a as KupDates } from './p-9d9181cf.js';
-import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-f836c3ed.js';
+import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-aa882232.js';
 import { h } from './p-3aae989f.js';
-import { d as defineCustomElement$e } from './p-47eafd24.js';
+import { d as defineCustomElement$e } from './p-9a502c5d.js';
 import { d as defineCustomElement$d } from './p-a52b0e92.js';
-import { d as defineCustomElement$c } from './p-d5573b9a.js';
-import { d as defineCustomElement$a } from './p-bba3ee8c.js';
-import { d as defineCustomElement$9 } from './p-96d517a7.js';
-import { d as defineCustomElement$8 } from './p-7b80651f.js';
-import { d as defineCustomElement$7 } from './p-78086e86.js';
-import { d as defineCustomElement$6 } from './p-73b82fab.js';
-import { d as defineCustomElement$4 } from './p-f0de2fa5.js';
-import { d as defineCustomElement$3 } from './p-168b2e98.js';
-import { d as defineCustomElement$2 } from './p-57069e5c.js';
-import { d as defineCustomElement$1 } from './p-7fa7072d.js';
+import { d as defineCustomElement$c } from './p-2670bfd5.js';
+import { d as defineCustomElement$a } from './p-9a617844.js';
+import { d as defineCustomElement$9 } from './p-bdecbc93.js';
+import { d as defineCustomElement$8 } from './p-dc1ce1b4.js';
+import { d as defineCustomElement$7 } from './p-bbb25c58.js';
+import { d as defineCustomElement$6 } from './p-9d13f3da.js';
+import { d as defineCustomElement$4 } from './p-5b1056e4.js';
+import { d as defineCustomElement$3 } from './p-23d0f0c7.js';
+import { d as defineCustomElement$2 } from './p-767fcf91.js';
+import { d as defineCustomElement$1 } from './p-cbc6b3d5.js';
 
 const CustomTooltipHOC = () => {
     const CustomTooltip = () => h("div", null);
@@ -240,13 +240,13 @@ const KupPlannerRenderer = /*@__PURE__*/ proxyCustomElement(class KupPlannerRend
     }
     render() {
         var _a, _b, _c;
-        return (h$1("div", { key: '211d49d829c71b61a82b45f8e66f502d0e19ad4d', class: "planner-render" }, h$1("kup-switcher", { key: '729c5c3c01fa6e9d512f70dc784b42cdc27ca6f4', timeUnitChange: (timeUnit) => {
+        return (h$1("div", { key: 'c1cc0fe4d44331b5b75fb35b0afbd913caf7f622', class: "planner-render" }, h$1("kup-switcher", { key: '3c125419b5912ff9c9b9c24adba71dda785fa01d', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (h$1("div", { key: 'c41a40a0887cbe4f045ff4a5446c60fd2c81f750', style: {
+            } }), this.props && (h$1("div", { key: 'cf92a3212f97ec496aa30ff6b7eec91e831e4b14', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, h$1("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {

package/dist/esm/{f-button-3c8f4506.js → f-button-6298565d.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FImage } from './f-image-a2ecd7c3.js';
+import { F as FImage } from './f-image-96ea1421.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-0a43dfd3.js → f-cell-b3f0782c.js}

@@ -1,11 +1,11 @@
 import { h, F as Fragment } from './index-9b0f4a0d.js';
-import { aq as editableTypes, ar as kupTypes, R as FCellClasses, ad as FCellTypes, f as KupThemeColorValues, ao as CHIAdapter, am as RADAdapter, al as CMBandACPAdapter, as as KupTagNames, F as FCellShapes, ai as getCellValueForDisplay, a as KupComponentSizing, at as fullWidthFieldsComps, I as ItemsDisplayMode, au as autoCenterComps, av as adaptContentToDisplayMode, aw as FCellEvents, ax as isForceUppercase, ay as isForceLowercase, h as KupDebugCategory } from './kup-manager-2b06d829.js';
-import { F as FButton } from './f-button-3c8f4506.js';
-import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FChipType, d as FChip } from './f-chip-d5f27ee2.js';
-import { F as FImage } from './f-image-a2ecd7c3.js';
-import { F as FObjectField } from './f-object-field-6f759bf9.js';
-import { F as FTextField } from './f-text-field-86dd8534.js';
+import { aq as editableTypes, ar as kupTypes, R as FCellClasses, ad as FCellTypes, f as KupThemeColorValues, ao as CHIAdapter, am as RADAdapter, al as CMBandACPAdapter, as as KupTagNames, F as FCellShapes, ai as getCellValueForDisplay, a as KupComponentSizing, at as fullWidthFieldsComps, I as ItemsDisplayMode, au as autoCenterComps, av as adaptContentToDisplayMode, aw as FCellEvents, ax as isForceUppercase, ay as isForceLowercase, h as KupDebugCategory } from './kup-manager-5c23bae7.js';
+import { F as FButton } from './f-button-6298565d.js';
+import { F as FCheckbox } from './f-checkbox-191ec2e7.js';
+import { F as FChipType, d as FChip } from './f-chip-3ed440ef.js';
+import { F as FImage } from './f-image-96ea1421.js';
+import { F as FObjectField } from './f-object-field-23935da4.js';
+import { F as FTextField } from './f-text-field-4934ff74.js';
 
 var FRadioType;
 (function (FRadioType) {
@@ -581,6 +581,7 @@ const mapData = (cell, column) => {
         [FCellTypes.CHECKBOX, MainCHKAdapter.bind(undefined)],
         [FCellTypes.OBJECT, MainObjectAdapter.bind(undefined)],
         [FCellTypes.CHIP, MainCHIAdapter.bind(undefined)],
+        [FCellTypes.FILE_UPLOAD, MainFUPAdapter.bind(undefined)],
     ]);
     const adapter = dataAdapterMap.get(cellType);
     return adapter ? adapter(options, fieldLabel, currentValue, cell) : null;
@@ -625,6 +626,9 @@ const MainCMBandACPAdapter = (options, fieldLabel, currentValue, cell, _id) => {
         return Object.assign(Object.assign({}, configCMBandACP), cell.data);
     }
 };
+const MainFUPAdapter = (_options, _fieldLabel, currentValue, cell) => {
+    return Object.assign(Object.assign({}, cell.data), { pathString: currentValue });
+};
 const optionsTreeComboAdapter = (options, currentValue) => {
     const adapter = optionsAdapterMap.get(options.type);
     if (adapter) {
@@ -1026,7 +1030,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
             if (isAutoCentered(props)) {
                 classObj[FCellClasses.C_CENTERED] = true;
             }
-            const buttonProps = Object.assign({ label: cell.value, icon: cell.icon, placeholderIcon: cell.placeholderIcon }, subcomponentProps);
+            const buttonProps = Object.assign({ label: cell.value, icon: cell.icon, placeholderIcon: cell.placeholderIcon, title: column.title }, subcomponentProps);
             return (h(FButton, Object.assign({}, buttonProps, { onClick: (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
         case FCellTypes.BUTTON_LIST:
             if (isAutoCentered(props)) {

package/dist/esm/{f-checkbox-5cdd1cad.js → f-checkbox-191ec2e7.js}

@@ -1,4 +1,4 @@
-import { F as FImage } from './f-image-a2ecd7c3.js';
+import { F as FImage } from './f-image-96ea1421.js';
 import { h } from './index-9b0f4a0d.js';
 
 /*-------------------------------------------------*/
@@ -28,12 +28,12 @@ const FCheckbox = (props) => {
     return (h("div", Object.assign({ class: `f-checkbox ${props.danger ? 'kup-danger' : ''} ${props.error ? 'checkbox--error' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
         h("div", { class: `form-field ${props.leadingLabel ? 'form-field--align-end' : ''}` },
             h("div", { class: classObj },
-                h("input", Object.assign({ type: "checkbox", class: "checkbox__native-control", checked: props.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange, onFocus: props.onFocus }, indeterminateAttr, { value: props.checked ? 'on' : 'off' })),
+                h("input", Object.assign({ id: `${props.id}_inputEl`, type: "checkbox", class: "checkbox__native-control", checked: props.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange, onFocus: props.onFocus }, indeterminateAttr, { value: props.checked ? 'on' : 'off' })),
                 h("div", { class: "checkbox__background", onClick: props.onChange },
                     h("svg", { class: "checkbox__checkmark", viewBox: "0 0 24 24" },
                         h("path", { class: "checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })),
                     h("div", { class: "checkbox__mixedmark" }))),
-            props.label ? (h("label", { htmlFor: props.id, onClick: props.onChange }, props.label)) : undefined),
+            props.label ? (h("label", { htmlFor: `${props.id}_inputEl` }, props.label)) : undefined),
         props.error ? (h("div", { class: "checkbox__error-message" },
             h(FImage, Object.assign({}, propsFImage)),
             props.error)) : props.alert ? (h("div", { class: "checkbox__alert-message" },

package/dist/esm/{f-chip-d5f27ee2.js → f-chip-3ed440ef.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
-import { F as FImage } from './f-image-a2ecd7c3.js';
-import { I as ItemsDisplayMode, d as KupThemeIconValues, b as KupLanguageGeneric } from './kup-manager-2b06d829.js';
+import { F as FImage } from './f-image-96ea1421.js';
+import { I as ItemsDisplayMode, d as KupThemeIconValues, b as KupLanguageGeneric } from './kup-manager-5c23bae7.js';
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
     const { id, value } = item;

package/dist/esm/{f-image-a2ecd7c3.js → f-image-96ea1421.js}

@@ -91,19 +91,21 @@ function createIcon(icon, color, iconClass = 'f-image__icon') {
 function createImage(props) {
     return (h("img", { class: props.placeholderResource ? HIDDEN_CLASS : '', onLoad: (e) => {
             const img = e.currentTarget;
-            const placeholder = img.parentElement.querySelector('.f-image__placeholder');
-            const iconWrapper = img.parentElement.querySelector('.iconWrapper');
-            const fWrapper = img.parentElement.parentElement.querySelector('.f-image');
-            if (props.onLoad) {
-                props.onLoad(e);
-            }
-            if (placeholder) {
-                placeholder.classList.add(HIDDEN_CLASS);
-                img.classList.remove(HIDDEN_CLASS);
-            }
-            if (iconWrapper) {
-                iconWrapper.classList.add(HIDDEN_CLASS);
-                fWrapper.classList.add('noIcon');
+            if (img && img.parentElement) {
+                const placeholder = img.parentElement.querySelector('.f-image__placeholder');
+                const iconWrapper = img.parentElement.querySelector('.iconWrapper');
+                const fWrapper = img.parentElement.parentElement.querySelector('.f-image');
+                if (props.onLoad) {
+                    props.onLoad(e);
+                }
+                if (placeholder) {
+                    placeholder.classList.add(HIDDEN_CLASS);
+                    img.classList.remove(HIDDEN_CLASS);
+                }
+                if (iconWrapper) {
+                    iconWrapper.classList.add(HIDDEN_CLASS);
+                    fWrapper.classList.add('noIcon');
+                }
             }
         }, onError: (e) => {
             const img = e.currentTarget;
@@ -139,13 +141,14 @@ function createBar(data) {
         }
         const stepId = 'step-' + i;
         const stepClass = 'css-step bottom-aligned';
+        const withPercentage = Number(data[i].width.replace(/%$/, '')) - leftProgression;
         const stepStyle = {
             backgroundColor: data[i].color,
             left: leftProgression + '%',
             height: data[i].height,
-            width: data[i].width,
+            width: withPercentage + '%',
         };
-        leftProgression += parseFloat(data[i].width);
+        leftProgression += withPercentage;
         drawStep = (h("span", { id: stepId, class: stepClass, style: stepStyle }));
         steps.push(drawStep);
     }

package/dist/esm/{f-object-field-6f759bf9.js → f-object-field-23935da4.js}

@@ -1,8 +1,8 @@
 import { h } from './index-9b0f4a0d.js';
-import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-2b06d829.js';
-import { F as FButton } from './f-button-3c8f4506.js';
+import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-5c23bae7.js';
+import { F as FButton } from './f-button-6298565d.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-86dd8534.js';
+import { F as FTextField } from './f-text-field-4934ff74.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-6d124369.js → f-paginator-utils-a9d5c2d3.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
-import { I as ItemsDisplayMode, az as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-2b06d829.js';
-import { F as FButton } from './f-button-3c8f4506.js';
+import { I as ItemsDisplayMode, az as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-5c23bae7.js';
+import { F as FButton } from './f-button-6298565d.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 
 var FPaginatorMode;

package/dist/esm/{f-text-field-86dd8534.js → f-text-field-4934ff74.js}

@@ -1,8 +1,9 @@
 import { h, g as getAssetPath } from './index-9b0f4a0d.js';
-import { d as KupThemeIconValues } from './kup-manager-2b06d829.js';
-import { F as FImage } from './f-image-a2ecd7c3.js';
+import { d as KupThemeIconValues } from './kup-manager-5c23bae7.js';
+import { F as FImage } from './f-image-96ea1421.js';
 
 const dom = document.documentElement;
+let helperEl = null;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -48,7 +49,10 @@ function setContent(props) {
         !props.legacyLook // do not show label in input panel absolute ( legacy mode )
     ) {
         labelEl = (h("div", { class: "mdc-text-field__label-container" },
-            h("label", { class: "mdc-label", htmlFor: "kup-input" }, props.label),
+            h("label", { class: "mdc-label", htmlFor: "kup-input" },
+                props.label,
+                props.labelHelper && (h("span", { onPointerMove: (e) => showHelper(e, props.labelHelper), onPointerDown: (e) => showHelper(e, props.labelHelper), onPointerOut: () => hideHelper() },
+                    h(FImage, { resource: "info_outline", wrapperClass: "helper-icon" })))),
             props.maxLength && props.showCounter ? (h("div", { class: "mdc-text-field__label-character-counter" },
                 props.value.length,
                 " / ",
@@ -304,5 +308,58 @@ const formatValue = function (value, options, inputIsLocalized) {
     }
     return dom.ketchup.math.format(formatedValue, dom.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
 };
+const hideHelper = () => {
+    if (helperEl) {
+        helperEl.remove();
+        helperEl = null;
+    }
+};
+const showHelper = (e, text) => {
+    if (!text || text.length === 0) {
+        return;
+    }
+    if (helperEl) {
+        helperEl.innerText = text;
+        positionHelper(helperEl, e);
+    }
+    else {
+        helperEl = document.createElement('div');
+        helperEl.className = 'kup-helper-tooltip';
+        helperEl.innerText = text;
+        document.body.appendChild(helperEl);
+        positionHelper(helperEl, e);
+    }
+};
+const positionHelper = (element, e) => {
+    const padding = 10;
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const rect = element.getBoundingClientRect();
+    const elementWidth = rect.width;
+    const elementHeight = rect.height;
+    let left = e.clientX + padding;
+    let top = e.clientY + padding;
+    // Check right edge overflow
+    if (left + elementWidth > viewportWidth) {
+        left = e.clientX - elementWidth - padding;
+        // If still overflowing on the left, align to the right edge
+        if (left < 0) {
+            left = viewportWidth - elementWidth - padding;
+        }
+    }
+    // Check bottom edge overflow
+    if (top + elementHeight > viewportHeight) {
+        top = e.clientY - elementHeight - padding;
+        // If still overflowing on the top, align to the bottom edge
+        if (top < 0) {
+            top = viewportHeight - elementHeight - padding;
+        }
+    }
+    // Ensure minimum padding from edges
+    left = Math.max(padding, Math.min(left, viewportWidth - elementWidth - padding));
+    top = Math.max(padding, Math.min(top, viewportHeight - elementHeight - padding));
+    element.style.left = `${left}px`;
+    element.style.top = `${top}px`;
+};
 
 export { FTextField as F };

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-2b06d829.js';
+import { K as KupManager } from './kup-manager-5c23bae7.js';
 import './kup-dates-77f1a451.js';
 import './index-9b0f4a0d.js';