@sme.up/ketchup 11.0.0-SNAPSHOT-20241210152115 → 11.0.0-SNAPSHOT-20241210161644

package/dist/components/{p-e0a9821f.js → p-34e14245.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-68313086.js';
+import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-2e5f2e07.js';
 import { c as KupThemeIconValues, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, b as KupThemeColorValues, i as FCellTypes, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as fullWidthFieldsComps, n as autoCenterComps, o as getCellValueForDisplay, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as FCellPadding, v as fillString, w as KupCardBuiltInClockElements, x as KupCardCSSClasses, y as KupLanguageTotals, z as KupLanguageColumn, A as KupDataNewColumnTypes, B as KupCardSubEvents, D as KupCardIds, E as KupLanguageRow, G as getColumnByName, H as KupObjects, I as formatToNumber, J as Filters, L as FilterInterval, M as getValueForDisplay, N as getValueForDisplay2, O as KupData, P as compareCell, T as TotalMode, Q as CHKAdapter, S as CHIAdapter, U as SWTAdapter, V as SortMode, W as GroupLabelDisplayMode, X as SelectionMode, Y as KupLanguageGrouping, Z as KupLanguageCheckbox, _ as KupLanguageSearch, $ as KupLanguagePage, a0 as addColumnValueFromRow, a1 as KupGlobalFilterMode, g as getProps, s as setProps, a2 as TotalLabel, a3 as KupPointerEventTypes, a4 as kupDynamicPositionAttribute, a5 as KupCardFamily, a6 as identify, a7 as LoadMoreMode, a8 as PaginatorPos, a9 as ShowGrid, aa as kupDraggableColumnAttr, ab as kupDragActiveAttr, ac as KupDragEffect, ad as kupDraggableCellAttr, ae as KupDropEventTypes, af as FixedCellsClasses, ag as FixedCellsCSSVarsBase, ah as KupLanguageFontsize, ai as KupLanguageDensity, aj as KupLanguageGrid, ak as KupDataTableProps, al as DataTableAreasEnum, am as iconColumn, an as keyColumn, ao as fieldColumn, ap as KupCardProps } from './p-8df266a8.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-f61ef1fb.js';
@@ -16817,7 +16817,13 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
      * Focuses the input element.
      */
     async setFocus() {
-        this.inputEl.focus();
+        await this.waitForReady();
+        if (this.inputEl) {
+            this.inputEl.focus();
+        }
+        else {
+            this.kupManager.debug.logMessage(this, 'Input element is not available yet.', KupDebugCategory.WARNING);
+        }
     }
     /**
      * Sets the props to the component.
@@ -16843,9 +16849,20 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
             }
         }
     }
+    /**
+     * Public method to wait until the component is fully ready.
+     */
+    async waitForReady() {
+        return this.readyPromise;
+    }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
+    connectedCallback() {
+        this.readyPromise = new Promise((resolve) => {
+            this.readyResolve = resolve;
+        });
+    }
     componentWillLoad() {
         this.kupManager.debug.logLoad(this, false);
         this.kupManager.theme.register(this);
@@ -16870,6 +16887,10 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
             }
         }
         this.kupManager.debug.logRender(this, true);
