@sme.up/ketchup 10.3.6 → 10.3.7

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

@@ -408,7 +408,7 @@ export class KupForm {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: 'cf8c793fae4b7ab811ed6385dd446ce1603d4921' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '103de9b30f44f7958a691e5dccc8698e49ca76cf' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -419,7 +419,7 @@ export class KupForm {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: 'a97811d53f4ed45ced27c021e1cf164f093b04d2' }, h("style", { key: '5531da216461ca36e3efb0f0a365517eb8494d64' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '50e19a44c0be7805bf35215fbc079924178458f9', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: 'cdaa7ff6add189834cc6f570d2a7cd032d3a0b3c' }, h("style", { key: 'd9eff3af01d39df16086be74e2c893b64f861e52' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd4dd031f9dac773296738ebfe27510be56af8e5a', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -69,7 +69,7 @@ export class KupHTM {
     render() {
         var _a;
         const isLink = __classPrivateFieldGet(this, _KupHTM_instances, "m", _KupHTM_isObjectCompatibleWithHTM).call(this, (_a = this === null || this === void 0 ? void 0 : this.data) === null || _a === void 0 ? void 0 : _a.obj);
-        return (h(Host, { key: '5fd7a24633313c182200d98e795cd27938bdd0ed' }, h("style", { key: '283f61604341bc317f9eece1bacdfd6f394d73b6' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2e35f4c034756925be450b15a14b54acd3e496fa', id: componentWrapperId }, h("div", { key: 'a7372f43ada38738eb4134e8feaade2c9db14c13', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB)), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
+        return (h(Host, { key: 'd4c059a573d252c5809a77375222a78bcdee56bc' }, h("style", { key: '46ea04367aae5ad0602ab6f84dc0cb904b14e091' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3d2ad3be208bd0cb850e66113155b70ace70983c', id: componentWrapperId }, h("div", { key: '075017b3ef686bfc5d6cee4035c3b053c11d67af', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB)), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

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

@@ -205,14 +205,14 @@ export class KupImageList {
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (h(Host, { key: 'e126ffca6f4a347874e940c20833b9a211d75139' }, h("style", { key: 'ecf74bc3247070d5f246cd334885a281e8f71ecc' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2d742444cbca6dab5060901ef99313817ec95893', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '4a3c80748fec9b98c9268077893643042b2c4ade' }, h("style", { key: '5fbc10ef98292d3cc1919d26cf64baa1286611e4' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '52254d30b66446960be0db63fdf486420d35a7ce', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: '1bc44a87241d1488cfe012a2a83567a9d6391414', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '68cb3d98496d6314556ad5d777e6a67543a14ff3', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h("div", { key: 'a527e20f9633054995f013cd550aae7c9254b492', class: "mdc-text-field__label-container" }, h("label", { key: '8fd3989537d74e0363c822bee6dc3a12eca276d9', class: "mdc-label" }, this.leadingLabel))), h("div", { key: '55329659aec995c3da9718b553ce93efe04cc6e4', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h("div", { key: '4b808d9230730a0eb49c5eca46a8130eda1c0f51', class: "mdc-text-field__label-container" }, h("label", { key: 'c1fcdb83116da8e7591091fcb97ea6c4ecb19a27', class: "mdc-label" }, this.leadingLabel))), h("div", { key: 'f0b462e13602be5a3a8c00ffd993fd9c8b02476a', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellTypesNeedingReset, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_readyPromise, _KupInputPanel_readyResolve, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_skipRenderField, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_getOptionHandler, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_ImageListAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_manageInputPanelCheck, _KupInputPanel_onCellUpdate, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_findTraversedFCell, _KupInputPanel_getEventDetails, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellTypesNeedingReset, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_readyPromise, _KupInputPanel_readyResolve, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_skipRenderField, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_getOptionHandler, _KupInputPanel_isFCellEventPayload, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_ImageListAdapter, _KupInputPanel_FileUploadAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableCMBandACPOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_getTblAutocompleteEventCallback, _KupInputPanel_manageTblItemClick, _KupInputPanel_manageInputPanelCheck, _KupInputPanel_onCellUpdate, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_findTraversedFCell, _KupInputPanel_getEventDetails, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip, _KupInputPanel_upload;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FButton } from "../../f-components/f-button/f-button";
 import { FCell } from "../../f-components/f-cell/f-cell";
@@ -58,10 +58,10 @@ export class KupInputPanel {
         _KupInputPanel_formRef.set(this, void 0);
         _KupInputPanel_optionsAdapterMap.set(this, new Map([
             ['SmeupDataTree', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_dataTreeOptionsChildrenAdapter).bind(this)],
-            ['SmeupDataTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableOptionsAdapter).bind(this)],
+            ['SmeupDataTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableCMBandACPOptionsAdapter).bind(this)],
             //FIXME: deprecated
             ['SmeupTreeNode', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
-            ['SmeupTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableOptionsAdapter).bind(this)],
+            ['SmeupTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableCMBandACPOptionsAdapter).bind(this)],
         ]));
         _KupInputPanel_originalData.set(this, null);
         _KupInputPanel_listeners.set(this, []);
@@ -249,15 +249,17 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '84aee3c6ff19b190ecc3251bc42d6fd59f9cbdbe', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '41506c3d7a6888eeeda1dd5c300f36673b366510', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
-            }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK), "onKup-objectfield-searchpayload": (e) => {
+            }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => {
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK);
+            }, "onKup-objectfield-searchpayload": (e) => {
                 this.kupInputPanelObjectFieldSearchPayload.emit(e.detail);
             }, "onKup-objectfield-opensearchmenu": (e) => {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '08b5c082a3f4ab01f62f446a0623a4780c82b809' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '42c1e0de773fd027a920add2cb5a07a179aaab00', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '2b875bc91534289b075e8fac561d2eaeb5b732d1' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ecfbac6227c007eadf2e63c2d936d72e7c132936', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -746,6 +748,27 @@ export class KupInputPanel {
                         }
                     }
                 }
+            }, {
+                "method": "kupCellUpload",
+                "name": "kup-inputpanel-upload",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KupFileUploadEventPayload",
+                    "resolved": "KupFileUploadEventPayload",
+                    "references": {
+                        "KupFileUploadEventPayload": {
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::KupFileUploadEventPayload"
+                        }
+                    }
+                }
             }];
     }
     static get methods() {
@@ -1030,7 +1053,36 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     });
     return (h("kup-editor", Object.assign({}, cell.data, { id: name, isReadOnly: !cell.isEditable, showToolbar: true })));
 }, _KupInputPanel_renderDataTable = function _KupInputPanel_renderDataTable(cell, { name }) {
-    return (h("kup-data-table", Object.assign({ id: name, editableData: true, showGroups: true, showFilters: true }, cell.data)));
+    for (const row of cell.data.data.rows) {
+        for (const cellName of Object.keys(row.cells)) {
+            const cell = row.cells[cellName];
+            if (cell.shape === FCellShapes.AUTOCOMPLETE) {
+                cell.data['displayMode'] = 'CodeOnly';
+                cell.data['selectMode'] = 'CodeOnly';
+            }
+        }
+    }
+    return (h("kup-data-table", Object.assign({ id: name, editableData: true, showGroups: true, showFilters: true }, cell.data, { "onKup-autocomplete-iconclick": (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+        }, "onKup-autocomplete-input": (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+        }, "onKup-datatable-cell-iconclick": (e) => {
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e);
+            e.preventDefault();
+            e.stopPropagation();
+        }, "onKup-datatable-cell-input": (e) => {
+            if (e.detail.type === 'autocomplete') {
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e);
+            }
+            e.preventDefault();
+            e.stopPropagation();
+        }, "onKup-cell-itemclick": (e) => {
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageTblItemClick).call(this, e);
+            e.preventDefault();
+            e.stopPropagation();
+        } })));
 }, _KupInputPanel_renderLabel = function _KupInputPanel_renderLabel(cell, column, isAbsoluteLayout) {
     const isNumberType = dom.ketchup.objects.isNumber(cell.obj);
     const isFormattableType = isNumberType ||
@@ -1283,11 +1335,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         .flat();
 }, _KupInputPanel_mapCells = function _KupInputPanel_mapCells(data) {
     var _a, _b, _c, _d;
-    if ((_b = (_a = data.setup) === null || _a === void 0 ? void 0 : _a.commands) === null || _b === void 0 ? void 0 : _b.length) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapCommands).call(this);
-    }
-    const layout = (_c = data === null || data === void 0 ? void 0 : data.rows[0]) === null || _c === void 0 ? void 0 : _c.layout;
-    const inpuPanelCells = ((_d = data === null || data === void 0 ? void 0 : data.rows) === null || _d === void 0 ? void 0 : _d.length)
+    const layout = (_a = data === null || data === void 0 ? void 0 : data.rows[0]) === null || _a === void 0 ? void 0 : _a.layout;
+    const inpuPanelCells = ((_b = data === null || data === void 0 ? void 0 : data.rows) === null || _b === void 0 ? void 0 : _b.length)
         ? data.rows.reduce((inpuPanelCells, row) => {
             const cells = data.columns.map((column) => {
                 const cell = structuredClone(row.cells[column.name]);
@@ -1311,6 +1360,9 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         queryCompNeedsReset ? el === null || el === void 0 ? void 0 : el.reset() : (_a = el === null || el === void 0 ? void 0 : el.setValue) === null || _a === void 0 ? void 0 : _a.call(el, cell.value);
     }));
     this.inputPanelCells = inpuPanelCells;
+    if ((_d = (_c = data.setup) === null || _c === void 0 ? void 0 : _c.commands) === null || _d === void 0 ? void 0 : _d.length) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapCommands).call(this);
+    }
 }, _KupInputPanel_setData = function _KupInputPanel_setData(cell, column, layout) {
     const defaultProps = Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapData).call(this, cell, column, layout)), { disabled: !cell.isEditable || column.useAs === UseAsValue.KEY, id: column.name });
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
@@ -1394,6 +1446,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         [FCellTypes.TABLE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_DataTableAdapter).bind(this)],
         [FCellTypes.TIME, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_TimeAdapter).bind(this)],
         [FCellTypes.IMAGE_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_ImageListAdapter).bind(this)],
+        [FCellTypes.FILE_UPLOAD, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_FileUploadAdapter).bind(this)],
     ]);
     const adapter = dataAdapterMap.get(cellType);
     return adapter
