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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
 import { F as FButton } from './f-button-7466dc36.js';
 import { F as FCell } from './f-cell-1ab3477e.js';
-import { k as kupManagerInstance, a5 as FCellTypes, F as FCellShapes, g as getProps, s as setProps, h as KupLanguageGeneric, al as CHIAdapter, ab as CMBandACPAdapter, aa as RADAdapter, am as SWTAdapter, e as KupDebugCategory, ak as CHKAdapter } from './kup-manager-e73386d8.js';
+import { k as kupManagerInstance, a5 as FCellTypes, F as FCellShapes, g as getProps, s as setProps, h as KupLanguageGeneric, al as CHIAdapter, ab as CMBandACPAdapter, aa as RADAdapter, am as SWTAdapter, e as KupDebugCategory, N as KupPointerEventTypes, ak as CHKAdapter } from './kup-manager-e73386d8.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
 import { F as FTypography, a as FTypographyType } from './f-typography-ed1402a6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
@@ -90,12 +90,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) {
         registerInstance(this, hostRef);
         this.kupReady = createEvent(this, "kup-input-panel-ready", 6);
+        this.kupDataTableContextMenu = createEvent(this, "kup-inputpanel-contextmenu", 6);
         _KupInputPanel_instances.add(this);
         //#endregion
         //#region VARIABLES
@@ -103,6 +104,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, 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)],
@@ -178,7 +180,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
@@ -218,6 +222,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);
     }
@@ -241,7 +246,7 @@ const KupInputPanel = class {
                 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: '01de6cf7823ccbaf12cc55517b6778d20f354ba5' }, h("style", { key: '8e42db305a85e575f2e659c486554c6945007f20' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2aa453d3e6f8b16bad2c435dc402aaddbf9a9565', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '0b29c3e2c24a83ef82f3d2c15a468e386a4b911a' }, h("style", { key: '11db937588ef8530336807aebe8d83046df0ba41' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fbfd8854ee9e85f57676e46bd7abbb40f1aef21c', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -252,7 +257,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;
@@ -304,7 +309,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 (h("form", { name: this.rootElement.id, id: this.rootElement.id, class: { 'input-panel-form': true }, onSubmit: (e) => {
+    return (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: {
@@ -312,6 +317,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
                     after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
                 },
             });
+        }, onContextMenu: (e) => {
+            e.preventDefault();
         } }, h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: "input-panel__commands" }, h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.inputPanelCommands)));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     if (!cell) {
@@ -1114,6 +1121,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"), KupPointerEventTypes.TAP, tapCb);
 };
 KupInputPanel.style = KupInputPanelStyle0;