@sme.up/ketchup 9.6.4 → 9.6.5

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

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-958d0399.js');
-const kupManager = require('./kup-manager-abfe4ddd.js');
-const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-89de2403.js');
+const fButton = require('./f-button-23ec3db5.js');
+const fCell = require('./f-cell-bcc51c0f.js');
+const kupManager = require('./kup-manager-e1bfd4f8.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
-const fCell = require('./f-cell-75dbd6eb.js');
-require('./kup-dates-e22ee32c.js');
+const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-51ef6d9a.js');
-require('./f-image-a41d7f1e.js');
-require('./component-cb3b32f5.js');
+require('./f-image-f3944c01.js');
 require('./f-checkbox-1fa28e76.js');
-require('./f-text-field-eb207a83.js');
-require('./f-chip-08857345.js');
+require('./f-text-field-354b6c78.js');
+require('./f-chip-63363ecf.js');
+require('./kup-dates-e22ee32c.js');
+require('./component-cb3b32f5.js');
 
 var KupInputPanelProps;
 (function (KupInputPanelProps) {
@@ -22,10 +22,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) {
@@ -35,7 +35,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) {
@@ -48,11 +57,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, kupManager.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
@@ -61,6 +75,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
@@ -103,18 +120,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);
@@ -136,7 +157,7 @@ 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: '47b1cbfae920b48873c3c5c5629ed1d9f4ac7290' }, index.h("style", { key: 'd48cfa1e1f470e9b991745ef30ebc236c6399b98' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '257d3d98795b32e59abee2c5aa8be341880f37be', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+        return (index.h(index.Host, { key: 'fb64cbdffc9e56a3318eaef42d7b71e815d21f58' }, index.h("style", { key: 'e3501f7c56bbb5058dd99c727b2813411b45e519' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '06eb5a7b6822a9518d9d7ff75652df91f69fbd74', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -147,18 +168,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 (index.h("form", { class: classObj, name: this.rootElement.id, onSubmit: this.submitCb }, rowContent, this.hiddenSubmitButton ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
+    return (index.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 ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     const cellProps = {
         cell,
@@ -170,6 +202,52 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
         setSizes: true,
     };
     return index.h(fCell.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 (index.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 (index.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)
@@ -177,7 +255,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 };
             });
@@ -185,24 +263,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([
-        [kupManager.FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter)],
-        [kupManager.FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter)],
-        [kupManager.FCellTypes.CHART, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_GRAAdapter)],
-        [kupManager.FCellTypes.CHIP, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHIAdapter)],
-        [kupManager.FCellTypes.CHECKBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHKAdapter)],
-        [kupManager.FCellTypes.COLOR_PICKER, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CLPAdapter)],
-        [kupManager.FCellTypes.COMBOBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter)],
-        [kupManager.FCellTypes.RADIO, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_RADAdapter)],
-        [kupManager.FCellTypes.STRING, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_ITXAdapter)],
+        [kupManager.FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
+        [kupManager.FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter).bind(this)],
+        [kupManager.FCellTypes.CHART, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_GRAAdapter).bind(this)],
+        [kupManager.FCellTypes.CHIP, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHIAdapter).bind(this)],
+        [kupManager.FCellTypes.CHECKBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHKAdapter).bind(this)],
+        [kupManager.FCellTypes.COLOR_PICKER, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CLPAdapter).bind(this)],
+        [kupManager.FCellTypes.COMBOBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
+        [kupManager.FCellTypes.RADIO, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_RADAdapter).bind(this)],
+        [kupManager.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 !== kupManager.FCellTypes.CHIP &&
@@ -248,8 +351,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,
@@ -258,17 +361,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',
@@ -292,6 +402,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/cjs/kup-lazy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-958d0399.js');
-const kupManager = require('./kup-manager-abfe4ddd.js');
+const kupManager = require('./kup-manager-e1bfd4f8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-958d0399.js');
-const kupManager = require('./kup-manager-abfe4ddd.js');
+const kupManager = require('./kup-manager-e1bfd4f8.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fImage = require('./f-image-a41d7f1e.js');
+const fImage = require('./f-image-f3944c01.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');