@sme.up/ketchup 11.0.0-SNAPSHOT-20241030100919 → 11.0.0-SNAPSHOT-20241030162740

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

@@ -80,7 +80,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
-var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_eventNames, _KupInputPanel_eventBlurNames, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_checkObjProp, _KupInputPanel_checkObjOnEvent;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_eventNames, _KupInputPanel_eventBlurNames, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_checkOnBlurProp, _KupInputPanel_checkOnBlurEvent, _KupInputPanel_setCellError;
 const dom = document.documentElement;
 const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel extends HTMLElement {
     constructor() {
@@ -230,7 +230,7 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
                 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: '01b4e1cee68c38fe5389f350461f6a2c043fea1f' }, h("style", { key: '8a60c86bb661508fd4a94d0ade51ce2ed40674bd' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'b1137af99188462dd3ca48131592a292c8660192', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '0c92e26e6d89325589f9700d82ac282784a1ad91' }, h("style", { key: 'b211108726b3ebd7f283981588a7f57372c224ce' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'af20b02f77a9b4613acdd0750c6550ec5f7bee9d', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -257,7 +257,14 @@ const KupInputPanel$1 = /*@__PURE__*/ proxyCustomElement(class KupInputPanel ext
     }, undefined, {
         "data": ["onDataChanged"]
     }]);
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_eventNames = new WeakMap(), _KupInputPanel_eventBlurNames = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = 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_eventNames = new WeakMap(), _KupInputPanel_eventBlurNames = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
+    return this.inputPanelCells.reduce((cell, { cells }) => {
+        if (!cell) {
+            return cells.find(({ column }) => column.name === id).cell;
+        }
+        return cell;
+    }, null);
+}, _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;
@@ -520,7 +527,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
         if (!componentQuery) {
             return;
         }
-        const el = this.rootElement.shadowRoot.querySelector(`${componentQuery}[id=${column.name}]`);
+        const el = this.rootElement.shadowRoot.querySelector(`${componentQuery}[id=${column.name.replace(/\//g, '\\$1')}]`);
         el === null || el === void 0 ? void 0 : el.setValue(cell.value);
     }));
     this.inputPanelCells = inpuPanelCells;
@@ -626,8 +633,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     return null;
 }, _KupInputPanel_CHIAdapter = function _KupInputPanel_CHIAdapter(_options, _fieldLabel, currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return CHIAdapter(currentValue);
 }, _KupInputPanel_GRAAdapter = function _KupInputPanel_GRAAdapter() {
@@ -690,16 +697,16 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
         configCMandACP.data['kup-list'].data =
             __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, rawOptions, currentValue);
     }
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return configCMandACP;
 }, _KupInputPanel_CHKAdapter = function _KupInputPanel_CHKAdapter(_options, fieldLabel, currentValue, cell, id) {
     var _a;
     let data = CHKAdapter(currentValue, fieldLabel);
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return Object.assign(Object.assign({}, data), { onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             } });
     }
     return data;
@@ -717,11 +724,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_ITXAdapter = function _KupInputPanel_ITXAdapter(_options, fieldLabel, _currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return {
             label: fieldLabel,
             onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             },
         };
     }
@@ -729,9 +736,9 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
 }, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(options, _fieldLabel, currentValue, cell, id) {
     var _a;
     let data = RADAdapter(currentValue, options);
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return Object.assign(Object.assign({}, data), { onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             } });
     }
     return data;
