@sme.up/ketchup 9.6.4 → 9.6.5

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-460631fd.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, a3 as FCellTypes } from './kup-manager-dd24fb5a.js';
-import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FButton } from './f-button-1eebd42e.js';
+import { F as FButton } from './f-button-d6dbcfd6.js';
+import { F as FCell } from './f-cell-7b41415c.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, a3 as FCellTypes } from './kup-manager-a316a70e.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-c88bf688.js';
-import { F as FCell } from './f-cell-af19d5c7.js';
-import './kup-dates-26a56bf7.js';
+import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-9bdc6f26.js';
-import './f-image-1e1ed567.js';
-import './component-879e99bf.js';
+import './f-image-a67229e5.js';
 import './f-checkbox-ddb6234e.js';
-import './f-text-field-802b45fb.js';
-import './f-chip-9e5fdb25.js';
+import './f-text-field-d364ffd2.js';
+import './f-chip-68d27d7a.js';
+import './kup-dates-26a56bf7.js';
+import './component-879e99bf.js';
 
 var KupInputPanelProps;
 (function (KupInputPanelProps) {
@@ -18,10 +18,10 @@ var KupInputPanelProps;
     KupInputPanelProps["data"] = "Actual data of the input panel.";
     KupInputPanelProps["hiddenSubmitButton"] = "Creates a hidden submit button in order to submit the form with enter.";
     KupInputPanelProps["submitCb"] = "Sets the callback function on submit form";
-    KupInputPanelProps["valueChangeCb"] = "Sets the callback function on value change event";
+    KupInputPanelProps["optionsHandler"] = "Sets the callback function to recieve options";
 })(KupInputPanelProps || (KupInputPanelProps = {}));
 