@@ -1431,10 +1484,21 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         },
     };
 }, _KupInputPanel_BTNAdapter = function _KupInputPanel_BTNAdapter(_options, _fieldLabel, _currentValue, cell, id) {
+    var _a, _b;
     cell.data = cell.data || {};
     cell.data.onClick = () => {
         __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getFunctionOnClickBTN).call(this, cell, id);
     };
+    if (cell.data.BtnMap) {
+        const concurrentCommand = (_b = (_a = this.data.setup) === null || _a === void 0 ? void 0 : _a.commands) === null || _b === void 0 ? void 0 : _b.find((command) => command.obj.k === cell.data.BtnMap);
+        if (concurrentCommand) {
+            cell.isEditable = true;
+            cell.data.onClick = () => {
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getFunctionOnClickBTN).call(this, cell, concurrentCommand.obj.k);
+            };
+            this.data.setup.commands = this.data.setup.commands.filter((command) => command.obj.k !== concurrentCommand.obj.k);
+        }
+    }
     return Object.assign({ label: cell.value, fun: cell.fun }, cell.data);
 }, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue, cell) {
     const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, [], cell.data);
@@ -1443,15 +1507,22 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, rawOptions, currentValue);
     }
     return configCMandACP;
-}, _KupInputPanel_getOptionHandler = function _KupInputPanel_getOptionHandler({ detail }, checkList = false) {
-    const cell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, detail.id);
-    let triggerCallback = true;
-    if (checkList) {
-        triggerCallback = !detail.comp.data['kup-list'].data.length;
+}, _KupInputPanel_getOptionHandler = function _KupInputPanel_getOptionHandler({ detail, }, checkList = false) {
+    if (__classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_isFCellEventPayload).call(this, detail)) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getTblAutocompleteEventCallback).call(this, detail);
     }
