@sme.up/ketchup 9.6.3 → 9.6.5

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

@@ -0,0 +1,669 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        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 __classPrivateFieldSet = (this && this.__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;
+import { Host, forceUpdate, h, } from "@stencil/core";
+import { FButton } from "../../f-components/f-button/f-button";
+import { FCell } from "../../f-components/f-cell/f-cell";
+import { FCellTypes, } from "../../f-components/f-cell/f-cell-declarations";
+import { FTextFieldMDC } from "../../f-components/f-text-field/f-text-field-mdc";
+import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
+import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
+import { getProps, setProps } from "../../utils/utils";
+import { componentWrapperId } from "../../variables/GenericVariables";
+import { KupInputPanelProps, } from "./kup-input-panel-declarations";
+const dom = document.documentElement;
+export class KupInputPanel {
+    constructor() {
+        _KupInputPanel_instances.add(this);
+        //#endregion
+        //#region VARIABLES
+        /*-------------------------------------------------*/
+        /*       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.optionsHandler = null;
+        this.inputPanelCells = [];
+    }
+    //#endregion
+    //#region WATCHERS
+    /*-------------------------------------------------*/
+    /*                  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
+    //#region PUBLIC METHODS
+    /*-------------------------------------------------*/
+    /*           P u b l i c   M e t h o d s           */
+    /*-------------------------------------------------*/
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    async getProps(descriptions) {
+        return getProps(this, KupInputPanelProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        setProps(this, KupInputPanelProps, props);
+    }
+    //#endregion
+    //#region LIFECYCLE HOOKS
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.register(this);
+        __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.register(this);
+        this.onDataChanged();
+    }
+    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: 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);
+    }
+    componentDidRender() {
+        const root = this.rootElement.shadowRoot;
+        if (root) {
+            const fs = root.querySelectorAll('.f-text-field');
+            for (let index = 0; index < fs.length; index++) {
+                FTextFieldMDC(fs[index]);
+            }
+        }
+        __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logRender(this, true);
+    }
+    render() {
+        const isEmptyData = Boolean(!this.inputPanelCells.length);
+        const inputPanelContent = isEmptyData
+            ? [
+                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: '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);
+        __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.unregister(this);
+    }
+    static get is() { return "kup-input-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kup-input-panel.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kup-input-panel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"\""
+                        }, {
+                            "name": "see",
+                            "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
+                        }],
+                    "text": "Custom style of the component."
+                },
+                "attribute": "custom-style",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "data": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupInputPanelData",
+                    "resolved": "KupInputPanelData",
+                    "references": {
+                        "KupInputPanelData": {
+                            "location": "import",
+                            "path": "./kup-input-panel-declarations",
+                            "id": "src/components/kup-input-panel/kup-input-panel-declarations.ts::KupInputPanelData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "null"
+                        }],
+                    "text": "Actual data of the form."
+                },
+                "defaultValue": "null"
+            },
+            "hiddenSubmitButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Creates a hidden submit button in order to submit the form with enter."
+                },
+                "attribute": "hidden-submit-button",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "submitCb": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(e: KupInputPanelSubmit) => unknown",
+                    "resolved": "(e: KupInputPanelSubmit) => unknown",
+                    "references": {
+                        "KupInputPanelSubmit": {
+                            "location": "import",
+                            "path": "./kup-input-panel-declarations",
+                            "id": "src/components/kup-input-panel/kup-input-panel-declarations.ts::KupInputPanelSubmit"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "null"
+                        }],
+                    "text": "Sets the callback function on submit form"
+                },
+                "defaultValue": "null"
+            },
+            "optionsHandler": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "InputPanelOptionsHandler",
+                    "resolved": "(fun: string) => Promise<GenericObject>",
+                    "references": {
+                        "InputPanelOptionsHandler": {
+                            "location": "import",
+                            "path": "./kup-input-panel-declarations",
+                            "id": "src/components/kup-input-panel/kup-input-panel-declarations.ts::InputPanelOptionsHandler"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "[]"
+                        }],
+                    "text": "Sets the callback function on loading options via FUN"
+                },
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "inputPanelCells": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "kupReady",
+                "name": "kup-input-panel-ready",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When component load is complete"
+                },
+                "complexType": {
+                    "original": "KupEventPayload",
+                    "resolved": "KupEventPayload",
+                    "references": {
+                        "KupEventPayload": {
+                            "location": "import",
+                            "path": "../../types/GenericTypes",
+                            "id": "src/types/GenericTypes.ts::KupEventPayload"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getProps": {
+                "complexType": {
+                    "signature": "(descriptions?: boolean) => Promise<GenericObject>",
+                    "parameters": [{
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "GenericObject": {
+                            "location": "import",
+                            "path": "../../types/GenericTypes",
+                            "id": "src/types/GenericTypes.ts::GenericObject"
+                        }
+                    },
+                    "return": "Promise<GenericObject>"
+                },
+                "docs": {
+                    "text": "Used to retrieve component's props values.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "descriptions - When provided and true, the result will be the list of props with their description."
+                        }, {
+                            "name": "returns",
+                            "text": "List of props as object, each key will be a prop."
+                        }]
+                }
+            },
+            "refresh": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "This method is used to trigger a new render of the component.",
+                    "tags": []
+                }
+            },
+            "setProps": {
+                "complexType": {
+                    "signature": "(props: GenericObject) => Promise<void>",
+                    "parameters": [{
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "GenericObject": {
+                            "location": "import",
+                            "path": "../../types/GenericTypes",
+                            "id": "src/types/GenericTypes.ts::GenericObject"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Sets the props to the component.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "props - Object containing props that will be set to the component."
+                        }]
+                }
+            }
+        };
+    }
+    static get elementRef() { return "rootElement"; }
+    static get watchers() {
+        return [{
+                "propName": "data",
+                "methodName": "onDataChanged"
+            }];
+    }
+}
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
+    var _a;
+    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 = {
+        'input-panel': true,
+        'input-panel--column': !horizontal,
+    };
+    // We create a form for each row in data
+    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,
+        column,
+        row,
+        component: this,
+        editable: cell.isEditable,
+        renderKup: true,
+        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)
+        ? data.rows.reduce((inpuPanelCells, row) => {
+            const cells = data.columns
+                .filter((column) => column.visible)
+                .map((column) => {
+                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 };
+            });
+            return [...inpuPanelCells, { cells, row }];
+        }, [])
+        : [];
+    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).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, cell.fun)
+        : null;
+}, _KupInputPanel_slotData = function _KupInputPanel_slotData(cell, col) {
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    if (cellType !== FCellTypes.CHIP &&
+        cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&
+        cellType !== FCellTypes.MULTI_COMBOBOX &&
+        !cell.editable) {
+        return null;
+    }
+    return {
+        trailingIcon: true,
+        label: col.title,
+    };
+}, _KupInputPanel_CHIAdapter = function _KupInputPanel_CHIAdapter(options, _fieldLabel, currentValue) {
+    return {
+        data: (options === null || options === void 0 ? void 0 : options.length)
+            ? options.map((option) => ({
+                value: option.label,
+                id: option.id,
+                selected: currentValue === option.id,
+            }))
+            : [{ id: currentValue, value: currentValue }],
+    };
+}, _KupInputPanel_GRAAdapter = function _KupInputPanel_GRAAdapter() {
+    //TODO: definire mapping
+    return {
+        data: {
+            sizeX: '50px',
+            offlineMode: {
+                value: '8;4;5',
+            },
+            id: 'i1012_GREF_0',
+            cellId: 'i1012_GREF_0',
+            sizeY: '50px',
+        },
+    };
+}, _KupInputPanel_BTNAdapter = function _KupInputPanel_BTNAdapter(_options, _fieldLabel, _currentValue) {
+    //TODO: come gestire i button list dal protocollo?
+    return {
+        data: [
+            {
+                data: { dropdownOnly: false, label: 'Pier' },
+            },
+            { data: { dropdownOnly: false, label: 'Valerio' } },
+        ],
+    };
+}, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue, fun) {
+    const configCMandACP = {
+        data: {
+            'kup-text-field': {
+                trailingIcon: true,
+                label: fieldLabel,
+                icon: 'arrow_drop_down',
+            },
+            'kup-list': {
+                showIcons: true,
+                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',
+        label: fieldLabel,
+    };
+}, _KupInputPanel_CLPAdapter = function _KupInputPanel_CLPAdapter(_options, fieldLabel, _currentValue) {
+    return {
+        data: {
+            'kup-text-field': {
+                label: fieldLabel,
+            },
+        },
+    };
+}, _KupInputPanel_ITXAdapter = function _KupInputPanel_ITXAdapter(_options, fieldLabel, _currentValue) {
+    return { label: fieldLabel };
+}, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(options, _fieldLabel, currentValue) {
+    return {
+        data: options.map((option) => ({
+            value: option.id,
+            label: option.label,
+            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();
+};