-const kupInputPanelCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}";
+const kupInputPanelCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_input_panel_background_color:var(--kup-input-panel-background-color,\n      var(--kup-background-color));--kup_input_panel_color:var(--kup-input-panel-color, var(--kup-text-color));--kup_input_panel_font_family:var(--kup-input-panel-font-family, var(--kup-font-family));--kup_input_panel_font_size:var(--kup-input-panel-font-size, var(--kup-font-size));--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative}:host .input-panel--column{flex-direction:column}:host .input-panel__section{display:grid}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}";
 const KupInputPanelStyle0 = kupInputPanelCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -31,7 +31,16 @@ var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) ||
         throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_mapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter;
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderSection, _KupInputPanel_renderField, _KupInputPanel_mapCells, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_tableOptionsAdapter;
 const dom = document.documentElement;
 const KupInputPanel = class {
     constructor(hostRef) {
@@ -44,11 +53,16 @@ const KupInputPanel = class {
         /*       I n t e r n a l   V a r i a b l e s       */
         /*-------------------------------------------------*/
         _KupInputPanel_kupManager.set(this, kupManagerInstance());
+        _KupInputPanel_optionsAdapterMap.set(this, new Map([
+            ['SmeupTree', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
+            ['SmeupTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableOptionsAdapter).bind(this)],
+        ]));
+        _KupInputPanel_originalData.set(this, null);
         this.customStyle = '';
         this.data = null;
         this.hiddenSubmitButton = false;
         this.submitCb = null;
-        this.handleEventsCallbacks = [];
+        this.optionsHandler = null;
         this.inputPanelCells = [];
     }
     //#endregion
@@ -57,6 +71,9 @@ const KupInputPanel = class {
     /*                  W a t c h e r s                */
     /*-------------------------------------------------*/
     onDataChanged() {
+        if (!__classPrivateFieldGet(this, _KupInputPanel_originalData, "f")) {
+            __classPrivateFieldSet(this, _KupInputPanel_originalData, structuredClone(this.data), "f");
+        }
         __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapCells).call(this, this.data);
     }
     //#endregion
@@ -99,18 +116,22 @@ const KupInputPanel = class {
     componentDidLoad() {
         this.kupReady.emit({ comp: this, id: this.rootElement.id });
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logLoad(this, true);
-        this.handleEventsCallbacks.map((cbData) => {
-            this.rootElement.addEventListener(cbData.eventName, (e) => {
-                const inputPanelEvent = {
-                    state: this.inputPanelCells.find((data) => data.cells.find((cell) => cell.column.name === e.detail.id)).cells,
-                    data: {
-                        field: e.detail.id,
-                        value: e.detail.inputValue || e.detail.value,
-                    },
-                };
-                cbData.eventCallback(inputPanelEvent);
-            });
-        });
+        // this.handleEventsCallbacks.map((cbData) => {
+        //     this.rootElement.addEventListener(cbData.eventName, (e: any) => {
+        //         const inputPanelEvent: InputPanelEvent = {
+        //             state: this.inputPanelCells.find((data) =>
+        //                 data.cells.find(
+        //                     (cell) => cell.column.name === e.detail.id
+        //                 )
+        //             ).cells,
+        //             data: {
+        //                 field: e.detail.id,
+        //                 value: e.detail.inputValue || e.detail.value,
+        //             },
+        //         };
+        //         cbData.eventCallback(inputPanelEvent);
+        //     });
+        // });
     }
     componentWillRender() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logRender(this, false);
@@ -132,7 +153,7 @@ const KupInputPanel = class {
                 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: '47b1cbfae920b48873c3c5c5629ed1d9f4ac7290' }, h("style", { key: 'd48cfa1e1f470e9b991745ef30ebc236c6399b98' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '257d3d98795b32e59abee2c5aa8be341880f37be', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: 'fb64cbdffc9e56a3318eaef42d7b71e815d21f58' }, h("style", { key: 'e3501f7c56bbb5058dd99c727b2813411b45e519' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '06eb5a7b6822a9518d9d7ff75652df91f69fbd74', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -143,18 +164,29 @@ const KupInputPanel = class {
         "data": ["onDataChanged"]
     }; }
 };
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
     var _a;
-    // todo layout
-    const horizontal = ((_a = inputPanelCell.row.layout) === null || _a === void 0 ? void 0 : _a.horizontal) || false;
-    const rowContent = inputPanelCell.cells.map((cell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderCell).call(this, cell.cell, inputPanelCell.row, cell.column));
+    const layout = inputPanelCell.row.layout;
+    const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
+    let rowContent;
+    if (!((_a = layout === null || layout === void 0 ? void 0 : layout.sections) === null || _a === void 0 ? void 0 : _a.length)) {
+        rowContent = inputPanelCell.cells.map((cell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderCell).call(this, cell.cell, inputPanelCell.row, cell.column));
+    }
+    else {
+        rowContent = layout.sections.map((section) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSection).call(this, inputPanelCell, section));
+    }
     const classObj = {
-        form: true,
         'input-panel': true,
-        'form--column': !horizontal,
+        'input-panel--column': !horizontal,
     };
     // We create a form for each row in data
-    return (h("form", { class: classObj, name: this.rootElement.id, onSubmit: this.submitCb }, rowContent, this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
+    return (h("form", { class: classObj, name: this.rootElement.id, onSubmit: (e) => {
+            e.preventDefault();
+            this.submitCb({
+                before: Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_originalData, "f")),
+                after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
+            });
+        } }, rowContent, !this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     const cellProps = {
         cell,
@@ -166,6 +198,52 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
         setSizes: true,
     };
     return h(FCell, Object.assign({}, cellProps));
+}, _KupInputPanel_renderSection = function _KupInputPanel_renderSection(cells, section) {
+    var _a, _b, _c, _d;
+    let content = [];
+    if ((_a = section.sections) === null || _a === void 0 ? void 0 : _a.length) {
+        content = section.sections.map((innerSection) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSection).call(this, cells, innerSection));
+    }
+    else if ((_b = section.content) === null || _b === void 0 ? void 0 : _b.length) {
+        content = section.content.map((field) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderField).call(this, cells, field));
+    }
+    const classObj = {
+        'input-panel__section': !section.horizontal,
+        'input-panel__horizontal-section': section.horizontal,
+    };
+    const styleObj = {
+        gap: section.gap ? `${section.gap}rem` : '',
+        'grid-template-columns': section.gridCols
+            ? `repeat(${section.gridCols}, 1fr)`
+            : '',
+        'grid-template-rows': section.gridRows
+            ? `repeat(${section.gridRows}, 1fr)`
+            : '',
+    };
+    if ((_d = (_c = cells.row) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.horizontal) {
+        styleObj.maxWidth = section.dim;
+    }
+    else {
+        styleObj.maxHeight = section.dim;
+    }
+    return (h("div", { class: classObj, style: styleObj }, content));
+}, _KupInputPanel_renderField = function _KupInputPanel_renderField(cells, field) {
+    const fieldCell = cells.cells.find((cell) => cell.column.name === field.id);
+    const colStart = field.colSpan
+        ? `span ${field.colSpan}`
+        : `${field.colStart}`;
+    const colEnd = field.colEnd ? `${field.colEnd}` : '';
+    const rowStart = field.rowSpan
+        ? `span ${field.rowSpan}`
+        : `${field.rowStart}`;
+    const rowEnd = field.rowEnd ? `${field.rowEnd}` : '';
+    const styleObj = {
+        'grid-column-start': colStart,
+        'grid-column-end': colEnd,
+        'grid-row-start': rowStart,
+        'grid-row-end': rowEnd,
+    };
+    return (h("div", { style: styleObj }, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderCell).call(this, fieldCell.cell, cells.row, fieldCell.column)));
 }, _KupInputPanel_mapCells = function _KupInputPanel_mapCells(data) {
     var _a;
     const inpuPanelCells = ((_a = data === null || data === void 0 ? void 0 : data.rows) === null || _a === void 0 ? void 0 : _a.length)
@@ -173,7 +251,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
             const cells = data.columns
                 .filter((column) => column.visible)
                 .map((column) => {
-                const cell = row.cells[column.name];
+                const cell = structuredClone(row.cells[column.name]);
                 const mappedCell = Object.assign(Object.assign({}, cell), { data: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapData).call(this, cell, column)), { id: column.name }), slotData: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_slotData).call(this, cell, column), isEditable: cell.editable });
                 return { column, cell: mappedCell };
             });
@@ -181,24 +259,49 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
         }, [])
         : [];
     this.inputPanelCells = inpuPanelCells;