@@ -739,8 +746,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     return SWTAdapter(currentValue, fieldLabel);
 }, _KupInputPanel_DateAdapter = function _KupInputPanel_DateAdapter(_options, fieldLabel, currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return {
         data: {
@@ -752,13 +759,13 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_ObjectAdapter = function _KupInputPanel_ObjectAdapter(_options, fieldLabel, currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return {
             initialValue: currentValue || '',
             label: fieldLabel || ' ',
             value: currentValue || '',
             onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             },
         };
     }
@@ -769,8 +776,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_TimeAdapter = function _KupInputPanel_TimeAdapter(_options, fieldLabel, _currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return {
         data: {
@@ -781,11 +788,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_NumberAdapter = function _KupInputPanel_NumberAdapter(_options, fieldLabel, _currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return {
             label: fieldLabel,
             onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             },
         };
     }
@@ -897,50 +904,84 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
             (_a = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, options, currentValue)) !== null && _a !== void 0 ? _a : [];
         detail.comp.refresh();
     });
-}, _KupInputPanel_checkObjProp = function _KupInputPanel_checkObjProp(cell, id) {
-    this.checkValidObjCallback({
-        obj: cell.obj,
-        currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
-        fun: cell.fun,
-    }).then(({ valid }) => {
-        this.inputPanelCells = this.inputPanelCells.map((cell) => (Object.assign(Object.assign({}, cell), { cells: cell.cells.map(({ cell, column }) => {
-                const data = column.name === id
-                    ? Object.assign(Object.assign({}, cell.data), { error: valid
-                            ? // If it's a valid object remove the error message
-                                null
-                            : // else set the error message
-                                __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE) }) : cell.data;
-                return {
-                    column,
-                    cell: Object.assign(Object.assign({}, cell), { data }),
-                };
-            }) })));
-    });
-}, _KupInputPanel_checkObjOnEvent = function _KupInputPanel_checkObjOnEvent(id, shape, obj, fun) {
-    const evName = __classPrivateFieldGet(this, _KupInputPanel_eventBlurNames, "f").get(shape);
+}, _KupInputPanel_checkOnBlurProp = function _KupInputPanel_checkOnBlurProp(cell, id) {
+    var _a;
+    const currCell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, id);
+    // Required cell check
+    if (cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, currCell.value
+            ? // If it's not empty remove the error message
+                null
+            : // else set the error message
+                __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.REQUIRED_VALUE));
+    }
+    if (!currCell.value) {
+        return;
+    }
+    // Valid object check
+    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+        this.checkValidObjCallback({
+            obj: cell.obj,
+            currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
+            fun: cell.fun,
+        }).then(({ valid }) => {
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, valid
+                ? // If it's a valid object remove the error message
+                    null
+                : // else set the error message
+                    __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE));
+        });
+    }
+}, _KupInputPanel_checkOnBlurEvent = function _KupInputPanel_checkOnBlurEvent(cell, id) {
+    const evName = __classPrivateFieldGet(this, _KupInputPanel_eventBlurNames, "f").get(cell.shape);
     if (!evName) {
         return;
     }
     const handler = (e) => {
+        var _a;
         if (e.detail.id !== id) {
             return;
         }
-        this.checkValidObjCallback({
-            obj: obj,
-            currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
-            fun: fun,
-        }).then(({ valid }) => {
-            e.detail.comp.error = valid
-                ? null
-                : __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE);
+        // Required cell check
+        if (cell.mandatory) {
+            e.detail.comp.error = e.detail.value
+                ? // If it's not empty remove the error message
+                    null
+                : // else set the error message
+                    __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.REQUIRED_VALUE);
             e.detail.comp.refresh();
-        });
+        }
+        if (!e.detail.value) {
+            return;
+        }
+        // Valid object check
+        if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+            this.checkValidObjCallback({
+                obj: cell.obj,
+                currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
+                fun: cell.fun,
+            }).then(({ valid }) => {
+                e.detail.comp.error = valid
+                    ? null
+                    : __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE);
+                e.detail.comp.refresh();
+            });
+        }
     };
     this.rootElement.addEventListener(evName, handler);
     __classPrivateFieldGet(this, _KupInputPanel_listeners, "f").push({
         event: evName,
         handler,
     });
+}, _KupInputPanel_setCellError = function _KupInputPanel_setCellError(id, error) {
+    this.inputPanelCells = this.inputPanelCells.map((cell) => (Object.assign(Object.assign({}, cell), { cells: cell.cells.map(({ cell, column }) => {
+            const data = column.name === id
+                ? Object.assign(Object.assign({}, cell.data), { error }) : cell.data;
+            return {
+                column,
+                cell: Object.assign(Object.assign({}, cell), { data }),
+            };
+        }) })));
 };
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {