@sme.up/ketchup 9.6.4 → 9.6.6-a

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

@@ -5,17 +5,26 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
         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 = (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 { KupInputPanelProps, } from "./kup-input-panel-declarations";
-import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
-import { componentWrapperId } from "../../variables/GenericVariables";
 import { FButton } from "../../f-components/f-button/f-button";
-import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
+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 { FCell } from "../../f-components/f-cell/f-cell";
+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() {
@@ -26,11 +35,16 @@ export class KupInputPanel {
         /*       I n t e r n a l   V a r i a b l e s       */
         /*-------------------------------------------------*/
         _KupInputPanel_kupManager.set(this, kupManagerInstance());
+        _KupInputPanel_optionsAdapterMap.set(this, new Map([
+            ['SmeupTree', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
+            ['SmeupTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableOptionsAdapter).bind(this)],
+        ]));
+        _KupInputPanel_originalData.set(this, null);
         this.customStyle = '';
         this.data = null;
         this.hiddenSubmitButton = false;
         this.submitCb = null;
-        this.handleEventsCallbacks = [];
+        this.optionsHandler = null;
         this.inputPanelCells = [];
     }
     //#endregion
@@ -39,6 +53,9 @@ export class KupInputPanel {
     /*                  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
@@ -81,18 +98,22 @@ export class KupInputPanel {
     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);
@@ -114,7 +135,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '47b1cbfae920b48873c3c5c5629ed1d9f4ac7290' }, h("style", { key: 'd48cfa1e1f470e9b991745ef30ebc236c6399b98' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '257d3d98795b32e59abee2c5aa8be341880f37be', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: 'fb64cbdffc9e56a3318eaef42d7b71e815d21f58' }, h("style", { key: 'e3501f7c56bbb5058dd99c727b2813411b45e519' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '06eb5a7b6822a9518d9d7ff75652df91f69fbd74', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -208,12 +229,13 @@ export class KupInputPanel {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "(e: SubmitEvent) => unknown",
-                    "resolved": "(e: SubmitEvent) => unknown",
+                    "original": "(e: KupInputPanelSubmit) => unknown",
+                    "resolved": "(e: KupInputPanelSubmit) => unknown",
                     "references": {
-                        "SubmitEvent": {
-                            "location": "global",
-                            "id": "global::SubmitEvent"
+                        "KupInputPanelSubmit": {
+                            "location": "import",
+                            "path": "./kup-input-panel-declarations",
+                            "id": "src/components/kup-input-panel/kup-input-panel-declarations.ts::KupInputPanelSubmit"
                         }
                     }
                 },
@@ -228,17 +250,17 @@ export class KupInputPanel {
                 },
                 "defaultValue": "null"
             },
-            "handleEventsCallbacks": {
+            "optionsHandler": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "InputPanelEventsCallback[]",
-                    "resolved": "InputPanelEventsCallback[]",
+                    "original": "InputPanelOptionsHandler",
+                    "resolved": "(fun: string) => Promise<GenericObject>",
                     "references": {
-                        "InputPanelEventsCallback": {
+                        "InputPanelOptionsHandler": {
                             "location": "import",
                             "path": "./kup-input-panel-declarations",
-                            "id": "src/components/kup-input-panel/kup-input-panel-declarations.ts::InputPanelEventsCallback"
+                            "id": "src/components/kup-input-panel/kup-input-panel-declarations.ts::InputPanelOptionsHandler"
                         }
                     }
                 },
@@ -249,9 +271,9 @@ export class KupInputPanel {
                             "name": "default",
                             "text": "[]"
                         }],
-                    "text": "Sets the callbacks functions on ketchup events"
+                    "text": "Sets the callback function on loading options via FUN"
                 },
-                "defaultValue": "[]"
+                "defaultValue": "null"
             }
         };
     }
@@ -374,18 +396,29 @@ export class KupInputPanel {
             }];
     }
 }
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
     var _a;
-    // todo layout
-    const horizontal = ((_a = inputPanelCell.row.layout) === null || _a === void 0 ? void 0 : _a.horizontal) || false;
-    const rowContent = inputPanelCell.cells.map((cell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderCell).call(this, cell.cell, inputPanelCell.row, cell.column));
+    const layout = inputPanelCell.row.layout;
+    const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
+    let rowContent;
+    if (!((_a = layout === null || layout === void 0 ? void 0 : layout.sections) === null || _a === void 0 ? void 0 : _a.length)) {
+        rowContent = inputPanelCell.cells.map((cell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderCell).call(this, cell.cell, inputPanelCell.row, cell.column));
+    }
+    else {
+        rowContent = layout.sections.map((section) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSection).call(this, inputPanelCell, section));
+    }
     const classObj = {
-        form: true,
         'input-panel': true,
-        'form--column': !horizontal,
+        'input-panel--column': !horizontal,
     };
     // We create a form for each row in data
-    return (h("form", { class: classObj, name: this.rootElement.id, onSubmit: this.submitCb }, rowContent, this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
+    return (h("form", { class: classObj, name: this.rootElement.id, onSubmit: (e) => {
+            e.preventDefault();
+            this.submitCb({
+                before: Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_originalData, "f")),
+                after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
+            });
+        } }, rowContent, !this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit" })) : null));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     const cellProps = {
         cell,
@@ -397,6 +430,52 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
         setSizes: true,
     };
     return h(FCell, Object.assign({}, cellProps));
+}, _KupInputPanel_renderSection = function _KupInputPanel_renderSection(cells, section) {
+    var _a, _b, _c, _d;
+    let content = [];
+    if ((_a = section.sections) === null || _a === void 0 ? void 0 : _a.length) {
+        content = section.sections.map((innerSection) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSection).call(this, cells, innerSection));
+    }
+    else if ((_b = section.content) === null || _b === void 0 ? void 0 : _b.length) {
+        content = section.content.map((field) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderField).call(this, cells, field));
+    }
+    const classObj = {
+        'input-panel__section': !section.horizontal,
+        'input-panel__horizontal-section': section.horizontal,
+    };
+    const styleObj = {
+        gap: section.gap ? `${section.gap}rem` : '',
+        'grid-template-columns': section.gridCols
+            ? `repeat(${section.gridCols}, 1fr)`
+            : '',
+        'grid-template-rows': section.gridRows
+            ? `repeat(${section.gridRows}, 1fr)`
+            : '',
+    };
+    if ((_d = (_c = cells.row) === null || _c === void 0 ? void 0 : _c.layout) === null || _d === void 0 ? void 0 : _d.horizontal) {
+        styleObj.maxWidth = section.dim;
+    }
+    else {
+        styleObj.maxHeight = section.dim;
+    }
+    return (h("div", { class: classObj, style: styleObj }, content));
+}, _KupInputPanel_renderField = function _KupInputPanel_renderField(cells, field) {
+    const fieldCell = cells.cells.find((cell) => cell.column.name === field.id);
+    const colStart = field.colSpan
+        ? `span ${field.colSpan}`
+        : `${field.colStart}`;
+    const colEnd = field.colEnd ? `${field.colEnd}` : '';
+    const rowStart = field.rowSpan
+        ? `span ${field.rowSpan}`
+        : `${field.rowStart}`;
+    const rowEnd = field.rowEnd ? `${field.rowEnd}` : '';
+    const styleObj = {
+        'grid-column-start': colStart,
+        'grid-column-end': colEnd,
+        'grid-row-start': rowStart,
+        'grid-row-end': rowEnd,
+    };
+    return (h("div", { style: styleObj }, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderCell).call(this, fieldCell.cell, cells.row, fieldCell.column)));
 }, _KupInputPanel_mapCells = function _KupInputPanel_mapCells(data) {
     var _a;
     const inpuPanelCells = ((_a = data === null || data === void 0 ? void 0 : data.rows) === null || _a === void 0 ? void 0 : _a.length)
@@ -404,7 +483,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 };
             });
@@ -412,24 +491,49 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_instances = new WeakSe
         }, [])
         : [];
     this.inputPanelCells = inpuPanelCells;
+}, _KupInputPanel_reverseMapCells = function _KupInputPanel_reverseMapCells() {
+    return this.inputPanelCells.reduce((data, curr) => {
+        const updatedCells = Object.keys(curr.row.cells).reduce((cells, key) => {
+            const cellState = curr.cells.find((c) => c.column.name === key).cell;
+            return Object.assign(Object.assign({}, cells), { [key]: Object.assign(Object.assign({}, curr.row.cells[key]), { value: cellState.value, obj: cellState.obj }) });
+        }, {});
+        return {
+            columns: [
+                ...data.columns,
+                ...curr.cells.map((cell) => cell.column),
+            ],
+            rows: [
+                ...data.rows,
+                {
+                    cells: updatedCells,
+                    layout: curr.row.layout,
+                },
+            ],
+        };
+    }, {
+        columns: [],
+        rows: [],
+    });
 }, _KupInputPanel_mapData = function _KupInputPanel_mapData(cell, col) {
     const options = cell.options;
     const fieldLabel = col.title;
     const currentValue = cell.value;
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
     const dataAdapterMap = new Map([
-        [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter)],
-        [FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter)],
-        [FCellTypes.CHART, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_GRAAdapter)],
-        [FCellTypes.CHIP, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHIAdapter)],
-        [FCellTypes.CHECKBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHKAdapter)],
-        [FCellTypes.COLOR_PICKER, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CLPAdapter)],
-        [FCellTypes.COMBOBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter)],
-        [FCellTypes.RADIO, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_RADAdapter)],
-        [FCellTypes.STRING, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_ITXAdapter)],
+        [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
+        [FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter).bind(this)],
+        [FCellTypes.CHART, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_GRAAdapter).bind(this)],
+        [FCellTypes.CHIP, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHIAdapter).bind(this)],
+        [FCellTypes.CHECKBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CHKAdapter).bind(this)],
+        [FCellTypes.COLOR_PICKER, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CLPAdapter).bind(this)],
+        [FCellTypes.COMBOBOX, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
+        [FCellTypes.RADIO, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_RADAdapter).bind(this)],
+        [FCellTypes.STRING, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_ITXAdapter).bind(this)],
     ]);
     const adapter = dataAdapterMap.get(cellType);
-    return adapter ? adapter(options, fieldLabel, currentValue) : null;
+    return adapter
+        ? adapter(options, fieldLabel, currentValue, cell.fun)
+        : null;
 }, _KupInputPanel_slotData = function _KupInputPanel_slotData(cell, col) {
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
     if (cellType !== FCellTypes.CHIP &&
@@ -475,8 +579,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,
@@ -485,17 +589,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',
@@ -519,4 +630,40 @@ _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();
 };

package/dist/collection/components/kup-planner/kup-planner-declarations.js

@@ -47,6 +47,8 @@ export var KupPlannerTaskAction;
     KupPlannerTaskAction["onDblClick"] = "onDblClick";
     KupPlannerTaskAction["onResize"] = "onResize";
     KupPlannerTaskAction["onRightClick"] = "onRightClick";
+    KupPlannerTaskAction["onPhase"] = "onPhase";
+    KupPlannerTaskAction["onTask"] = "onTask";
 })(KupPlannerTaskAction || (KupPlannerTaskAction = {}));
 export var KupPlannerGanttRowType;
 (function (KupPlannerGanttRowType) {
@@ -81,6 +83,7 @@ export const defaultStylingOptions = {
     barProgressSelectedColor: '#A2A415',
     barBackgroundColor: '#A2A415',
     barBackgroundSelectedColor: '#A2A415',
+    barDropZoneColor: '#4d9f0240'
 };
 export const KUP_PLANNER_MAIN_GANTT_ID = 'main';
 export const KUP_PLANNER_SECONDARY_GANTT_ID = 'secondary';

package/dist/collection/components/kup-planner/kup-planner-helper.js

@@ -2,7 +2,7 @@ import { KupDatesFormats } from "../../managers/kup-dates/kup-dates-declarations
 import { kupManagerInstance } from "../../managers/kup-manager/kup-manager";
 import { getCellValueForDisplay } from "../../utils/cell-utils";
 const kupManager = kupManagerInstance();
-export function sanitizeAllDates(startDateCell, endDateCell, secStartDateCell, secEndDateCell) {
+export function sanitizeAllDates(startDateCell, endDateCell, secStartDateCell, secEndDateCell, startHourCell, endHourCell, secStartHourCell, secEndHourCell) {
     const sanitizedDateValues = sanitizeDates(startDateCell, endDateCell);
     let sanitizedSecDateValues = [];
     if (secStartDateCell && secEndDateCell) {
@@ -13,9 +13,29 @@ export function sanitizeAllDates(startDateCell, endDateCell, secStartDateCell, s
             sanitizedSecDateValues = [...sanitizedDateValues];
         }
     }
+    let sanitizedHourValues = [];
+    if (startHourCell && endHourCell) {
+        if (isAtLeastOneHourValid(startHourCell, endHourCell)) {
+            sanitizedHourValues = sanitizeHours(startHourCell, endHourCell);
+        }
+        else {
+            sanitizedSecDateValues = [...sanitizedDateValues];
+        }
+    }
+    let sanitizedSecHourValues = [];
+    if (secStartHourCell && secEndHourCell) {
+        if (isAtLeastOneHourValid(secStartHourCell, secEndHourCell)) {
+            sanitizedSecHourValues = sanitizeHours(secStartHourCell, secEndHourCell);
+        }
+        else {
+            sanitizedSecDateValues = [...sanitizedDateValues];
+        }
+    }
     return {
         dateValues: sanitizedDateValues,
         secDateValues: sanitizedSecDateValues,
+        hourValues: sanitizedHourValues,
+        secHourValues: sanitizedSecHourValues
     };
 }
 function sanitizeDates(startDateCell, endDateCell) {
@@ -33,13 +53,34 @@ function sanitizeDates(startDateCell, endDateCell) {
         return returnValues;
     }
 }
+function sanitizeHours(startHourCell, endHourCell) {
+    let returnValues = [startHourCell.value, endHourCell.value];
+    if (isHourValid(startHourCell) && isHourValid(endHourCell)) {
+        return returnValues;
+    }
+    else if (isHourValid(startHourCell)) {
+        return [startHourCell.value, startHourCell.value];
+    }
+    else if (isHourValid(endHourCell)) {
+        return [endHourCell.value, endHourCell.value];
+    }
+    else {
+        return returnValues;
+    }
+}
 function isDateValid(dateCell) {
     return (kupManager.objects.isDate(dateCell.obj) &&
         kupManager.dates.isValid(dateCell.value, KupDatesFormats.ISO_DATE));
 }
+function isHourValid(dateCell) {
+    return (kupManager.objects.isTime(dateCell.obj) || kupManager.objects.isTimeWithSeconds(dateCell.obj));
+}
 export function isAtLeastOneDateValid(startDateCell, endDateCell) {
     return isDateValid(startDateCell) || isDateValid(endDateCell);
 }
+export function isAtLeastOneHourValid(startHourCell, endHourCell) {
+    return isHourValid(startHourCell) || isHourValid(endHourCell);
+}
 export function getValuesToShow(row, idCol, nameCol, dataColumns, columns, customToValuesFunction) {
     let toValuesFunction = () => columns.map((col) => {
         return getCellValueForDisplay(dataColumns.find((kCol) => kCol.name == col), row.cells[col]);