@genexus/genexus-ide-ui 1.1.27 → 1.1.29

package/dist/collection/components/curl-inspector/curl-inspector.js

@@ -0,0 +1,327 @@
+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 _GxIdeCurlInspector_componentLocale, _GxIdeCurlInspector_chShortcutsEl, _GxIdeCurlInspector_descriptionEl, _GxIdeCurlInspector_moduleEntitySelector, _GxIdeCurlInspector_nameEl, _GxIdeCurlInspector_editorEl, _GxIdeCurlInspector_curlContentChangeHandler, _GxIdeCurlInspector_keydownHandler, _GxIdeCurlInspector_initializeValidatableControls, _GxIdeCurlInspector_evaluateTooltipRender, _GxIdeCurlInspector_validateForm, _GxIdeCurlInspector_handleEditorChange, _GxIdeCurlInspector_handleSlotChange, _GxIdeCurlInspector_createHandler;
+import { Host, h } from "@stencil/core";
+import { config } from "../../common/config";
+import { Locale } from "../../common/locale";
+import { validateControls } from "../../common/form-validation";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tooltip",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+export class GxIdeCurlInspector {
+    constructor() {
+        _GxIdeCurlInspector_componentLocale.set(this, void 0);
+        _GxIdeCurlInspector_chShortcutsEl.set(this, void 0);
+        _GxIdeCurlInspector_descriptionEl.set(this, void 0);
+        _GxIdeCurlInspector_moduleEntitySelector.set(this, void 0);
+        _GxIdeCurlInspector_nameEl.set(this, void 0);
+        _GxIdeCurlInspector_editorEl.set(this, void 0);
+        _GxIdeCurlInspector_curlContentChangeHandler.set(this, void 0);
+        _GxIdeCurlInspector_keydownHandler.set(this, void 0);
+        _GxIdeCurlInspector_initializeValidatableControls.set(this, () => {
+            const validatableControls = [
+                __classPrivateFieldGet(this, _GxIdeCurlInspector_nameEl, "f"),
+                __classPrivateFieldGet(this, _GxIdeCurlInspector_moduleEntitySelector, "f")
+            ];
+            validatableControls.forEach(validatableControl => {
+                if (validatableControl.id) {
+                    this.validatableControls.set(validatableControl.id, {
+                        reference: validatableControl,
+                        hasError: false,
+                        message: undefined
+                    });
+                }
+            });
+        });
+        _GxIdeCurlInspector_evaluateTooltipRender.set(this, (controlReference) => {
+            var _a, _b, _c;
+            return ((_b = (_a = this.validatableControls) === null || _a === void 0 ? void 0 : _a.get(controlReference === null || controlReference === void 0 ? void 0 : controlReference.id)) === null || _b === void 0 ? void 0 : _b.hasError) &&
+                ((_c = this.validatableControls.get(controlReference.id)) === null || _c === void 0 ? void 0 : _c.message) && (h("ch-tooltip", { class: "tooltip", actionElement: controlReference, blockAlign: config.tooltipSettings.blockAlign, inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, this.validatableControls.get(controlReference.id).message));
+        });
+        _GxIdeCurlInspector_validateForm.set(this, () => {
+            var _a, _b, _c, _d, _e;
+            const name = ((_b = (_a = __classPrivateFieldGet(this, _GxIdeCurlInspector_nameEl, "f")) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "";
+            const parentId = ((_d = (_c = __classPrivateFieldGet(this, _GxIdeCurlInspector_moduleEntitySelector, "f")) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.id) || "";
+            const curl = ((_e = this.curlContent) === null || _e === void 0 ? void 0 : _e.trim()) || "";
+            const isNameValid = this.validateNameCallback
+                ? this.validateNameCallback(name)
+                : Boolean(name);
+            const isParentValid = Boolean(parentId);
+            const isCurlValid = Boolean(curl);
+            this.isFormValid = isNameValid && isParentValid && isCurlValid;
+        });
+        _GxIdeCurlInspector_handleEditorChange.set(this, () => {
+            if (__classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f")) {
+                this.curlContent = __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").text;
+                __classPrivateFieldGet(this, _GxIdeCurlInspector_validateForm, "f").call(this);
+            }
+        });
+        _GxIdeCurlInspector_handleSlotChange.set(this, (e) => {
+            const elements = e.target.assignedElements();
+            if (elements.length) {
+                __classPrivateFieldSet(this, _GxIdeCurlInspector_editorEl, elements[0], "f");
+                __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").addEventListener("input", __classPrivateFieldGet(this, _GxIdeCurlInspector_handleEditorChange, "f"));
+                __classPrivateFieldSet(this, _GxIdeCurlInspector_curlContentChangeHandler, ((event) => {
+                    this.curlContent = event.detail.content;
+                    __classPrivateFieldGet(this, _GxIdeCurlInspector_handleEditorChange, "f").call(this);
+                }), "f");
+                __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").addEventListener("curl-content-change", __classPrivateFieldGet(this, _GxIdeCurlInspector_curlContentChangeHandler, "f"));
+                __classPrivateFieldSet(this, _GxIdeCurlInspector_keydownHandler, (event) => {
+                    if ((event.ctrlKey || event.metaKey) && event.key === "v") {
+                        setTimeout(() => {
+                            __classPrivateFieldGet(this, _GxIdeCurlInspector_handleEditorChange, "f").call(this);
+                        }, 0);
+                    }
+                }, "f");
+                __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").addEventListener("keydown", __classPrivateFieldGet(this, _GxIdeCurlInspector_keydownHandler, "f"));
+                this.curlContent = __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").text;
+                __classPrivateFieldGet(this, _GxIdeCurlInspector_validateForm, "f").call(this);
+            }
+        });
+        _GxIdeCurlInspector_createHandler.set(this, () => {
+            var _a;
+            const data = {
+                name: __classPrivateFieldGet(this, _GxIdeCurlInspector_nameEl, "f").value,
+                description: __classPrivateFieldGet(this, _GxIdeCurlInspector_descriptionEl, "f").value,
+                parentId: (_a = __classPrivateFieldGet(this, _GxIdeCurlInspector_moduleEntitySelector, "f").value) === null || _a === void 0 ? void 0 : _a.id,
+                curl: this.curlContent
+            };
+            this.confirmCallback(data).then((formSubmitResult) => {
+                this.validatableControls = validateControls(formSubmitResult, this.validatableControls);
+            });
+        });
+        this.showTooltipError = false;
+        this.isFormValid = false;
+        this.curlContent = "";
+        this.validatableControls = new Map();
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+        this.defaultParent = undefined;
+        this.parent = undefined;
+        this.selectModuleCallback = undefined;
+        this.validateNameCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeCurlInspector_componentLocale, await Locale.getComponentStrings(this.el), "f");
+    }
+    componentDidLoad() {
+        __classPrivateFieldGet(this, _GxIdeCurlInspector_initializeValidatableControls, "f").call(this);
+    }
+    disconnectedCallback() {
+        if (__classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f") && __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").removeEventListener) {
+            __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").removeEventListener("input", __classPrivateFieldGet(this, _GxIdeCurlInspector_handleEditorChange, "f"));
+            __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").removeEventListener("curl-content-change", __classPrivateFieldGet(this, _GxIdeCurlInspector_curlContentChangeHandler, "f"));
+            __classPrivateFieldGet(this, _GxIdeCurlInspector_editorEl, "f").removeEventListener("keydown", __classPrivateFieldGet(this, _GxIdeCurlInspector_keydownHandler, "f"));
+        }
+    }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        __classPrivateFieldGet(this, _GxIdeCurlInspector_chShortcutsEl, "f").suspend = suspendShortcuts;
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: "./gx-ide-assets/curl-inspector/shortcuts.json", ref: (el) => (__classPrivateFieldSet(this, _GxIdeCurlInspector_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { class: "header field-group spacing-body control-header" }, h("div", { class: "field-group field-group-name-description-module" }, h("label", { class: "label name-label", htmlFor: "input-name" }, __classPrivateFieldGet(this, _GxIdeCurlInspector_componentLocale, "f").header.nameFieldLabel), h("ch-edit", { class: "input name-input", id: "input-name", ref: (el) => (__classPrivateFieldSet(this, _GxIdeCurlInspector_nameEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeCurlInspector_validateForm, "f") }), __classPrivateFieldGet(this, _GxIdeCurlInspector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeCurlInspector_nameEl, "f")), h("label", { class: "label description-label", htmlFor: "input-description" }, __classPrivateFieldGet(this, _GxIdeCurlInspector_componentLocale, "f").header.descriptionFieldLabel), h("ch-edit", { class: "input description-input", id: "input-description", ref: (el) => (__classPrivateFieldSet(this, _GxIdeCurlInspector_descriptionEl, el, "f")) }), h("label", { class: "label module-label", htmlFor: "input-module" }, __classPrivateFieldGet(this, _GxIdeCurlInspector_componentLocale, "f").header.moduleFolderLabel), h("gx-ide-entity-selector", { class: "module module-entity-selector", id: "module", value: this.defaultParent, ref: (el) => (__classPrivateFieldSet(this, _GxIdeCurlInspector_moduleEntitySelector, el, "f")), labelPosition: "none", defaultValue: this.defaultParent, selectEntityCallback: this.selectModuleCallback }), __classPrivateFieldGet(this, _GxIdeCurlInspector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeCurlInspector_moduleEntitySelector, "f")))), h("div", { class: "main field-group scrollable" }, h("slot", { name: "CurlTextEditor", onSlotchange: __classPrivateFieldGet(this, _GxIdeCurlInspector_handleSlotChange, "f") })), h("footer", { class: "control-footer control-footer spacing-body-block-end spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", id: "button-cancel", onClick: this.cancelCallback, part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeCurlInspector_componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", id: "button-ok", onClick: __classPrivateFieldGet(this, _GxIdeCurlInspector_createHandler, "f"), part: "button-ok", disabled: !this.isFormValid }, __classPrivateFieldGet(this, _GxIdeCurlInspector_componentLocale, "f").footer.btnCreate))))));
+    }
+    static get is() { return "gx-ide-curl-inspector"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["curl-inspector.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["curl-inspector.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/curl-inspector"]; }
+    static get properties() {
+        return {
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the user wants to cancel the operation"
+                }
+            },
+            "confirmCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    data: CurlImportData\n  ) => Promise<FormSubmitResult>",
+                    "resolved": "(data: CurlImportData) => Promise<FormSubmitResult>",
+                    "references": {
+                        "CurlImportData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/curl-inspector/curl-inspector.tsx",
+                            "id": "src/components/curl-inspector/curl-inspector.tsx::CurlImportData"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FormSubmitResult": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::FormSubmitResult"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the user confirms the creation. Receives the data\nnecessary to create the procedure."
+                }
+            },
+            "defaultParent": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EntityData",
+                    "resolved": "{ id: string; name: string; iconSrc?: string; }",
+                    "references": {
+                        "EntityData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/curl-inspector/curl-inspector.tsx",
+                            "id": "src/components/curl-inspector/curl-inspector.tsx::EntityData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Default value for Module/Folder field"
+                }
+            },
+            "parent": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EntityData",
+                    "resolved": "{ id: string; name: string; iconSrc?: string; }",
+                    "references": {
+                        "EntityData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/curl-inspector/curl-inspector.tsx",
+                            "id": "src/components/curl-inspector/curl-inspector.tsx::EntityData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Actual value for Module/Folder field"
+                }
+            },
+            "selectModuleCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectModuleCallback",
+                    "resolved": "() => Promise<EntityData>",
+                    "references": {
+                        "SelectModuleCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/curl-inspector/curl-inspector.tsx",
+                            "id": "src/components/curl-inspector/curl-inspector.tsx::SelectModuleCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the action is executed in the Module/Folder filter. It returns the\ninformation of the selected object (id and name) or 'undefined' if it was canceled."
+                }
+            },
+            "validateNameCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(name: string) => boolean",
+                    "resolved": "(name: string) => boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback to validate the name. Should return true if the name is valid, false otherwise."
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "showTooltipError": {},
+            "isFormValid": {},
+            "curlContent": {},
+            "validatableControls": {}
+        };
+    }
+    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"; }
+}
+_GxIdeCurlInspector_componentLocale = new WeakMap(), _GxIdeCurlInspector_chShortcutsEl = new WeakMap(), _GxIdeCurlInspector_descriptionEl = new WeakMap(), _GxIdeCurlInspector_moduleEntitySelector = new WeakMap(), _GxIdeCurlInspector_nameEl = new WeakMap(), _GxIdeCurlInspector_editorEl = new WeakMap(), _GxIdeCurlInspector_curlContentChangeHandler = new WeakMap(), _GxIdeCurlInspector_keydownHandler = new WeakMap(), _GxIdeCurlInspector_initializeValidatableControls = new WeakMap(), _GxIdeCurlInspector_evaluateTooltipRender = new WeakMap(), _GxIdeCurlInspector_validateForm = new WeakMap(), _GxIdeCurlInspector_handleEditorChange = new WeakMap(), _GxIdeCurlInspector_handleSlotChange = new WeakMap(), _GxIdeCurlInspector_createHandler = new WeakMap();
+//# sourceMappingURL=curl-inspector.js.map