+}, _KupInputPanel_reverseMapCells = function _KupInputPanel_reverseMapCells() {
+    return this.inputPanelCells.reduce((data, curr) => {
+        const updatedCells = Object.keys(curr.row.cells).reduce((cells, key) => {
+            const cellState = curr.cells.find((c) => c.column.name === key).cell;
+            return Object.assign(Object.assign({}, cells), { [key]: Object.assign(Object.assign({}, curr.row.cells[key]), { value: cellState.value, obj: cellState.obj }) });
+        }, {});
+        return {
+            columns: [
+                ...data.columns,
+                ...curr.cells.map((cell) => cell.column),
+            ],
+            rows: [
+                ...data.rows,
+                {
+                    cells: updatedCells,
+                    layout: curr.row.layout,
+                },
+            ],
+        };
+    }, {
+        columns: [],
+        rows: [],
+    });
 }, _KupInputPanel_mapData = function _KupInputPanel_mapData(cell, col) {
     const options = cell.options;
     const fieldLabel = col.title;
     const currentValue = cell.value;
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
     const dataAdapterMap = new Map([
-        [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter)],
-        [FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter)],
-        [FCellTypes.CHART, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_GRAAdapter)],
-        [FCellTypes.CHIP, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHIAdapter)],
-        [FCellTypes.CHECKBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHKAdapter)],
-        [FCellTypes.COLOR_PICKER, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CLPAdapter)],
-        [FCellTypes.COMBOBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter)],
-        [FCellTypes.RADIO, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_RADAdapter)],
-        [FCellTypes.STRING, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_ITXAdapter)],
+        [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
+        [FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter).bind(this)],
+        [FCellTypes.CHART, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_GRAAdapter).bind(this)],
+        [FCellTypes.CHIP, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHIAdapter).bind(this)],
+        [FCellTypes.CHECKBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHKAdapter).bind(this)],
+        [FCellTypes.COLOR_PICKER, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CLPAdapter).bind(this)],
+        [FCellTypes.COMBOBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
+        [FCellTypes.RADIO, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_RADAdapter).bind(this)],
+        [FCellTypes.STRING, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_ITXAdapter).bind(this)],
     ]);
     const adapter = dataAdapterMap.get(cellType);
