@genexus/genexus-ide-ui 1.0.71 → 1.0.73

package/dist/collection/components/bpm/task-documents/task-documents.js

@@ -0,0 +1,440 @@
+var __classPrivateFieldGet = (this && this.__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 = (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 _GxIdeBpmTaskDocuments_instances, _GxIdeBpmTaskDocuments__componentLocale, _GxIdeBpmTaskDocuments_renderedFirstTime, _GxIdeBpmTaskDocuments_shortcutsSrc, _GxIdeBpmTaskDocuments_chShortcutsEl, _GxIdeBpmTaskDocuments_deleteEnabledCheckboxEl, _GxIdeBpmTaskDocuments_deleteRequiredCheckboxEl, _GxIdeBpmTaskDocuments_newEnabledCheckboxEl, _GxIdeBpmTaskDocuments_newRequiredCheckboxEl, _GxIdeBpmTaskDocuments_readEnabledCheckboxEl, _GxIdeBpmTaskDocuments_readRequiredCheckboxEl, _GxIdeBpmTaskDocuments_updateEnabledCheckboxEl, _GxIdeBpmTaskDocuments_updateRequiredCheckboxEl, _GxIdeBpmTaskDocuments_getAllCheckboxes, _GxIdeBpmTaskDocuments_addDocument, _GxIdeBpmTaskDocuments_cancelCallbackHandler, _GxIdeBpmTaskDocuments_confirmCallbackHandler, _GxIdeBpmTaskDocuments_documentSuggestValueChangedHandler, _GxIdeBpmTaskDocuments_handleCheckboxChange, _GxIdeBpmTaskDocuments_handleDeleteButton, _GxIdeBpmTaskDocuments_listenDocumentSelected, _GxIdeBpmTaskDocuments_objectSelectionChangedHandler, _GxIdeBpmTaskDocuments_refreshDocumentsActionListState, _GxIdeBpmTaskDocuments_selectDocumentCallbackHandler, _GxIdeBpmTaskDocuments_renderActions, _GxIdeBpmTaskDocuments_renderEmptyState, _GxIdeBpmTaskDocuments_renderFooter, _GxIdeBpmTaskDocuments_renderMain;
+import { Host, h, getAssetPath } from "@stencil/core";
+import { Locale } from "../../../common/locale";
+import { convertSuggestedDocumentsToSuggestItems, taskDocumentsToActionListItemModel } from "./helpers";
+import { getIconPath } from "@genexus/mercury";
+const CHECKED_VALUE = "true";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/list-box",
+    "components/tabular-grid",
+    "utils/form--full",
+    "utils/layout",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const MODULE_ICON = getIconPath({
+    category: "objects",
+    name: "module"
+});
+const MORE_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "show-more-horizontal",
+    colorType: "primary"
+});
+const DELETE_ICON = getIconPath({
+    category: "menus",
+    name: "delete",
+    colorType: "primary"
+});
+const NODENAME = "CH-CHECKBOX";
+export class GxIdeBpmTaskDocuments {
+    constructor() {
+        _GxIdeBpmTaskDocuments_instances.add(this);
+        _GxIdeBpmTaskDocuments__componentLocale.set(this, void 0);
+        _GxIdeBpmTaskDocuments_renderedFirstTime.set(this, false);
+        _GxIdeBpmTaskDocuments_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/bpm-task-documents/shortcuts.json`));
+        _GxIdeBpmTaskDocuments_chShortcutsEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_deleteEnabledCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_deleteRequiredCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_newEnabledCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_newRequiredCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_readEnabledCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_readRequiredCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_updateEnabledCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_updateRequiredCheckboxEl.set(this, void 0);
+        _GxIdeBpmTaskDocuments_cancelCallbackHandler.set(this, () => {
+            this.cancelCallback();
+        });
+        _GxIdeBpmTaskDocuments_confirmCallbackHandler.set(this, () => {
+            this.confirmCallback(this.documents);
+        });
+        _GxIdeBpmTaskDocuments_documentSuggestValueChangedHandler.set(this, async (e) => {
+            const value = e.detail;
+            this.suggestDocumentsCallback(value)
+                .then(result => {
+                this.suggestedDocuments =
+                    convertSuggestedDocumentsToSuggestItems(result);
+            })
+                .catch(() => {
+                // to do
+            });
+        });
+        _GxIdeBpmTaskDocuments_handleDeleteButton.set(this, () => {
+            this.documents = this.documents.filter(doc => doc.name !== this.selectedDocument.name);
+            this.selectedDocument = null;
+            __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_refreshDocumentsActionListState, "f").call(this);
+        });
+        _GxIdeBpmTaskDocuments_listenDocumentSelected.set(this, async (e) => {
+            if (e.detail) {
+                __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_instances, "m", _GxIdeBpmTaskDocuments_addDocument).call(this, e.detail);
+            }
+        });
+        _GxIdeBpmTaskDocuments_objectSelectionChangedHandler.set(this, (e) => {
+            this.selectedDocument = this.documents.find(doc => { var _a; return doc.name === ((_a = e.detail[0]) === null || _a === void 0 ? void 0 : _a.item.caption); });
+        });
+        _GxIdeBpmTaskDocuments_refreshDocumentsActionListState.set(this, () => {
+            var _a, _b;
+            (_a = this.documents) === null || _a === void 0 ? void 0 : _a.sort((a, b) => {
+                return a.name.localeCompare(b.name);
+            });
+            this.documentsActionListState = taskDocumentsToActionListItemModel(this.documents, this.selectedDocument);
+            this.selectedDocument =
+                this.selectedDocument || ((_b = this.documents) === null || _b === void 0 ? void 0 : _b[0]) || null;
+        });
+        _GxIdeBpmTaskDocuments_selectDocumentCallbackHandler.set(this, async () => {
+            const callbackResult = await this.selectDocumentCallback();
+            if (callbackResult) {
+                this.documentName = callbackResult;
+                __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_instances, "m", _GxIdeBpmTaskDocuments_addDocument).call(this, callbackResult);
+            }
+        });
+        _GxIdeBpmTaskDocuments_renderActions.set(this, () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            return (h("ch-tabular-grid", { class: "tabular-grid scrollable", rowSelectionMode: "none", keyboardNavigationMode: "focus", columnResizeMode: "single" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "code", columnName: "", settingable: false }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "enabled", settingable: false, columnName: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").actions.enabledCheckbox }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: "required", settingable: false, columnName: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").actions.requiredCheckbox })), h("ch-tabular-grid-row", {
+                // read
+                class: "tabular-grid-row", rowid: "read"
+            }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").actions.readLabel), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_a = this.selectedDocument) === null || _a === void 0 ? void 0 : _a.readEnabled.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_readEnabledCheckboxEl, el, "f")) })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_b = this.selectedDocument) === null || _b === void 0 ? void 0 : _b.readRequired.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_readRequiredCheckboxEl, el, "f")) }))), h("ch-tabular-grid-row", {
+                // new
+                class: "tabular-grid-row", rowid: "read"
+            }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").actions.newLabel), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_c = this.selectedDocument) === null || _c === void 0 ? void 0 : _c.newEnabled.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_newEnabledCheckboxEl, el, "f")) })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_d = this.selectedDocument) === null || _d === void 0 ? void 0 : _d.newRequired.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_newRequiredCheckboxEl, el, "f")) }))), h("ch-tabular-grid-row", {
+                // update
+                class: "tabular-grid-row", rowid: "read"
+            }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").actions.updateLabel), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_e = this.selectedDocument) === null || _e === void 0 ? void 0 : _e.updateEnabled.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_updateEnabledCheckboxEl, el, "f")) })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_f = this.selectedDocument) === null || _f === void 0 ? void 0 : _f.updateRequired.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_updateRequiredCheckboxEl, el, "f")) }))), h("ch-tabular-grid-row", {
+                // delete
+                class: "tabular-grid-row", rowid: "read"
+            }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").actions.deleteLabel), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_g = this.selectedDocument) === null || _g === void 0 ? void 0 : _g.deleteEnabled.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_deleteEnabledCheckboxEl, el, "f")) })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-checkbox", { class: "checkbox", checkedValue: CHECKED_VALUE, value: (_h = this.selectedDocument) === null || _h === void 0 ? void 0 : _h.deleteRequired.toString(), ref: el => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_deleteRequiredCheckboxEl, el, "f")) })))));
+        });
+        _GxIdeBpmTaskDocuments_renderEmptyState.set(this, () => {
+            return (h("gx-ide-empty-state", { class: "recent-objects__empty-state", stateIconSrc: MODULE_ICON, isAnimated: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_renderedFirstTime, "f"), stateTitle: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").emptyRightPanelInfo.title }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_selectDocumentCallbackHandler, "f") }, __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").emptyRightPanelInfo.buttonCaption)));
+        });
+        _GxIdeBpmTaskDocuments_renderFooter.set(this, () => {
+            return (h("footer", { class: "footer control-footer control-footer-with-border spacing-body-block-end spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", id: "button-cancel", onClick: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_cancelCallbackHandler, "f"), part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").footer.cancelButton), h("button", { class: "button-primary", id: "button-create", onClick: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_confirmCallbackHandler, "f"), part: "button-create" }, __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").footer.confirmButton))));
+        });
+        _GxIdeBpmTaskDocuments_renderMain.set(this, () => {
+            return [
+                h("div", { class: "documents__list spacing-body-inline" }, h("ch-action-list-render", { selection: "single", class: "list-box", model: this.documentsActionListState, onSelectedItemsChange: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_objectSelectionChangedHandler, "f") })),
+                __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_renderActions, "f").call(this)
+            ];
+        });
+        this.documentsActionListState = [];
+        this.documentName = null;
+        this.selectedDocument = null;
+        this.suggestedDocuments = undefined;
+        this.documents = undefined;
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+        this.selectDocumentCallback = undefined;
+        this.suggestDocumentsCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeBpmTaskDocuments__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_refreshDocumentsActionListState, "f").call(this);
+    }
+    componentDidRender() {
+        if (!__classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_renderedFirstTime, "f")) {
+            this.componentDidRenderFirstTime.emit(__classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").componentName);
+            __classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_renderedFirstTime, true, "f");
+        }
+        const shadowRoot = this.el.shadowRoot;
+        const checkboxes = __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_instances, "m", _GxIdeBpmTaskDocuments_getAllCheckboxes).call(this, shadowRoot);
+        if (checkboxes) {
+            checkboxes.forEach(checkbox => {
+                checkbox.addEventListener("input", __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_instances, "m", _GxIdeBpmTaskDocuments_handleCheckboxChange).bind(this));
+            });
+        }
+    }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_chShortcutsEl, "f").suspend = false;
+        }
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeBpmTaskDocuments_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("div", { class: "main field-group" }, h("div", { class: "documents__header buttons-spacer spacing-body-inline spacing-body-block-start" }, h("ch-combo-box-render", { class: "combo-box documents__suggest", model: this.suggestedDocuments, placeholder: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").documents.suggestPlaceholder, suggest: true, onInput: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_documentSuggestValueChangedHandler, "f"), onChange: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_listenDocumentSelected, "f"), suggestOptions: {
+                alreadyProcessed: false,
+                autoExpand: true,
+                hideMatchesAndShowNonMatches: false,
+                highlightMatchedItems: false,
+                matchCase: false,
+                regularExpression: false,
+                strict: false
+            } }), h("span", null, h("button", { class: "button-tertiary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").documents.addDocumentButtonLabel, title: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").documents.addDocumentButtonLabel, onClick: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_selectDocumentCallbackHandler, "f") }, h("ch-image", { class: "icon-sm", src: MORE_ICON })), h("button", { class: "button-tertiary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").documents.clearDocumentButtonLabel, title: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments__componentLocale, "f").documents.clearDocumentButtonLabel, onClick: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_handleDeleteButton, "f") }, h("ch-image", { class: "icon-sm", src: DELETE_ICON })))), this.documentsActionListState.length
+            ? __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_renderMain, "f").call(this)
+            : __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_renderEmptyState, "f").call(this)), __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_renderFooter, "f").call(this))));
+    }
+    static get is() { return "gx-ide-bpm-task-documents"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["task-documents.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["task-documents.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/bpm-task-documents"]; }
+    static get properties() {
+        return {
+            "documents": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "TaskDocumentData[]",
+                    "resolved": "TaskDocumentData[]",
+                    "references": {
+                        "TaskDocumentData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/bpm/task-documents/task-documents.tsx",
+                            "id": "src/components/bpm/task-documents/task-documents.tsx::TaskDocumentData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "documents"
+                        }, {
+                            "name": "description",
+                            "text": "The current value of the documents for the task"
+                        }],
+                    "text": ""
+                }
+            },
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CancelCallback",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "CancelCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/bpm/task-documents/task-documents.tsx",
+                            "id": "src/components/bpm/task-documents/task-documents.tsx::CancelCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "cancelCallback"
+                        }, {
+                            "name": "description",
+                            "text": "Callback invoked when the user cancels the application declaration (Cancel button)"
+                        }],
+                    "text": ""
+                }
+            },
+            "confirmCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ConfirmCallback",
+                    "resolved": "(data: TaskDocumentData[]) => Promise<void>",
+                    "references": {
+                        "ConfirmCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/bpm/task-documents/task-documents.tsx",
+                            "id": "src/components/bpm/task-documents/task-documents.tsx::ConfirmCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "confirmCallback"
+                        }, {
+                            "name": "description",
+                            "text": "Callback invoked when the user confirms the application declaration (Ok button)"
+                        }],
+                    "text": ""
+                }
+            },
+            "selectDocumentCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectDocumentCallback",
+                    "resolved": "() => Promise<string>",
+                    "references": {
+                        "SelectDocumentCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/bpm/task-documents/task-documents.tsx",
+                            "id": "src/components/bpm/task-documents/task-documents.tsx::SelectDocumentCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "selectDocumentCallback"
+                        }, {
+                            "name": "description",
+                            "text": "Callback invoked when the user presses the '...' button to access the WorkflowDocuments selection dialog. Returns the name of the document to be inserted in the input or 'undefined' if it was canceled."
+                        }],
+                    "text": ""
+                }
+            },
+            "suggestDocumentsCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SuggestDocumentsCallback",
+                    "resolved": "(documentName: string) => Promise<string[]>",
+                    "references": {
+                        "SuggestDocumentsCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/bpm/task-documents/task-documents.tsx",
+                            "id": "src/components/bpm/task-documents/task-documents.tsx::SuggestDocumentsCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "suggestDocumentsCallback"
+                        }, {
+                            "name": "description",
+                            "text": "Callback that must be called to obtain options for the document input."
+                        }],
+                    "text": ""
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "documentsActionListState": {},
+            "documentName": {},
+            "selectedDocument": {},
+            "suggestedDocuments": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "componentDidRenderFirstTime",
+                "name": "componentDidRenderFirstTime",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "description",
+                            "text": "Gets fired when the component has rendered for the first time."
+                        }],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "suspendShortcuts": {
+                "complexType": {
+                    "signature": "(suspendShortcuts: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "suspendShortcuts",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Suspends or reactivates the shortcuts",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeBpmTaskDocuments__componentLocale = new WeakMap(), _GxIdeBpmTaskDocuments_renderedFirstTime = new WeakMap(), _GxIdeBpmTaskDocuments_shortcutsSrc = new WeakMap(), _GxIdeBpmTaskDocuments_chShortcutsEl = new WeakMap(), _GxIdeBpmTaskDocuments_deleteEnabledCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_deleteRequiredCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_newEnabledCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_newRequiredCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_readEnabledCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_readRequiredCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_updateEnabledCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_updateRequiredCheckboxEl = new WeakMap(), _GxIdeBpmTaskDocuments_cancelCallbackHandler = new WeakMap(), _GxIdeBpmTaskDocuments_confirmCallbackHandler = new WeakMap(), _GxIdeBpmTaskDocuments_documentSuggestValueChangedHandler = new WeakMap(), _GxIdeBpmTaskDocuments_handleDeleteButton = new WeakMap(), _GxIdeBpmTaskDocuments_listenDocumentSelected = new WeakMap(), _GxIdeBpmTaskDocuments_objectSelectionChangedHandler = new WeakMap(), _GxIdeBpmTaskDocuments_refreshDocumentsActionListState = new WeakMap(), _GxIdeBpmTaskDocuments_selectDocumentCallbackHandler = new WeakMap(), _GxIdeBpmTaskDocuments_renderActions = new WeakMap(), _GxIdeBpmTaskDocuments_renderEmptyState = new WeakMap(), _GxIdeBpmTaskDocuments_renderFooter = new WeakMap(), _GxIdeBpmTaskDocuments_renderMain = new WeakMap(), _GxIdeBpmTaskDocuments_instances = new WeakSet(), _GxIdeBpmTaskDocuments_getAllCheckboxes = function _GxIdeBpmTaskDocuments_getAllCheckboxes(node) {
+    const checkboxes = [];
+    node.childNodes.forEach(child => {
+        if (child.nodeName === NODENAME) {
+            checkboxes.push(child);
+        }
+        else if (child instanceof HTMLElement) {
+            checkboxes.push(...__classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_instances, "m", _GxIdeBpmTaskDocuments_getAllCheckboxes).call(this, child));
+        }
+    });
+    return checkboxes;
+}, _GxIdeBpmTaskDocuments_addDocument = function _GxIdeBpmTaskDocuments_addDocument(documentName) {
+    const documentExists = this.documents.some(doc => doc.name === documentName);
+    if (!documentExists) {
+        this.documents = [
+            ...this.documents,
+            {
+                name: documentName,
+                deleteEnabled: false,
+                deleteRequired: false,
+                newEnabled: false,
+                newRequired: false,
+                readEnabled: false,
+                readRequired: false,
+                updateEnabled: false,
+                updateRequired: false
+            }
+        ];
+        __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_refreshDocumentsActionListState, "f").call(this);
+    }
+}, _GxIdeBpmTaskDocuments_handleCheckboxChange = function _GxIdeBpmTaskDocuments_handleCheckboxChange() {
+    const data = {
+        name: this.selectedDocument.name,
+        readEnabled: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_readEnabledCheckboxEl, "f").value === CHECKED_VALUE,
+        readRequired: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_readRequiredCheckboxEl, "f").value === CHECKED_VALUE,
+        newEnabled: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_newEnabledCheckboxEl, "f").value === CHECKED_VALUE,
+        newRequired: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_newRequiredCheckboxEl, "f").value === CHECKED_VALUE,
+        updateEnabled: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_updateEnabledCheckboxEl, "f").value === CHECKED_VALUE,
+        updateRequired: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_updateRequiredCheckboxEl, "f").value === CHECKED_VALUE,
+        deleteEnabled: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_deleteEnabledCheckboxEl, "f").value === CHECKED_VALUE,
+        deleteRequired: __classPrivateFieldGet(this, _GxIdeBpmTaskDocuments_deleteRequiredCheckboxEl, "f").value === CHECKED_VALUE
+    };
+    this.selectedDocument = data;
+    this.documents = this.documents.map(doc => doc.name === this.selectedDocument.name ? this.selectedDocument : doc);
+};
+//# sourceMappingURL=task-documents.js.map

package/dist/collection/components/bpm/task-documents/task-documents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-documents.js","sourceRoot":"","sources":["../../../../src/components/bpm/task-documents/task-documents.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EAEL,KAAK,EACL,YAAY,EACZ,MAAM,EACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EACL,uCAAuC,EACvC,kCAAkC,EACnC,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,WAAW,EAAkB,MAAM,kBAAkB,CAAC;AAK/D,MAAM,aAAa,GAAG,MAAM,CAAC;AAC7B,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,qBAAqB;IACrB,yBAAyB;IACzB,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,qBAAqB;CACtB,CAAC;AACF,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC;AACH,MAAM,SAAS,GAAG,WAAW,CAAC;IAC5B,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,sBAAsB;IAC5B,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,aAAa,CAAC;AAO/B,MAAM,OAAO,qBAAqB;;;QAChC,0DAAuB;QACvB,mDAAqB,KAAK,EAAC;QAC3B,8CAAgB,YAAY,CAC1B,mDAAmD,CACpD,EAAC;QAIF,uDAAuC;QACvC,iEAAgD;QAChD,kEAAiD;QAEjD,8DAA6C;QAC7C,+DAA8C;QAC9C,+DAA8C;QAC9C,gEAA+C;QAC/C,iEAAgD;QAChD,kEAAiD;QAiIjD,uDAAyB,GAAG,EAAE;YAC5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,EAAC;QACF,wDAA0B,GAAG,EAAE;YAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC,EAAC;QAEF,oEAAsC,KAAK,EACzC,CAAmD,EACnD,EAAE;YACF,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC;YACvB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC;iBACjC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACb,IAAI,CAAC,kBAAkB;oBACrB,uCAAuC,CAAC,MAAM,CAAC,CAAC;YACpD,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE;gBACV,QAAQ;YACV,CAAC,CAAC,CAAC;QACP,CAAC,EAAC;QAsBF,oDAAsB,GAAG,EAAE;YACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CACpC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAC/C,CAAC;YACF,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,uBAAA,IAAI,8DAAiC,MAArC,IAAI,CAAmC,CAAC;QAC1C,CAAC,EAAC;QAEF,wDAA0B,KAAK,EAAE,CAAsB,EAAE,EAAE;YACzD,IAAI,CAAC,CAAC,MAAM,EAAE;gBACZ,uBAAA,IAAI,4EAAa,MAAjB,IAAI,EAAc,CAAC,CAAC,MAAM,CAAC,CAAC;aAC7B;QACH,CAAC,EAAC;QAEF,+DAAiC,CAAC,CAAc,EAAE,EAAE;YAClD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CACzC,GAAG,CAAC,EAAE,WAAC,OAAA,GAAG,CAAC,IAAI,MAAK,MAAA,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAC,OAAO,CAAA,CAAA,EAAA,CAC9C,CAAC;QACJ,CAAC,EAAC;QAEF,iEAAmC,GAAG,EAAE;;YACtC,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,wBAAwB,GAAG,kCAAkC,CAChE,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,gBAAgB,CACtB,CAAC;YAEF,IAAI,CAAC,gBAAgB;gBACnB,IAAI,CAAC,gBAAgB,KAAI,MAAA,IAAI,CAAC,SAAS,0CAAG,CAAC,CAAC,CAAA,IAAI,IAAI,CAAC;QACzD,CAAC,EAAC;QAEF,+DAAiC,KAAK,IAAI,EAAE;YAC1C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC3D,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC;gBACnC,uBAAA,IAAI,4EAAa,MAAjB,IAAI,EAAc,cAAc,CAAC,CAAC;aACnC;QACH,CAAC,EAAC;QAEF,+CAAiB,GAAG,EAAE;;YACpB,OAAO,CACL,uBACE,KAAK,EAAC,yBAAyB,EAC/B,gBAAgB,EAAC,MAAM,EACvB,sBAAsB,EAAC,OAAO,EAC9B,gBAAgB,EAAC,QAAQ;gBAEzB,iCAA2B,KAAK,EAAC,yBAAyB;oBACxD,8BACE,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,EAAE,EACb,WAAW,EAAE,KAAK,GACM;oBAC1B,8BACE,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAC,SAAS,EAClB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,uBAAA,IAAI,+CAAkB,CAAC,OAAO,CAAC,eAAe,GAClC;oBAC1B,8BACE,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAC,UAAU,EACnB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,uBAAA,IAAI,+CAAkB,CAAC,OAAO,CAAC,gBAAgB,GACnC,CACA;gBAE5B;oBACE,OAAO;oBACP,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,MAAM;oBAEZ,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,uBAAA,IAAI,+CAAkB,CAAC,OAAO,CAAC,SAAS,CACpB;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,WAAW,CAAC,QAAQ,EAAE,EACpD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,gDAA0B,EAA2B,MAAA,CAAC,GAEhD,CACM;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,YAAY,CAAC,QAAQ,EAAE,EACrD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,iDAA2B,EAA2B,MAAA,CAAC,GAEjD,CACM,CACH;gBAEtB;oBACE,MAAM;oBACN,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,MAAM;oBAEZ,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,uBAAA,IAAI,+CAAkB,CAAC,OAAO,CAAC,QAAQ,CACnB;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,CAAC,QAAQ,EAAE,EACnD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,+CAAyB,EAA2B,MAAA,CAAC,GAE/C,CACM;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,WAAW,CAAC,QAAQ,EAAE,EACpD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,gDAA0B,EAA2B,MAAA,CAAC,GAEhD,CACM,CACH;gBAEtB;oBACE,SAAS;oBACT,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,MAAM;oBAEZ,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,uBAAA,IAAI,+CAAkB,CAAC,OAAO,CAAC,WAAW,CACtB;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,aAAa,CAAC,QAAQ,EAAE,EACtD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,kDAA4B,EAA2B,MAAA,CAAC,GAElD,CACM;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,cAAc,CAAC,QAAQ,EAAE,EACvD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,mDAA6B,EAA2B,MAAA,CAAC,GAEnD,CACM,CACH;gBAEtB;oBACE,SAAS;oBACT,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,MAAM;oBAEZ,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,uBAAA,IAAI,+CAAkB,CAAC,OAAO,CAAC,WAAW,CACtB;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,aAAa,CAAC,QAAQ,EAAE,EACtD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,kDAA4B,EAA2B,MAAA,CAAC,GAElD,CACM;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,mBACE,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,cAAc,CAAC,QAAQ,EAAE,EACvD,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,mDAA6B,EAA2B,MAAA,CAAC,GAEnD,CACM,CACH,CACN,CACnB,CAAC;QACJ,CAAC,EAAC;QAEF,kDAAoB,GAAG,EAAE;YACvB,OAAO,CACL,0BACE,KAAK,EAAC,6BAA6B,EACnC,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,uBAAA,IAAI,gDAAmB,EACnC,UAAU,EAAE,uBAAA,IAAI,+CAAkB,CAAC,mBAAmB,CAAC,KAAK;gBAE5D,cACE,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,uBAAA,IAAI,4DAA+B,IAE3C,uBAAA,IAAI,+CAAkB,CAAC,mBAAmB,CAAC,aAAa,CAClD,CACU,CACtB,CAAC;QACJ,CAAC,EAAC;QAEF,8CAAgB,GAAG,EAAE;YACnB,OAAO,CACL,cAAQ,KAAK,EAAC,6FAA6F;gBACzG,WAAK,KAAK,EAAC,gBAAgB;oBACzB,cACE,KAAK,EAAC,kBAAkB,EACxB,EAAE,EAAC,eAAe,EAClB,OAAO,EAAE,uBAAA,IAAI,oDAAuB,EACpC,IAAI,EAAC,eAAe,IAEnB,uBAAA,IAAI,+CAAkB,CAAC,MAAM,CAAC,YAAY,CACpC;oBACT,cACE,KAAK,EAAC,gBAAgB,EACtB,EAAE,EAAC,eAAe,EAClB,OAAO,EAAE,uBAAA,IAAI,qDAAwB,EACrC,IAAI,EAAC,eAAe,IAEnB,uBAAA,IAAI,+CAAkB,CAAC,MAAM,CAAC,aAAa,CACrC,CACL,CACC,CACV,CAAC;QACJ,CAAC,EAAC;QAEF,4CAAc,GAAG,EAAE;YACjB,OAAO;gBACL,WAAK,KAAK,EAAC,qCAAqC;oBAC9C,6BACE,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,IAAI,CAAC,wBAAwB,EACpC,qBAAqB,EAAE,uBAAA,IAAI,4DAA+B,GACnC,CACrB;gBACN,uBAAA,IAAI,4CAAe,MAAnB,IAAI,CAAiB;aACtB,CAAC;QACJ,CAAC,EAAC;wCA7ZyD,EAAE;4BAE7B,IAAI;gCAKU,IAAI;;;;;;;;IA2ClD,KAAK,CAAC,iBAAiB;QACrB,uBAAA,IAAI,2CAAqB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;QACnE,uBAAA,IAAI,8DAAiC,MAArC,IAAI,CAAmC,CAAC;IAC1C,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,uBAAA,IAAI,gDAAmB,EAAE;YAC5B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,uBAAA,IAAI,+CAAkB,CAAC,aAAa,CACrC,CAAC;YACF,uBAAA,IAAI,4CAAsB,IAAI,MAAA,CAAC;SAChC;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC;QACtC,MAAM,UAAU,GAAG,uBAAA,IAAI,iFAAkB,MAAtB,IAAI,EACrB,UAAoC,CACrC,CAAC;QACF,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC5B,QAAQ,CAAC,gBAAgB,CACvB,OAAO,EACP,uBAAA,IAAI,qFAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CACtC,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,gBAAgB,CAAC,gBAAyB;QAC9C,IAAI,gBAAgB,EAAE;YACpB,uBAAA,IAAI,4CAAe,CAAC,OAAO,GAAG,IAAI,CAAC;SACpC;aAAM;YACL,uBAAA,IAAI,4CAAe,CAAC,OAAO,GAAG,KAAK,CAAC;SACrC;IACH,CAAC;IAyUD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;YAClB,gBAAU,KAAK,EAAE,WAAW,GAAa;YACzC,oBACE,GAAG,EAAE,uBAAA,IAAI,2CAAc,EACvB,GAAG,EAAE,CAAC,EAA0B,EAAE,EAAE,CAClC,CAAC,uBAAA,IAAI,wCAAkB,EAA4B,MAAA,CAAC,GAExC;YAChB,eAAS,KAAK,EAAC,SAAS;gBACtB,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,WAAK,KAAK,EAAC,+EAA+E;wBACxF,2BACE,KAAK,EAAC,8BAA8B,EACpC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,WAAW,EACT,uBAAA,IAAI,+CAAkB,CAAC,SAAS,CAAC,kBAAkB,EAErD,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,uBAAA,IAAI,iEAAoC,EACjD,QAAQ,EAAE,uBAAA,IAAI,qDAAwB,EACtC,cAAc,EAAE;gCACd,gBAAgB,EAAE,KAAK;gCACvB,UAAU,EAAE,IAAI;gCAChB,4BAA4B,EAAE,KAAK;gCACnC,qBAAqB,EAAE,KAAK;gCAC5B,SAAS,EAAE,KAAK;gCAChB,iBAAiB,EAAE,KAAK;gCACxB,MAAM,EAAE,KAAK;6BACd,GACoB;wBAEvB;4BACE,cACE,KAAK,EAAC,kCAAkC,gBAEtC,uBAAA,IAAI,+CAAkB,CAAC,SAAS,CAAC,sBAAsB,EAEzD,KAAK,EACH,uBAAA,IAAI,+CAAkB,CAAC,SAAS,CAAC,sBAAsB,EAEzD,OAAO,EAAE,uBAAA,IAAI,4DAA+B;gCAE5C,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,SAAS,GAAa,CAC9C;4BAET,cACE,KAAK,EAAC,kCAAkC,gBAEtC,uBAAA,IAAI,+CAAkB,CAAC,SAAS,CAAC,wBAAwB,EAE3D,KAAK,EACH,uBAAA,IAAI,+CAAkB,CAAC,SAAS,CAAC,wBAAwB,EAE3D,OAAO,EAAE,uBAAA,IAAI,iDAAoB;gCAEjC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,WAAW,GAAa,CAChD,CACJ,CACH;oBAEL,IAAI,CAAC,wBAAwB,CAAC,MAAM;wBACnC,CAAC,CAAC,uBAAA,IAAI,yCAAY,MAAhB,IAAI,CAAc;wBACpB,CAAC,CAAC,uBAAA,IAAI,+CAAkB,MAAtB,IAAI,CAAoB,CACxB;gBACL,uBAAA,IAAI,2CAAc,MAAlB,IAAI,CAAgB,CACb,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;klDA9YmB,IAAiB;IACjC,MAAM,UAAU,GAA4B,EAAE,CAAC;IAE/C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC9B,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAC/B,UAAU,CAAC,IAAI,CAAC,KAA8B,CAAC,CAAC;SACjD;aAAM,IAAI,KAAK,YAAY,WAAW,EAAE;YACvC,UAAU,CAAC,IAAI,CAAC,GAAG,uBAAA,IAAI,iFAAkB,MAAtB,IAAI,EAAmB,KAAK,CAAC,CAAC,CAAC;SACnD;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC,mFACY,YAAoB;IAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CACxC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,YAAY,CACjC,CAAC;IACF,IAAI,CAAC,cAAc,EAAE;QACnB,IAAI,CAAC,SAAS,GAAG;YACf,GAAG,IAAI,CAAC,SAAS;YACjB;gBACE,IAAI,EAAE,YAAY;gBAClB,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,KAAK;gBACrB,UAAU,EAAE,KAAK;gBACjB,WAAW,EAAE,KAAK;gBAClB,WAAW,EAAE,KAAK;gBAClB,YAAY,EAAE,KAAK;gBACnB,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,KAAK;aACtB;SACF,CAAC;QACF,uBAAA,IAAI,8DAAiC,MAArC,IAAI,CAAmC,CAAC;KACzC;AACH,CAAC;IAwBC,MAAM,IAAI,GAAqB;QAC7B,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI;QAChC,WAAW,EAAE,uBAAA,IAAI,oDAAuB,CAAC,KAAK,KAAK,aAAa;QAChE,YAAY,EAAE,uBAAA,IAAI,qDAAwB,CAAC,KAAK,KAAK,aAAa;QAClE,UAAU,EAAE,uBAAA,IAAI,mDAAsB,CAAC,KAAK,KAAK,aAAa;QAC9D,WAAW,EAAE,uBAAA,IAAI,oDAAuB,CAAC,KAAK,KAAK,aAAa;QAChE,aAAa,EAAE,uBAAA,IAAI,sDAAyB,CAAC,KAAK,KAAK,aAAa;QACpE,cAAc,EAAE,uBAAA,IAAI,uDAA0B,CAAC,KAAK,KAAK,aAAa;QACtE,aAAa,EAAE,uBAAA,IAAI,sDAAyB,CAAC,KAAK,KAAK,aAAa;QACpE,cAAc,EAAE,uBAAA,IAAI,uDAA0B,CAAC,KAAK,KAAK,aAAa;KACvE,CAAC;IAEF,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAE7B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CACxC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CACtE,CAAC;AACJ,CAAC","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\nimport { Locale } from \"../../../common/locale\";\nimport {\n  convertSuggestedDocumentsToSuggestItems,\n  taskDocumentsToActionListItemModel\n} from \"./helpers\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { ActionListItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ChComboBoxRenderCustomEvent } from \"@genexus/chameleon-controls-library\";\n\nconst CHECKED_VALUE = \"true\";\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/list-box\",\n  \"components/tabular-grid\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\nconst MODULE_ICON = getIconPath({\n  category: \"objects\",\n  name: \"module\"\n});\nconst MORE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst DELETE_ICON = getIconPath({\n  category: \"menus\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\nconst NODENAME = \"CH-CHECKBOX\";\n@Component({\n  tag: \"gx-ide-bpm-task-documents\",\n  styleUrl: \"task-documents.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-task-documents\"]\n})\nexport class GxIdeBpmTaskDocuments {\n  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/bpm-task-documents/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeBpmTaskDocumentsElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #deleteEnabledCheckboxEl: HTMLChCheckboxElement;\n  #deleteRequiredCheckboxEl: HTMLChCheckboxElement;\n\n  #newEnabledCheckboxEl: HTMLChCheckboxElement;\n  #newRequiredCheckboxEl: HTMLChCheckboxElement;\n  #readEnabledCheckboxEl: HTMLChCheckboxElement;\n  #readRequiredCheckboxEl: HTMLChCheckboxElement;\n  #updateEnabledCheckboxEl: HTMLChCheckboxElement;\n  #updateRequiredCheckboxEl: HTMLChCheckboxElement;\n\n  /**\n   * Documents state for the action list\n   */\n  @State() documentsActionListState: ActionListItemModel[] = [];\n\n  @State() documentName: string = null;\n\n  /**\n   * Document selected in the action list\n   */\n  @State() selectedDocument: TaskDocumentData = null;\n\n  /**\n   * Possible suggestions for the documents\n   */\n  @State() suggestedDocuments: ComboBoxItemModel[];\n\n  /**\n   * @property documents\n   * @description The current value of the documents for the task\n   */\n\n  @Prop({ mutable: true }) documents: TaskDocumentData[];\n\n  /**\n   * @property cancelCallback\n   * @description Callback invoked when the user cancels the application declaration (Cancel button)\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * @property confirmCallback\n   * @description Callback invoked when the user confirms the application declaration (Ok button)\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * @property selectDocumentCallback\n   * @description Callback invoked when the user presses the '...' button to access the WorkflowDocuments selection dialog. Returns the name of the document to be inserted in the input or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectDocumentCallback: SelectDocumentCallback;\n\n  /**\n   * @property suggestDocumentsCallback\n   * @description Callback that must be called to obtain options for the document input.\n   */\n  @Prop() readonly suggestDocumentsCallback: SuggestDocumentsCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#refreshDocumentsActionListState();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n    const shadowRoot = this.el.shadowRoot;\n    const checkboxes = this.#getAllCheckboxes(\n      shadowRoot as unknown as HTMLElement\n    );\n    if (checkboxes) {\n      checkboxes.forEach(checkbox => {\n        checkbox.addEventListener(\n          \"input\",\n          this.#handleCheckboxChange.bind(this)\n        );\n      });\n    }\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #getAllCheckboxes(node: HTMLElement): HTMLChCheckboxElement[] {\n    const checkboxes: HTMLChCheckboxElement[] = [];\n\n    node.childNodes.forEach(child => {\n      if (child.nodeName === NODENAME) {\n        checkboxes.push(child as HTMLChCheckboxElement);\n      } else if (child instanceof HTMLElement) {\n        checkboxes.push(...this.#getAllCheckboxes(child));\n      }\n    });\n\n    return checkboxes;\n  }\n  #addDocument(documentName: string) {\n    const documentExists = this.documents.some(\n      doc => doc.name === documentName\n    );\n    if (!documentExists) {\n      this.documents = [\n        ...this.documents,\n        {\n          name: documentName,\n          deleteEnabled: false,\n          deleteRequired: false,\n          newEnabled: false,\n          newRequired: false,\n          readEnabled: false,\n          readRequired: false,\n          updateEnabled: false,\n          updateRequired: false\n        }\n      ];\n      this.#refreshDocumentsActionListState();\n    }\n  }\n\n  #cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n  #confirmCallbackHandler = () => {\n    this.confirmCallback(this.documents);\n  };\n\n  #documentSuggestValueChangedHandler = async (\n    e: ChComboBoxRenderCustomEvent<string> & InputEvent\n  ) => {\n    const value = e.detail;\n    this.suggestDocumentsCallback(value)\n      .then(result => {\n        this.suggestedDocuments =\n          convertSuggestedDocumentsToSuggestItems(result);\n      })\n      .catch(() => {\n        // to do\n      });\n  };\n\n  #handleCheckboxChange() {\n    const data: TaskDocumentData = {\n      name: this.selectedDocument.name,\n      readEnabled: this.#readEnabledCheckboxEl.value === CHECKED_VALUE,\n      readRequired: this.#readRequiredCheckboxEl.value === CHECKED_VALUE,\n      newEnabled: this.#newEnabledCheckboxEl.value === CHECKED_VALUE,\n      newRequired: this.#newRequiredCheckboxEl.value === CHECKED_VALUE,\n      updateEnabled: this.#updateEnabledCheckboxEl.value === CHECKED_VALUE,\n      updateRequired: this.#updateRequiredCheckboxEl.value === CHECKED_VALUE,\n      deleteEnabled: this.#deleteEnabledCheckboxEl.value === CHECKED_VALUE,\n      deleteRequired: this.#deleteRequiredCheckboxEl.value === CHECKED_VALUE\n    };\n\n    this.selectedDocument = data;\n\n    this.documents = this.documents.map(doc =>\n      doc.name === this.selectedDocument.name ? this.selectedDocument : doc\n    );\n  }\n\n  #handleDeleteButton = () => {\n    this.documents = this.documents.filter(\n      doc => doc.name !== this.selectedDocument.name\n    );\n    this.selectedDocument = null;\n    this.#refreshDocumentsActionListState();\n  };\n\n  #listenDocumentSelected = async (e: CustomEvent<string>) => {\n    if (e.detail) {\n      this.#addDocument(e.detail);\n    }\n  };\n\n  #objectSelectionChangedHandler = (e: CustomEvent) => {\n    this.selectedDocument = this.documents.find(\n      doc => doc.name === e.detail[0]?.item.caption\n    );\n  };\n\n  #refreshDocumentsActionListState = () => {\n    this.documents?.sort((a, b) => {\n      return a.name.localeCompare(b.name);\n    });\n    this.documentsActionListState = taskDocumentsToActionListItemModel(\n      this.documents,\n      this.selectedDocument\n    );\n\n    this.selectedDocument =\n      this.selectedDocument || this.documents?.[0] || null;\n  };\n\n  #selectDocumentCallbackHandler = async () => {\n    const callbackResult = await this.selectDocumentCallback();\n    if (callbackResult) {\n      this.documentName = callbackResult;\n      this.#addDocument(callbackResult);\n    }\n  };\n\n  #renderActions = () => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid scrollable\"\n        rowSelectionMode=\"none\"\n        keyboardNavigationMode=\"focus\"\n        columnResizeMode=\"single\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnId=\"code\"\n            columnName=\"\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnId=\"enabled\"\n            settingable={false}\n            columnName={this.#_componentLocale.actions.enabledCheckbox}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            columnId=\"required\"\n            settingable={false}\n            columnName={this.#_componentLocale.actions.requiredCheckbox}\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        <ch-tabular-grid-row\n          // read\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.readLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.readEnabled.toString()}\n              ref={el =>\n                (this.#readEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.readRequired.toString()}\n              ref={el =>\n                (this.#readRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n\n        <ch-tabular-grid-row\n          // new\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.newLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.newEnabled.toString()}\n              ref={el =>\n                (this.#newEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.newRequired.toString()}\n              ref={el =>\n                (this.#newRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n\n        <ch-tabular-grid-row\n          // update\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.updateLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.updateEnabled.toString()}\n              ref={el =>\n                (this.#updateEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.updateRequired.toString()}\n              ref={el =>\n                (this.#updateRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n\n        <ch-tabular-grid-row\n          // delete\n          class=\"tabular-grid-row\"\n          rowid=\"read\"\n        >\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            {this.#_componentLocale.actions.deleteLabel}\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.deleteEnabled.toString()}\n              ref={el =>\n                (this.#deleteEnabledCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n          <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n            <ch-checkbox\n              class=\"checkbox\"\n              checkedValue={CHECKED_VALUE}\n              value={this.selectedDocument?.deleteRequired.toString()}\n              ref={el =>\n                (this.#deleteRequiredCheckboxEl = el as HTMLChCheckboxElement)\n              }\n            ></ch-checkbox>\n          </ch-tabular-grid-cell>\n        </ch-tabular-grid-row>\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderEmptyState = () => {\n    return (\n      <gx-ide-empty-state\n        class=\"recent-objects__empty-state\"\n        stateIconSrc={MODULE_ICON}\n        isAnimated={this.#renderedFirstTime}\n        stateTitle={this.#_componentLocale.emptyRightPanelInfo.title}\n      >\n        <button\n          class=\"button-secondary\"\n          onClick={this.#selectDocumentCallbackHandler}\n        >\n          {this.#_componentLocale.emptyRightPanelInfo.buttonCaption}\n        </button>\n      </gx-ide-empty-state>\n    );\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer control-footer control-footer-with-border spacing-body-block-end spacing-body-inline\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            id=\"button-cancel\"\n            onClick={this.#cancelCallbackHandler}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancelButton}\n          </button>\n          <button\n            class=\"button-primary\"\n            id=\"button-create\"\n            onClick={this.#confirmCallbackHandler}\n            part=\"button-create\"\n          >\n            {this.#_componentLocale.footer.confirmButton}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderMain = () => {\n    return [\n      <div class=\"documents__list spacing-body-inline\">\n        <ch-action-list-render\n          selection=\"single\"\n          class=\"list-box\"\n          model={this.documentsActionListState}\n          onSelectedItemsChange={this.#objectSelectionChangedHandler}\n        ></ch-action-list-render>\n      </div>,\n      this.#renderActions()\n    ];\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <div class=\"main field-group\">\n            <div class=\"documents__header buttons-spacer spacing-body-inline spacing-body-block-start\">\n              <ch-combo-box-render\n                class=\"combo-box documents__suggest\"\n                model={this.suggestedDocuments}\n                placeholder={\n                  this.#_componentLocale.documents.suggestPlaceholder\n                }\n                suggest={true}\n                onInput={this.#documentSuggestValueChangedHandler}\n                onChange={this.#listenDocumentSelected}\n                suggestOptions={{\n                  alreadyProcessed: false,\n                  autoExpand: true,\n                  hideMatchesAndShowNonMatches: false,\n                  highlightMatchedItems: false,\n                  matchCase: false,\n                  regularExpression: false,\n                  strict: false\n                }}\n              ></ch-combo-box-render>\n\n              <span>\n                <button\n                  class=\"button-tertiary button-icon-only\"\n                  aria-label={\n                    this.#_componentLocale.documents.addDocumentButtonLabel\n                  }\n                  title={\n                    this.#_componentLocale.documents.addDocumentButtonLabel\n                  }\n                  onClick={this.#selectDocumentCallbackHandler}\n                >\n                  <ch-image class=\"icon-sm\" src={MORE_ICON}></ch-image>\n                </button>\n\n                <button\n                  class=\"button-tertiary button-icon-only\"\n                  aria-label={\n                    this.#_componentLocale.documents.clearDocumentButtonLabel\n                  }\n                  title={\n                    this.#_componentLocale.documents.clearDocumentButtonLabel\n                  }\n                  onClick={this.#handleDeleteButton}\n                >\n                  <ch-image class=\"icon-sm\" src={DELETE_ICON}></ch-image>\n                </button>\n              </span>\n            </div>\n\n            {this.documentsActionListState.length\n              ? this.#renderMain()\n              : this.#renderEmptyState()}\n          </div>\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type TaskDocumentData = {\n  name: string;\n  readEnabled: boolean;\n  readRequired: boolean;\n  newEnabled: boolean;\n  newRequired: boolean;\n  updateEnabled: boolean;\n  updateRequired: boolean;\n  deleteEnabled: boolean;\n  deleteRequired: boolean;\n};\n\nexport type SuggestDocumentsCallback = (\n  documentName: string\n) => Promise<string[] | undefined>;\nexport type SelectDocumentCallback = () => Promise<string | undefined>;\nexport type ConfirmCallback = (data: TaskDocumentData[]) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\n"]}

package/dist/collection/components/data-selector/data-selector.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         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 _GxIdeDataSelector_firstGridObjectId, _GxIdeDataSelector_loadItemsCallbackJustCalled, _GxIdeDataSelector_componentLocale, _GxIdeDataSelector_animateEmptyState, _GxIdeDataSelector_shortcutsSrc, _GxIdeDataSelector_filterPatternEl, _GxIdeDataSelector_filterObjectEl, _GxIdeDataSelector_chShortcutsEl, _GxIdeDataSelector_chTabularGridObjectsEl, _GxIdeDataSelector_evaluateFirstRowSelection, _GxIdeDataSelector_chGridKeyDownHandler, _GxIdeDataSelector_confirmCallbackHandler, _GxIdeDataSelector_editCallbackHandler, _GxIdeDataSelector_hostKeyPressHandler, _GxIdeDataSelector_objectsSelectionChangedHandler, _GxIdeDataSelector_newVariableCallbackHandler, _GxIdeDataSelector_refreshUIWithNewConfiguration, _GxIdeDataSelector_renderFilter, _GxIdeDataSelector_renderObjects, _GxIdeDataSelector_sortObjectsByName;
+var _GxIdeDataSelector_firstGridObjectId, _GxIdeDataSelector_loadItemsCallbackJustCalled, _GxIdeDataSelector_componentLocale, _GxIdeDataSelector_animateEmptyState, _GxIdeDataSelector_shortcutsSrc, _GxIdeDataSelector_filterPatternEl, _GxIdeDataSelector_filterObjectEl, _GxIdeDataSelector_chShortcutsEl, _GxIdeDataSelector_chTabularGridObjectsEl, _GxIdeDataSelector_evaluateFirstRowSelection, _GxIdeDataSelector_chGridKeyDownHandler, _GxIdeDataSelector_confirmCallbackHandler, _GxIdeDataSelector_editCallbackHandler, _GxIdeDataSelector_hostKeyPressHandler, _GxIdeDataSelector_objectsSelectionChangedHandler, _GxIdeDataSelector_newVariableCallbackHandler, _GxIdeDataSelector_refreshUIWithNewConfiguration, _GxIdeDataSelector_renderFilter, _GxIdeDataSelector_renderObjects, _GxIdeDataSelector_renderEditButtons, _GxIdeDataSelector_sortObjectsByName;
 /* eslint-disable @stencil-community/own-props-must-be-private */
 import { Host, h, getAssetPath } from "@stencil/core";
 import { Locale } from "../../common/locale";
@@ -129,6 +129,20 @@ export class GxIdeDataSelector {
                     ? "objects/attribute"
                     : "objects-parts/variables", class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.dataType), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, displayLoader ? (h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").loader.title, show: true })) : (h("gx-ide-empty-state", { isAnimated: __classPrivateFieldGet(this, _GxIdeDataSelector_animateEmptyState, "f"), stateIconSrc: FILTER_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").emptyState.title })))))));
         });
+        _GxIdeDataSelector_renderEditButtons.set(this, () => {
+            if (!this.editCallback && !this.newVariableCallback) {
+                return null;
+            }
+            const newVariableButtonEnabled = this.newVariableCallback && !this.loading;
+            const editButtonEnabled = this.editCallback && !this.loading && this.selectedObjectsIds.length;
+            return (h("div", { class: "buttons-spacer" }, this.newVariableCallback ? (h("button", {
+                // New Variable Button
+                class: "button-secondary", disabled: !newVariableButtonEnabled, part: "button button-new", type: "button", onClick: __classPrivateFieldGet(this, _GxIdeDataSelector_newVariableCallbackHandler, "f")
+            }, __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").footer.btnNew)) : ([]), this.editCallback ? (h("button", {
+                // Edit Button
+                class: "button-secondary", disabled: !editButtonEnabled, part: "button button-edit", type: "button", onClick: editButtonEnabled && __classPrivateFieldGet(this, _GxIdeDataSelector_editCallbackHandler, "f")
+            }, __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").footer.btnEdit)) : ([])));
+        });
         _GxIdeDataSelector_sortObjectsByName.set(this, (objects) => 
         // TODO (make this a common helper function
         // and use it in other dialog grids that
@@ -188,16 +202,15 @@ export class GxIdeDataSelector {
         return isValid;
     }
     render() {
-        const newVariableButtonEnabled = !this.loading;
-        const editButtonEnabled = !this.loading && this.selectedObjectsIds.length;
         const okButtonEnabled = !this.loading;
-        return (h(Host, { onKeyPress: __classPrivateFieldGet(this, _GxIdeDataSelector_hostKeyPressHandler, "f"), class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeDataSelector_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeDataSelector_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { class: "header control-header-with-border spacing-body-block-start spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeDataSelector_renderFilter, "f").call(this)), __classPrivateFieldGet(this, _GxIdeDataSelector_renderObjects, "f").call(this), h("footer", { class: "footer control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end" }, h("div", { class: "buttons-spacer" }, h("button", {
-            // New Variable Button
-            class: "button-secondary", disabled: !newVariableButtonEnabled, part: "button button-new", type: "button", onClick: __classPrivateFieldGet(this, _GxIdeDataSelector_newVariableCallbackHandler, "f")
-        }, __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").footer.btnNew), h("button", {
-            // Edit Button
-            class: "button-secondary", disabled: !editButtonEnabled, part: "button button-edit", type: "button", onClick: editButtonEnabled && __classPrivateFieldGet(this, _GxIdeDataSelector_editCallbackHandler, "f")
-        }, __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").footer.btnEdit)), h("div", { class: "buttons-spacer" }, h("button", {
+        const footerJustifySpaceBetween = !!this.newVariableCallback || !!this.editCallback;
+        return (h(Host, { onKeyPress: __classPrivateFieldGet(this, _GxIdeDataSelector_hostKeyPressHandler, "f"), class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeDataSelector_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeDataSelector_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { class: "header control-header-with-border spacing-body-block-start spacing-body-inline" }, __classPrivateFieldGet(this, _GxIdeDataSelector_renderFilter, "f").call(this)), __classPrivateFieldGet(this, _GxIdeDataSelector_renderObjects, "f").call(this), h("footer", { class: {
+                "footer": true,
+                "control-footer-with-border": true,
+                "control-footer-space-between": footerJustifySpaceBetween,
+                "spacing-body-inline": true,
+                "spacing-body-block-end": true
+            } }, __classPrivateFieldGet(this, _GxIdeDataSelector_renderEditButtons, "f").call(this), h("div", { class: "buttons-spacer" }, h("button", {
             // Cancel Button
             class: "button-secondary", part: "button button-cancel", type: "button", onClick: this.cancelCallback
         }, __classPrivateFieldGet(this, _GxIdeDataSelector_componentLocale, "f").footer.btnCancel), h("button", {
@@ -316,7 +329,7 @@ export class GxIdeDataSelector {
                         }
                     }
                 },
-                "required": true,
+                "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -376,7 +389,7 @@ export class GxIdeDataSelector {
                         }
                     }
                 },
-                "required": true,
+                "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -475,5 +488,5 @@ export class GxIdeDataSelector {
     }
     static get elementRef() { return "el"; }
 }
-_GxIdeDataSelector_firstGridObjectId = new WeakMap(), _GxIdeDataSelector_loadItemsCallbackJustCalled = new WeakMap(), _GxIdeDataSelector_componentLocale = new WeakMap(), _GxIdeDataSelector_animateEmptyState = new WeakMap(), _GxIdeDataSelector_shortcutsSrc = new WeakMap(), _GxIdeDataSelector_filterPatternEl = new WeakMap(), _GxIdeDataSelector_filterObjectEl = new WeakMap(), _GxIdeDataSelector_chShortcutsEl = new WeakMap(), _GxIdeDataSelector_chTabularGridObjectsEl = new WeakMap(), _GxIdeDataSelector_evaluateFirstRowSelection = new WeakMap(), _GxIdeDataSelector_chGridKeyDownHandler = new WeakMap(), _GxIdeDataSelector_confirmCallbackHandler = new WeakMap(), _GxIdeDataSelector_editCallbackHandler = new WeakMap(), _GxIdeDataSelector_hostKeyPressHandler = new WeakMap(), _GxIdeDataSelector_objectsSelectionChangedHandler = new WeakMap(), _GxIdeDataSelector_newVariableCallbackHandler = new WeakMap(), _GxIdeDataSelector_refreshUIWithNewConfiguration = new WeakMap(), _GxIdeDataSelector_renderFilter = new WeakMap(), _GxIdeDataSelector_renderObjects = new WeakMap(), _GxIdeDataSelector_sortObjectsByName = new WeakMap();
+_GxIdeDataSelector_firstGridObjectId = new WeakMap(), _GxIdeDataSelector_loadItemsCallbackJustCalled = new WeakMap(), _GxIdeDataSelector_componentLocale = new WeakMap(), _GxIdeDataSelector_animateEmptyState = new WeakMap(), _GxIdeDataSelector_shortcutsSrc = new WeakMap(), _GxIdeDataSelector_filterPatternEl = new WeakMap(), _GxIdeDataSelector_filterObjectEl = new WeakMap(), _GxIdeDataSelector_chShortcutsEl = new WeakMap(), _GxIdeDataSelector_chTabularGridObjectsEl = new WeakMap(), _GxIdeDataSelector_evaluateFirstRowSelection = new WeakMap(), _GxIdeDataSelector_chGridKeyDownHandler = new WeakMap(), _GxIdeDataSelector_confirmCallbackHandler = new WeakMap(), _GxIdeDataSelector_editCallbackHandler = new WeakMap(), _GxIdeDataSelector_hostKeyPressHandler = new WeakMap(), _GxIdeDataSelector_objectsSelectionChangedHandler = new WeakMap(), _GxIdeDataSelector_newVariableCallbackHandler = new WeakMap(), _GxIdeDataSelector_refreshUIWithNewConfiguration = new WeakMap(), _GxIdeDataSelector_renderFilter = new WeakMap(), _GxIdeDataSelector_renderObjects = new WeakMap(), _GxIdeDataSelector_renderEditButtons = new WeakMap(), _GxIdeDataSelector_sortObjectsByName = new WeakMap();
 //# sourceMappingURL=data-selector.js.map