package/dist/collection/components/curl-inspector/curl-inspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"curl-inspector.js","sourceRoot":"","sources":["../../../src/components/curl-inspector/curl-inspector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-curl-inspector\",\n  styleUrl: \"curl-inspector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/curl-inspector\"]\n})\nexport class GxIdeCurlInspector {\n  #componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #editorEl: TextProviderElement;\n  #curlContentChangeHandler: EventListener;\n  #keydownHandler: EventListener;\n\n  @Element() el: HTMLGxIdeCurlInspectorElement;\n\n  @State() showTooltipError: boolean = false;\n  @State() isFormValid: boolean = false;\n  @State() curlContent: string = \"\";\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the user wants to cancel the operation\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the user confirms the creation. Receives the data\n   * necessary to create the procedure.\n   */\n  @Prop() readonly confirmCallback!: (\n    data: CurlImportData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Default value for Module/Folder field\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * Actual value for Module/Folder field\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the\n   * information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback to validate the name. Should return true if the name is valid, false otherwise.\n   */\n  @Prop() readonly validateNameCallback?: (name: string) => boolean;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  disconnectedCallback() {\n    if (this.#editorEl && this.#editorEl.removeEventListener) {\n      this.#editorEl.removeEventListener(\"input\", this.#handleEditorChange);\n      this.#editorEl.removeEventListener(\n        \"curl-content-change\",\n        this.#curlContentChangeHandler\n      );\n      this.#editorEl.removeEventListener(\"keydown\", this.#keydownHandler);\n    }\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #initializeValidatableControls = () => {\n    const validatableControls: HTMLElement[] = [\n      this.#nameEl,\n      this.#moduleEntitySelector\n    ];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #validateForm = () => {\n    const name = this.#nameEl?.value?.trim() || \"\";\n    const parentId = this.#moduleEntitySelector?.value?.id || \"\";\n    const curl = this.curlContent?.trim() || \"\";\n\n    const isNameValid = this.validateNameCallback\n      ? this.validateNameCallback(name)\n      : Boolean(name);\n    const isParentValid = Boolean(parentId);\n    const isCurlValid = Boolean(curl);\n\n    this.isFormValid = isNameValid && isParentValid && isCurlValid;\n  };\n\n  #handleEditorChange = () => {\n    if (this.#editorEl) {\n      this.curlContent = this.#editorEl.text;\n      this.#validateForm();\n    }\n  };\n\n  #handleSlotChange = (e: Event) => {\n    const elements = (e.target as HTMLSlotElement).assignedElements();\n    if (elements.length) {\n      this.#editorEl = elements[0] as TextProviderElement;\n\n      this.#editorEl.addEventListener(\"input\", this.#handleEditorChange);\n\n      this.#curlContentChangeHandler = ((event: CustomEvent) => {\n        this.curlContent = event.detail.content;\n        this.#handleEditorChange();\n      }) as EventListener;\n\n      this.#editorEl.addEventListener(\n        \"curl-content-change\",\n        this.#curlContentChangeHandler\n      );\n\n      this.#keydownHandler = (event: KeyboardEvent) => {\n        if ((event.ctrlKey || event.metaKey) && event.key === \"v\") {\n          setTimeout(() => {\n            this.#handleEditorChange();\n          }, 0);\n        }\n      };\n\n      this.#editorEl.addEventListener(\"keydown\", this.#keydownHandler);\n\n      this.curlContent = this.#editorEl.text;\n      this.#validateForm();\n    }\n  };\n\n  #createHandler = () => {\n    const data: CurlImportData = {\n      name: this.#nameEl.value,\n      description: this.#descriptionEl.value,\n      parentId: this.#moduleEntitySelector.value?.id,\n      curl: this.curlContent\n    };\n    this.confirmCallback(data).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={\"./gx-ide-assets/curl-inspector/shortcuts.json\"}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header field-group spacing-body control-header\">\n            <div class=\"field-group field-group-name-description-module\">\n              <label class=\"label name-label\" htmlFor=\"input-name\">\n                {this.#componentLocale.header.nameFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input name-input\"\n                id=\"input-name\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onInput={this.#validateForm}\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#nameEl)}\n\n              <label\n                class=\"label description-label\"\n                htmlFor=\"input-description\"\n              >\n                {this.#componentLocale.header.descriptionFieldLabel}\n              </label>\n              <ch-edit\n                class=\"input description-input\"\n                id=\"input-description\"\n                ref={(el: HTMLChEditElement) =>\n                  (this.#descriptionEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n\n              <label class=\"label module-label\" htmlFor=\"input-module\">\n                {this.#componentLocale.header.moduleFolderLabel}\n              </label>\n              <gx-ide-entity-selector\n                class=\"module module-entity-selector\"\n                id=\"module\"\n                value={this.defaultParent}\n                ref={(el: HTMLGxIdeEntitySelectorElement) =>\n                  (this.#moduleEntitySelector =\n                    el as HTMLGxIdeEntitySelectorElement)\n                }\n                labelPosition=\"none\"\n                defaultValue={this.defaultParent}\n                selectEntityCallback={this.selectModuleCallback}\n              ></gx-ide-entity-selector>\n              {this.#evaluateTooltipRender(this.#moduleEntitySelector)}\n            </div>\n          </header>\n          <div class=\"main field-group scrollable\">\n            <slot\n              name=\"CurlTextEditor\"\n              onSlotchange={this.#handleSlotChange}\n            ></slot>\n          </div>\n          <footer class=\"control-footer control-footer 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.cancelCallback}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-ok\"\n                onClick={this.#createHandler}\n                part=\"button-ok\"\n                disabled={!this.isFormValid}\n              >\n                {this.#componentLocale.footer.btnCreate}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CurlImportData = {\n  name: string;\n  description: string;\n  parentId: string;\n  curl: string;\n};\n\nexport type EntityData = {\n  id: string;\n  name: string;\n  iconSrc?: string;\n};\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\ninterface ItextProvider {\n  readonly text: string;\n}\n\ntype TextProviderElement = HTMLElement & ItextProvider;\n"]}

