@genexus/genexus-ide-ui 1.1.57 → 1.1.58

package/dist/esm/gx-ide-launchpad-apis_3.entry.js

@@ -0,0 +1,597 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, g as getAssetPath } from './index-b153bfd0.js';
+import { L as Locale } from './locale-e5107fad.js';
+import { g as getIconPath } from './assets-manager-7d6fc08f.js';
+import './mer-animated-dots-75d88f7e.js';
+import 'lit';
+import 'lit/directives/when.js';
+import 'lit/directives/if-defined.js';
+
+const launchpadApisCss = ":host{display:block;block-size:100%;overflow:auto;background-color:var(--ch-color-surface-primary);color:var(--ch-color-text-primary)}.main{overflow:auto;display:block}.apis-container{padding:var(--mer-spacing--lg);display:flex;flex-direction:column;gap:var(--mer-spacing--md);max-width:100%}.api-item{background:var(--ch-color-surface-secondary);border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:0;overflow:hidden;transition:all var(--mer-timing--fast) ease;width:100%;max-width:100%;display:flex;flex-direction:column;min-height:var(--mer-spacing--4xl)}.api-item:hover{box-shadow:var(--mer-surface__elevation--02);transform:translateY(-2px);border-color:var(--mer-border-color__bright)}.api-header{padding:var(--mer-spacing--md);background:transparent;border-bottom:var(--mer-border__width--sm) solid var(--mer-border-color__dim);flex-shrink:0}.api-header .api-name{margin:0;color:var(--mer-text__bright);word-break:break-all;overflow-wrap:break-word}.api-content{overflow:hidden}.no-apis,.no-data{color:var(--mer-color__neutral-gray--400);font-style:italic;text-align:center;padding:var(--mer-spacing--md)}.no-apis p,.no-data p{font-size:var(--mer-font-size--lg);font-weight:var(--mer-font-weight--medium);line-height:var(--mer-line-height--relaxed)}";
+
+var __classPrivateFieldSet$2 = (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$2 = (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 _GxIdeLaunchpadApis_componentLocale, _GxIdeLaunchpadApis_ACCORDION_MODEL;
+const CSS_BUNDLES$2 = [
+    "resets/box-sizing",
+    "components/accordion",
+    "utils/elevation",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing"
+];
+const GxIdeLaunchpadApis = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.copyToClipboard = createEvent(this, "copyToClipboard", 7);
+        _GxIdeLaunchpadApis_componentLocale.set(this, void 0);
+        _GxIdeLaunchpadApis_ACCORDION_MODEL.set(this, []);
+        this.apis = undefined;
+        this.onObjectSelected = undefined;
+    }
+    async componentWillLoad() {
+        try {
+            __classPrivateFieldSet$2(this, _GxIdeLaunchpadApis_componentLocale, await Locale.getComponentStrings(this.element), "f");
+        }
+        catch (error) {
+            console.error("Error loading locale:", error);
+            __classPrivateFieldSet$2(this, _GxIdeLaunchpadApis_componentLocale, {}, "f");
+        }
+        this.initializeAccordionModel();
+    }
+    /**
+     * Initialize accordion model with dynamic sections for each API
+     */
+    initializeAccordionModel() {
+        if (!this.apis || !Array.isArray(this.apis)) {
+            __classPrivateFieldSet$2(this, _GxIdeLaunchpadApis_ACCORDION_MODEL, [], "f");
+            return;
+        }
+        __classPrivateFieldSet$2(this, _GxIdeLaunchpadApis_ACCORDION_MODEL, this.apis
+            .map((api, index) => {
+            let url;
+            if (typeof api === "string") {
+                url = api;
+            }
+            else if (api && typeof api === "object" && api.url) {
+                url = api.url.toString();
+            }
+            else {
+                return null;
+            }
+            const lastSlash = url.lastIndexOf("/");
+            const name = url.substring(lastSlash + 1, url.length).toUpperCase();
+            return {
+                id: `api-${index}`,
+                caption: name,
+                expanded: true
+            };
+        })
+            .filter(Boolean), "f");
+    }
+    renderApis() {
+        if (!this.apis || !Array.isArray(this.apis)) {
+            return null;
+        }
+        return this.apis
+            .map((api, index) => {
+            let apiData;
+            if (typeof api === "string") {
+                apiData = { url: api };
+            }
+            else if (api && typeof api === "object" && api.url) {
+                apiData = api;
+            }
+            else {
+                return null;
+            }
+            return (h("div", { key: `api-${index}`, slot: `api-${index}`, class: "api-content spacing-body" }, h("gx-ide-launchpad-api", { data: apiData, onObjectSelected: (event) => this.handleObjectSelection(event), onCopyToClipboard: (event) => this.handleCopyToClipboard(event) })));
+        })
+            .filter(Boolean);
+    }
+    /**
+     * Handles object selection from subcomponents
+     */
+    handleObjectSelection(event) {
+        if (this.onObjectSelected) {
+            this.onObjectSelected(event);
+        }
+    }
+    /**
+     * Handles copy to clipboard from subcomponents
+     */
+    handleCopyToClipboard(event) {
+        this.copyToClipboard.emit({ url: event.detail.url });
+    }
+    render() {
+        var _a;
+        if (!this.apis || this.apis.length === 0) {
+            return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES$2 }), h("div", { class: "no-data" }, h("p", { class: "body-regular-s" }, ((_a = __classPrivateFieldGet$2(this, _GxIdeLaunchpadApis_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.noApis) || "No APIs available"))));
+        }
+        return (h(Host, { class: "widget spacing-body-inline-end" }, h("ch-theme", { model: CSS_BUNDLES$2 }), h("div", { class: "main" }, h("ch-accordion-render", { class: "accordion-filled-header elevation-2 apis-accordion", model: __classPrivateFieldGet$2(this, _GxIdeLaunchpadApis_ACCORDION_MODEL, "f") }, this.renderApis()))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/launchpad-apis"]; }
+    get element() { return getElement(this); }
+};
+_GxIdeLaunchpadApis_componentLocale = new WeakMap(), _GxIdeLaunchpadApis_ACCORDION_MODEL = new WeakMap();
+GxIdeLaunchpadApis.style = launchpadApisCss;
+
+const launchpadNativeAppsCss = ".object-card{background:var(--mer-surface__elevation--02);border:var(--mer-border__width--sm) solid transparent;border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm);display:flex;gap:var(--mer-spacing--sm);flex-direction:column;flex-shrink:0;text-align:left}.object-card:focus-visible{outline:none;border-color:var(--focus__outline-color)}.object-card:hover{cursor:pointer;border-color:var(--mer-border-color__primary--hover)}.object-card:active{border-color:var(--mer-border-color__primary--active)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--card-min-inline-size, 300px), var(--card-max-inline-size, 1fr)));gap:var(--mer-spacing--sm);align-items:stretch}:host{display:block;block-size:100%;overflow:auto}.main{overflow:auto;display:block}ch-accordion-render{inline-size:100%;block-size:100%}.accordion-content{padding:var(--mer-spacing--md);inline-size:100%}.native-apps-accordion{inline-size:100%;block-size:100%}.platform-section{display:flex;align-items:center;gap:var(--mer-spacing--sm)}.app__apple-store{height:32px;cursor:pointer;transition:opacity var(--mer-timing--fast) ease}.app__apple-store:hover{opacity:0.8}.platform-grid{--card-min-inline-size:360px}.card-content{display:flex;gap:var(--mer-spacing--md);flex:1;width:100%}.card-content:focus{outline:none}.info-section{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.app-info{display:flex;flex-direction:column;gap:var(--mer-spacing--2xs);flex:1}.name{color:var(--mer-text__bright)}.description{color:var(--mer-text__dim);margin:0;line-height:1.4}.dialog{--ch-dialog-block-size:400px;--ch-dialog-inline-size:350px;--ch-dialog-min-block-size:400px;--ch-dialog-min-inline-size:350px}.qr-container{display:flex;align-items:center;justify-content:center}.card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--mer-spacing--sm);border-top:var(--mer-border__width--sm) solid var(--mer-border-color__dim)}.no-data,.no-results{color:var(--mer-color__neutral-gray--400);font-style:italic;text-align:center;padding:var(--mer-spacing--md)}.no-data p,.no-results p{font-size:var(--mer-font-size--lg);font-weight:var(--mer-font-weight--medium);line-height:var(--mer-line-height--relaxed)}@media (max-width: 768px){.platform-grid{justify-content:center}.card-content{flex-direction:column;gap:var(--mer-spacing--sm)}.card-actions{flex-direction:column;gap:var(--mer-spacing--sm);align-items:stretch}}@media (max-width: 480px){.main{padding:var(--mer-spacing--sm)}.object-card{padding:var(--mer-spacing--sm)}.platform-grid{gap:var(--mer-spacing--sm);padding:var(--mer-spacing--sm)}}.android:after{content:\"\";display:block}";
+
+var __classPrivateFieldSet$1 = (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$1 = (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 _GxIdeLaunchpadNativeApps_instances, _GxIdeLaunchpadNativeApps_componentLocale, _GxIdeLaunchpadNativeApps_ACCORDION_MODEL, _GxIdeLaunchpadNativeApps_timeoutIds, _GxIdeLaunchpadNativeApps_getQRFillColor, _GxIdeLaunchpadNativeApps_getQRBackgroundColor, _GxIdeLaunchpadNativeApps_getCopyIcon, _GxIdeLaunchpadNativeApps_getQRIcon, _GxIdeLaunchpadNativeApps_copyToClipboardFunc, _GxIdeLaunchpadNativeApps_openAppStoreFunc, _GxIdeLaunchpadNativeApps_handleQRClick, _GxIdeLaunchpadNativeApps_handleCloseQRDialog, _GxIdeLaunchpadNativeApps_handleObjectClick, _GxIdeLaunchpadNativeApps_renderPlatformSection;
+const IOS_ID = "ios";
+const ANDROID_ID = "android";
+const APP_STORE_BADGE = getAssetPath("./gx-ide-assets/launchpad-native-apps/images/app-store-badge.svg");
+const ANDROID_LOGO = getAssetPath("./gx-ide-assets/launchpad-native-apps/images/android-logo.svg");
+const MAC_LOGO = getAssetPath("./gx-ide-assets/launchpad-native-apps/images/mac-logo.svg");
+const CSS_BUNDLES$1 = [
+    "resets/box-sizing",
+    "components/accordion",
+    "components/button",
+    "components/dialog",
+    "components/icon",
+    "utils/elevation",
+    "utils/layout",
+    "utils/spacing",
+    "utils/typography"
+];
+const GxIdeLaunchpadNativeApps = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.copyToClipboard = createEvent(this, "copyToClipboard", 7);
+        this.openOnTheAppStore = createEvent(this, "openOnTheAppStore", 7);
+        _GxIdeLaunchpadNativeApps_instances.add(this);
+        _GxIdeLaunchpadNativeApps_componentLocale.set(this, void 0);
+        _GxIdeLaunchpadNativeApps_ACCORDION_MODEL.set(this, []);
+        _GxIdeLaunchpadNativeApps_timeoutIds.set(this, new Set());
+        this.objects = [];
+        this.filterValue = "";
+        this.order = {
+            orderCriteria: null,
+            ascending: null
+        };
+        this.page = 1;
+        this.perPage = 10;
+        this.onObjectSelected = undefined;
+        this.showCopiedMessage = {};
+        this.showQRDialog = false;
+        this.selectedObjectForQR = null;
+    }
+    async componentWillLoad() {
+        try {
+            __classPrivateFieldSet$1(this, _GxIdeLaunchpadNativeApps_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        }
+        catch (error) {
+            console.error("Error loading locale:", error);
+            __classPrivateFieldSet$1(this, _GxIdeLaunchpadNativeApps_componentLocale, {}, "f");
+        }
+        __classPrivateFieldSet$1(this, _GxIdeLaunchpadNativeApps_ACCORDION_MODEL, [
+            {
+                id: IOS_ID,
+                caption: "iOS",
+                expanded: true
+            },
+            {
+                id: ANDROID_ID,
+                caption: "Android",
+                expanded: true
+            }
+        ], "f");
+    }
+    /**
+     * Cleanup method to prevent memory leaks
+     */
+    disconnectedCallback() {
+        if (__classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_timeoutIds, "f")) {
+            __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_timeoutIds, "f").forEach(timeoutId => {
+                if (timeoutId) {
+                    clearTimeout(timeoutId);
+                }
+            });
+            __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_timeoutIds, "f").clear();
+        }
+    }
+    render() {
+        var _a;
+        if (!this.objects || this.objects.length === 0) {
+            return (h("div", { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES$1 }), h("div", { class: "no-data" }, h("p", { class: "body-regular-s" }, ((_a = __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.noData) ||
+                "No native applications data available"))));
+        }
+        return (h("div", { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES$1 }), h("div", { class: "main" }, h("ch-accordion-render", { class: "accordion-filled-header elevation-2 native-apps-accordion", model: __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_ACCORDION_MODEL, "f") }, h("div", { slot: IOS_ID, class: "accordion-content spacing-body" }, __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_renderPlatformSection).call(this, IOS_ID)), h("div", { slot: ANDROID_ID, class: "accordion-content spacing-body" }, __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_renderPlatformSection).call(this, ANDROID_ID)))), h("ch-dialog", { class: "dialog", show: this.showQRDialog, "show-header": true, closable: true, "close-button-accessible-name": "Close QR code", onDialogClosed: () => __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_handleCloseQRDialog).call(this) }, this.selectedObjectForQR && (h("div", { class: "qr-container" }, h("ch-qr", { value: this.selectedObjectForQR.url || "", size: 200, "error-correction-level": "Low", class: "qr-code", fill: __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_getQRFillColor).call(this), background: __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_getQRBackgroundColor).call(this) }))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/launchpad-native-apps"]; }
+    get el() { return getElement(this); }
+};
+_GxIdeLaunchpadNativeApps_componentLocale = new WeakMap(), _GxIdeLaunchpadNativeApps_ACCORDION_MODEL = new WeakMap(), _GxIdeLaunchpadNativeApps_timeoutIds = new WeakMap(), _GxIdeLaunchpadNativeApps_instances = new WeakSet(), _GxIdeLaunchpadNativeApps_getQRFillColor = function _GxIdeLaunchpadNativeApps_getQRFillColor() {
+    const computedStyle = getComputedStyle(document.documentElement);
+    return (computedStyle.getPropertyValue("--mer-text__on-surface").trim() ||
+        computedStyle.getPropertyValue("--mer-color__neutral-gray--200").trim() ||
+        "#49566d");
+}, _GxIdeLaunchpadNativeApps_getQRBackgroundColor = function _GxIdeLaunchpadNativeApps_getQRBackgroundColor() {
+    const computedStyle = getComputedStyle(document.documentElement);
+    return (computedStyle
+        .getPropertyValue("--mer-color__neutral-gray--1000")
+        .trim() || "#ffffff");
+}, _GxIdeLaunchpadNativeApps_getCopyIcon = function _GxIdeLaunchpadNativeApps_getCopyIcon() {
+    return getIconPath({
+        category: "system",
+        name: "copy",
+        colorType: "primary"
+    });
+}, _GxIdeLaunchpadNativeApps_getQRIcon = function _GxIdeLaunchpadNativeApps_getQRIcon() {
+    return getIconPath({
+        category: "system",
+        name: "qr-code",
+        colorType: "neutral"
+    });
+}, _GxIdeLaunchpadNativeApps_copyToClipboardFunc = function _GxIdeLaunchpadNativeApps_copyToClipboardFunc(object) {
+    this.copyToClipboard.emit({
+        url: object.url
+    });
+    if (object.url) {
+        navigator.clipboard
+            .writeText(object.url)
+            .then(() => {
+            const objectKey = `${object.name}-${object.url}`;
+            this.showCopiedMessage = Object.assign(Object.assign({}, this.showCopiedMessage), { [objectKey]: true });
+            const timeoutId = window.setTimeout(() => {
+                this.showCopiedMessage = Object.assign(Object.assign({}, this.showCopiedMessage), { [objectKey]: false });
+                __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_timeoutIds, "f").delete(timeoutId);
+            }, 2000);
+            __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_timeoutIds, "f").add(timeoutId);
+        })
+            .catch(err => {
+            console.error("Failed to copy text: ", err);
+        });
+    }
+}, _GxIdeLaunchpadNativeApps_openAppStoreFunc = function _GxIdeLaunchpadNativeApps_openAppStoreFunc(object) {
+    this.openOnTheAppStore.emit({
+        url: object.url
+    });
+    if (object.url) {
+        window.open(object.url, "_blank");
+    }
+}, _GxIdeLaunchpadNativeApps_handleQRClick = function _GxIdeLaunchpadNativeApps_handleQRClick(object) {
+    this.selectedObjectForQR = object;
+    this.showQRDialog = true;
+}, _GxIdeLaunchpadNativeApps_handleCloseQRDialog = function _GxIdeLaunchpadNativeApps_handleCloseQRDialog() {
+    this.showQRDialog = false;
+    this.selectedObjectForQR = null;
+}, _GxIdeLaunchpadNativeApps_handleObjectClick = function _GxIdeLaunchpadNativeApps_handleObjectClick(object) {
+    if (object.key && this.onObjectSelected) {
+        // Send the full key object as string in format "type|id"
+        const keyString = `${object.key.type}|${object.key.id}`;
+        this.onObjectSelected({ detail: { key: keyString } });
+    }
+}, _GxIdeLaunchpadNativeApps_renderPlatformSection = function _GxIdeLaunchpadNativeApps_renderPlatformSection(platformType) {
+    var _a, _b;
+    const platformIcon = platformType === IOS_ID ? (h("img", { src: MAC_LOGO, alt: "Apple iOS Logo" })) : (h("img", { src: ANDROID_LOGO, alt: "Android Logo" }));
+    const platformSection = this.objects.find(obj => obj.type === platformType);
+    if (!platformSection || platformSection.objects.length === 0) {
+        return (h("div", { class: "no-results" }, h("p", { class: "body-regular-s" }, ((_b = (_a = __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.noPlatformApps) === null || _b === void 0 ? void 0 : _b.replace("{platformType}", platformType)) || `No ${platformType} applications available`)));
+    }
+    return (h("div", { class: "platform-grid" }, platformSection.objects.map((object, index) => {
+        var _a, _b, _c;
+        return (h("div", { key: index, class: "object-card elevation-2", tabindex: "0", onClick: () => __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_handleObjectClick).call(this, object) }, h("div", { class: "card-content" }, h("div", { class: "info-section" }, h("div", { class: "app-info" }, h("h1", { class: "name body-semi-bold-s" }, object.name), object.description && (h("p", { class: "description body-regular-xs" }, object.description))))), h("div", { class: "card-actions" }, object.url && (h("div", { class: "platform-section" }, object["app-store-badge"] ? (h("img", { src: APP_STORE_BADGE, alt: "Download on the App Store", class: "app__apple-store", onClick: () => __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_openAppStoreFunc).call(this, object) })) : (platformIcon), h("button", { class: "button-secondary button-icon-and-text", onClick: () => __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_handleQRClick).call(this, object), "aria-label": "Show QR Code" }, h("ch-image", { class: "icon-md", src: __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_getQRIcon).call(this), type: "mask" }), ((_a = __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.showQR) || "Show QR"))), h("button", { class: "button-tertiary button-icon-and-text copy-button", onClick: () => __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_copyToClipboardFunc).call(this, object), "aria-label": "Copy to clipboard" }, h("ch-image", { class: "icon-md", src: __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_instances, "m", _GxIdeLaunchpadNativeApps_getCopyIcon).call(this) }), this.showCopiedMessage[`${object.name}-${object.url}`]
+            ? ((_b = __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_componentLocale, "f")) === null || _b === void 0 ? void 0 : _b.copied) || "Copied!"
+            : ((_c = __classPrivateFieldGet$1(this, _GxIdeLaunchpadNativeApps_componentLocale, "f")) === null || _c === void 0 ? void 0 : _c.copy) || "Copy"))));
+    }), 
+    // WA: Prevent card take full width if there is only one card
+    platformSection.objects.length === 1 && h("div", null)));
+};
+GxIdeLaunchpadNativeApps.style = launchpadNativeAppsCss;
+
+const launchpadWebAppsCss = ".object-card{background:var(--mer-surface__elevation--02);border:var(--mer-border__width--sm) solid transparent;border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm);display:flex;gap:var(--mer-spacing--sm);flex-direction:column;flex-shrink:0;text-align:left}.object-card:focus-visible{outline:none;border-color:var(--focus__outline-color)}.object-card:hover{cursor:pointer;border-color:var(--mer-border-color__primary--hover)}.object-card:active{border-color:var(--mer-border-color__primary--active)}.tabular-grid{border-radius:var(--mer-border__radius--sm);overflow:auto;--grid-cell__box-shadow-inline-block:var()}.tabular-grid.elevation-1 .tabular-grid-cell{--grid-cell__box-shadow-inline-block:0 0 0 1px\n    var(--mer-border-color__on-elevation--01)}.tabular-grid.elevation-2 .tabular-grid-cell{--grid-cell__box-shadow-inline-block:0 0 0 1px\n    var(--mer-border-color__on-elevation--02)}ch-tabular-grid-cell.tabular-grid-cell{--grid-row__bg-color:var(--elevation-background-color)}ch-tabular-grid-column.tabular-grid-column::part(bar){background-color:var(--elevation-background-color)}:host{display:block;block-size:100%;overflow:auto}.main{overflow:auto;display:block}.input-filter{inline-size:33%;min-inline-size:300px}ch-accordion-render{inline-size:100%;block-size:100%}.accordion-content{inline-size:100%;overflow-x:auto;min-width:0}.web-apps-accordion{inline-size:100%;block-size:100%}.main-objects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(267px, 1fr));gap:var(--mer-spacing--sm);align-items:stretch}.object-card{inline-size:100%}.card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.card-header .left{display:flex;flex-direction:column;flex:1;gap:var(--mer-spacing--xs)}.card-header .left .name{color:var(--mer-text__bright);font-weight:var(--font-weight-regular)}.card-header .left .module{color:var(--ch-color-text-secondary);margin:0}.card-header .right .type-container{display:flex;flex-direction:column;align-items:flex-end;gap:var(--mer-spacing--xs)}.card-header .right .type-container .type-icon{inline-size:16px;block-size:16px}.card-header .type{margin:0;color:var(--mer-color__neutral-gray--400)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--mer-spacing--sm);border-top:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--02);flex-shrink:0}.card-footer .description{margin:0;line-height:var(--mer-line-height--regular);color:var(--mer-text__neutral)}.card-footer .angular-icon{inline-size:14px;block-size:14px;opacity:0.8}.no-results,.no-objects{color:var(--mer-color__neutral-gray--400);text-align:center;padding:var(--mer-spacing--md)}.recent-objects-grid-container .cell-content{display:flex;align-items:center;gap:var(--mer-spacing--xs)}.tabular-grid-scroll-container{max-block-size:400px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}:host{display:block !important}.header{display:block !important;inline-size:100% !important;float:none !important;clear:both !important}.field{display:block !important;inline-size:100% !important;float:none !important;clear:both !important}.main{display:block !important;inline-size:100% !important;float:none !important;clear:both !important}";
+
+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 __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 _GxIdeLaunchpadWebApps_instances, _GxIdeLaunchpadWebApps_componentLocale, _GxIdeLaunchpadWebApps_filterObjects, _GxIdeLaunchpadWebApps_sortRecentObjects, _GxIdeLaunchpadWebApps_getObjectValue, _GxIdeLaunchpadWebApps_handleColumnSortChanged, _GxIdeLaunchpadWebApps_getObjectTypeIcon, _GxIdeLaunchpadWebApps_handleObjectClick, _GxIdeLaunchpadWebApps_renderMainObjects, _GxIdeLaunchpadWebApps_renderRecentObjects;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/edit",
+    "components/accordion",
+    "components/tabular-grid",
+    "components/icon",
+    "chameleon/scrollbar",
+    "utils/layout",
+    "utils/form",
+    "utils/typography",
+    "utils/spacing",
+    "utils/elevation"
+];
+const ANGULAR_LOGO = getAssetPath("./gx-ide-assets/launchpad-web-apps/images/angular-logo.svg");
+const ACCORDION_RECENT_OBJECTS_ID = "recent-objects";
+const COLUMN_NAME = "name";
+const COLUMN_MODULE = "module";
+const COLUMN_TYPE = "type";
+const COLUMN_DESCRIPTION = "description";
+const GxIdeLaunchpadWebApps = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.copyToClipboard = createEvent(this, "copyToClipboard", 7);
+        _GxIdeLaunchpadWebApps_instances.add(this);
+        _GxIdeLaunchpadWebApps_componentLocale.set(this, void 0);
+        /**
+         * Sorts recent objects
+         */
+        _GxIdeLaunchpadWebApps_sortRecentObjects.set(this, (a, b) => {
+            var _a, _b;
+            if (this.order.orderCriteria) {
+                const orderCriteriaA = ((_a = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectValue).call(this, a, this.order.orderCriteria)) === null || _a === void 0 ? void 0 : _a.toUpperCase()) || "";
+                const orderCriteriaB = ((_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectValue).call(this, b, this.order.orderCriteria)) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || "";
+                if (orderCriteriaA < orderCriteriaB) {
+                    return this.order.ascending ? -1 : 1;
+                }
+                if (orderCriteriaA > orderCriteriaB) {
+                    return this.order.ascending ? 1 : -1;
+                }
+            }
+            return 0;
+        });
+        /**
+         * Handles column sort changes
+         */
+        _GxIdeLaunchpadWebApps_handleColumnSortChanged.set(this, (e) => {
+            const { columnId, sortDirection } = e.detail;
+            this.order = {
+                orderCriteria: columnId,
+                ascending: sortDirection === "asc"
+            };
+        });
+        this.objects = [];
+        this.onObjectSelected = undefined;
+        this.filterValue = "";
+        this.recentObjectsExpanded = true;
+        this.order = {
+            orderCriteria: null,
+            ascending: null
+        };
+    }
+    async componentWillLoad() {
+        try {
+            __classPrivateFieldSet(this, _GxIdeLaunchpadWebApps_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        }
+        catch (error) {
+            console.error("Error loading locale:", error);
+            __classPrivateFieldSet(this, _GxIdeLaunchpadWebApps_componentLocale, {}, "f");
+        }
+    }
+    handleAccordionExpandedChange(e) {
+        if (e.detail.id === ACCORDION_RECENT_OBJECTS_ID) {
+            this.recentObjectsExpanded = e.detail.expanded;
+        }
+    }
+    render() {
+        var _a, _b, _c;
+        if (!this.objects || this.objects.length === 0) {
+            return (h(Host, { class: "widget spacing-body" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "no-data" }, h("p", { class: "body-regular-s" }, ((_a = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.noData) ||
+                "No web applications data available"))));
+        }
+        return (h(Host, { class: "widget spacing-body" }, h("ch-theme", { model: CSS_BUNDLES }), h("header", { class: "header control-header" }, h("div", { class: "field field-block" }, h("ch-edit", { class: "input input-filter", id: "filter", placeholder: ((_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _b === void 0 ? void 0 : _b.search) || "Search", value: this.filterValue, accessibleName: ((_c = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _c === void 0 ? void 0 : _c.search) || "Search", onInput: e => (this.filterValue = String(e.detail)) }))), h("div", { class: "main" }, h("ch-accordion-render", { class: "accordion-filled-header elevation-2 web-apps-accordion", model: [
+                {
+                    id: "main-objects",
+                    caption: "Main Objects",
+                    expanded: true
+                },
+                {
+                    id: ACCORDION_RECENT_OBJECTS_ID,
+                    caption: "Recent Objects",
+                    expanded: this.recentObjectsExpanded
+                }
+            ] }, h("div", { slot: "main-objects", class: "accordion-content spacing-body" }, __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_renderMainObjects).call(this)), h("div", { slot: ACCORDION_RECENT_OBJECTS_ID, class: "accordion-content spacing-body-inline spacing-body-block-start" }, __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_renderRecentObjects).call(this))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/launchpad-web-apps"]; }
+    get el() { return getElement(this); }
+};
+_GxIdeLaunchpadWebApps_componentLocale = new WeakMap(), _GxIdeLaunchpadWebApps_sortRecentObjects = new WeakMap(), _GxIdeLaunchpadWebApps_handleColumnSortChanged = new WeakMap(), _GxIdeLaunchpadWebApps_instances = new WeakSet(), _GxIdeLaunchpadWebApps_filterObjects = function _GxIdeLaunchpadWebApps_filterObjects(object) {
+    if (!this.filterValue)
+        return true;
+    const filterV = this.filterValue.toLowerCase();
+    return ((object.module && object.module.toLowerCase().includes(filterV)) ||
+        (object.name && object.name.toLowerCase().includes(filterV)) ||
+        (object.type && object.type.toLowerCase().includes(filterV)) ||
+        (object.description && object.description.toLowerCase().includes(filterV)));
+}, _GxIdeLaunchpadWebApps_getObjectValue = function _GxIdeLaunchpadWebApps_getObjectValue(obj, key) {
+    switch (key) {
+        case "name":
+            return obj.name || "";
+        case "module":
+            return obj.module || "";
+        case "type":
+            return obj.type || "";
+        case "description":
+            return obj.description || "";
+        default:
+            return "";
+    }
+}, _GxIdeLaunchpadWebApps_getObjectTypeIcon = function _GxIdeLaunchpadWebApps_getObjectTypeIcon(object) {
+    var _a;
+    const iconMap = {
+        "36e32e2d-023e-4188-95df-d13573bac2e0:API": getIconPath({
+            category: "objects",
+            name: "api"
+        }),
+        "2a9e9aba-d2de-4801-ae7f-5e3819222daf:Data Provider": getIconPath({
+            category: "objects",
+            name: "data-provider"
+        }),
+        "9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Menu": getIconPath({
+            category: "objects",
+            name: "dashboard"
+        }),
+        "9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Dashboard": getIconPath({
+            category: "objects",
+            name: "dashboard"
+        }),
+        "0eee17f4-cef9-4988-aed4-c2da632be85b:Mini App": getIconPath({
+            category: "objects",
+            name: "mini-app"
+        }),
+        "d82625fd-5892-40b0-99c9-5c8559c197fc:Panel": getIconPath({
+            category: "objects",
+            name: "panel-for-sd"
+        }),
+        "d82625fd-5892-40b0-99c9-5c8559c197fc:SDPanel": getIconPath({
+            category: "objects",
+            name: "panel-for-sd"
+        }),
+        "84a12160-f59b-4ad7-a683-ea4481ac23e9:Procedure": getIconPath({
+            category: "objects",
+            name: "procedure"
+        }),
+        "a7e6cce5-1171-49e9-a6a0-07f137eedc07:Super App": getIconPath({
+            category: "objects",
+            name: "super-app"
+        }),
+        "1db606f2-af09-4cf9-a3b5-b481519d28f6:Transaction": getIconPath({
+            category: "objects",
+            name: "transaction"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:Web Panel": getIconPath({
+            category: "objects",
+            name: "webpanel"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:WebPanel": getIconPath({
+            category: "objects",
+            name: "webpanel"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:Web Component": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:WebComponent": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "15cf49b5-fc38-4899-91b5-395d02d79889:Work With": getIconPath({
+            category: "patterns",
+            name: "workwith-for-sd"
+        }),
+        "15cf49b5-fc38-4899-91b5-395d02d79889:WorkWith": getIconPath({
+            category: "patterns",
+            name: "workwith-for-sd"
+        }),
+        "API": getIconPath({ category: "objects", name: "api" }),
+        "Data Provider": getIconPath({
+            category: "objects",
+            name: "data-provider"
+        }),
+        "Menu": getIconPath({ category: "objects", name: "dashboard" }),
+        "Dashboard": getIconPath({ category: "objects", name: "dashboard" }),
+        "Mini App": getIconPath({ category: "objects", name: "mini-app" }),
+        "Panel": getIconPath({ category: "objects", name: "panel-for-sd" }),
+        "SDPanel": getIconPath({ category: "objects", name: "panel-for-sd" }),
+        "Procedure": getIconPath({ category: "objects", name: "procedure" }),
+        "Super App": getIconPath({ category: "objects", name: "super-app" }),
+        "Transaction": getIconPath({ category: "objects", name: "transaction" }),
+        "Web Panel": getIconPath({ category: "objects", name: "webpanel" }),
+        "WebPanel": getIconPath({ category: "objects", name: "webpanel" }),
+        "Web Component": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "WebComponent": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "Work With": getIconPath({
+            category: "patterns",
+            name: "workwith-for-sd"
+        }),
+        "WorkWith": getIconPath({ category: "patterns", name: "workwith-for-sd" })
+    };
+    if ((_a = object.key) === null || _a === void 0 ? void 0 : _a.type) {
+        const fullKey = `${object.key.type}:${object.type}`;
+        if (iconMap[fullKey]) {
+            return iconMap[fullKey];
+        }
+    }
+    if (iconMap[object.type]) {
+        return iconMap[object.type];
+    }
+    return getIconPath({ category: "objects", name: "object" });
+}, _GxIdeLaunchpadWebApps_handleObjectClick = function _GxIdeLaunchpadWebApps_handleObjectClick(object) {
+    if (object.key && this.onObjectSelected) {
+        // Send the full key object as string in format "type|id"
+        const keyString = `${object.key.type}|${object.key.id}`;
+        this.onObjectSelected({ detail: { key: keyString } });
+    }
+}, _GxIdeLaunchpadWebApps_renderMainObjects = function _GxIdeLaunchpadWebApps_renderMainObjects() {
+    var _a, _b, _c;
+    const mainObjects = ((_a = this.objects.find(obj => obj.type === "main")) === null || _a === void 0 ? void 0 : _a.objects) || [];
+    const filteredObjects = mainObjects.filter(obj => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_filterObjects).call(this, obj));
+    if (mainObjects.length === 0) {
+        return (h("div", { class: "no-results" }, h("p", { class: "body-regular-s" }, ((_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _b === void 0 ? void 0 : _b.noMainObjects) ||
+            "There are no main objects to display")));
+    }
+    if (filteredObjects.length === 0) {
+        return (h("div", { class: "no-results" }, h("p", { class: "body-regular-s" }, (_c = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _c === void 0 ? void 0 : _c.noObjectsMatchSearch)));
+    }
+    return (h("div", { class: "main-objects-grid" }, filteredObjects.map((object, index) => (h("button", { key: index, class: "object-card elevation-2", onClick: () => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_handleObjectClick).call(this, object) }, h("div", { class: "card-header" }, h("div", { class: "left" }, h("h1", { class: "name body-semi-bold-s" }, object.name), h("h3", { class: "module body-regular-xs" }, object.module), h("p", { class: "type body-italic-xs" }, object.type)), h("div", { class: "right" }, h("div", { class: "type-container" }, h("ch-image", { class: "type-icon icon-md", src: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectTypeIcon).call(this, object) })))), (object.description || object.angular) && (h("footer", { class: "card-footer" }, h("div", { class: "left" }, object.description && (h("p", { class: "description body-regular-xs" }, object.description))), h("div", { class: "right" }, object.angular && (h("img", { src: ANGULAR_LOGO, alt: "Angular Logotype" })))))))), 
+    // WA: Add empty divs to ensure a minimum of 4 grid items for proper layout
+    filteredObjects.length < 4 &&
+        Array.from({ length: 4 - filteredObjects.length }).map((_, index) => h("div", { key: `empty-${index}` }))));
+}, _GxIdeLaunchpadWebApps_renderRecentObjects = function _GxIdeLaunchpadWebApps_renderRecentObjects() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const recentObjects = ((_a = this.objects.find(obj => obj.type === "recent")) === null || _a === void 0 ? void 0 : _a.objects) || [];
+    const filteredObjects = recentObjects.filter(obj => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_filterObjects).call(this, obj));
+    if (recentObjects.length === 0) {
+        return (h("div", { class: "no-objects" }, h("p", { class: "body-regular-s" }, (_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _b === void 0 ? void 0 : _b.noRecentObjects)));
+    }
+    if (filteredObjects.length === 0) {
+        return (h("div", { class: "no-objects" }, h("p", { class: "body-regular-s" }, (_c = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _c === void 0 ? void 0 : _c.noObjectsMatchSearch)));
+    }
+    const sortedObjects = [...filteredObjects].sort(__classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_sortRecentObjects, "f"));
+    return (h("div", { class: "recent-objects-grid-container" }, h("div", { class: "tabular-grid-scroll-container" }, h("ch-tabular-grid", { class: "tabular-grid elevation-2" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_NAME, columnName: ((_e = (_d = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _d === void 0 ? void 0 : _d.columns) === null || _e === void 0 ? void 0 : _e.name) || "Name", columnNameHidden: false, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_handleColumnSortChanged, "f"), size: "25%", resizable: false }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_MODULE, columnName: ((_g = (_f = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _f === void 0 ? void 0 : _f.columns) === null || _g === void 0 ? void 0 : _g.module) || "Module", columnNameHidden: false, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_handleColumnSortChanged, "f"), size: "20%", resizable: false }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_TYPE, columnName: ((_j = (_h = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _h === void 0 ? void 0 : _h.columns) === null || _j === void 0 ? void 0 : _j.type) || "Type", columnNameHidden: false, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_handleColumnSortChanged, "f"), size: "20%", resizable: false }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_DESCRIPTION, columnName: ((_l = (_k = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _k === void 0 ? void 0 : _k.columns) === null || _l === void 0 ? void 0 : _l.description) || "Description", columnNameHidden: false, settingable: false, sortable: false, size: "35%", resizable: false })), h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, sortedObjects.map((obj, index) => {
+        var _a;
+        return (h("ch-tabular-grid-row", { rowid: ((_a = obj.key) === null || _a === void 0 ? void 0 : _a.id) || index.toString(), class: "tabular-grid-row", onClick: () => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_handleObjectClick).call(this, obj) }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("div", { class: "cell-content" }, h("ch-image", { class: "object-icon icon-md", src: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectTypeIcon).call(this, obj) }), h("span", { class: "object-name" }, obj.name || "Unnamed"))), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module || ""), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description || "")));
+    }))))));
+};
+GxIdeLaunchpadWebApps.style = launchpadWebAppsCss;
+
+export { GxIdeLaunchpadApis as gx_ide_launchpad_apis, GxIdeLaunchpadNativeApps as gx_ide_launchpad_native_apps, GxIdeLaunchpadWebApps as gx_ide_launchpad_web_apps };
+
+//# sourceMappingURL=gx-ide-launchpad-apis_3.entry.js.map