@genexus/genexus-ide-ui 1.1.57 → 1.1.58

package/dist/genexus-ide-ui/p-de7532f5.entry.js

@@ -0,0 +1,889 @@
+import { r as e, c as a, h as t, H as i, a as r, g as o } from "./p-9b9ccd0c.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+import { g as s } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
+
+const c = ":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 l = undefined && undefined.__classPrivateFieldSet || function(e, a, t, i, r) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof a === "function" ? e !== a || !r : !a.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? r.call(e, t) : r ? r.value = t : a.set(e, t), t;
+};
+
+var d = undefined && undefined.__classPrivateFieldGet || function(e, a, t, i) {
+  if (t === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof a === "function" ? e !== a || !i : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? i : t === "a" ? i.call(e) : i ? i.value : a.get(e);
+};
+
+var p, h;
+
+const m = [ "resets/box-sizing", "components/accordion", "utils/elevation", "utils/layout", "utils/typography", "utils/spacing" ];
+
+const u = class {
+  constructor(t) {
+    e(this, t);
+    this.copyToClipboard = a(this, "copyToClipboard", 7);
+    p.set(this, void 0);
+    h.set(this, []);
+    this.apis = undefined;
+    this.onObjectSelected = undefined;
+  }
+  async componentWillLoad() {
+    try {
+      l(this, p, await n.getComponentStrings(this.element), "f");
+    } catch (e) {
+      console.error("Error loading locale:", e);
+      l(this, p, {}, "f");
+    }
+    this.initializeAccordionModel();
+  }
+  /**
+     * Initialize accordion model with dynamic sections for each API
+     */  initializeAccordionModel() {
+    if (!this.apis || !Array.isArray(this.apis)) {
+      l(this, h, [], "f");
+      return;
+    }
+    l(this, h, this.apis.map(((e, a) => {
+      let t;
+      if (typeof e === "string") {
+        t = e;
+      } else if (e && typeof e === "object" && e.url) {
+        t = e.url.toString();
+      } else {
+        return null;
+      }
+      const i = t.lastIndexOf("/");
+      const r = t.substring(i + 1, t.length).toUpperCase();
+      return {
+        id: `api-${a}`,
+        caption: r,
+        expanded: true
+      };
+    })).filter(Boolean), "f");
+  }
+  renderApis() {
+    if (!this.apis || !Array.isArray(this.apis)) {
+      return null;
+    }
+    return this.apis.map(((e, a) => {
+      let i;
+      if (typeof e === "string") {
+        i = {
+          url: e
+        };
+      } else if (e && typeof e === "object" && e.url) {
+        i = e;
+      } else {
+        return null;
+      }
+      return t("div", {
+        key: `api-${a}`,
+        slot: `api-${a}`,
+        class: "api-content spacing-body"
+      }, t("gx-ide-launchpad-api", {
+        data: i,
+        onObjectSelected: e => this.handleObjectSelection(e),
+        onCopyToClipboard: e => this.handleCopyToClipboard(e)
+      }));
+    })).filter(Boolean);
+  }
+  /**
+     * Handles object selection from subcomponents
+     */  handleObjectSelection(e) {
+    if (this.onObjectSelected) {
+      this.onObjectSelected(e);
+    }
+  }
+  /**
+     * Handles copy to clipboard from subcomponents
+     */  handleCopyToClipboard(e) {
+    this.copyToClipboard.emit({
+      url: e.detail.url
+    });
+  }
+  render() {
+    var e;
+    if (!this.apis || this.apis.length === 0) {
+      return t(i, {
+        class: "widget"
+      }, t("ch-theme", {
+        model: m
+      }), t("div", {
+        class: "no-data"
+      }, t("p", {
+        class: "body-regular-s"
+      }, ((e = d(this, p, "f")) === null || e === void 0 ? void 0 : e.noApis) || "No APIs available")));
+    }
+    return t(i, {
+      class: "widget spacing-body-inline-end"
+    }, t("ch-theme", {
+      model: m
+    }), t("div", {
+      class: "main"
+    }, t("ch-accordion-render", {
+      class: "accordion-filled-header elevation-2 apis-accordion",
+      model: d(this, h, "f")
+    }, this.renderApis())));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/launchpad-apis" ];
+  }
+  get element() {
+    return r(this);
+  }
+};
+
+p = new WeakMap, h = new WeakMap;
+
+u.style = c;
+
+const b = '.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 f = undefined && undefined.__classPrivateFieldSet || function(e, a, t, i, r) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof a === "function" ? e !== a || !r : !a.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? r.call(e, t) : r ? r.value = t : a.set(e, t), t;
+};
+
+var g = undefined && undefined.__classPrivateFieldGet || function(e, a, t, i) {
+  if (t === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof a === "function" ? e !== a || !i : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? i : t === "a" ? i.call(e) : i ? i.value : a.get(e);
+};
+
+var v, y, w, x, _, j, k, C, z, A, W, T, I, P;
+
+const S = "ios";
+
+const L = "android";
+
+const N = o("./gx-ide-assets/launchpad-native-apps/images/app-store-badge.svg");
+
+const E = o("./gx-ide-assets/launchpad-native-apps/images/android-logo.svg");
+
+const O = o("./gx-ide-assets/launchpad-native-apps/images/mac-logo.svg");
+
+const G = [ "resets/box-sizing", "components/accordion", "components/button", "components/dialog", "components/icon", "utils/elevation", "utils/layout", "utils/spacing", "utils/typography" ];
+
+const M = class {
+  constructor(t) {
+    e(this, t);
+    this.copyToClipboard = a(this, "copyToClipboard", 7);
+    this.openOnTheAppStore = a(this, "openOnTheAppStore", 7);
+    v.add(this);
+    y.set(this, void 0);
+    w.set(this, []);
+    x.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 {
+      f(this, y, await n.getComponentStrings(this.el), "f");
+    } catch (e) {
+      console.error("Error loading locale:", e);
+      f(this, y, {}, "f");
+    }
+    f(this, w, [ {
+      id: S,
+      caption: "iOS",
+      expanded: true
+    }, {
+      id: L,
+      caption: "Android",
+      expanded: true
+    } ], "f");
+  }
+  /**
+     * Cleanup method to prevent memory leaks
+     */  disconnectedCallback() {
+    if (g(this, x, "f")) {
+      g(this, x, "f").forEach((e => {
+        if (e) {
+          clearTimeout(e);
+        }
+      }));
+      g(this, x, "f").clear();
+    }
+  }
+  render() {
+    var e;
+    if (!this.objects || this.objects.length === 0) {
+      return t("div", {
+        class: "widget"
+      }, t("ch-theme", {
+        model: G
+      }), t("div", {
+        class: "no-data"
+      }, t("p", {
+        class: "body-regular-s"
+      }, ((e = g(this, y, "f")) === null || e === void 0 ? void 0 : e.noData) || "No native applications data available")));
+    }
+    return t("div", {
+      class: "widget"
+    }, t("ch-theme", {
+      model: G
+    }), t("div", {
+      class: "main"
+    }, t("ch-accordion-render", {
+      class: "accordion-filled-header elevation-2 native-apps-accordion",
+      model: g(this, w, "f")
+    }, t("div", {
+      slot: S,
+      class: "accordion-content spacing-body"
+    }, g(this, v, "m", P).call(this, S)), t("div", {
+      slot: L,
+      class: "accordion-content spacing-body"
+    }, g(this, v, "m", P).call(this, L)))), t("ch-dialog", {
+      class: "dialog",
+      show: this.showQRDialog,
+      "show-header": true,
+      closable: true,
+      "close-button-accessible-name": "Close QR code",
+      onDialogClosed: () => g(this, v, "m", T).call(this)
+    }, this.selectedObjectForQR && t("div", {
+      class: "qr-container"
+    }, t("ch-qr", {
+      value: this.selectedObjectForQR.url || "",
+      size: 200,
+      "error-correction-level": "Low",
+      class: "qr-code",
+      fill: g(this, v, "m", _).call(this),
+      background: g(this, v, "m", j).call(this)
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/launchpad-native-apps" ];
+  }
+  get el() {
+    return r(this);
+  }
+};
+
+y = new WeakMap, w = new WeakMap, x = new WeakMap, v = new WeakSet, _ = function _GxIdeLaunchpadNativeApps_getQRFillColor() {
+  const e = getComputedStyle(document.documentElement);
+  return e.getPropertyValue("--mer-text__on-surface").trim() || e.getPropertyValue("--mer-color__neutral-gray--200").trim() || "#49566d";
+}, j = function _GxIdeLaunchpadNativeApps_getQRBackgroundColor() {
+  const e = getComputedStyle(document.documentElement);
+  return e.getPropertyValue("--mer-color__neutral-gray--1000").trim() || "#ffffff";
+}, k = function _GxIdeLaunchpadNativeApps_getCopyIcon() {
+  return s({
+    category: "system",
+    name: "copy",
+    colorType: "primary"
+  });
+}, C = function _GxIdeLaunchpadNativeApps_getQRIcon() {
+  return s({
+    category: "system",
+    name: "qr-code",
+    colorType: "neutral"
+  });
+}, z = function _GxIdeLaunchpadNativeApps_copyToClipboardFunc(e) {
+  this.copyToClipboard.emit({
+    url: e.url
+  });
+  if (e.url) {
+    navigator.clipboard.writeText(e.url).then((() => {
+      const a = `${e.name}-${e.url}`;
+      this.showCopiedMessage = Object.assign(Object.assign({}, this.showCopiedMessage), {
+        [a]: true
+      });
+      const t = window.setTimeout((() => {
+        this.showCopiedMessage = Object.assign(Object.assign({}, this.showCopiedMessage), {
+          [a]: false
+        });
+        g(this, x, "f").delete(t);
+      }), 2e3);
+      g(this, x, "f").add(t);
+    })).catch((e => {
+      console.error("Failed to copy text: ", e);
+    }));
+  }
+}, A = function _GxIdeLaunchpadNativeApps_openAppStoreFunc(e) {
+  this.openOnTheAppStore.emit({
+    url: e.url
+  });
+  if (e.url) {
+    window.open(e.url, "_blank");
+  }
+}, W = function _GxIdeLaunchpadNativeApps_handleQRClick(e) {
+  this.selectedObjectForQR = e;
+  this.showQRDialog = true;
+}, T = function _GxIdeLaunchpadNativeApps_handleCloseQRDialog() {
+  this.showQRDialog = false;
+  this.selectedObjectForQR = null;
+}, I = function _GxIdeLaunchpadNativeApps_handleObjectClick(e) {
+  if (e.key && this.onObjectSelected) {
+    // Send the full key object as string in format "type|id"
+    const a = `${e.key.type}|${e.key.id}`;
+    this.onObjectSelected({
+      detail: {
+        key: a
+      }
+    });
+  }
+}, P = function _GxIdeLaunchpadNativeApps_renderPlatformSection(e) {
+  var a, i;
+  const r = e === S ? t("img", {
+    src: O,
+    alt: "Apple iOS Logo"
+  }) : t("img", {
+    src: E,
+    alt: "Android Logo"
+  });
+  const o = this.objects.find((a => a.type === e));
+  if (!o || o.objects.length === 0) {
+    return t("div", {
+      class: "no-results"
+    }, t("p", {
+      class: "body-regular-s"
+    }, ((i = (a = g(this, y, "f")) === null || a === void 0 ? void 0 : a.noPlatformApps) === null || i === void 0 ? void 0 : i.replace("{platformType}", e)) || `No ${e} applications available`));
+  }
+  return t("div", {
+    class: "platform-grid"
+  }, o.objects.map(((e, a) => {
+    var i, o, n;
+    return t("div", {
+      key: a,
+      class: "object-card elevation-2",
+      tabindex: "0",
+      onClick: () => g(this, v, "m", I).call(this, e)
+    }, t("div", {
+      class: "card-content"
+    }, t("div", {
+      class: "info-section"
+    }, t("div", {
+      class: "app-info"
+    }, t("h1", {
+      class: "name body-semi-bold-s"
+    }, e.name), e.description && t("p", {
+      class: "description body-regular-xs"
+    }, e.description)))), t("div", {
+      class: "card-actions"
+    }, e.url && t("div", {
+      class: "platform-section"
+    }, e["app-store-badge"] ? t("img", {
+      src: N,
+      alt: "Download on the App Store",
+      class: "app__apple-store",
+      onClick: () => g(this, v, "m", A).call(this, e)
+    }) : r, t("button", {
+      class: "button-secondary button-icon-and-text",
+      onClick: () => g(this, v, "m", W).call(this, e),
+      "aria-label": "Show QR Code"
+    }, t("ch-image", {
+      class: "icon-md",
+      src: g(this, v, "m", C).call(this),
+      type: "mask"
+    }), ((i = g(this, y, "f")) === null || i === void 0 ? void 0 : i.showQR) || "Show QR")), t("button", {
+      class: "button-tertiary button-icon-and-text copy-button",
+      onClick: () => g(this, v, "m", z).call(this, e),
+      "aria-label": "Copy to clipboard"
+    }, t("ch-image", {
+      class: "icon-md",
+      src: g(this, v, "m", k).call(this)
+    }), this.showCopiedMessage[`${e.name}-${e.url}`] ? ((o = g(this, y, "f")) === null || o === void 0 ? void 0 : o.copied) || "Copied!" : ((n = g(this, y, "f")) === null || n === void 0 ? void 0 : n.copy) || "Copy")));
+  })), 
+  // WA: Prevent card take full width if there is only one card
+  o.objects.length === 1 && t("div", null));
+};
+
+M.style = b;
+
+const $ = ".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 D = undefined && undefined.__classPrivateFieldGet || function(e, a, t, i) {
+  if (t === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof a === "function" ? e !== a || !i : !a.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? i : t === "a" ? i.call(e) : i ? i.value : a.get(e);
+};
+
+var R = undefined && undefined.__classPrivateFieldSet || function(e, a, t, i, r) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof a === "function" ? e !== a || !r : !a.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? r.call(e, t) : r ? r.value = t : a.set(e, t), t;
+};
+
+var Q, q, H, F, B, U, V, Y, J, K;
+
+const X = [ "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 Z = o("./gx-ide-assets/launchpad-web-apps/images/angular-logo.svg");
+
+const ee = "recent-objects";
+
+const ae = "name";
+
+const te = "module";
+
+const ie = "type";
+
+const re = "description";
+
+const oe = class {
+  constructor(t) {
+    e(this, t);
+    this.copyToClipboard = a(this, "copyToClipboard", 7);
+    Q.add(this);
+    q.set(this, void 0);
+    /**
+         * Sorts recent objects
+         */    F.set(this, ((e, a) => {
+      var t, i;
+      if (this.order.orderCriteria) {
+        const r = ((t = D(this, Q, "m", B).call(this, e, this.order.orderCriteria)) === null || t === void 0 ? void 0 : t.toUpperCase()) || "";
+        const o = ((i = D(this, Q, "m", B).call(this, a, this.order.orderCriteria)) === null || i === void 0 ? void 0 : i.toUpperCase()) || "";
+        if (r < o) {
+          return this.order.ascending ? -1 : 1;
+        }
+        if (r > o) {
+          return this.order.ascending ? 1 : -1;
+        }
+      }
+      return 0;
+    }));
+    /**
+         * Handles column sort changes
+         */    U.set(this, (e => {
+      const {columnId: a, sortDirection: t} = e.detail;
+      this.order = {
+        orderCriteria: a,
+        ascending: t === "asc"
+      };
+    }));
+    this.objects = [];
+    this.onObjectSelected = undefined;
+    this.filterValue = "";
+    this.recentObjectsExpanded = true;
+    this.order = {
+      orderCriteria: null,
+      ascending: null
+    };
+  }
+  async componentWillLoad() {
+    try {
+      R(this, q, await n.getComponentStrings(this.el), "f");
+    } catch (e) {
+      console.error("Error loading locale:", e);
+      R(this, q, {}, "f");
+    }
+  }
+  handleAccordionExpandedChange(e) {
+    if (e.detail.id === ee) {
+      this.recentObjectsExpanded = e.detail.expanded;
+    }
+  }
+  render() {
+    var e, a, r;
+    if (!this.objects || this.objects.length === 0) {
+      return t(i, {
+        class: "widget spacing-body"
+      }, t("ch-theme", {
+        model: X
+      }), t("div", {
+        class: "no-data"
+      }, t("p", {
+        class: "body-regular-s"
+      }, ((e = D(this, q, "f")) === null || e === void 0 ? void 0 : e.noData) || "No web applications data available")));
+    }
+    return t(i, {
+      class: "widget spacing-body"
+    }, t("ch-theme", {
+      model: X
+    }), t("header", {
+      class: "header control-header"
+    }, t("div", {
+      class: "field field-block"
+    }, t("ch-edit", {
+      class: "input input-filter",
+      id: "filter",
+      placeholder: ((a = D(this, q, "f")) === null || a === void 0 ? void 0 : a.search) || "Search",
+      value: this.filterValue,
+      accessibleName: ((r = D(this, q, "f")) === null || r === void 0 ? void 0 : r.search) || "Search",
+      onInput: e => this.filterValue = String(e.detail)
+    }))), t("div", {
+      class: "main"
+    }, t("ch-accordion-render", {
+      class: "accordion-filled-header elevation-2 web-apps-accordion",
+      model: [ {
+        id: "main-objects",
+        caption: "Main Objects",
+        expanded: true
+      }, {
+        id: ee,
+        caption: "Recent Objects",
+        expanded: this.recentObjectsExpanded
+      } ]
+    }, t("div", {
+      slot: "main-objects",
+      class: "accordion-content spacing-body"
+    }, D(this, Q, "m", J).call(this)), t("div", {
+      slot: ee,
+      class: "accordion-content spacing-body-inline spacing-body-block-start"
+    }, D(this, Q, "m", K).call(this)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/launchpad-web-apps" ];
+  }
+  get el() {
+    return r(this);
+  }
+};
+
+q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function _GxIdeLaunchpadWebApps_filterObjects(e) {
+  if (!this.filterValue) return true;
+  const a = this.filterValue.toLowerCase();
+  return e.module && e.module.toLowerCase().includes(a) || e.name && e.name.toLowerCase().includes(a) || e.type && e.type.toLowerCase().includes(a) || e.description && e.description.toLowerCase().includes(a);
+}, B = function _GxIdeLaunchpadWebApps_getObjectValue(e, a) {
+  switch (a) {
+   case "name":
+    return e.name || "";
+
+   case "module":
+    return e.module || "";
+
+   case "type":
+    return e.type || "";
+
+   case "description":
+    return e.description || "";
+
+   default:
+    return "";
+  }
+}, V = function _GxIdeLaunchpadWebApps_getObjectTypeIcon(e) {
+  var a;
+  const t = {
+    "36e32e2d-023e-4188-95df-d13573bac2e0:API": s({
+      category: "objects",
+      name: "api"
+    }),
+    "2a9e9aba-d2de-4801-ae7f-5e3819222daf:Data Provider": s({
+      category: "objects",
+      name: "data-provider"
+    }),
+    "9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Menu": s({
+      category: "objects",
+      name: "dashboard"
+    }),
+    "9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Dashboard": s({
+      category: "objects",
+      name: "dashboard"
+    }),
+    "0eee17f4-cef9-4988-aed4-c2da632be85b:Mini App": s({
+      category: "objects",
+      name: "mini-app"
+    }),
+    "d82625fd-5892-40b0-99c9-5c8559c197fc:Panel": s({
+      category: "objects",
+      name: "panel-for-sd"
+    }),
+    "d82625fd-5892-40b0-99c9-5c8559c197fc:SDPanel": s({
+      category: "objects",
+      name: "panel-for-sd"
+    }),
+    "84a12160-f59b-4ad7-a683-ea4481ac23e9:Procedure": s({
+      category: "objects",
+      name: "procedure"
+    }),
+    "a7e6cce5-1171-49e9-a6a0-07f137eedc07:Super App": s({
+      category: "objects",
+      name: "super-app"
+    }),
+    "1db606f2-af09-4cf9-a3b5-b481519d28f6:Transaction": s({
+      category: "objects",
+      name: "transaction"
+    }),
+    "c9584656-94b6-4ccd-890f-332d11fc2c25:Web Panel": s({
+      category: "objects",
+      name: "webpanel"
+    }),
+    "c9584656-94b6-4ccd-890f-332d11fc2c25:WebPanel": s({
+      category: "objects",
+      name: "webpanel"
+    }),
+    "c9584656-94b6-4ccd-890f-332d11fc2c25:Web Component": s({
+      category: "objects",
+      name: "web-component"
+    }),
+    "c9584656-94b6-4ccd-890f-332d11fc2c25:WebComponent": s({
+      category: "objects",
+      name: "web-component"
+    }),
+    "15cf49b5-fc38-4899-91b5-395d02d79889:Work With": s({
+      category: "patterns",
+      name: "workwith-for-sd"
+    }),
+    "15cf49b5-fc38-4899-91b5-395d02d79889:WorkWith": s({
+      category: "patterns",
+      name: "workwith-for-sd"
+    }),
+    API: s({
+      category: "objects",
+      name: "api"
+    }),
+    "Data Provider": s({
+      category: "objects",
+      name: "data-provider"
+    }),
+    Menu: s({
+      category: "objects",
+      name: "dashboard"
+    }),
+    Dashboard: s({
+      category: "objects",
+      name: "dashboard"
+    }),
+    "Mini App": s({
+      category: "objects",
+      name: "mini-app"
+    }),
+    Panel: s({
+      category: "objects",
+      name: "panel-for-sd"
+    }),
+    SDPanel: s({
+      category: "objects",
+      name: "panel-for-sd"
+    }),
+    Procedure: s({
+      category: "objects",
+      name: "procedure"
+    }),
+    "Super App": s({
+      category: "objects",
+      name: "super-app"
+    }),
+    Transaction: s({
+      category: "objects",
+      name: "transaction"
+    }),
+    "Web Panel": s({
+      category: "objects",
+      name: "webpanel"
+    }),
+    WebPanel: s({
+      category: "objects",
+      name: "webpanel"
+    }),
+    "Web Component": s({
+      category: "objects",
+      name: "web-component"
+    }),
+    WebComponent: s({
+      category: "objects",
+      name: "web-component"
+    }),
+    "Work With": s({
+      category: "patterns",
+      name: "workwith-for-sd"
+    }),
+    WorkWith: s({
+      category: "patterns",
+      name: "workwith-for-sd"
+    })
+  };
+  if ((a = e.key) === null || a === void 0 ? void 0 : a.type) {
+    const a = `${e.key.type}:${e.type}`;
+    if (t[a]) {
+      return t[a];
+    }
+  }
+  if (t[e.type]) {
+    return t[e.type];
+  }
+  return s({
+    category: "objects",
+    name: "object"
+  });
+}, Y = function _GxIdeLaunchpadWebApps_handleObjectClick(e) {
+  if (e.key && this.onObjectSelected) {
+    // Send the full key object as string in format "type|id"
+    const a = `${e.key.type}|${e.key.id}`;
+    this.onObjectSelected({
+      detail: {
+        key: a
+      }
+    });
+  }
+}, J = function _GxIdeLaunchpadWebApps_renderMainObjects() {
+  var e, a, i;
+  const r = ((e = this.objects.find((e => e.type === "main"))) === null || e === void 0 ? void 0 : e.objects) || [];
+  const o = r.filter((e => D(this, Q, "m", H).call(this, e)));
+  if (r.length === 0) {
+    return t("div", {
+      class: "no-results"
+    }, t("p", {
+      class: "body-regular-s"
+    }, ((a = D(this, q, "f")) === null || a === void 0 ? void 0 : a.noMainObjects) || "There are no main objects to display"));
+  }
+  if (o.length === 0) {
+    return t("div", {
+      class: "no-results"
+    }, t("p", {
+      class: "body-regular-s"
+    }, (i = D(this, q, "f")) === null || i === void 0 ? void 0 : i.noObjectsMatchSearch));
+  }
+  return t("div", {
+    class: "main-objects-grid"
+  }, o.map(((e, a) => t("button", {
+    key: a,
+    class: "object-card elevation-2",
+    onClick: () => D(this, Q, "m", Y).call(this, e)
+  }, t("div", {
+    class: "card-header"
+  }, t("div", {
+    class: "left"
+  }, t("h1", {
+    class: "name body-semi-bold-s"
+  }, e.name), t("h3", {
+    class: "module body-regular-xs"
+  }, e.module), t("p", {
+    class: "type body-italic-xs"
+  }, e.type)), t("div", {
+    class: "right"
+  }, t("div", {
+    class: "type-container"
+  }, t("ch-image", {
+    class: "type-icon icon-md",
+    src: D(this, Q, "m", V).call(this, e)
+  })))), (e.description || e.angular) && t("footer", {
+    class: "card-footer"
+  }, t("div", {
+    class: "left"
+  }, e.description && t("p", {
+    class: "description body-regular-xs"
+  }, e.description)), t("div", {
+    class: "right"
+  }, e.angular && t("img", {
+    src: Z,
+    alt: "Angular Logotype"
+  })))))), 
+  // WA: Add empty divs to ensure a minimum of 4 grid items for proper layout
+  o.length < 4 && Array.from({
+    length: 4 - o.length
+  }).map(((e, a) => t("div", {
+    key: `empty-${a}`
+  }))));
+}, K = function _GxIdeLaunchpadWebApps_renderRecentObjects() {
+  var e, a, i, r, o, n, s, c, l, d, p;
+  const h = ((e = this.objects.find((e => e.type === "recent"))) === null || e === void 0 ? void 0 : e.objects) || [];
+  const m = h.filter((e => D(this, Q, "m", H).call(this, e)));
+  if (h.length === 0) {
+    return t("div", {
+      class: "no-objects"
+    }, t("p", {
+      class: "body-regular-s"
+    }, (a = D(this, q, "f")) === null || a === void 0 ? void 0 : a.noRecentObjects));
+  }
+  if (m.length === 0) {
+    return t("div", {
+      class: "no-objects"
+    }, t("p", {
+      class: "body-regular-s"
+    }, (i = D(this, q, "f")) === null || i === void 0 ? void 0 : i.noObjectsMatchSearch));
+  }
+  const u = [ ...m ].sort(D(this, F, "f"));
+  return t("div", {
+    class: "recent-objects-grid-container"
+  }, t("div", {
+    class: "tabular-grid-scroll-container"
+  }, t("ch-tabular-grid", {
+    class: "tabular-grid elevation-2"
+  }, t("ch-tabular-grid-columnset", {
+    class: "tabular-grid-column-set"
+  }, t("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: ae,
+    columnName: ((o = (r = D(this, q, "f")) === null || r === void 0 ? void 0 : r.columns) === null || o === void 0 ? void 0 : o.name) || "Name",
+    columnNameHidden: false,
+    settingable: false,
+    sortable: true,
+    onColumnSortChanged: D(this, U, "f"),
+    size: "25%",
+    resizable: false
+  }), t("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: te,
+    columnName: ((s = (n = D(this, q, "f")) === null || n === void 0 ? void 0 : n.columns) === null || s === void 0 ? void 0 : s.module) || "Module",
+    columnNameHidden: false,
+    settingable: false,
+    sortable: true,
+    onColumnSortChanged: D(this, U, "f"),
+    size: "20%",
+    resizable: false
+  }), t("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: ie,
+    columnName: ((l = (c = D(this, q, "f")) === null || c === void 0 ? void 0 : c.columns) === null || l === void 0 ? void 0 : l.type) || "Type",
+    columnNameHidden: false,
+    settingable: false,
+    sortable: true,
+    onColumnSortChanged: D(this, U, "f"),
+    size: "20%",
+    resizable: false
+  }), t("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: re,
+    columnName: ((p = (d = D(this, q, "f")) === null || d === void 0 ? void 0 : d.columns) === null || p === void 0 ? void 0 : p.description) || "Description",
+    columnNameHidden: false,
+    settingable: false,
+    sortable: false,
+    size: "35%",
+    resizable: false
+  })), t("ch-tabular-grid-rowset", {
+    class: "tabular-grid-rowset"
+  }, u.map(((e, a) => {
+    var i;
+    return t("ch-tabular-grid-row", {
+      rowid: ((i = e.key) === null || i === void 0 ? void 0 : i.id) || a.toString(),
+      class: "tabular-grid-row",
+      onClick: () => D(this, Q, "m", Y).call(this, e)
+    }, t("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, t("div", {
+      class: "cell-content"
+    }, t("ch-image", {
+      class: "object-icon icon-md",
+      src: D(this, Q, "m", V).call(this, e)
+    }), t("span", {
+      class: "object-name"
+    }, e.name || "Unnamed"))), t("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, e.module || ""), t("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, e.type), t("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, e.description || ""));
+  }))))));
+};
+
+oe.style = $;
+
+export { u as gx_ide_launchpad_apis, M as gx_ide_launchpad_native_apps, oe as gx_ide_launchpad_web_apps };
+//# sourceMappingURL=p-de7532f5.entry.js.map