package/dist/collection/components/curl-inspector/gx-ide-assets/curl-inspector/langs/curl-inspector.lang.en.json

@@ -0,0 +1,14 @@
+{
+  "header": {
+    "nameFieldLabel": "Name",
+    "descriptionFieldLabel": "Description",
+    "moduleFolderLabel": "Module/Folder"
+  },
+  "footer": {
+    "btnCancel": "Cancel",
+    "btnCreate": "Create Procedure"
+  },
+  "error": {
+    "errorMessage": "Error"
+  }
+}

package/dist/collection/components/curl-inspector/gx-ide-assets/curl-inspector/langs/curl-inspector.lang.ja.json

@@ -0,0 +1,14 @@
+{
+  "header": {
+    "nameFieldLabel": "Name",
+    "descriptionFieldLabel": "Description",
+    "moduleFolderLabel": "Module/Folder"
+  },
+  "footer": {
+    "btnCancel": "Cancel",
+    "btnCreate": "Create Procedure"
+  },
+  "error": {
+    "errorMessage": "Error"
+  }
+}

package/dist/collection/components/curl-inspector/gx-ide-assets/curl-inspector/langs/curl-inspector.lang.zh.json

@@ -0,0 +1,14 @@
+{
+  "header": {
+    "nameFieldLabel": "Name",
+    "descriptionFieldLabel": "Description",
+    "moduleFolderLabel": "Module/Folder"
+  },
+  "footer": {
+    "btnCancel": "Cancel",
+    "btnCreate": "Create Procedure"
+  },
+  "error": {
+    "errorMessage": "Error"
+  }
+}