-    if (cell.fun && triggerCallback) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getAutocompleteEventCallback).call(this, detail, cell);
+    else {
+        const cell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, detail.id);
+        let triggerCallback = true;
+        if (checkList) {
+            triggerCallback = !detail.comp.data['kup-list'].data.length;
+        }
+        if (cell.fun && triggerCallback) {
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getAutocompleteEventCallback).call(this, detail, cell);
+        }
     }
+}, _KupInputPanel_isFCellEventPayload = function _KupInputPanel_isFCellEventPayload(detail) {
+    return detail.cell ? true : false;
 }, _KupInputPanel_CHKAdapter = function _KupInputPanel_CHKAdapter(_options, fieldLabel, currentValue) {
     return CHKAdapter(currentValue, fieldLabel);
 }, _KupInputPanel_CLPAdapter = function _KupInputPanel_CLPAdapter(_options, fieldLabel, _currentValue) {
@@ -1475,8 +1546,28 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         };
     }
     return data;
-}, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(options, _fieldLabel, currentValue) {
-    return RADAdapter(currentValue, options);
+}, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(_options, _fieldLabel, currentValue, cell) {
+    const getOptions = () => {
+        var _a;
+        if (cell.data.data) {
+            return (_a = cell.data.data.rows) === null || _a === void 0 ? void 0 : _a.map((row) => {
+                const cells = row.fields || row.cells;
+                const [id, value] = Object.keys(cells);
+                return {
+                    id: cells[id].value,
+                    label: value ? cells[value].value : cells[id].value,
+                    selected: currentValue === cells[id].value,
+                };
+            });
+        }
+        return undefined;
+    };
+    const options = getOptions();
+    const newData = RADAdapter(currentValue, options);
+    if (options) {
+        return newData;
+    }
+    return cell.data;
 }, _KupInputPanel_SWTAdapter = function _KupInputPanel_SWTAdapter(_options, fieldLabel, currentValue) {
     return SWTAdapter(currentValue, fieldLabel);
 }, _KupInputPanel_DateAdapter = function _KupInputPanel_DateAdapter(_options, fieldLabel, currentValue) {
@@ -1500,6 +1591,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         leadingLabel: fieldLabel || '',
         value: currentValue || '',
     };
