@sme.up/ketchup 10.3.6 → 10.3.7

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-bfafefb3.js');
-const fCell = require('./f-cell-e5ff9c98.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const fCell = require('./f-cell-5c1b2c66.js');
+const kupManager = require('./kup-manager-bb0a1490.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-f35c1b42.js');
-require('./f-object-field-04065abd.js');
-require('./f-text-field-0eda27cd.js');
+require('./f-chip-b4aebf7c.js');
+require('./f-object-field-62195164.js');
+require('./f-text-field-03e975ad.js');
 require('./kup-dates-8619368a.js');
 require('./component-a6dd6c14.js');
 
@@ -190,7 +190,7 @@ var __rest = (undefined && undefined.__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_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_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;
 const dom = document.documentElement;
 const KupInputPanel = class {
     constructor(hostRef) {
@@ -200,6 +200,7 @@ const KupInputPanel = class {
         this.kupInputPanelObjectFieldSearchPayload = index.createEvent(this, "kup-inputpanel-objectfield-searchpayload", 6);
         this.kupInputPanelObjectFieldOpenSearchMenu = index.createEvent(this, "kup-inputpanel-objectfield-opensearchmenu", 6);
         this.kupInputPanelObjectFieldSelectedMenuItem = index.createEvent(this, "kup-inputpanel-objectfield-selectedmenuitem", 6);
+        this.kupCellUpload = index.createEvent(this, "kup-inputpanel-upload", 6);
         _KupInputPanel_instances.add(this);
         //#endregion
         //#region VARIABLES
@@ -210,10 +211,10 @@ const KupInputPanel = class {
         _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, []);
@@ -401,15 +402,17 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.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 (index.h(index.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);
-            } }, index.h("style", { key: '08b5c082a3f4ab01f62f446a0623a4780c82b809' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '42c1e0de773fd027a920add2cb5a07a179aaab00', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, index.h("style", { key: '2b875bc91534289b075e8fac561d2eaeb5b732d1' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'ecfbac6227c007eadf2e63c2d936d72e7c132936', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -544,7 +547,36 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getFunctionOnClickBTN).call(this, e.detail.node, e.detail.node.id);
         } })));
 }, _KupInputPanel_renderDataTable = function _KupInputPanel_renderDataTable(cell, { name }) {
-    return (index.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 === kupManager.FCellShapes.AUTOCOMPLETE) {
+                cell.data['displayMode'] = 'CodeOnly';
+                cell.data['selectMode'] = 'CodeOnly';
+            }
+        }
+    }
+    return (index.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 ||
@@ -797,11 +829,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]);
@@ -825,6 +854,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 === kupManager.UseAsValue.KEY, id: column.name });
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
@@ -908,6 +940,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         [kupManager.FCellTypes.TABLE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_DataTableAdapter).bind(this)],
         [kupManager.FCellTypes.TIME, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_TimeAdapter).bind(this)],
         [kupManager.FCellTypes.IMAGE_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_ImageListAdapter).bind(this)],
+        [kupManager.FCellTypes.FILE_UPLOAD, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_FileUploadAdapter).bind(this)],
     ]);
     const adapter = dataAdapterMap.get(cellType);
     return adapter
@@ -945,27 +978,45 @@ _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 = kupManager.CMBandACPAdapter(currentValue, fieldLabel, []);
+    const configCMandACP = kupManager.CMBandACPAdapter(currentValue, fieldLabel, [], cell.data);
     if (rawOptions) {
         configCMandACP.data['kup-list'].data =
             __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 kupManager.CHKAdapter(currentValue, fieldLabel);
 }, _KupInputPanel_CLPAdapter = function _KupInputPanel_CLPAdapter(_options, fieldLabel, _currentValue) {
@@ -989,8 +1040,28 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         };
     }
     return data;
-}, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(options, _fieldLabel, currentValue) {
-    return kupManager.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 = kupManager.RADAdapter(currentValue, options);
+    if (options) {
+        return newData;
+    }
+    return cell.data;
 }, _KupInputPanel_SWTAdapter = function _KupInputPanel_SWTAdapter(_options, fieldLabel, currentValue) {
     return kupManager.SWTAdapter(currentValue, fieldLabel);
 }, _KupInputPanel_DateAdapter = function _KupInputPanel_DateAdapter(_options, fieldLabel, currentValue) {
@@ -1014,6 +1085,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: {
@@ -1120,7 +1193,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);
@@ -1162,6 +1235,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;
@@ -1361,6 +1498,9 @@ _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);
 };
 KupInputPanel.style = KupInputPanelStyle0;
 

package/dist/cjs/kup-lazy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-bb0a1490.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-8619368a.js');
 