+        if (this.inputEl && this.readyResolve) {
+            this.readyResolve();
+            this.readyResolve = null;
+        }
     }
     render() {
         const props = {
@@ -16940,7 +16961,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
             onMinusClick: (e) => this.onKupMinusClick(e),
             onPlusClick: (e) => this.onKupPlusClick(e),
         };
-        return (h$1(Host, { key: '3c2f0bcdf59adc675987d9055847004404ec5758' }, h$1("style", { key: 'eb73b4852cf1ba6989a9352d841f9dc82fe64b9a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '1071eab981321f4376a376c8682d080a67bb68b3', id: componentWrapperId }, h$1(FTextField, Object.assign({ key: '90b7f6c969b12115828744535ba2163d0d1808ad' }, props)))));
+        return (h$1(Host, { key: 'b8f082aeb4eb8492905f6d1764a78173b51050ae' }, h$1("style", { key: 'a9003aaa284b30efd52e10cd9ba0685583f8a93f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '3657a6545192aad5b77fc7e45be067d69202f8c6', id: componentWrapperId }, h$1(FTextField, Object.assign({ key: '00c9cd7a6180835ffb709f202049709e2fae678d' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16991,7 +17012,8 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
         "refresh": [64],
         "setFocus": [64],
         "setProps": [64],
-        "setValue": [64]
+        "setValue": [64],
+        "waitForReady": [64]
     }]);
 _KupTextField_instances = new WeakSet(), _KupTextField_getValueForOutput = function _KupTextField_getValueForOutput() {
     if (this.value == null || this.value.trim() == '') {
@@ -22733,6 +22755,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         this.tableWidth = undefined;
         this.totals = undefined;
         this.transpose = false;
+        this.visibleColumns = undefined;
         this.updatableData = false;
         this.lazyLoadCells = false;
         this.currentPage = 1;
@@ -23478,13 +23501,23 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
             : [{ title: '', name: '' }];
     }
     getVisibleColumns() {
-        const visibleColumns = this.getColumns().filter((col) => !__classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.isCodVer(col) &&
-            (!('visible' in col) || col.visible));
-        // check grouping
+        // Starting columns filter
+        let resultVisibleColumns = this.getColumns().filter((col) => {
+            const isNotCodVer = !__classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.isCodVer(col);
+            console.log(isNotCodVer, col);
+            if (this.visibleColumns) {
+                return this.visibleColumns.includes(col.name) && isNotCodVer;
+            }
+            return isNotCodVer && (!('visible' in col) || col.visible);
+        });
+        // order based on `visibleColumns`
+        if (this.visibleColumns) {
+            resultVisibleColumns = resultVisibleColumns.sort((a, b) => this.visibleColumns.indexOf(a.name) -
+                this.visibleColumns.indexOf(b.name));
+        }
+        // Check grouping e filter based on group visibility
         if (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
-            // filtering column based on group visibility
-            return visibleColumns.filter((column) => {
-                // check if in group
+            resultVisibleColumns = resultVisibleColumns.filter((column) => {
                 let group = null;
                 for (let currentGroup of this.groups) {
                     if (currentGroup.column === column.name) {
@@ -23493,16 +23526,12 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     }
                 }
                 if (group) {
-                    // return true if
-                    // 1) group obj has not the 'visible' property or
-                    // 2) group has 'visible' property and it is true
                     return !group.hasOwnProperty('visible') || group.visible;
                 }
-                // not in group -> visible
-                return true;
+                return true; // Not in a group -> visible
             });
         }
-        return visibleColumns;
+        return resultVisibleColumns;
     }
     getGroupByName(column) {
         if (!__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
@@ -23751,7 +23780,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: 'b214572e055c706662cb94232c16101182f889eb', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: 'f316bcb8cacc76e6074a841e733ceec02820cfca', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '22ae8e10f8c1a8b1a2997fc6f969e8aec28e20d9', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '3efe6169b9f8cf016fcd9381b1329dba5c795e33', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -23816,7 +23845,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '0e0d3c6cd6499fe5cf5a71b1031cfd2c3d02630b' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '08a5201e555ac9507e6f3b6182cf8ae4c12607cf' }, props));
             }
         }
         const tableClass = {
@@ -23848,7 +23877,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '888a5eb5e6952f6b243946634ff60ea5ed6f874f', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'b97399bef351ed2f10414e501119b90322a21706' }, h$1("tr-sticky", { key: 'dfbb7bad59530406c29b62b42f025a54d69c2be5' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '8efef5e676b93da04fbf36791a53eeb7664a2215', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'be425cb5c376189fd1df46f6af5bec9170dbb3a0' }, h$1("tr-sticky", { key: '275cffdf2d36c43bfadbceee23eb9b536f82fe44' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -23874,11 +23903,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 }
             }
         };
-        const compCreated = (h$1(Host, { key: 'be8999cc5bc6daf75cbf71cc278e77bcd601ff6a', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h$1("style", { key: 'f81e7ba4225cfa93fc71f0fa9eda24a217ebec2e' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '787bd387160e4ca90d3ac786154c958a25044ec9', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'a18f8c329a97db3cd91831507f63dfd0bdb16013', class: "group-wrapper" }, groupChips), h$1("div", { key: 'e666f511a22c430bfdff2d3f52e0493c5aa410f6', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+        const compCreated = (h$1(Host, { key: 'fd286a578d90ef0ccf415e0c9a350d52e122eb31', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h$1("style", { key: '1c438fdadedb8e57d90ca5baa92243fdc0c18d3a' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '72bb9ac55461400d33b74e1226d5262ad297842c', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'e733cd960acaa7a9a0308309a9f25cc5a91c4bf9', class: "group-wrapper" }, groupChips), h$1("div", { key: 'e4f0bdbc366fa2aff656c95432a9d5fee486c8c8', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h$1("div", { key: 'ab1e9c80207a9a47dee8bd7061eb1ef2af58f4aa', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: '9928bf2c42aea364dfe5518ef41e9811700a8d16', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -23928,9 +23957,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '9985f40565fc66ad893f4ce7fbfd314c915d052e', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '10be8d2fafd605ceb875f05e35719c3a1a0ed270', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: 'b3b5218462bb01bfc3ef0350991d2f0458ea8c38', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '8f8ccb113f940b21db39a65a842b0e085a620c3b', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -23939,7 +23968,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: 'c6ac133e16f0f49d606e9afc912fa10cf294e739', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: 'c09770a46d95b27d20cdaf7e35a3034c2048bcfc', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -23947,7 +23976,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: '7a28bcea5fc20d6789528d04689065902cbc346a', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'b793403a4ea5948af8f988829fa22eb8418a6886' }, header)), h$1("tbody", { key: '9762dfe802744a796265220fa0896246ba24b3bb' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h$1("thead", { key: 'ea16ccc8586793c15a967ba104fc603b547a120b', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'da0cc2e8ad50296b40780b832d958b51cc786991' }, header)), h$1("tbody", { key: 'd631c17a68acfc3298c512de94ec97d6a6857db2' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -24050,6 +24079,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         "tableWidth": [1, "table-width"],
         "totals": [1040],
         "transpose": [1028],
+        "visibleColumns": [1040],
         "updatableData": [1540, "updatable-data"],
         "lazyLoadCells": [32],
         "currentPage": [32],

package/dist/components/{p-1fbb6d6d.js → p-56c8142a.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 
 const kupTaskListCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tasks{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);padding:var(--kup-space-05);margin-right:var(--kup-space-05)}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";
 const KupTaskListTableStyle0 = kupTaskListCss;

package/dist/components/{p-56003cd0.js → p-61b8d8fd.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 
 const customTaskListHeaderModuleCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.custom-task-list-wrapper{display:flex;justify-content:space-around;max-width:330px;place-items:\"center\";text-align:center;align-items:center}.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggler{max-width:max-content;padding:0 4px;text-align:right}.switch{position:relative;display:inline-block;width:30px;height:17px}.input{opacity:0;width:0;height:0}.input:checked+.slider{background-color:#003b77}.input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.input:focus+.slider{box-shadow:0 0 1px #003b77}.slider{-webkit-transition:0.4s;cursor:pointer;background-color:#ccc;bottom:0;border-radius:17px;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{-webkit-transition:0.1s;background-color:white;border-radius:50%;bottom:2px;content:\"\";height:13px;left:2px;position:absolute;transition:0.1s;width:13px}.label{font-size:12px;padding:6px}.filter{font-size:12px}";
 const KupCustomTaskListHeaderStyle0 = customTaskListHeaderModuleCss;

package/dist/components/{p-becc434e.js → p-73449cb1.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 
 const kupVerticalScrollCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scroll{overflow:hidden auto;width:1rem;flex-shrink:0}.scroll::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scroll::-webkit-scrollbar-corner{background:transparent}.scroll::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}";
 const KupVerticalScrollStyle0 = kupVerticalScrollCss;

package/dist/components/{p-05107ab3.js → p-795f2541.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, F as Fragment } from './p-68313086.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-2e5f2e07.js';
 import { a as KupDates } from './p-f61ef1fb.js';
 import { c as createArrayFromNum } from './p-9aa93983.js';
 

package/dist/components/{p-f6c174e1.js → p-9c8e5fca.js}

@@ -1,21 +1,21 @@
-import { p as proxyCustomElement, H, h as h$1 } from './p-68313086.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-b6c22f10.js';
+import { p as proxyCustomElement, H, h as h$1 } from './p-2e5f2e07.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-ac9153ed.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-f61ef1fb.js';
-import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-bdfb45df.js';
+import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-f95300f6.js';
 import { h } from './p-3aae989f.js';
-import { d as defineCustomElement$e } from './p-56003cd0.js';
-import { d as defineCustomElement$d } from './p-05107ab3.js';
-import { d as defineCustomElement$c } from './p-73161433.js';
-import { d as defineCustomElement$a } from './p-a515e2ea.js';
-import { d as defineCustomElement$9 } from './p-57121e73.js';
-import { d as defineCustomElement$8 } from './p-339c1ea0.js';
-import { d as defineCustomElement$7 } from './p-b3f580ea.js';
-import { d as defineCustomElement$6 } from './p-e3b85e2f.js';
-import { d as defineCustomElement$4 } from './p-f8dfca60.js';
-import { d as defineCustomElement$3 } from './p-1fbb6d6d.js';
-import { d as defineCustomElement$2 } from './p-c7846ca1.js';
-import { d as defineCustomElement$1 } from './p-becc434e.js';
+import { d as defineCustomElement$e } from './p-61b8d8fd.js';
+import { d as defineCustomElement$d } from './p-795f2541.js';
+import { d as defineCustomElement$c } from './p-183306e1.js';
+import { d as defineCustomElement$a } from './p-d0735e25.js';
+import { d as defineCustomElement$9 } from './p-ff1894fe.js';
+import { d as defineCustomElement$8 } from './p-e275fc9f.js';
+import { d as defineCustomElement$7 } from './p-2d57f1db.js';
+import { d as defineCustomElement$6 } from './p-a2ed336a.js';
+import { d as defineCustomElement$4 } from './p-1f1d9b1f.js';
+import { d as defineCustomElement$3 } from './p-56c8142a.js';
+import { d as defineCustomElement$2 } from './p-cfc8a8fb.js';
+import { d as defineCustomElement$1 } from './p-73449cb1.js';
 
 const CustomTooltipHOC = () => {
     const CustomTooltip = () => h("div", null);

package/dist/components/{p-e3b85e2f.js → p-a2ed336a.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
-import { d as defineCustomElement$2 } from './p-bdfb45df.js';
-import { d as defineCustomElement$1 } from './p-a515e2ea.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
+import { d as defineCustomElement$2 } from './p-f95300f6.js';
+import { d as defineCustomElement$1 } from './p-d0735e25.js';
 
 const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends H {
     constructor() {

package/dist/components/{p-b6c22f10.js → p-ac9153ed.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 import { K as KUP_PLANNER_MAIN_GANTT_ID } from './p-a0eeacbd.js';
 import { a as KupDates } from './p-f61ef1fb.js';
-import { d as defineCustomElement$2 } from './p-56003cd0.js';
-import { d as defineCustomElement$1 } from './p-05107ab3.js';
+import { d as defineCustomElement$2 } from './p-61b8d8fd.js';
+import { d as defineCustomElement$1 } from './p-795f2541.js';
 
 const columnWidthForTimeUnit = (timeUnit) => {
     switch (timeUnit) {

package/dist/components/{p-cba27d82.js → p-bae4169a.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-68313086.js';
+import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-8df266a8.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 } from './p-e0a9821f.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 } from './p-34e14245.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-c7846ca1.js → p-cfc8a8fb.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 
 const kupTooltipCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";
 const KupTooltipStyle0 = kupTooltipCss;

package/dist/components/{p-a515e2ea.js → p-d0735e25.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, F as Fragment } from './p-68313086.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-2e5f2e07.js';
 import { d as defaultStylingOptions } from './p-a0eeacbd.js';
 import { i as isKeyboardEvent } from './p-9aa93983.js';
 import { c as commonjsGlobal } from './p-5882e117.js';

package/dist/components/{p-339c1ea0.js → p-e275fc9f.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 
 const kupTooltipCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.tooltipDefaultContainer{background:#fff;padding:12px;box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}.tooltipDefaultContainerParagraph{font-size:12px;margin-bottom:6px;color:#666}.tooltipDetailsContainer{position:absolute;display:flex;flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltipDetailsContainerHidden{visibility:hidden;position:absolute;display:flex;pointer-events:none}";
 const KupStandardTooltipStyle0 = kupTooltipCss;

package/dist/components/{p-f337ca40.js → p-e939bb46.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-68313086.js';
+import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, a6 as identify, g as getProps, s as setProps, V as SortMode, G as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a3 as KupPointerEventTypes, ac as KupDragEffect, aq as kupDraggableAttr, ae as KupDropEventTypes, _ as KupLanguageSearch } from './p-8df266a8.js';
-import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O 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, P as FPaginator } from './p-e0a9821f.js';
+import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O 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, P as FPaginator } from './p-34e14245.js';
 
 /**
  * Props of the kup-box component.

package/dist/components/{p-bdfb45df.js → p-f95300f6.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-68313086.js';
+import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 
 const intlDTCache = {};
 const cachedFormats = {};

package/dist/components/{p-57121e73.js → p-ff1894fe.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, F as Fragment } from './p-68313086.js';
+import { p as proxyCustomElement, H, h, F as Fragment } from './p-2e5f2e07.js';
 
 const kupHorizontalScrollCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.scrollWrapper{overflow:auto;max-width:100%;height:1.2rem}.scrollWrapper::-webkit-scrollbar{width:1.1rem;height:1.1rem}.scrollWrapper::-webkit-scrollbar-corner{background:transparent}.scrollWrapper::-webkit-scrollbar-thumb{border:6px solid transparent;background:rgba(0, 0, 0, 0.2);background:var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));border-radius:10px;background-clip:padding-box}.scrollWrapper::-webkit-scrollbar-thumb:hover{border:4px solid transparent;background:rgba(0, 0, 0, 0.3);background:var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));background-clip:padding-box}.scroll{height:1px}.scroll-container{display:flex}";
 const KupHorizontalScrollStyle0 = kupHorizontalScrollCss;

package/dist/esm/{f-button-91d64c91.js → f-button-acef8cca.js}

@@ -1,6 +1,6 @@
-import { h } from './index-c1a3792b.js';
+import { h } from './index-c9246a86.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FImage } from './f-image-5009e205.js';
+import { F as FImage } from './f-image-e8fec767.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-32b44d18.js → f-cell-2a84215a.js}

@@ -1,11 +1,11 @@
-import { a8 as editableTypes, a9 as kupTypes, aa as FCellClasses, d as KupThemeColorValues, I as FCellTypes, ab as RADAdapter, ac as CMBandACPAdapter, ad as KupTagNames, F as FCellShapes, ae as fullWidthFieldsComps, af as autoCenterComps, ag as getCellValueForDisplay, ah as FCellEvents, ai as isForceUppercase, aj as isForceLowercase, e as KupDebugCategory } from './kup-manager-c60337e6.js';
-import { h, g as getAssetPath, F as Fragment } from './index-c1a3792b.js';
-import { F as FCheckbox } from './f-checkbox-889de715.js';
-import { F as FTextField } from './f-text-field-1146e248.js';
-import { F as FImage } from './f-image-5009e205.js';
-import { F as FChipType, c as FChip } from './f-chip-0de643a0.js';
-import { F as FButton } from './f-button-91d64c91.js';
-import { F as FObjectField } from './f-object-field-076f4278.js';
+import { a8 as editableTypes, a9 as kupTypes, aa as FCellClasses, d as KupThemeColorValues, I as FCellTypes, ab as RADAdapter, ac as CMBandACPAdapter, ad as KupTagNames, F as FCellShapes, ae as fullWidthFieldsComps, af as autoCenterComps, ag as getCellValueForDisplay, ah as FCellEvents, ai as isForceUppercase, aj as isForceLowercase, e as KupDebugCategory } from './kup-manager-fbf2cb76.js';
+import { h, g as getAssetPath, F as Fragment } from './index-c9246a86.js';
+import { F as FCheckbox } from './f-checkbox-ed122005.js';
+import { F as FTextField } from './f-text-field-9e293fb1.js';
+import { F as FImage } from './f-image-e8fec767.js';
+import { F as FChipType, c as FChip } from './f-chip-915e8f77.js';
+import { F as FButton } from './f-button-acef8cca.js';
+import { F as FObjectField } from './f-object-field-88fbd1b4.js';
 
 /**
  * Props of the kup-list component.

package/dist/esm/{f-checkbox-889de715.js → f-checkbox-ed122005.js}

@@ -1,5 +1,5 @@
-import { F as FImage } from './f-image-5009e205.js';
-import { h } from './index-c1a3792b.js';
+import { F as FImage } from './f-image-e8fec767.js';
+import { h } from './index-c9246a86.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-0de643a0.js → f-chip-915e8f77.js}

@@ -1,6 +1,6 @@
-import { h } from './index-c1a3792b.js';
-import { F as FImage } from './f-image-5009e205.js';
-import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-c60337e6.js';
+import { h } from './index-c9246a86.js';
+import { F as FImage } from './f-image-e8fec767.js';
+import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-fbf2cb76.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-5009e205.js → f-image-e8fec767.js}

@@ -1,4 +1,4 @@
-import { h, g as getAssetPath } from './index-c1a3792b.js';
+import { h, g as getAssetPath } from './index-c9246a86.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/{f-object-field-076f4278.js → f-object-field-88fbd1b4.js}

@@ -1,8 +1,8 @@
-import { h } from './index-c1a3792b.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-c60337e6.js';
-import { F as FButton } from './f-button-91d64c91.js';
+import { h } from './index-c9246a86.js';
+import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-fbf2cb76.js';
+import { F as FButton } from './f-button-acef8cca.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-1146e248.js';
+import { F as FTextField } from './f-text-field-9e293fb1.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-6bba82e1.js → f-paginator-utils-9511edd9.js}

@@ -1,6 +1,6 @@
-import { h } from './index-c1a3792b.js';
-import { ap as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-c60337e6.js';
-import { F as FButton } from './f-button-91d64c91.js';
+import { h } from './index-c9246a86.js';
+import { ap as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-fbf2cb76.js';
+import { F as FButton } from './f-button-acef8cca.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 
 var FPaginatorMode;

package/dist/esm/{f-text-field-1146e248.js → f-text-field-9e293fb1.js}

@@ -1,6 +1,6 @@
-import { h, g as getAssetPath } from './index-c1a3792b.js';
-import { b as KupThemeIconValues } from './kup-manager-c60337e6.js';
-import { F as FImage } from './f-image-5009e205.js';
+import { h, g as getAssetPath } from './index-c9246a86.js';
+import { b as KupThemeIconValues } from './kup-manager-fbf2cb76.js';
+import { F as FImage } from './f-image-e8fec767.js';
 
 const dom = document.documentElement;
 /*-------------------------------------------------*/

package/dist/esm/{f-typography-0097a4c2.js → f-typography-65229068.js}

@@ -1,4 +1,4 @@
-import { h } from './index-c1a3792b.js';
+import { h } from './index-c9246a86.js';
 
 /**
  * Styling options for the f-button component.

package/dist/esm/{index-c1a3792b.js → index-c9246a86.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'ketchup';
-const BUILD = /* ketchup */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* ketchup */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -1297,6 +1297,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1324,6 +1325,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance) => {
+  {
+    safeCall(instance, "connectedCallback");
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1357,8 +1361,10 @@ var connectedCallback = (elm) => {
       }
     } else {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
       }
     }
     endConnected();

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { K as KupManager } from './kup-manager-c60337e6.js';
+import { K as KupManager } from './kup-manager-fbf2cb76.js';
 import './kup-dates-4b58eae6.js';
-import './index-c1a3792b.js';
+import './index-c9246a86.js';
 
 /** used for obtain a KupManager instance without a dom document (for UT)  */
 function newKupManager(init) {