+}, _KupInputPanel_FileUploadAdapter = function _KupInputPanel_FileUploadAdapter(_options, _fieldLabel, currentValue, cell) {
+    return Object.assign({ pathString: currentValue }, cell.data);
 }, _KupInputPanel_TimeAdapter = function _KupInputPanel_TimeAdapter(_options, fieldLabel, currentValue) {
     return {
         data: {
@@ -1606,7 +1699,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
                 : [],
         });
     });
-}, _KupInputPanel_tableOptionsAdapter = function _KupInputPanel_tableOptionsAdapter(options, currentValue) {
+}, _KupInputPanel_tableCMBandACPOptionsAdapter = function _KupInputPanel_tableCMBandACPOptionsAdapter(options, currentValue) {
     return options.rows.map((row) => {
         const cells = row.fields || row.cells;
         const [id, value] = Object.keys(cells);
@@ -1648,6 +1741,70 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         }
         detail.comp.refresh();
     });
+}, _KupInputPanel_getTblAutocompleteEventCallback = function _KupInputPanel_getTblAutocompleteEventCallback(detail) {
+    // Destructure frequently used properties
+    const { cell, row, column, comp, id, event } = detail;
+    const cellValue = cell === null || cell === void 0 ? void 0 : cell.value;
+    const autocompleteEventDetail = detail.event.detail;
+    try {
+        this.optionsHandler(cell['fun'], autocompleteEventDetail.inputValue, { columns: comp.data.columns, rows: [row] }, column.name).then((options) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            // Filter visible columns
+            if (options) {
+                const visibleColumns = ((_a = options === null || options === void 0 ? void 0 : options.columns) !== null && _a !== void 0 ? _a : [])
+                    .filter((col) => (col === null || col === void 0 ? void 0 : col.visible) !== false)
+                    .map((col) => col.name);
+                // Filter rows to only include visible columns
+                const filteredRows = (_c = (_b = options === null || options === void 0 ? void 0 : options.rows) === null || _b === void 0 ? void 0 : _b.map((rowData) => {
+                    const visibleCells = visibleColumns.reduce((acc, colName) => {
+                        if (rowData.cells[colName]) {
+                            acc[colName] = rowData.cells[colName];
+                        }
+                        return acc;
+                    }, {});
+                    return Object.assign(Object.assign({}, rowData), { cells: visibleCells });
+                })) !== null && _c !== void 0 ? _c : [];
+                // Prepare the final options with filtered data
+                const visibleColumnsOptions = Object.assign(Object.assign({}, options), { rows: filteredRows });
+                // Get and update table data
+                const tableData = comp.data;
+                const targetCell = tableData.rows[row.id].cells[column.name];
+                // Initialize cell data structure if needed
+                if (!((_e = (_d = targetCell.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e['kup-list'])) {
+                    targetCell.data = {
+                        data: {
+                            'kup-list': {},
+                            'kup-text-field': Object.assign({}, targetCell.data),
+                        },
+                    };
+                }
+                // Update the autocomplete list data
+                const kupListData = targetCell.data.data['kup-list'];
+                kupListData.data = filteredRows.length
+                    ? (_f = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cellValue)) !== null && _f !== void 0 ? _f : []
+                    : [];
+                kupListData.options = (_g = options.columns) !== null && _g !== void 0 ? _g : [];
+                // Update the component data and refresh
+                comp.data = tableData;
+                this.data.rows[0].cells[id].value =
+                    JSON.stringify(tableData);
+                // // Refresh components
+                event.detail.comp.refresh();
+                comp.refresh();
+            }
+        });
+    }
+    catch (error) {
+        console.error('Error in autocomplete callback:', error);
+    }
+}, _KupInputPanel_manageTblItemClick = function _KupInputPanel_manageTblItemClick(e) {
+    const { cell, row, column, id, comp } = e.detail;
+    const tableData = comp.data;
+    tableData.rows[row.id].cells[column.name] = cell;
+    comp.data = tableData;
+    this.data.rows[0].cells[id].value = JSON.stringify(tableData);
+    e.detail.event.detail.comp.refresh();
+    comp.refresh();
 }, _KupInputPanel_manageInputPanelCheck = async function _KupInputPanel_manageInputPanelCheck(e, eventType) {
     var _a, _b, _c, _d, _e;
     const { detail: { column, cell }, } = e;
@@ -1847,4 +2004,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         return;
     }
     (_b = inputElements[currentInputElementIndex + 1].HTMLInputElement) === null || _b === void 0 ? void 0 : _b.focus();