@@ -138,39 +138,39 @@ const KupLazy = class {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (index.h("svg", { key: '5c5d09e1114809cae5e4d04d2810fcbe38919665', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '82d1c572d3d994d79f682a81484c140ca6cfd512', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '08418ea5f354cd9703db966a32ba3a2bde766474', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '7513b2807db3c80a1bf40c06afcc9368e6fdb294', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '830ea284f7a58f781306f46dbe30917cf24f953f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '5475f432000e828ec98dcb4eadbf7112d7c20861', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '81b641d30123794bacaecc19a99f4ec544c84a8e', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: '175cb426d36b630d55bcc637d3d5b7e54ce4cede', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (index.h("svg", { key: 'a42af94d1f6c0c5adab4eade6af3813ad05e7b63', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: 'e296f6c9fffb236c8aad51403237745e03994e9e', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (index.h("svg", { key: '15f07a20fc21b25f6faad4a2a7f5afa3b38a1914', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.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 = (index.h("svg", { key: '6f755edd48a59c2857dc6d8935909faf648d9a03', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.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 = (index.h("svg", { key: 'a43bbf16254b87ba99dcd0380fb6dd48d459587e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'e4de60a5e5d48cb7726b88abf06b7bc5c889d422', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '3f24c39011fcb687a3ab2887020ed239e66f4127', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: 'b8e2b4a9382a3e9483da1f0efbbef9566b8f39ab', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '8031d9825c3efdfc622b2026309c499b31619be2', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '15c32aad0b8ff81e43a869c14de3872ab4a608ff', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '24bc59869d647844dcbe9f24acd37c661c8dcffd', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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 = (index.h("svg", { key: '132ad10f47b212eac81a40954eb7b5f0fe46ff85', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.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) ||
@@ -179,14 +179,14 @@ const KupLazy = class {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (index.h(Tag, Object.assign({ key: '1a843ca9f51d0686f5db923cbfbfbeac4c200105' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (index.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 (index.h(index.Host, { key: 'd150ddb67a168132fc8127e310f628acc9387cce', class: className }, index.h("style", { key: '572fb2b794e42339a3d85dc7df73bb59829a4c23' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e355c76efbd00ed487c8f1d20e3ea1de360e93ec', id: GenericVariables.componentWrapperId }, content)));
+        return (index.h(index.Host, { key: '9c1dbf24aa0e68330251b4e9a35e17c7a9e23539', class: className }, index.h("style", { key: 'e74a571399d27dcac499e341dd6e19535e66f1c2' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '6aaca6cb575a7662770bb31abf1883ca96a7c543', id: GenericVariables.componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

package/dist/cjs/kup-magic-box.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-bb0a1490.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-db10b066.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
@@ -291,11 +291,11 @@ const KupMagicBox = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'ab1400184982532a9c66f5691b59e90581811ed3' }, index.h("style", { key: 'e70719f3dcd21934a6bcef170876001d08f86c2b' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '7c2ef2f7de0167abdeb8db6b95aee01bc71a02c8', id: GenericVariables.componentWrapperId }, index.h("div", { key: '9f04dbce690adaa5ec8357f7c4cd232a4c70b817', class: "magic-box-wrapper" }, index.h("div", { key: '210817229409e555ef8be6e4ed14170045b45e32', class: "actions", id: "drag-handle" }, index.h("kup-combobox", Object.assign({ key: '405e78b90d01859f8f94da213c6e18c06baaa225' }, this.comboboxProps())), index.h("kup-button", { key: 'b84448e0458719e0df11f05ac369f22651154933', styling: fButtonDeclarations.FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (index.h(index.Host, { key: '76b8180fd4034de65e028b585a4fb002c8bcdfca' }, index.h("style", { key: '9ba35b5e148e6e50d8a9f830f5db48612581e69b' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a3d292ce29fa8539e9c66275ac569c28cf3a54e1', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'fa29976b5702fedb46d7d91b618f2231ae7ddef1', class: "magic-box-wrapper" }, index.h("div", { key: '7f61c00fce84bcf7f36b8c47fe69fd5556aee41f', class: "actions", id: "drag-handle" }, index.h("kup-combobox", Object.assign({ key: '5f5aa592fe3eaf815677f238064425857d0b2f7a' }, this.comboboxProps())), index.h("kup-button", { key: '3708c650c5e31029f801386565bba2a1ccfc0e43', styling: fButtonDeclarations.FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), index.h("kup-button", { key: '6559f85d54df97a598c2488ce0743f36d2863c18', id: "close-dialog", customStyle: `:host{${kupManager.KupThemeColorValues.PRIMARY}: var(${kupManager.KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), index.h("kup-button", { key: '9306931f703349e28310daaeaf82f126bdaf94ad', id: "close-dialog", customStyle: `:host{${kupManager.KupThemeColorValues.PRIMARY}: var(${kupManager.KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), index.h("div", { key: 'dafb9aa60bc583fde505fe1b798e94ecbde59277', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), index.h("div", { key: '560c6c700d9e4699ac3c800d36648a16afdcff8f', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([