package/dist/collection/components/curl-inspector/gx-ide-assets/curl-inspector/shortcuts.json

@@ -0,0 +1,31 @@
+[
+  {
+    "selector": "[part='button-ok']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='button-cancel']"
+    }
+  },
+  {
+    "selector": "[part='button-ok']",
+    "keyShortcuts": "Ctrl+Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='button-cancel']"
+    }
+  },
+  {
+    "selector": "[part='button-ok']",
+    "keyShortcuts": "Cmd+Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": "[part='button-cancel']"
+    }
+  },
+  {
+    "selector": "[part='button-cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/select-kb-items/select-kb-items.js

@@ -225,6 +225,19 @@ export class GxIdeSelectKbItems {
             selected: true
         });
     }
+    /**
+     * Allow to update the checked items
+     */
+    async updateCheckedItems(checkedItemsIds) {
+        // first clear checks
+        __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f").updateItemsProperties(__classPrivateFieldGet(this, _GxIdeSelectKbItems_selectedNodesIds, "f"), {
+            checked: false
+        });
+        // then select
+        __classPrivateFieldGet(this, _GxIdeSelectKbItems_treeViewRenderEl, "f").updateItemsProperties(checkedItemsIds, {
+            checked: true
+        });
+    }
     render() {
         return (h(Host, { class: { "widget": true, "has-footer": this.renderFooter } }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeSelectKbItems_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeSelectKbItems_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("header", { part: "header", class: "header control-header field-group spacing-body-block-start spacing-body-inline" }, h("div", { class: "header__first-row" }, h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "view-mode" }, "Select view mode:"), h("ch-radio-group-render", { class: "radio-group dummy-control-block-size", id: "view-mode", model: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsModel, "f"), onChange: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsChangedHandler, "f"), value: __classPrivateFieldGet(this, _GxIdeSelectKbItems_viewItemsAsModel, "f")[0].value })), this.checkboxType !== "none" && (h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "toggle-checkboxes" }, "Toggle Checkboxes"), h("ch-checkbox", { class: "checkbox dummy-control-block-size", id: "toggle-checkboxes", checkedValue: TOGGLE_CHECKBOXES_CHECKED_VALUE, value: TOGGLE_CHECKBOXES_CHECKED_VALUE, onInput: __classPrivateFieldGet(this, _GxIdeSelectKbItems_toggleCheckboxesChangedHandler, "f") })))), h("div", { class: {
                 "header__second-row": true,
@@ -554,6 +567,27 @@ export class GxIdeSelectKbItems {
                     "text": "Allow to update the selected items",
                     "tags": []
                 }
+            },
+            "updateCheckedItems": {
+                "complexType": {
+                    "signature": "(checkedItemsIds: string[]) => Promise<void>",
+                    "parameters": [{
+                            "name": "checkedItemsIds",
+                            "type": "string[]",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Allow to update the checked items",
+                    "tags": []
+                }
             }
         };
     }