@genexus/genexus-ide-ui 1.1.57 → 1.1.58

package/dist/components/gx-ide-launchpad-web-apps.js

@@ -0,0 +1,8 @@
+import { G as GxIdeLaunchpadWebApps$1, d as defineCustomElement$1 } from './launchpad-web-apps.js';
+
+const GxIdeLaunchpadWebApps = GxIdeLaunchpadWebApps$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeLaunchpadWebApps, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-launchpad-web-apps.js.map

package/dist/components/gx-ide-launchpad-web-apps.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-launchpad-web-apps.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/gx-ide-launchpad.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GxIdeLaunchpad extends Components.GxIdeLaunchpad, HTMLElement {}
+export const GxIdeLaunchpad: {
+    prototype: GxIdeLaunchpad;
+    new (): GxIdeLaunchpad;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gx-ide-launchpad.js

@@ -0,0 +1,245 @@
+import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { d as defineCustomElement$5 } from './launchpad-api.js';
+import { d as defineCustomElement$4 } from './launchpad-apis.js';
+import { d as defineCustomElement$3 } from './launchpad-native-apps.js';
+import { d as defineCustomElement$2 } from './launchpad-web-apps.js';
+
+const launchpadCss = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr}.section{display:contents}.web-apps,.native-apps,.apis{padding-block-start:var(--mer-spacing--m);overflow:auto;block-size:100%}.tab::part(page){scrollbar-width:thin}";
+
+var __classPrivateFieldSet = (undefined && undefined.__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 __classPrivateFieldGet = (undefined && undefined.__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 _GxIdeLaunchpad_chShortcutsEl, _GxIdeLaunchpad_shortcutsSrc, _GxIdeLaunchpad_componentLocale;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tab",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const MAIN_SECTION_CLASSES = "main";
+const WEB_APPS_TAB_SELECTOR = "web-apps";
+const NATIVE_APPS_TAB_SELECTOR = "native-apps";
+const APIS_TAB_SELECTOR = "apis";
+const GxIdeLaunchpad$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeLaunchpad extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.objectSelected = createEvent(this, "objectSelected", 7);
+        this.copyToClipboard = createEvent(this, "copyToClipboard", 7);
+        this.openOnTheAppStore = createEvent(this, "openOnTheAppStore", 7);
+        _GxIdeLaunchpad_chShortcutsEl.set(this, void 0);
+        _GxIdeLaunchpad_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/launchpad/shortcuts.json`));
+        _GxIdeLaunchpad_componentLocale.set(this, void 0);
+        this.data = undefined;
+        this.isStandalone = true;
+        this.sections = [];
+        this.tabModel = [];
+    }
+    watchDataHandler(newValue) {
+        if (newValue !== undefined) {
+            this.organizeData();
+        }
+    }
+    async componentWillLoad() {
+        try {
+            __classPrivateFieldSet(this, _GxIdeLaunchpad_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        }
+        catch (error) {
+            console.error("Error loading locale:", error);
+            __classPrivateFieldSet(this, _GxIdeLaunchpad_componentLocale, {
+                tabs: {
+                    webApps: "WEB APPS",
+                    nativeApps: "NATIVE APPS",
+                    apis: "APIS"
+                }
+            }, "f");
+        }
+        if (this.data) {
+            this.organizeData();
+        }
+    }
+    componentDidLoad() { }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeLaunchpad_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeLaunchpad_chShortcutsEl, "f").suspend = false;
+        }
+    }
+    /**
+     * Organizes received data and builds tab model
+     */
+    organizeData() {
+        if (this.data) {
+            try {
+                const parsedData = typeof this.data === "string" ? JSON.parse(this.data) : this.data;
+                this.sections = parsedData.sections || [];
+                this.buildTabModel();
+            }
+            catch (error) {
+                console.error("Error parsing launchpad data:", error);
+                this.sections = [];
+                this.tabModel = [];
+            }
+        }
+    }
+    /**
+     * Builds tab model based on sections
+     */
+    buildTabModel() {
+        if (this.sections && this.sections.length > 0) {
+            this.tabModel = this.sections.map(section => ({
+                id: section.id,
+                name: this.getLocalizedTabName(section.id)
+            }));
+        }
+    }
+    /**
+     * Gets localized tab name based on section ID
+     */
+    getLocalizedTabName(sectionId) {
+        var _a;
+        const tabNames = ((_a = __classPrivateFieldGet(this, _GxIdeLaunchpad_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.tabs) || {};
+        switch (sectionId) {
+            case "web-apps":
+                return tabNames.webApps || "WEB APPS";
+            case "native-apps":
+                return tabNames.nativeApps || "NATIVE APPS";
+            case "apis":
+                return tabNames.apis || "APIS";
+            default:
+                return sectionId.toUpperCase().replace(/-/g, " ");
+        }
+    }
+    /**
+     * Handles object selection from subcomponents
+     */
+    handleObjectSelection(event) {
+        let key = event.detail.key;
+        // Convert string format "type|id" to object format
+        if (typeof key === "string" && key.includes("|")) {
+            const parts = key.split("|");
+            if (parts.length === 2) {
+                key = {
+                    type: parts[0],
+                    id: parts[1]
+                };
+            }
+        }
+        this.objectSelected.emit({ key });
+    }
+    /**
+     * Handles copy to clipboard from subcomponents
+     */
+    handleCopyToClipboard(event) {
+        this.copyToClipboard.emit({ url: event.detail.url });
+    }
+    /**
+     * Handles open app store from subcomponents
+     */
+    handleOpenAppStore(event) {
+        this.openOnTheAppStore.emit({ url: event.detail.url });
+    }
+    render() {
+        var _a, _b, _c;
+        if (!this.data || !this.sections || this.sections.length === 0) {
+            return null;
+        }
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeLaunchpad_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeLaunchpad_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("ch-tab-render", { class: {
+                scrollable: true,
+                tab: true,
+                [MAIN_SECTION_CLASSES]: true
+            }, tabListPosition: "block-start", model: this.tabModel, selectedId: WEB_APPS_TAB_SELECTOR, overflow: "auto", contain: "size" }, h("div", { slot: WEB_APPS_TAB_SELECTOR, class: "web-apps", part: "tab-button-web-apps" }, h("gx-ide-launchpad-web-apps", Object.assign({ objects: ((_a = this.sections.find(s => s.id === "web-apps")) === null || _a === void 0 ? void 0 : _a.objects) || [] }, {
+            onObjectSelected: (event) => this.handleObjectSelection(event)
+        }, {
+            onCopyToClipboard: (event) => this.handleCopyToClipboard(event)
+        }))), h("div", { slot: NATIVE_APPS_TAB_SELECTOR, class: "native-apps spacing-body", part: "tab-button-native-apps" }, h("gx-ide-launchpad-native-apps", Object.assign({ objects: ((_b = this.sections.find(s => s.id === "native-apps")) === null || _b === void 0 ? void 0 : _b.objects) || [] }, {
+            onObjectSelected: (event) => this.handleObjectSelection(event)
+        }, {
+            onCopyToClipboard: (event) => this.handleCopyToClipboard(event)
+        }, {
+            onOpenOnTheAppStore: (event) => this.handleOpenAppStore(event)
+        }))), h("div", { slot: APIS_TAB_SELECTOR, class: "apis spacing-body-inline-start spacing-body-block", part: "tab-button-apis" }, h("gx-ide-launchpad-apis", Object.assign({ apis: ((_c = this.sections.find(s => s.id === "apis")) === null || _c === void 0 ? void 0 : _c.apis) || [] }, {
+            onObjectSelected: (event) => this.handleObjectSelection(event)
+        }, {
+            onCopyToClipboard: (event) => this.handleCopyToClipboard(event)
+        })))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/launchpad"]; }
+    get el() { return this; }
+    static get watchers() { return {
+        "data": ["watchDataHandler"]
+    }; }
+    static get style() { return launchpadCss; }
+}, [1, "gx-ide-launchpad", {
+        "data": [1],
+        "isStandalone": [4, "is-standalone"],
+        "sections": [32],
+        "tabModel": [32],
+        "suspendShortcuts": [64]
+    }, undefined, {
+        "data": ["watchDataHandler"]
+    }]);
+_GxIdeLaunchpad_chShortcutsEl = new WeakMap(), _GxIdeLaunchpad_shortcutsSrc = new WeakMap(), _GxIdeLaunchpad_componentLocale = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-launchpad", "gx-ide-launchpad-api", "gx-ide-launchpad-apis", "gx-ide-launchpad-native-apps", "gx-ide-launchpad-web-apps"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-launchpad":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeLaunchpad$1);
+            }
+            break;
+        case "gx-ide-launchpad-api":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "gx-ide-launchpad-apis":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "gx-ide-launchpad-native-apps":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "gx-ide-launchpad-web-apps":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const GxIdeLaunchpad = GxIdeLaunchpad$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeLaunchpad, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-launchpad.js.map

package/dist/components/gx-ide-launchpad.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-launchpad.js","mappings":"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","names":["GxIdeLaunchpad"],"sources":["src/components/launchpad/root/launchpad.scss?tag=gx-ide-launchpad&encapsulation=shadow","src/components/launchpad/root/launchpad.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n.web-apps,\n.native-apps,\n.apis {\n  padding-block-start: var(--mer-spacing--m);\n  overflow: auto;\n  block-size: 100%;\n}\n\n// WA: Add scrollbar styling for ch-tab-render until Mercury provides proper support\n.tab::part(page) {\n  scrollbar-width: thin;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { TabModel } from \"@genexus/chameleon-controls-library\";\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst MAIN_SECTION_CLASSES: string = \"main\";\nconst WEB_APPS_TAB_SELECTOR: string = \"web-apps\";\nconst NATIVE_APPS_TAB_SELECTOR: string = \"native-apps\";\nconst APIS_TAB_SELECTOR: string = \"apis\";\n\n@Component({\n  tag: \"gx-ide-launchpad\",\n  styleUrl: \"launchpad.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad\"]\n})\nexport class GxIdeLaunchpad {\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/launchpad/shortcuts.json`);\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeLaunchpadElement;\n\n  /**\n   * JSON data containing section structure\n   */\n  @Prop() data: string | undefined = undefined;\n\n  /**\n   * Determines if the component runs in standalone mode\n   */\n  @Prop() isStandalone: boolean = true;\n\n  /**\n   * Array of sections for tabs\n   */\n  @State() sections: Array<any> = [];\n\n  /**\n   * Tab model for ch-tab-render\n   */\n  @State() tabModel: TabModel = [];\n\n  /**\n   * Event emitted when an object is selected for execution\n   */\n  @Event() objectSelected: EventEmitter<{\n    key: { type: string; id: string } | string;\n  }>;\n\n  /**\n   * Event emitted when copying to clipboard\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  /**\n   * Event emitted when opening app store\n   */\n  @Event() openOnTheAppStore: EventEmitter<{ url: string }>;\n\n  @Watch(\"data\")\n  watchDataHandler(newValue: string | undefined) {\n    if (newValue !== undefined) {\n      this.organizeData();\n    }\n  }\n\n  async componentWillLoad() {\n    try {\n      this.#componentLocale = await Locale.getComponentStrings(this.el);\n    } catch (error) {\n      console.error(\"Error loading locale:\", error);\n      this.#componentLocale = {\n        tabs: {\n          webApps: \"WEB APPS\",\n          nativeApps: \"NATIVE APPS\",\n          apis: \"APIS\"\n        }\n      };\n    }\n\n    if (this.data) {\n      this.organizeData();\n    }\n  }\n\n  componentDidLoad() {}\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  /**\n   * Organizes received data and builds tab model\n   */\n  private organizeData(): void {\n    if (this.data) {\n      try {\n        const parsedData =\n          typeof this.data === \"string\" ? JSON.parse(this.data) : this.data;\n        this.sections = parsedData.sections || [];\n        this.buildTabModel();\n      } catch (error) {\n        console.error(\"Error parsing launchpad data:\", error);\n        this.sections = [];\n        this.tabModel = [];\n      }\n    }\n  }\n\n  /**\n   * Builds tab model based on sections\n   */\n  private buildTabModel(): void {\n    if (this.sections && this.sections.length > 0) {\n      this.tabModel = this.sections.map(section => ({\n        id: section.id,\n        name: this.getLocalizedTabName(section.id)\n      }));\n    }\n  }\n\n  /**\n   * Gets localized tab name based on section ID\n   */\n  private getLocalizedTabName(sectionId: string): string {\n    const tabNames = this.#componentLocale?.tabs || {};\n\n    switch (sectionId) {\n      case \"web-apps\":\n        return tabNames.webApps || \"WEB APPS\";\n      case \"native-apps\":\n        return tabNames.nativeApps || \"NATIVE APPS\";\n      case \"apis\":\n        return tabNames.apis || \"APIS\";\n      default:\n        return sectionId.toUpperCase().replace(/-/g, \" \");\n    }\n  }\n\n  /**\n   * Handles object selection from subcomponents\n   */\n  private handleObjectSelection(event: any) {\n    let key = event.detail.key;\n\n    // Convert string format \"type|id\" to object format\n    if (typeof key === \"string\" && key.includes(\"|\")) {\n      const parts = key.split(\"|\");\n      if (parts.length === 2) {\n        key = {\n          type: parts[0],\n          id: parts[1]\n        };\n      }\n    }\n\n    this.objectSelected.emit({ key });\n  }\n\n  /**\n   * Handles copy to clipboard from subcomponents\n   */\n  private handleCopyToClipboard(event: any) {\n    this.copyToClipboard.emit({ url: event.detail.url });\n  }\n\n  /**\n   * Handles open app store from subcomponents\n   */\n  private handleOpenAppStore(event: any) {\n    this.openOnTheAppStore.emit({ url: event.detail.url });\n  }\n\n  render() {\n    if (!this.data || !this.sections || this.sections.length === 0) {\n      return null;\n    }\n\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\n        <section class=\"section\">\n          <ch-tab-render\n            class={{\n              scrollable: true,\n              tab: true,\n              [MAIN_SECTION_CLASSES]: true\n            }}\n            tabListPosition=\"block-start\"\n            model={this.tabModel}\n            selectedId={WEB_APPS_TAB_SELECTOR}\n            overflow=\"auto\"\n            contain=\"size\"\n          >\n            <div\n              slot={WEB_APPS_TAB_SELECTOR}\n              class=\"web-apps\"\n              part=\"tab-button-web-apps\"\n            >\n              <gx-ide-launchpad-web-apps\n                objects={\n                  this.sections.find(s => s.id === \"web-apps\")?.objects || []\n                }\n                {...({\n                  onObjectSelected: (event: any) =>\n                    this.handleObjectSelection(event)\n                } as any)}\n                {...({\n                  onCopyToClipboard: (event: any) =>\n                    this.handleCopyToClipboard(event)\n                } as any)}\n              />\n            </div>\n\n            <div\n              slot={NATIVE_APPS_TAB_SELECTOR}\n              class=\"native-apps spacing-body\"\n              part=\"tab-button-native-apps\"\n            >\n              <gx-ide-launchpad-native-apps\n                objects={\n                  this.sections.find(s => s.id === \"native-apps\")?.objects || []\n                }\n                {...({\n                  onObjectSelected: (event: any) =>\n                    this.handleObjectSelection(event)\n                } as any)}\n                {...({\n                  onCopyToClipboard: (event: any) =>\n                    this.handleCopyToClipboard(event)\n                } as any)}\n                {...({\n                  onOpenOnTheAppStore: (event: any) =>\n                    this.handleOpenAppStore(event)\n                } as any)}\n              />\n            </div>\n\n            <div\n              slot={APIS_TAB_SELECTOR}\n              class=\"apis spacing-body-inline-start spacing-body-block\"\n              part=\"tab-button-apis\"\n            >\n              <gx-ide-launchpad-apis\n                apis={this.sections.find(s => s.id === \"apis\")?.apis || []}\n                {...({\n                  onObjectSelected: (event: any) =>\n                    this.handleObjectSelection(event)\n                } as any)}\n                {...({\n                  onCopyToClipboard: (event: any) =>\n                    this.handleCopyToClipboard(event)\n                } as any)}\n              />\n            </div>\n          </ch-tab-render>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}