@sme.up/ketchup 11.0.0-SNAPSHOT-20241120170010 → 11.0.0-SNAPSHOT-20241125085638

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

@@ -94,12 +94,13 @@ 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_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _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_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_checkOnBlurProp, _KupInputPanel_checkOnBlurEvent, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _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_renderDropDownButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _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_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_checkOnBlurProp, _KupInputPanel_checkOnBlurEvent, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_getEventDetails, _KupInputPanel_contextMenuHandler, _KupInputPanel_didLoadInteractables;
 const dom = document.documentElement;
 const KupInputPanel = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.kupReady = index.createEvent(this, "kup-input-panel-ready", 6);
+        this.kupDataTableContextMenu = index.createEvent(this, "kup-inputpanel-contextmenu", 6);
         _KupInputPanel_instances.add(this);
         //#endregion
         //#region VARIABLES
@@ -107,6 +108,7 @@ const KupInputPanel = class {
         /*       I n t e r n a l   V a r i a b l e s       */
         /*-------------------------------------------------*/
         _KupInputPanel_kupManager.set(this, kupManager.kupManagerInstance());
+        _KupInputPanel_formRef.set(this, void 0);
         _KupInputPanel_optionsAdapterMap.set(this, new Map([
             ['SmeupTreeNode', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_treeOptionsNodeAdapter).bind(this)],
             ['SmeupDataTree', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_dataTreeOptionsChildrenAdapter).bind(this)],
@@ -182,7 +184,9 @@ const KupInputPanel = class {
             });
             __classPrivateFieldSet(this, _KupInputPanel_keysShortcut, [], "f");
         }
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapCells).call(this, this.data);
+        if (this.data) {
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapCells).call(this, this.data);
+        }
     }
     //#endregion
     //#region PUBLIC METHODS
@@ -222,6 +226,7 @@ const KupInputPanel = class {
         this.onDataChanged();
     }
     componentDidLoad() {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_didLoadInteractables).call(this);
         this.kupReady.emit({ comp: this, id: this.rootElement.id });
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logLoad(this, true);
     }
@@ -245,7 +250,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: '01de6cf7823ccbaf12cc55517b6778d20f354ba5' }, index.h("style", { key: '8e42db305a85e575f2e659c486554c6945007f20' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '2aa453d3e6f8b16bad2c435dc402aaddbf9a9565', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+        return (index.h(index.Host, { key: '0b29c3e2c24a83ef82f3d2c15a468e386a4b911a' }, index.h("style", { key: '11db937588ef8530336807aebe8d83046df0ba41' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'fbfd8854ee9e85f57676e46bd7abbb40f1aef21c', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -256,7 +261,7 @@ const KupInputPanel = class {
         "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_getCell = function _KupInputPanel_getCell(id) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = 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;
@@ -308,7 +313,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
         'input-panel--absolute': layout === null || layout === void 0 ? void 0 : layout.absolute,
     };
     // We create a form for each row in data
-    return (index.h("form", { name: this.rootElement.id, id: this.rootElement.id, class: { 'input-panel-form': true }, onSubmit: (e) => {
+    return (index.h("form", { name: this.rootElement.id, id: this.rootElement.id, class: { 'input-panel-form': true }, ref: (el) => (__classPrivateFieldSet(this, _KupInputPanel_formRef, el, "f")), onSubmit: (e) => {
             e.preventDefault();
             this.submitCb({
                 value: {
@@ -316,6 +321,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
                     after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
                 },
             });
+        }, onContextMenu: (e) => {
+            e.preventDefault();
         } }, index.h("div", { class: classObj, style: styleObj }, rowContent), index.h("div", { class: "input-panel__commands" }, index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.inputPanelCommands)));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     if (!cell) {
@@ -1118,6 +1125,40 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
             },
             cell: id,
         });
+}, _KupInputPanel_getEventDetails = function _KupInputPanel_getEventDetails(path, originalEvent) {
+    const fcell = path.find((p) => { var _a; return (_a = p.classList) === null || _a === void 0 ? void 0 : _a.contains('f-cell'); });
+    if (fcell == null) {
+        return;
+    }
+    const props = fcell['kup-get-cell-props']();
+    const columnName = props.column.name;
+    let anchor = fcell;
+    let cell = this.data.rows[0].cells[columnName];
+    let column = this.data.columns.find((c) => c.name == columnName);
+    return {
+        anchor,
+        cell,
+        column,
+        originalEvent,
+    };
+}, _KupInputPanel_contextMenuHandler = function _KupInputPanel_contextMenuHandler(e) {
+    const eventPath = __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").getEventPath(e.target, this.rootElement);
+    return __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getEventDetails).call(this, eventPath, e);
+}, _KupInputPanel_didLoadInteractables = function _KupInputPanel_didLoadInteractables() {
+    __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").interact.managedElements.add(__classPrivateFieldGet(this, _KupInputPanel_formRef, "f"));
+    const tapCb = (e) => {
+        if (e.button == 2) {
+            const details = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_contextMenuHandler).call(this, e);
+            if (details) {
+                this.kupDataTableContextMenu.emit({
+                    comp: this,
+                    id: this.rootElement.id,
+                    details,
+                });
+            }
+        }
+    };
+    __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").interact.on(__classPrivateFieldGet(this, _KupInputPanel_formRef, "f"), kupManager.KupPointerEventTypes.TAP, tapCb);
 };
 KupInputPanel.style = KupInputPanelStyle0;