-    return adapter ? adapter(options, fieldLabel, currentValue) : null;
+    return adapter
+        ? adapter(options, fieldLabel, currentValue, cell.fun)
+        : null;
 }, _KupInputPanel_slotData = function _KupInputPanel_slotData(cell, col) {
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
     if (cellType !== FCellTypes.CHIP &&
@@ -244,8 +347,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
             { data: { dropdownOnly: false, label: 'Valerio' } },
         ],
     };
-}, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(options, fieldLabel, currentValue) {
-    return {
+}, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue, fun) {
+    const configCMandACP = {
         data: {
             'kup-text-field': {
                 trailingIcon: true,
@@ -254,17 +357,24 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
             },
             'kup-list': {
                 showIcons: true,
-                data: (options === null || options === void 0 ? void 0 : options.length)
-                    ? options.map((option) => ({
-                        value: option.label,
-                        id: option.id,
-                        selected: currentValue === option.id,
-                    }))
-                    : [],
+                data: [],
             },
         },
         label: fieldLabel,
     };
+    const options = fun ? this.optionsHandler(fun) : rawOptions;
+    if (options instanceof Promise) {
+        options.then((data) => {
+            var _a;
+            return (configCMandACP.data['kup-list'].data =
+                (_a = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, data, currentValue)) !== null && _a !== void 0 ? _a : []);
+        });
+    }
+    else if (options) {
+        configCMandACP.data['kup-list'].data =
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, options, currentValue);
+    }
+    return configCMandACP;
 }, _KupInputPanel_CHKAdapter = function _KupInputPanel_CHKAdapter(_options, fieldLabel, currentValue) {
     return {
         checked: currentValue === 'on' || currentValue === '1',
@@ -288,6 +398,42 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
             checked: option.id === currentValue,
         })),
     };
+}, _KupInputPanel_optionsTreeComboAdapter = function _KupInputPanel_optionsTreeComboAdapter(options, currentValue) {
+    const adapter = __classPrivateFieldGet(this, _KupInputPanel_optionsAdapterMap, "f").get(options.type);
+    if (adapter) {
+        return adapter(options, currentValue);
+    }
+    else {
+        return options.map((option) => ({
+            value: option.label,
+            id: option.id,
+            selected: currentValue === option.id,
+        }));
+    }
+}, _KupInputPanel_treeOptionsNodeAdapter = function _KupInputPanel_treeOptionsNodeAdapter(options, currentValue) {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.content.codice,
+            value: child.content.testo,
+            selected: currentValue === child.content.codice,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).call(this, child, currentValue)
+                : [],
+        });
+    });
+}, _KupInputPanel_tableOptionsAdapter = function _KupInputPanel_tableOptionsAdapter(options, currentValue) {
+    return options.rows
+        .filter((row) => row.fields)
+        .map(({ fields }) => {
+        const keys = Object.keys(fields);
+        return keys.map((key) => ({
+            id: fields[key].smeupObject.codice,
+            value: fields[key].smeupObject.testo,
+            selected: currentValue === fields[key].smeupObject.codice,
+        }));
+    })
+        .flat();
 };
 KupInputPanel.style = KupInputPanelStyle0;
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-460631fd.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-dd24fb5a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-a316a70e.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-26a56bf7.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-460631fd.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as KupDebugCategory, ai as kupDropEvent, N as kupDraggableColumnAttr, aj as kupDraggableRowAttr, U as KupDropEventTypes, c as KupThemeColorValues } from './kup-manager-dd24fb5a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, l as KupLanguageGeneric, d as KupDebugCategory, ai as kupDropEvent, N as kupDraggableColumnAttr, aj as kupDraggableRowAttr, U as KupDropEventTypes, c as KupThemeColorValues } from './kup-manager-a316a70e.js';
 import { F as FButtonStyling } from './f-button-declarations-9bdc6f26.js';
-import { F as FImage } from './f-image-1e1ed567.js';
+import { F as FImage } from './f-image-a67229e5.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-26a56bf7.js';