+}, _KupInputPanel_upload = function _KupInputPanel_upload(e) {
+    e.stopPropagation();
+    this.kupCellUpload.emit(e.detail);
 };

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

@@ -108,39 +108,39 @@ export class KupLazy {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: '5c5d09e1114809cae5e4d04d2810fcbe38919665', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'ef0cc102b4f61b6cb0b6a11b990d8a683d3dadbb', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
+                resource = (h("svg", { key: '82d1c572d3d994d79f682a81484c140ca6cfd512', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5bef88d3b797414102e78e45a03c3b94c9f3255d', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
                 break;
             case 'kup-card':
                 //art_track.svg
-                resource = (h("svg", { key: '08418ea5f354cd9703db966a32ba3a2bde766474', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '8575071216916dbd3994f778e3811762c4b1ba14', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: '7513b2807db3c80a1bf40c06afcc9368e6fdb294', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5e527bd9fbcae6e3ee52e84a4fb67b476c154f10', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
             case 'kup-checkbox':
                 //check_box_outline_blank.svg
-                resource = (h("svg", { key: '830ea284f7a58f781306f46dbe30917cf24f953f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd76171580d775362c392e3ad8fc00370f9ab7b2f', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
+                resource = (h("svg", { key: '5475f432000e828ec98dcb4eadbf7112d7c20861', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '954ddd01b7398bf0989d134a69254f448221bfb7', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
                 break;
             case 'kup-chart':
                 //chart-bar.svg
-                resource = (h("svg", { key: '81b641d30123794bacaecc19a99f4ec544c84a8e', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '175cb426d36b630d55bcc637d3d5b7e54ce4cede', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: 'a42af94d1f6c0c5adab4eade6af3813ad05e7b63', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'e296f6c9fffb236c8aad51403237745e03994e9e', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: '15f07a20fc21b25f6faad4a2a7f5afa3b38a1914', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '8880c4646eb4d39529164b920b6c06f6ca9d574c', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
+                resource = (h("svg", { key: '6f755edd48a59c2857dc6d8935909faf648d9a03', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '6951d2f06986b335eea5bef530c7a4bf9aa311ab', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
                 break;
             case 'kup-image':
                 //photo.svg
-                resource = (h("svg", { key: 'a43bbf16254b87ba99dcd0380fb6dd48d459587e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '37fe8e3e880ad99cd2ce8699062ea7aaf20b8e2e', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
+                resource = (h("svg", { key: 'e4de60a5e5d48cb7726b88abf06b7bc5c889d422', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '63ffecb16ce4107ac9ffbfbad8cd655e34e900f3', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
                 break;
             case 'kup-progress-bar':
                 //linear_scale.svg
-                resource = (h("svg", { key: '3f24c39011fcb687a3ab2887020ed239e66f4127', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '42289a40edc167d2ddb4b99cd80c1343c9904142', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
+                resource = (h("svg", { key: 'b8e2b4a9382a3e9483da1f0efbbef9566b8f39ab', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '339f3815ac768a03ad3b8ba78d6bce5c6879402d', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
                 break;
             case 'kup-radio':
                 //radio_button_unchecked.svg
-                resource = (h("svg", { key: '8031d9825c3efdfc622b2026309c499b31619be2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '60b60ed680daf4a6bfcfca0c1ce55debbff62235', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
+                resource = (h("svg", { key: '15c32aad0b8ff81e43a869c14de3872ab4a608ff', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'd4388b9681629f14c0c4c385448ed4765cc92a9e', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
                 break;
             default:
                 //art_track.svg
-                resource = (h("svg", { key: '24bc59869d647844dcbe9f24acd37c661c8dcffd', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '29f284cbe18ac03051367321466d2e369860c66e', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: '132ad10f47b212eac81a40954eb7b5f0fe46ff85', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '45015c39db68faa73d2ee7398f55137880277146', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
         }
         if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
@@ -149,14 +149,14 @@ export class KupLazy {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: '1a843ca9f51d0686f5db923cbfbfbeac4c200105' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: '872b8eb5d96b68cfcd1e4900bfca772bab11ab3a' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (h(Host, { key: 'd150ddb67a168132fc8127e310f628acc9387cce', class: className }, h("style", { key: '572fb2b794e42339a3d85dc7df73bb59829a4c23' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e355c76efbd00ed487c8f1d20e3ea1de360e93ec', id: componentWrapperId }, content)));
+        return (h(Host, { key: '9c1dbf24aa0e68330251b4e9a35e17c7a9e23539', class: className }, h("style", { key: 'e74a571399d27dcac499e341dd6e19535e66f1c2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6aaca6cb575a7662770bb31abf1883ca96a7c543', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

package/dist/collection/components/kup-magic-box/kup-magic-box.js

@@ -263,11 +263,11 @@ export class KupMagicBox {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'ab1400184982532a9c66f5691b59e90581811ed3' }, h("style", { key: 'e70719f3dcd21934a6bcef170876001d08f86c2b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7c2ef2f7de0167abdeb8db6b95aee01bc71a02c8', id: componentWrapperId }, h("div", { key: '9f04dbce690adaa5ec8357f7c4cd232a4c70b817', class: "magic-box-wrapper" }, h("div", { key: '210817229409e555ef8be6e4ed14170045b45e32', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '405e78b90d01859f8f94da213c6e18c06baaa225' }, this.comboboxProps())), h("kup-button", { key: 'b84448e0458719e0df11f05ac369f22651154933', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '76b8180fd4034de65e028b585a4fb002c8bcdfca' }, h("style", { key: '9ba35b5e148e6e50d8a9f830f5db48612581e69b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a3d292ce29fa8539e9c66275ac569c28cf3a54e1', id: componentWrapperId }, h("div", { key: 'fa29976b5702fedb46d7d91b618f2231ae7ddef1', class: "magic-box-wrapper" }, h("div", { key: '7f61c00fce84bcf7f36b8c47fe69fd5556aee41f', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '5f5aa592fe3eaf815677f238064425857d0b2f7a' }, this.comboboxProps())), h("kup-button", { key: '3708c650c5e31029f801386565bba2a1ccfc0e43', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: '6559f85d54df97a598c2488ce0743f36d2863c18', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '9306931f703349e28310daaeaf82f126bdaf94ad', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: 'dafb9aa60bc583fde505fe1b798e94ecbde59277', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '560c6c700d9e4699ac3c800d36648a16afdcff8f', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([

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

@@ -98,7 +98,7 @@ export class KupNavBar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'd10fe50d98c91b7bd6523b0c489f1bd618f3bea5', class: "header" }, h("style", { key: '1bcfbf30b846c2566df8592436e9970ca839d455' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'c59b03f594478b70a148a8a0ef60635f0f370815', id: componentWrapperId }, h("header", { key: '59119aea905464ca6e62ba4b52de771c9502e854', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '3b19e3f10ff6c97c67d83cff649319065fbe7da3', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: 'dcdc392d8ec19c3ddb52ce654bf90f60796aa0da', class: "header" }, h("style", { key: 'c5633275f41d89e7dbd3058e5ec66218c896ee2b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ba15568ef90710d4d95d46cd1cc8ecdf728cf430', id: componentWrapperId }, h("header", { key: 'a0af5b7234bd7eef6e85a7d06aef9c26e3f7abed', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '362841f2ab4d775e8d2e950adcd53ec8cd3be565', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -321,7 +321,7 @@ export class KupNumericPicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '5e21909e990f0807b9c1ff4566be582a94ca292e' }, h("style", { key: '8bb2390213d050696d23383b4dc2025f0fd8c6a5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2ba04818393826244f80918569f1da7335d45773', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: '9e001513a9402a9c840d21a5a76b641784b1fac6' }, h("style", { key: 'b7a7783eecb0c775f0b5bc972e0683f59be394a3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '45467aed59b8f4f24597cb7e7cbf7ae94856fbba', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

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

@@ -79,7 +79,7 @@ export class KupObjectField {
             inputValue: this.inputValue,
             onChange: null,
         };
-        return (h(Host, { key: '9d2ae70b4dfe89598f331bf72c94db5c5e33242b' }, h("style", { key: '1b21373f4e2d1784498ce119526cd07f4c376cfb' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1c295a24a8d61f7059e9b7c242069da2b856c50d', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '5386f17afed1cda623bd6a82acafb0e0bfbdbc63' }, props)))));
+        return (h(Host, { key: 'bd9185b4bec628e4d5b9f8f12d1fd5bf2450cd42' }, h("style", { key: '51eb6f40a02581178ca4056781fa09af8d317ea1' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3ca583dc21c02be577ff43ecefd3616f102dc0a4', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '2455ce8729ce87a4445883ed0e7763eef31b7f90' }, props)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.unregister(this);

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

@@ -105,7 +105,7 @@ export class KupPdf {
         catch (error) { }
     }
     render() {
-        return (h(Host, { key: '1c5bb13e2ca28b655ed272d85fabcd339b48d4fc' }, h("div", { key: '7e45b0a3e7412e60d6af04a8ea3696808ff0ae52', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: '1f04063ce0d949cd00d384678c19adf794312057' }, h("div", { key: '5173ada8185dc56b0638c4038e915f549f2c991f', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

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

@@ -523,7 +523,7 @@ export class KupPlanner {
         if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
             plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
         }
-        return (h(Host, { key: 'a39de9ef79d3bb209a9cb99b28fea0259f23317f' }, h("style", { key: 'af9cfff3bba7097157c1edf8d8f83ade6b8f358e' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '7ad7de8208449fcf8e6ae2b483679ab2b6711436', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '60befc4ef01db8a59ad9517e7e47d2377763134f', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '63eb18daf5ca2946e273851ac61bf3b3df2f1af6', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '44083990df152225dffdf22654309f2dda0ad1b1', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: 'ed62d6c7e75169f47cb83311fb28827da0afe0ca' }, h("style", { key: '422a78066f27c04c488750ac66b9f4c10d0211c9' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4122f3114a4e24119551e2724790c15c2eead874', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '20afe8320d1439bf34942faab0a5a107498fc373', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '5ed8092953f35078fd5bdaa84d8ce9d8a7cae6bd', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '38a860e8afdf0ce1e048211622a5280986dbccb8', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

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

@@ -8,11 +8,11 @@ export class KupCustomTaskListHeader {
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '7afe903d27c39f08ffa24b06aafdbd0d86cc99db', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '73c099362f8bfffd1912c4415f818ec0e3f527d9', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '9786f5c6cc683bed20126fd095935b1881088b1d', class: "title" }, h("span", { key: 'c4d4589f9ee3440fe94791b07ccb95afa769062c' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '388a0520f64adf2d1bba10282680523c0b4d9b6c', class: "toggler" }, h("label", { key: '9e0f2aeec4f12ddc461e90e8090cdd1d02a4c6c6', htmlFor: "ch2", class: "switch" }, h("input", { key: 'd3b016d5d3435f718723ee45a81660624e526769', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'e9d77a0baea6b4a030f30d497e977911865c73a6', class: "slider" })), h("span", { key: '6acfe980e9e18d7bde234f99ba418b22a2304ae7', class: "label" }, "Previsioni")))));
+            } }, 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")))));
     }
     static get is() { return "kup-custom-task-list-header"; }
     static get originalStyleUrls() {

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

@@ -563,9 +563,9 @@ export class KupGantt {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '3a4a7c6dee9d12ef3d089cf9d8b22742f5717a9a', class: "gannt-wrapper-main" }, h("div", { key: '701076ffecda9ec36716dfc676bc830f224ed028', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '1ca42dc7754cb5b7cb6a3088dca8a2e042c2c390', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '4736e4cf20dd8123991c6407053d6bf63b3895e3', class: "gannt-wrapper-main" }, h("div", { key: '9e6c79472018cf176e6ff854f088c51a9f0dd31d', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '916157b026b48ef1ebc1ab893fe032f6b71fb2d2', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'af6acb22ea4418fd03515ad78193702a54fd4097', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: 'd9bd829e352fee2185b7648a78b9373ae4923ede', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'acf20f898b951dbd742bb8b82e3548f806707a6d', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: 'ddece5a5222b1abfbe971812d3954af363fa195c', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '839ae03ea863d3be1c041e73622d7eb2f9b7120a', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: 'b09acf310161f6fba7eb0e91de6ba53c31d43d40', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: '756d1a3866665286e3c49c78e634ea8664f7da75', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '73c8b8e4fd4ae1502287c724094e690995cb509f', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
     }
     static get is() { return "kup-gantt"; }
     static get originalStyleUrls() {

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

@@ -225,11 +225,11 @@ export class KupGanttCalendar {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: '6969f03c8f75737ce4c42469a456069d0e3ced67', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'c77177ccec8559de2e61d59b3fe235843af260ab', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'd319809f4de45c9b9ed32c07caeb672cfcab004b', 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: '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
             ? 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: '90b8cd4be3694ab5827a64b8bc1b66da57e0c316', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '40cca30be82870be76d4ceaba428bf91bca3d515', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
     static get is() { return "kup-gantt-calendar"; }
     static get originalStyleUrls() {