@sme.up/ketchup 9.6.3 → 9.6.5

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

@@ -0,0 +1,595 @@
+import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { N as FTextFieldMDC, c as componentWrapperId, R as FButton, J as FCell, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupLanguageGeneric, F as FCellTypes } from './kup-manager.js';
+
+var KupInputPanelProps;
+(function (KupInputPanelProps) {
+    KupInputPanelProps["customStyle"] = "Custom style of the component.";
+    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["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}: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) {
+    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 = (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$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.kupReady = createEvent(this, "kup-input-panel-ready", 6);
+        _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);
+    }
+    get rootElement() { return this; }
+    static get watchers() { return {
+        "data": ["onDataChanged"]
+    }; }
+    static get style() { return KupInputPanelStyle0; }
+}, [1, "kup-input-panel", {
+        "customStyle": [1, "custom-style"],
+        "data": [16],
+        "hiddenSubmitButton": [4, "hidden-submit-button"],
+        "submitCb": [16],
+        "optionsHandler": [16],
+        "inputPanelCells": [32],
+        "getProps": [64],
+        "refresh": [64],
+        "setProps": [64]
+    }, undefined, {
+        "data": ["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();
+};
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-input-panel", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-input-panel":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, KupInputPanel$1);
+            }
+            break;
+        case "kup-autocomplete":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "kup-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "kup-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "kup-button-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "kup-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "kup-chart":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "kup-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "kup-chip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "kup-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "kup-combobox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "kup-data-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "kup-date-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "kup-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "kup-dropdown-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "kup-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-gauge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "kup-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "kup-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "kup-rating":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "kup-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "kup-switch":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "kup-text-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "kup-time-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "kup-tree":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const KupInputPanel = KupInputPanel$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupInputPanel, defineCustomElement };