@genexus/genexus-ide-ui 2.1.1 → 2.1.3

package/dist/genexus-ide-ui/{p-f05a137a.entry.js → p-42860e7e.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, c as t, h as a, H as i, a as o, g as n } from "./p-9b9ccd0c.js";
+import { r as e, c as t, h as a, H as o, a as i, g as n } from "./p-9b9ccd0c.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -14,17 +14,17 @@ 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:24px;display:flex;flex-direction:column;gap:var(--spacing-gap-xl);max-width:100%}.api-item{background:var(--ch-color-surface-secondary);border:1px solid var(--color-border-neutral-default);border-radius:0;overflow:hidden;transition:all var(--timing-fast) ease;width:100%;max-width:100%;display:flex;flex-direction:column;min-height:64px}.api-item:hover{box-shadow:var(--color-accent-surface-elevation-2);transform:translateY(-2px);border-color:var(--color-border-primary-hover)}.api-header{padding:16px;background:transparent;border-bottom:1px solid var(--color-border-neutral-default);flex-shrink:0}.api-header .api-name{margin:0;color:var(--color-text-neutral-default);word-break:break-all;overflow-wrap:break-word}.api-content{overflow:hidden}.no-apis,.no-data{color:var(--color-text-neutral-disabled);font-style:italic;text-align:center;padding:16px}.no-apis p,.no-data p{font-size:var(--font-size-body-m);font-weight:var(--font-style-semi-bold);line-height:var(--line-height-spacious)}";
 
-var l = undefined && undefined.__classPrivateFieldSet || function(e, t, a, i, o) {
-  if (i === "m") throw new TypeError("Private method is not writable");
-  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return i === "a" ? o.call(e, a) : o ? o.value = a : t.set(e, a), a;
+var l = undefined && undefined.__classPrivateFieldSet || function(e, t, a, o, i) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !i) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? i.call(e, a) : i ? i.value = a : t.set(e, a), a;
 };
 
-var d = undefined && undefined.__classPrivateFieldGet || function(e, t, a, i) {
-  if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return a === "m" ? i : a === "a" ? i.call(e) : i ? i.value : t.get(e);
+var d = undefined && undefined.__classPrivateFieldGet || function(e, t, a, o) {
+  if (a === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? o : a === "a" ? o.call(e) : o ? o.value : t.get(e);
 };
 
 var p, h;
@@ -65,11 +65,11 @@ const f = class {
       } else {
         return null;
       }
-      const i = a.lastIndexOf("/");
-      const o = a.substring(i + 1, a.length).toUpperCase();
+      const o = a.lastIndexOf("/");
+      const i = a.substring(o + 1, a.length).toUpperCase();
       return {
         id: `api-${t}`,
-        caption: o,
+        caption: i,
         expanded: true
       };
     })).filter(Boolean), "f");
@@ -79,13 +79,13 @@ const f = class {
       return null;
     }
     return this.apis.map(((e, t) => {
-      let i;
+      let o;
       if (typeof e === "string") {
-        i = {
+        o = {
           url: e
         };
       } else if (e && typeof e === "object" && e.url) {
-        i = e;
+        o = e;
       } else {
         return null;
       }
@@ -94,7 +94,7 @@ const f = class {
         slot: `api-${t}`,
         class: "api-content spacing-body"
       }, a("gx-ide-launchpad-api", {
-        data: i,
+        data: o,
         onObjectSelected: e => this.handleObjectSelection(e),
         onCopyToClipboard: e => this.handleCopyToClipboard(e)
       }));
@@ -117,7 +117,7 @@ const f = class {
   render() {
     var e;
     if (!this.apis || this.apis.length === 0) {
-      return a(i, null, a("ch-theme", {
+      return a(o, null, a("ch-theme", {
         model: u
       }), a("div", {
         class: "no-data"
@@ -125,7 +125,7 @@ const f = class {
         class: "body-regular-s"
       }, ((e = d(this, p, "f")) === null || e === void 0 ? void 0 : e.noApis) || "No APIs available")));
     }
-    return a(i, null, a("ch-theme", {
+    return a(o, null, a("ch-theme", {
       model: u
     }), a("div", {
       class: "main"
@@ -138,7 +138,7 @@ const f = class {
     return [ "gx-ide-assets/launchpad-apis" ];
   }
   get element() {
-    return o(this);
+    return i(this);
   }
 };
 
@@ -146,19 +146,19 @@ p = new WeakMap, h = new WeakMap;
 
 f.style = c;
 
-const b = '.object-card{border:none;border-radius:4px;padding:12px;display:flex;gap:var(--spacing-gap-l);flex-direction:column;flex-shrink:0;text-align:left}.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(--spacing-gap-l);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%}.native-apps-accordion{inline-size:100%;block-size:100%}.platform-section{display:flex;align-items:center;gap:var(--spacing-gap-l)}.app__apple-store{height:32px;cursor:pointer;transition:opacity var(--timing-fast) ease}.app__apple-store:hover{opacity:0.8}.platform-grid{--card-min-inline-size:360px}.card-content{display:flex;gap:var(--spacing-gap-xl);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(--spacing-gap-xs);flex:1}.name{color:var(--color-text-neutral-default)}.description{color:var(--color-text-neutral-disabled);margin:0;line-height:var(--line-height-relaxed)}.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:12px;border-top:1px solid var(--color-border-neutral-default)}.no-data,.no-results{color:var(--color-text-neutral-disabled);font-style:italic;text-align:center;padding:16px}.no-data p,.no-results p{font-size:var(--font-size-body-m);font-weight:var(--font-style-semi-bold);line-height:var(--line-height-spacious)}@media (max-width: 768px){.platform-grid{justify-content:center}.card-content{flex-direction:column;gap:var(--spacing-gap-l)}.card-actions{flex-direction:column;gap:var(--spacing-gap-l);align-items:stretch}}@media (max-width: 480px){.main{padding:12px}.object-card{padding:12px}.platform-grid{gap:var(--spacing-gap-l);padding:12px}}.android:after{content:"";display:block}';
+const b = '.object-card{border:none;border-radius:4px;padding:12px;display:flex;gap:var(--spacing-gap-l);flex-direction:column;flex-shrink:0;text-align:left}.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(--spacing-gap-l);align-items:stretch}button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:block;block-size:100%;overflow:auto}.main{overflow:auto;display:block}ch-accordion-render{inline-size:100%;block-size:100%}.native-apps-accordion{inline-size:100%;block-size:100%}.platform-section{display:flex;align-items:center;gap:var(--spacing-gap-l)}.app__apple-store{height:32px;cursor:pointer;transition:opacity var(--timing-fast) ease}.app__apple-store:hover{opacity:0.8}.platform-grid{--card-min-inline-size:360px}.card-content{display:flex;gap:var(--spacing-gap-xl);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(--spacing-gap-xs);flex:1}.name{color:var(--color-text-neutral-default)}.description{color:var(--color-text-neutral-disabled);margin:0;line-height:var(--line-height-relaxed)}.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:12px;border-top:1px solid var(--color-border-neutral-default)}.no-data,.no-results{color:var(--color-text-neutral-disabled);font-style:italic;text-align:center;padding:16px}.no-data p,.no-results p{font-size:var(--font-size-body-m);font-weight:var(--font-style-semi-bold);line-height:var(--line-height-spacious)}@media (max-width: 768px){.platform-grid{justify-content:center}.card-content{flex-direction:column;gap:var(--spacing-gap-l)}.card-actions{flex-direction:column;gap:var(--spacing-gap-l);align-items:stretch}}@media (max-width: 480px){.main{padding:12px}.object-card{padding:12px}.platform-grid{gap:var(--spacing-gap-l);padding:12px}}.android:after{content:"";display:block}';
 
-var m = undefined && undefined.__classPrivateFieldSet || function(e, t, a, i, o) {
-  if (i === "m") throw new TypeError("Private method is not writable");
-  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return i === "a" ? o.call(e, a) : o ? o.value = a : t.set(e, a), a;
+var m = undefined && undefined.__classPrivateFieldSet || function(e, t, a, o, i) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !i) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? i.call(e, a) : i ? i.value = a : t.set(e, a), a;
 };
 
-var g = undefined && undefined.__classPrivateFieldGet || function(e, t, a, i) {
-  if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return a === "m" ? i : a === "a" ? i.call(e) : i ? i.value : t.get(e);
+var g = undefined && undefined.__classPrivateFieldGet || function(e, t, a, o) {
+  if (a === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? o : a === "a" ? o.call(e) : o ? o.value : t.get(e);
 };
 
 var v, y, x, w, j, k, C, _, z, A, W, T, I;
@@ -276,7 +276,7 @@ const G = class {
     return [ "gx-ide-assets/launchpad-native-apps" ];
   }
   get el() {
-    return o(this);
+    return i(this);
   }
 };
 
@@ -337,8 +337,8 @@ y = new WeakMap, x = new WeakMap, w = new WeakMap, v = new WeakSet, j = function
     });
   }
 }, I = function _GxIdeLaunchpadNativeApps_renderPlatformSection(e) {
-  var t, i;
-  const o = e === P ? a("img", {
+  var t, o;
+  const i = e === P ? a("img", {
     src: E,
     alt: "Apple iOS Logo"
   }) : a("img", {
@@ -351,12 +351,12 @@ y = new WeakMap, x = new WeakMap, w = new WeakMap, v = new WeakSet, j = function
       class: "no-results"
     }, a("p", {
       class: "body-regular-s"
-    }, ((i = (t = g(this, y, "f")) === null || t === void 0 ? void 0 : t.noPlatformApps) === null || i === void 0 ? void 0 : i.replace("{platformType}", e)) || `No ${e} applications available`));
+    }, ((o = (t = g(this, y, "f")) === null || t === void 0 ? void 0 : t.noPlatformApps) === null || o === void 0 ? void 0 : o.replace("{platformType}", e)) || `No ${e} applications available`));
   }
   return a("div", {
     class: "platform-grid"
   }, n.objects.map(((e, t) => {
-    var i, n, r;
+    var o, n, r;
     return a("div", {
       key: t,
       class: "object-card elevation-1",
@@ -381,7 +381,7 @@ y = new WeakMap, x = new WeakMap, w = new WeakMap, v = new WeakSet, j = function
       alt: "Download on the App Store",
       class: "app__apple-store",
       onClick: () => g(this, v, "m", z).call(this, e)
-    }) : o, a("button", {
+    }) : i, a("button", {
       class: "button-secondary button-icon-and-text",
       onClick: () => g(this, v, "m", A).call(this, e),
       "aria-label": "Show QR Code"
@@ -389,7 +389,7 @@ y = new WeakMap, x = new WeakMap, w = new WeakMap, v = new WeakSet, j = function
       class: "icon-m",
       src: M,
       type: "mask"
-    }), ((i = g(this, y, "f")) === null || i === void 0 ? void 0 : i.showQR) || "Show QR")), a("button", {
+    }), ((o = g(this, y, "f")) === null || o === void 0 ? void 0 : o.showQR) || "Show QR")), a("button", {
       class: "button-tertiary button-icon-and-text copy-button",
       onClick: () => g(this, v, "m", _).call(this, e),
       "aria-label": "Copy to clipboard"
@@ -406,17 +406,17 @@ G.style = b;
 
 const $ = ".object-card{border:none;border-radius:4px;padding:12px;display:flex;gap:var(--spacing-gap-l);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(--color-border-item-hover)}.object-card:active{border-color:var(--color-border-item-pressed)}: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(--spacing-gap-l);align-items:stretch}.object-card{inline-size:100%;border-width:1px;border-style:solid}.object-card.elevation-1{--elevation-border-color:var(\n    --color-accent-surface-elevation-1\n  )}.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:8px}.card-header .left .name{color:var(--color-text-neutral-default);font-weight:var(--font-style-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:8px}.card-header .type{margin:0;color:var(--color-text-neutral-disabled)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border-surface-on-elevation-1);flex-shrink:0}.card-footer .description{margin:0;line-height:var(--line-height-relaxed);color:var(--color-text-neutral-default)}.card-footer .angular-icon{inline-size:14px;block-size:14px;opacity:0.8}.no-results,.no-objects{color:var(--color-text-neutral-disabled);text-align:center;padding:16px}.recent-objects-grid-container .cell-content{display:flex;align-items:center;gap:var(--spacing-gap-m)}.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, t, a, i) {
-  if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return a === "m" ? i : a === "a" ? i.call(e) : i ? i.value : t.get(e);
+var D = undefined && undefined.__classPrivateFieldGet || function(e, t, a, o) {
+  if (a === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return a === "m" ? o : a === "a" ? o.call(e) : o ? o.value : t.get(e);
 };
 
-var R = undefined && undefined.__classPrivateFieldSet || function(e, t, a, i, o) {
-  if (i === "m") throw new TypeError("Private method is not writable");
-  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return i === "a" ? o.call(e, a) : o ? o.value = a : t.set(e, a), a;
+var R = undefined && undefined.__classPrivateFieldSet || function(e, t, a, o, i) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !i) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? i.call(e, a) : i ? i.value = a : t.set(e, a), a;
 };
 
 var Q, q, H, F, B, U, V, Y, J, K;
@@ -431,9 +431,9 @@ const te = "name";
 
 const ae = "module";
 
-const ie = "type";
+const oe = "type";
 
-const oe = "description";
+const ie = "description";
 
 const ne = class {
   constructor(a) {
@@ -444,14 +444,14 @@ const ne = class {
     /**
          * Sorts recent objects
          */    F.set(this, ((e, t) => {
-      var a, i;
+      var a, o;
       if (this.order.orderCriteria) {
-        const o = ((a = D(this, Q, "m", B).call(this, e, this.order.orderCriteria)) === null || a === void 0 ? void 0 : a.toUpperCase()) || "";
-        const n = ((i = D(this, Q, "m", B).call(this, t, this.order.orderCriteria)) === null || i === void 0 ? void 0 : i.toUpperCase()) || "";
-        if (o < n) {
+        const i = ((a = D(this, Q, "m", B).call(this, e, this.order.orderCriteria)) === null || a === void 0 ? void 0 : a.toUpperCase()) || "";
+        const n = ((o = D(this, Q, "m", B).call(this, t, this.order.orderCriteria)) === null || o === void 0 ? void 0 : o.toUpperCase()) || "";
+        if (i < n) {
           return this.order.ascending ? -1 : 1;
         }
-        if (o > n) {
+        if (i > n) {
           return this.order.ascending ? 1 : -1;
         }
       }
@@ -489,9 +489,9 @@ const ne = class {
     }
   }
   render() {
-    var e, t, o;
+    var e, t, i;
     if (!this.objects || this.objects.length === 0) {
-      return a(i, null, a("ch-theme", {
+      return a(o, null, a("ch-theme", {
         model: X
       }), a("div", {
         class: "no-data"
@@ -499,7 +499,7 @@ const ne = class {
         class: "body-regular-s"
       }, ((e = D(this, q, "f")) === null || e === void 0 ? void 0 : e.noData) || "No web applications data available")));
     }
-    return a(i, null, a("ch-theme", {
+    return a(o, null, a("ch-theme", {
       model: X
     }), a("header", {
       class: "header dialog-header"
@@ -510,7 +510,7 @@ const ne = class {
       id: "filter",
       placeholder: ((t = D(this, q, "f")) === null || t === void 0 ? void 0 : t.search) || "Search",
       value: this.filterValue,
-      accessibleName: ((o = D(this, q, "f")) === null || o === void 0 ? void 0 : o.search) || "Search",
+      accessibleName: ((i = D(this, q, "f")) === null || i === void 0 ? void 0 : i.search) || "Search",
       onInput: e => this.filterValue = String(e.detail)
     }))), a("div", {
       class: "main"
@@ -537,7 +537,7 @@ const ne = class {
     return [ "gx-ide-assets/launchpad-web-apps" ];
   }
   get el() {
-    return o(this);
+    return i(this);
   }
 };
 
@@ -718,10 +718,10 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
     });
   }
 }, J = function _GxIdeLaunchpadWebApps_renderMainObjects() {
-  var e, t, i;
-  const o = ((e = this.objects.find((e => e.type === "main"))) === null || e === void 0 ? void 0 : e.objects) || [];
-  const n = o.filter((e => D(this, Q, "m", H).call(this, e)));
-  if (o.length === 0) {
+  var e, t, o;
+  const i = ((e = this.objects.find((e => e.type === "main"))) === null || e === void 0 ? void 0 : e.objects) || [];
+  const n = i.filter((e => D(this, Q, "m", H).call(this, e)));
+  if (i.length === 0) {
     return a("div", {
       class: "no-results"
     }, a("p", {
@@ -733,7 +733,7 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
       class: "no-results"
     }, a("p", {
       class: "body-regular-s"
-    }, (i = D(this, q, "f")) === null || i === void 0 ? void 0 : i.noObjectsMatchSearch));
+    }, (o = D(this, q, "f")) === null || o === void 0 ? void 0 : o.noObjectsMatchSearch));
   }
   return a("div", {
     class: "main-objects-grid"
@@ -777,7 +777,7 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
     key: `empty-${t}`
   }))));
 }, K = function _GxIdeLaunchpadWebApps_renderRecentObjects() {
-  var e, t, i, o, n, r, s, c, l, d, p;
+  var e, t, o, i, n, r, s, c, l, d, p;
   const h = ((e = this.objects.find((e => e.type === "recent"))) === null || e === void 0 ? void 0 : e.objects) || [];
   const u = h.filter((e => D(this, Q, "m", H).call(this, e)));
   if (h.length === 0) {
@@ -792,7 +792,7 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
       class: "no-objects"
     }, a("p", {
       class: "body-regular-s"
-    }, (i = D(this, q, "f")) === null || i === void 0 ? void 0 : i.noObjectsMatchSearch));
+    }, (o = D(this, q, "f")) === null || o === void 0 ? void 0 : o.noObjectsMatchSearch));
   }
   const f = [ ...u ].sort(D(this, F, "f"));
   return a("div", {
@@ -806,7 +806,7 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
   }, a("ch-tabular-grid-column", {
     class: "tabular-grid-column",
     columnId: te,
-    columnName: ((n = (o = D(this, q, "f")) === null || o === void 0 ? void 0 : o.columns) === null || n === void 0 ? void 0 : n.name) || "Name",
+    columnName: ((n = (i = D(this, q, "f")) === null || i === void 0 ? void 0 : i.columns) === null || n === void 0 ? void 0 : n.name) || "Name",
     columnNameHidden: false,
     settingable: false,
     sortable: true,
@@ -825,7 +825,7 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
     resizable: false
   }), a("ch-tabular-grid-column", {
     class: "tabular-grid-column",
-    columnId: ie,
+    columnId: oe,
     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,
@@ -835,7 +835,7 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
     resizable: false
   }), a("ch-tabular-grid-column", {
     class: "tabular-grid-column",
-    columnId: oe,
+    columnId: ie,
     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,
@@ -845,9 +845,9 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
   })), a("ch-tabular-grid-rowset", {
     class: "tabular-grid-rowset"
   }, f.map(((e, t) => {
-    var i;
+    var o;
     return a("ch-tabular-grid-row", {
-      rowid: ((i = e.key) === null || i === void 0 ? void 0 : i.id) || t.toString(),
+      rowid: ((o = e.key) === null || o === void 0 ? void 0 : o.id) || t.toString(),
       class: "tabular-grid-row",
       onClick: () => D(this, Q, "m", Y).call(this, e)
     }, a("ch-tabular-grid-cell", {
@@ -872,4 +872,4 @@ q = new WeakMap, F = new WeakMap, U = new WeakMap, Q = new WeakSet, H = function
 ne.style = $;
 
 export { f as gx_ide_launchpad_apis, G as gx_ide_launchpad_native_apps, ne as gx_ide_launchpad_web_apps };
-//# sourceMappingURL=p-f05a137a.entry.js.map
+//# sourceMappingURL=p-42860e7e.entry.js.map

package/dist/genexus-ide-ui/p-42860e7e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["launchpadApisCss","CSS_BUNDLES","GxIdeLaunchpadApis","_GxIdeLaunchpadApis_componentLocale","set","this","_GxIdeLaunchpadApis_ACCORDION_MODEL","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","element","error","console","initializeAccordionModel","apis","Array","isArray","map","api","index","url","toString","lastSlash","lastIndexOf","name","substring","length","toUpperCase","id","caption","expanded","filter","Boolean","renderApis","apiData","h","key","slot","class","data","onObjectSelected","event","handleObjectSelection","onCopyToClipboard","handleCopyToClipboard","copyToClipboard","emit","detail","render","Host","model","_a","__classPrivateFieldGet","noApis","launchpadNativeAppsCss","IOS_ID","ANDROID_ID","APP_STORE_BADGE","getAssetPath","ANDROID_LOGO","MAC_LOGO","QR_ICON","getIconPath","category","colorType","GxIdeLaunchpadNativeApps","_GxIdeLaunchpadNativeApps_componentLocale","_GxIdeLaunchpadNativeApps_ACCORDION_MODEL","_GxIdeLaunchpadNativeApps_timeoutIds","Set","orderCriteria","ascending","el","disconnectedCallback","forEach","timeoutId","clearTimeout","clear","objects","noData","_GxIdeLaunchpadNativeApps_instances","_GxIdeLaunchpadNativeApps_renderPlatformSection","call","show","showQRDialog","closable","onDialogClosed","_GxIdeLaunchpadNativeApps_handleCloseQRDialog","selectedObjectForQR","value","size","fill","_GxIdeLaunchpadNativeApps_getQRFillColor","background","_GxIdeLaunchpadNativeApps_getQRBackgroundColor","computedStyle","getComputedStyle","document","documentElement","getPropertyValue","trim","_GxIdeLaunchpadNativeApps_getCopyIcon","_GxIdeLaunchpadNativeApps_copyToClipboardFunc","object","navigator","clipboard","writeText","then","objectKey","showCopiedMessage","Object","assign","window","setTimeout","delete","add","catch","err","_GxIdeLaunchpadNativeApps_openAppStoreFunc","openOnTheAppStore","open","_GxIdeLaunchpadNativeApps_handleQRClick","_GxIdeLaunchpadNativeApps_handleObjectClick","keyString","type","platformType","platformIcon","src","alt","platformSection","find","obj","_b","noPlatformApps","replace","tabindex","onClick","description","showQR","copied","_c","copy","launchpadWebAppsCss","ANGULAR_LOGO","ACCORDION_RECENT_OBJECTS_ID","COLUMN_NAME","COLUMN_MODULE","COLUMN_TYPE","COLUMN_DESCRIPTION","GxIdeLaunchpadWebApps","_GxIdeLaunchpadWebApps_componentLocale","_GxIdeLaunchpadWebApps_sortRecentObjects","a","b","order","orderCriteriaA","_GxIdeLaunchpadWebApps_instances","_GxIdeLaunchpadWebApps_getObjectValue","orderCriteriaB","_GxIdeLaunchpadWebApps_handleColumnSortChanged","e","columnId","sortDirection","handleAccordionExpandedChange","recentObjectsExpanded","placeholder","search","filterValue","accessibleName","onInput","String","_GxIdeLaunchpadWebApps_renderMainObjects","_GxIdeLaunchpadWebApps_renderRecentObjects","filterV","toLowerCase","module","includes","_GxIdeLaunchpadWebApps_getObjectTypeIcon","iconMap","API","Menu","Dashboard","Panel","SDPanel","Procedure","Transaction","WebPanel","WebComponent","WorkWith","fullKey","_GxIdeLaunchpadWebApps_handleObjectClick","mainObjects","filteredObjects","_GxIdeLaunchpadWebApps_filterObjects","noMainObjects","noObjectsMatchSearch","angular","from","_","recentObjects","noRecentObjects","sortedObjects","sort","columnName","_e","_d","columns","columnNameHidden","settingable","sortable","onColumnSortChanged","resizable","_g","_f","_j","_h","_l","_k","rowid"],"sources":["src/components/launchpad/apis/launchpad-apis.scss?tag=gx-ide-launchpad-apis&encapsulation=shadow","src/components/launchpad/apis/launchpad-apis.tsx","src/components/launchpad/native-apps/launchpad-native-apps.scss?tag=gx-ide-launchpad-native-apps&encapsulation=shadow","src/components/launchpad/native-apps/launchpad-native-apps.tsx","src/components/launchpad/web-apps/launchpad-web-apps.scss?tag=gx-ide-launchpad-web-apps&encapsulation=shadow","src/components/launchpad/web-apps/launchpad-web-apps.tsx"],"sourcesContent":[":host {\n  display: block;\n  block-size: 100%;\n  overflow: auto;\n  background-color: var(--ch-color-surface-primary);\n  color: var(--ch-color-text-primary);\n}\n\n.main {\n  overflow: auto;\n  display: block;\n}\n\n.apis-container {\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xl);\n  max-width: 100%;\n}\n\n.api-item {\n  background: var(--ch-color-surface-secondary);\n  border: 1px solid var(--color-border-neutral-default);\n  border-radius: 0;\n  overflow: hidden;\n  transition: all var(--timing-fast) ease;\n  width: 100%;\n  max-width: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 64px;\n\n  &:hover {\n    box-shadow: var(--color-accent-surface-elevation-2);\n    transform: translateY(-2px);\n    border-color: var(--color-border-primary-hover);\n  }\n}\n\n.api-header {\n  padding: 16px;\n  background: transparent;\n  border-bottom: 1px solid var(--color-border-neutral-default);\n  flex-shrink: 0;\n\n  .api-name {\n    margin: 0;\n    color: var(--color-text-neutral-default);\n    word-break: break-all;\n    overflow-wrap: break-word;\n  }\n}\n\n.api-content {\n  overflow: hidden;\n}\n\n.no-apis,\n.no-data {\n  color: var(--color-text-neutral-disabled);\n  font-style: italic;\n  text-align: center;\n  padding: 16px;\n\n  p {\n    font-size: var(--font-size-body-m);\n    font-weight: var(--font-style-semi-bold);\n    line-height: var(--line-height-spacious);\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  h,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { AccordionModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/accordion\",\n  \"utils/elevation\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\n@Component({\n  tag: \"gx-ide-launchpad-apis\",\n  styleUrl: \"launchpad-apis.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad-apis\"]\n})\nexport class GxIdeLaunchpadApis {\n  #componentLocale: any;\n  #ACCORDION_MODEL: AccordionModel = [];\n\n  @Prop() apis: Array<any>;\n  @Element() element: HTMLElement;\n\n  /**\n   * Callback function for object selection (passed from parent)\n   */\n  @Prop() onObjectSelected?: (event: any) => void;\n\n  /**\n   * Event emitted when copying to clipboard\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  async componentWillLoad() {\n    try {\n      this.#componentLocale = await Locale.getComponentStrings(this.element);\n    } catch (error) {\n      console.error(\"Error loading locale:\", error);\n      this.#componentLocale = {};\n    }\n\n    this.initializeAccordionModel();\n  }\n\n  /**\n   * Initialize accordion model with dynamic sections for each API\n   */\n  private initializeAccordionModel() {\n    if (!this.apis || !Array.isArray(this.apis)) {\n      this.#ACCORDION_MODEL = [];\n      return;\n    }\n\n    this.#ACCORDION_MODEL = this.apis\n      .map((api: any, index: number) => {\n        let url: string;\n\n        if (typeof api === \"string\") {\n          url = api;\n        } else if (api && typeof api === \"object\" && api.url) {\n          url = api.url.toString();\n        } else {\n          return null;\n        }\n\n        const lastSlash = url.lastIndexOf(\"/\");\n        const name = url.substring(lastSlash + 1, url.length).toUpperCase();\n\n        return {\n          id: `api-${index}`,\n          caption: name,\n          expanded: true\n        };\n      })\n      .filter(Boolean);\n  }\n\n  renderApis() {\n    if (!this.apis || !Array.isArray(this.apis)) {\n      return null;\n    }\n\n    return this.apis\n      .map((api: any, index: number) => {\n        let apiData: any;\n\n        if (typeof api === \"string\") {\n          apiData = { url: api };\n        } else if (api && typeof api === \"object\" && api.url) {\n          apiData = api;\n        } else {\n          return null;\n        }\n\n        return (\n          <div\n            key={`api-${index}`}\n            slot={`api-${index}`}\n            class=\"api-content spacing-body\"\n          >\n            <gx-ide-launchpad-api\n              data={apiData}\n              onObjectSelected={(event: any) =>\n                this.handleObjectSelection(event)\n              }\n              onCopyToClipboard={(event: any) =>\n                this.handleCopyToClipboard(event)\n              }\n            ></gx-ide-launchpad-api>\n          </div>\n        );\n      })\n      .filter(Boolean);\n  }\n\n  /**\n   * Handles object selection from subcomponents\n   */\n  private handleObjectSelection(event: any) {\n    if (this.onObjectSelected) {\n      this.onObjectSelected(event);\n    }\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  render() {\n    if (!this.apis || this.apis.length === 0) {\n      return (\n        <Host>\n          <ch-theme model={CSS_BUNDLES}></ch-theme>\n          <div class=\"no-data\">\n            <p class=\"body-regular-s\">\n              {this.#componentLocale?.noApis || \"No APIs available\"}\n            </p>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <div class=\"main\">\n          <ch-accordion-render\n            class=\"accordion-filled-header elevation-2 apis-accordion\"\n            model={this.#ACCORDION_MODEL}\n          >\n            {this.renderApis()}\n          </ch-accordion-render>\n        </div>\n      </Host>\n    );\n  }\n}\n","@use \"../common.scss\" as *;\n@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: block;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.main {\n  overflow: auto;\n  display: block;\n}\n\nch-accordion-render {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.native-apps-accordion {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/* WA: Platform Section */\n.platform-section {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-l);\n}\n\n.app__apple-store {\n  height: 32px; // This should equal the button height in Mercury\n  cursor: pointer;\n  transition: opacity var(--timing-fast) ease;\n\n  &:hover {\n    opacity: 0.8;\n  }\n}\n\n.platform-grid {\n  --card-min-inline-size: 360px;\n  @extend %appCardsContainer;\n}\n\n.object-card {\n  @extend %appCard;\n}\n\n.card-content {\n  display: flex;\n  gap: var(--spacing-gap-xl);\n  flex: 1;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.info-section {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.app-info {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xs);\n  flex: 1;\n}\n\n.name {\n  color: var(--color-text-neutral-default);\n}\n\n.description {\n  color: var(--color-text-neutral-disabled);\n  margin: 0;\n  line-height: var(--line-height-relaxed);\n}\n\n/* Copy button styles handled by Mercury components/button bundle */\n\n/* QR Dialog Styles */\n.dialog {\n  --ch-dialog-block-size: 400px;\n  --ch-dialog-inline-size: 350px;\n  --ch-dialog-min-block-size: 400px;\n  --ch-dialog-min-inline-size: 350px;\n}\n.qr-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.card-actions {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 12px;\n  border-top: 1px solid var(--color-border-neutral-default);\n}\n\n/* No Data States */\n.no-data,\n.no-results {\n  color: var(--color-text-neutral-disabled);\n  font-style: italic;\n  text-align: center;\n  padding: 16px;\n\n  p {\n    font-size: var(--font-size-body-m);\n    font-weight: var(--font-style-semi-bold);\n    line-height: var(--line-height-spacious);\n  }\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .platform-grid {\n    justify-content: center;\n  }\n\n  .card-content {\n    flex-direction: column;\n    gap: var(--spacing-gap-l);\n  }\n\n  .card-actions {\n    flex-direction: column;\n    gap: var(--spacing-gap-l);\n    align-items: stretch;\n  }\n}\n\n@media (max-width: 480px) {\n  .main {\n    padding: 12px;\n  }\n\n  .object-card {\n    padding: 12px;\n  }\n\n  .platform-grid {\n    gap: var(--spacing-gap-l);\n    padding: 12px;\n  }\n}\n\n.android:after {\n  content: \"\";\n  display: block;\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { AccordionModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst IOS_ID = \"ios\";\nconst ANDROID_ID = \"android\";\n\nconst APP_STORE_BADGE = getAssetPath(\n  \"./gx-ide-assets/launchpad-native-apps/images/app-store-badge.svg\"\n);\nconst ANDROID_LOGO = getAssetPath(\n  \"./gx-ide-assets/launchpad-native-apps/images/android-logo.svg\"\n);\nconst MAC_LOGO = getAssetPath(\n  \"./gx-ide-assets/launchpad-native-apps/images/mac-logo.svg\"\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/accordion\",\n  \"components/button\",\n  \"components/dialog\",\n  \"components/icon\",\n  \"utils/elevation\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst QR_ICON = getIconPath({\n  category: \"system\",\n  name: \"qr-code\",\n  colorType: \"interactive\"\n});\n\n@Component({\n  tag: \"gx-ide-launchpad-native-apps\",\n  styleUrl: \"launchpad-native-apps.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad-native-apps\"]\n})\nexport class GxIdeLaunchpadNativeApps {\n  #componentLocale: any;\n  #ACCORDION_MODEL: AccordionModel = [];\n  #timeoutIds: Set<number> = new Set();\n\n  @Element() el: HTMLGxIdeLaunchpadNativeAppsElement;\n\n  /**\n   * Array of platform sections (ios, android)\n   */\n  @Prop() readonly objects: PlatformSection[] = [];\n\n  /**\n   * Filter value for searching objects\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * Sorting order for recent objects table\n   */\n  @State() order: { orderCriteria: string | null; ascending: boolean | null } =\n    {\n      orderCriteria: null,\n      ascending: null\n    };\n\n  /**\n   * Current page for pagination\n   */\n  @State() page: number = 1;\n\n  /**\n   * Items per page for pagination\n   */\n  @State() perPage: number = 10;\n\n  /**\n   * Event emitted when copying to clipboard - like the original version\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  /**\n   * Event emitted when opening app store - like the original version\n   */\n  @Event() openOnTheAppStore: EventEmitter<{ url: string }>;\n\n  /**\n   * Callback function for object selection (passed from parent)\n   */\n  @Prop() onObjectSelected?: (event: any) => void;\n\n  /**\n   * State to track copied messages for each object\n   */\n  @State() showCopiedMessage: { [key: string]: boolean } = {};\n\n  /**\n   * State to control QR dialog visibility\n   */\n  @State() showQRDialog: boolean = false;\n\n  /**\n   * State to store the selected object for QR display\n   */\n  @State() selectedObjectForQR: NativeAppObject | null = null;\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    }\n\n    this.#ACCORDION_MODEL = [\n      {\n        id: IOS_ID,\n        caption: \"iOS\",\n        expanded: true\n      },\n      {\n        id: ANDROID_ID,\n        caption: \"Android\",\n        expanded: true\n      }\n    ];\n  }\n\n  #getQRFillColor(): string {\n    const computedStyle = getComputedStyle(document.documentElement);\n    return (\n      computedStyle.getPropertyValue(\"--color-text-neutral-default\").trim() ||\n      computedStyle.getPropertyValue(\"--color-neutral-400\").trim() ||\n      \"#49566d\"\n    );\n  }\n\n  #getQRBackgroundColor(): string {\n    const computedStyle = getComputedStyle(document.documentElement);\n    return (\n      computedStyle.getPropertyValue(\"--color-neutral-1600\").trim() || \"#ffffff\"\n    );\n  }\n\n  #getCopyIcon(): string {\n    return getIconPath({\n      category: \"system\",\n      name: \"copy\",\n      colorType: \"primary\"\n    });\n  }\n\n  /**\n   * Copies text to clipboard and emits event - like the original version\n   */\n  #copyToClipboardFunc(object: NativeAppObject) {\n    this.copyToClipboard.emit({\n      url: object.url\n    });\n\n    if (object.url) {\n      navigator.clipboard\n        .writeText(object.url)\n        .then(() => {\n          const objectKey = `${object.name}-${object.url}`;\n\n          this.showCopiedMessage = {\n            ...this.showCopiedMessage,\n            [objectKey]: true\n          };\n\n          const timeoutId = window.setTimeout(() => {\n            this.showCopiedMessage = {\n              ...this.showCopiedMessage,\n              [objectKey]: false\n            };\n            this.#timeoutIds.delete(timeoutId);\n          }, 2000);\n\n          this.#timeoutIds.add(timeoutId);\n        })\n        .catch(err => {\n          console.error(\"Failed to copy text: \", err);\n        });\n    }\n  }\n\n  /**\n   * Opens app store and emits event - like the original version\n   */\n  #openAppStoreFunc(object: NativeAppObject) {\n    this.openOnTheAppStore.emit({\n      url: object.url\n    });\n\n    if (object.url) {\n      window.open(object.url, \"_blank\");\n    }\n  }\n\n  /**\n   * Handles QR button click\n   */\n  #handleQRClick(object: NativeAppObject) {\n    this.selectedObjectForQR = object;\n    this.showQRDialog = true;\n  }\n\n  /**\n   * Handles closing QR dialog\n   */\n  #handleCloseQRDialog() {\n    this.showQRDialog = false;\n    this.selectedObjectForQR = null;\n  }\n\n  /**\n   * Handles object click and calls parent callback\n   */\n  #handleObjectClick(object: NativeAppObject) {\n    if (object.key && this.onObjectSelected) {\n      // Send the full key object as string in format \"type|id\"\n      const keyString = `${object.key.type}|${object.key.id}`;\n      this.onObjectSelected({ detail: { key: keyString } });\n    }\n  }\n\n  /**\n   * Cleanup method to prevent memory leaks\n   */\n  disconnectedCallback() {\n    if (this.#timeoutIds) {\n      this.#timeoutIds.forEach(timeoutId => {\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n        }\n      });\n      this.#timeoutIds.clear();\n    }\n  }\n\n  /**\n   * Renders platform section (iOS or Android) with grid layout like the original version\n   */\n  #renderPlatformSection(platformType: string) {\n    const platformIcon =\n      platformType === IOS_ID ? (\n        <img src={MAC_LOGO} alt=\"Apple iOS Logo\"></img>\n      ) : (\n        <img src={ANDROID_LOGO} alt=\"Android Logo\"></img>\n      );\n\n    const platformSection = this.objects.find(obj => obj.type === platformType);\n\n    if (!platformSection || platformSection.objects.length === 0) {\n      return (\n        <div class=\"no-results\">\n          <p class=\"body-regular-s\">\n            {this.#componentLocale?.noPlatformApps?.replace(\n              \"{platformType}\",\n              platformType\n            ) || `No ${platformType} applications available`}\n          </p>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"platform-grid\">\n        {platformSection.objects.map((object, index) => (\n          <div\n            key={index}\n            class=\"object-card elevation-1\"\n            tabindex=\"0\"\n            onClick={() => this.#handleObjectClick(object)}\n          >\n            <div class=\"card-content\">\n              <div class=\"info-section\">\n                <div class=\"app-info\">\n                  <h1 class=\"name body-semi-bold-s\">{object.name}</h1>\n                  {object.description && (\n                    <p class=\"description body-regular-xs\">\n                      {object.description}\n                    </p>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div class=\"card-actions\">\n              {object.url && (\n                <div class=\"platform-section\">\n                  {object[\"app-store-badge\"] ? (\n                    <img\n                      src={APP_STORE_BADGE}\n                      alt=\"Download on the App Store\"\n                      class=\"app__apple-store\"\n                      onClick={() => this.#openAppStoreFunc(object)}\n                    />\n                  ) : (\n                    platformIcon\n                  )}\n                  <button\n                    class=\"button-secondary button-icon-and-text\"\n                    onClick={() => this.#handleQRClick(object)}\n                    aria-label=\"Show QR Code\"\n                  >\n                    <ch-image class=\"icon-m\" src={QR_ICON} type=\"mask\" />\n                    {this.#componentLocale?.showQR || \"Show QR\"}\n                  </button>\n                </div>\n              )}\n              <button\n                class=\"button-tertiary button-icon-and-text copy-button\"\n                onClick={() => this.#copyToClipboardFunc(object)}\n                aria-label=\"Copy to clipboard\"\n              >\n                <ch-image class=\"icon-m\" src={this.#getCopyIcon()} />\n                {this.showCopiedMessage[`${object.name}-${object.url}`]\n                  ? this.#componentLocale?.copied || \"Copied!\"\n                  : this.#componentLocale?.copy || \"Copy\"}\n              </button>\n            </div>\n          </div>\n        ))}\n        {\n          // WA: Prevent card take full width if there is only one card\n          platformSection.objects.length === 1 && <div></div>\n        }\n      </div>\n    );\n  }\n\n  render() {\n    if (!this.objects || this.objects.length === 0) {\n      <div class=\"no-data\">\n        <p class=\"body-regular-s\">\n          {this.#componentLocale?.noData ||\n            \"No native applications data available\"}\n        </p>\n      </div>;\n    }\n\n    return [\n      <ch-theme model={CSS_BUNDLES}></ch-theme>,\n      <div class=\"main\">\n        <ch-accordion-render\n          class=\"accordion-filled-header elevation-1 native-apps-accordion\"\n          model={this.#ACCORDION_MODEL}\n        >\n          <div slot={IOS_ID} class=\"accordion-content spacing-body\">\n            {this.#renderPlatformSection(IOS_ID)}\n          </div>\n          <div slot={ANDROID_ID} class=\"accordion-content spacing-body\">\n            {this.#renderPlatformSection(ANDROID_ID)}\n          </div>\n        </ch-accordion-render>\n      </div>,\n      <ch-dialog\n        class=\"dialog\"\n        show={this.showQRDialog}\n        show-header={true}\n        closable={true}\n        close-button-accessible-name=\"Close QR code\"\n        onDialogClosed={() => this.#handleCloseQRDialog()}\n      >\n        {this.selectedObjectForQR && (\n          <div class=\"qr-container\">\n            <ch-qr\n              value={this.selectedObjectForQR.url || \"\"}\n              size={200}\n              error-correction-level=\"Low\"\n              class=\"qr-code\"\n              fill={this.#getQRFillColor()}\n              background={this.#getQRBackgroundColor()}\n            ></ch-qr>\n          </div>\n        )}\n      </ch-dialog>\n    ];\n  }\n}\n\ninterface NativeAppObject {\n  \"name\": string;\n  \"module\"?: string;\n  \"type\"?: string;\n  \"description\"?: string;\n  \"platform\"?: string;\n  \"url\"?: string;\n  \"generator\"?: string;\n  \"app-store-badge\"?: boolean;\n  \"key\"?: {\n    type: string;\n    id: string;\n  };\n}\n\ninterface PlatformSection {\n  type: string;\n  objects: NativeAppObject[];\n}\n","@use \"../common.scss\" as *;\n\n:host {\n  display: block;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.main {\n  overflow: auto;\n  display: block;\n}\n\n.input-filter {\n  inline-size: 33%;\n  min-inline-size: 300px;\n}\n\nch-accordion-render {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.accordion-content {\n  inline-size: 100%;\n  overflow-x: auto;\n  min-width: 0;\n}\n\n.web-apps-accordion {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/* WA: Responsive cards with CSS Grid - cards stretch to fill available width */\n.main-objects-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(267px, 1fr));\n  gap: var(--spacing-gap-l);\n  align-items: stretch;\n}\n\n.object-card {\n  inline-size: 100%; // Adapt to grid column width\n  @extend %appCard;\n  @extend %appCardInteractive;\n  border-width: 1px;\n  border-style: solid;\n\n  &.elevation-1 {\n    --elevation-border-color: var(\n      --color-accent-surface-elevation-1\n    ); // Overwrite elevation border color\n  }\n}\n\n.card-header {\n  $commonGap: 8px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-shrink: 0;\n\n  .left {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: $commonGap;\n\n    .name {\n      color: var(--color-text-neutral-default);\n      font-weight: var(--font-style-regular); //WA\n    }\n\n    .module {\n      color: var(--ch-color-text-secondary);\n      margin: 0;\n    }\n  }\n\n  .right {\n    .type-container {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      gap: $commonGap;\n    }\n  }\n\n  .type {\n    margin: 0;\n    color: var(--color-text-neutral-disabled);\n  }\n}\n\n.card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: auto;\n  padding-top: 12px;\n  border-top: 1px solid var(--color-border-surface-on-elevation-1);\n  flex-shrink: 0;\n\n  .description {\n    margin: 0;\n    line-height: var(--line-height-relaxed);\n    color: var(--color-text-neutral-default);\n  }\n\n  .angular-icon {\n    inline-size: 14px;\n    block-size: 14px;\n    opacity: 0.8;\n  }\n}\n\n.no-results,\n.no-objects {\n  color: var(--color-text-neutral-disabled);\n  text-align: center;\n  padding: 16px;\n}\n\n.recent-objects-grid-container {\n  .cell-content {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-gap-m);\n  }\n}\n\n.tabular-grid-scroll-container {\n  max-block-size: 400px;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  // WA: Use thin scrollbar\n  scrollbar-width: thin;\n}\n\n/* Override global CSS for vertical layout */\n:host {\n  display: block !important;\n}\n\n.header {\n  display: block !important;\n  inline-size: 100% !important;\n  float: none !important;\n  clear: both !important;\n}\n\n.field {\n  display: block !important;\n  inline-size: 100% !important;\n  float: none !important;\n  clear: both !important;\n}\n\n.main {\n  display: block !important;\n  inline-size: 100% !important;\n  float: none !important;\n  clear: both !important;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  h,\n  Event,\n  EventEmitter,\n  Listen,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/accordion\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"chameleon/scrollbar\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"utils/elevation\"\n];\nconst ANGULAR_LOGO = getAssetPath(\n  \"./gx-ide-assets/launchpad-web-apps/images/angular-logo.svg\"\n);\nconst ACCORDION_RECENT_OBJECTS_ID = \"recent-objects\";\n\nconst COLUMN_NAME = \"name\";\nconst COLUMN_MODULE = \"module\";\nconst COLUMN_TYPE = \"type\";\nconst COLUMN_DESCRIPTION = \"description\";\n\n@Component({\n  tag: \"gx-ide-launchpad-web-apps\",\n  styleUrl: \"launchpad-web-apps.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad-web-apps\"]\n})\nexport class GxIdeLaunchpadWebApps {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeLaunchpadWebAppsElement;\n\n  /**\n   * Array of types of web objects organized by category\n   */\n  @Prop() readonly objects: ObjectType[] = [];\n\n  /**\n   * Callback function for object selection (passed from parent)\n   */\n  @Prop() onObjectSelected?: (event: any) => void;\n\n  /**\n   * Event emitted when copying to clipboard\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  /**\n   * Filter value for searching objects\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * State to control if recent objects accordion is expanded\n   */\n  @State() recentObjectsExpanded: boolean = true;\n\n  /**\n   * Sorting order for recent objects table\n   */\n  @State() order: { orderCriteria: string | null; ascending: boolean | null } =\n    {\n      orderCriteria: null,\n      ascending: null\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    }\n  }\n\n  @Listen(\"expandedChange\")\n  handleAccordionExpandedChange(e: CustomEvent) {\n    if (e.detail.id === ACCORDION_RECENT_OBJECTS_ID) {\n      this.recentObjectsExpanded = e.detail.expanded;\n    }\n  }\n\n  /**\n   * Filters objects based on search criteria\n   */\n  #filterObjects(object: WebAppObject): boolean {\n    if (!this.filterValue) return true;\n\n    const filterV = this.filterValue.toLowerCase();\n    return (\n      (object.module && object.module.toLowerCase().includes(filterV)) ||\n      (object.name && object.name.toLowerCase().includes(filterV)) ||\n      (object.type && object.type.toLowerCase().includes(filterV)) ||\n      (object.description && object.description.toLowerCase().includes(filterV))\n    );\n  }\n\n  /**\n   * Sorts recent objects\n   */\n  #sortRecentObjects = (a: WebAppObject, b: WebAppObject): number => {\n    if (this.order.orderCriteria) {\n      const orderCriteriaA =\n        this.#getObjectValue(a, this.order.orderCriteria)?.toUpperCase() || \"\";\n      const orderCriteriaB =\n        this.#getObjectValue(b, this.order.orderCriteria)?.toUpperCase() || \"\";\n      if (orderCriteriaA < orderCriteriaB) {\n        return this.order.ascending ? -1 : 1;\n      }\n      if (orderCriteriaA > orderCriteriaB) {\n        return this.order.ascending ? 1 : -1;\n      }\n    }\n    return 0;\n  };\n\n  /**\n   * Helper function to safely get object values\n   */\n  #getObjectValue(obj: WebAppObject, key: string): string {\n    switch (key) {\n      case \"name\":\n        return obj.name || \"\";\n      case \"module\":\n        return obj.module || \"\";\n      case \"type\":\n        return obj.type || \"\";\n      case \"description\":\n        return obj.description || \"\";\n      default:\n        return \"\";\n    }\n  }\n\n  /**\n   * Handles column sort changes\n   */\n  #handleColumnSortChanged = (e: CustomEvent) => {\n    const { columnId, sortDirection } = e.detail;\n    this.order = {\n      orderCriteria: columnId,\n      ascending: sortDirection === \"asc\"\n    };\n  };\n\n  #getObjectTypeIcon(object: WebAppObject): string {\n    const iconMap: Record<string, string> = {\n      \"36e32e2d-023e-4188-95df-d13573bac2e0:API\": getIconPath({\n        category: \"objects\",\n        name: \"api\"\n      }),\n      \"2a9e9aba-d2de-4801-ae7f-5e3819222daf:Data Provider\": getIconPath({\n        category: \"objects\",\n        name: \"data-provider\"\n      }),\n      \"9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Menu\": getIconPath({\n        category: \"objects\",\n        name: \"dashboard\"\n      }),\n      \"9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Dashboard\": getIconPath({\n        category: \"objects\",\n        name: \"dashboard\"\n      }),\n      \"0eee17f4-cef9-4988-aed4-c2da632be85b:Mini App\": getIconPath({\n        category: \"objects\",\n        name: \"mini-app\"\n      }),\n      \"d82625fd-5892-40b0-99c9-5c8559c197fc:Panel\": getIconPath({\n        category: \"objects\",\n        name: \"panel-for-sd\"\n      }),\n      \"d82625fd-5892-40b0-99c9-5c8559c197fc:SDPanel\": getIconPath({\n        category: \"objects\",\n        name: \"panel-for-sd\"\n      }),\n      \"84a12160-f59b-4ad7-a683-ea4481ac23e9:Procedure\": getIconPath({\n        category: \"objects\",\n        name: \"procedure\"\n      }),\n      \"a7e6cce5-1171-49e9-a6a0-07f137eedc07:Super App\": getIconPath({\n        category: \"objects\",\n        name: \"super-app\"\n      }),\n      \"1db606f2-af09-4cf9-a3b5-b481519d28f6:Transaction\": getIconPath({\n        category: \"objects\",\n        name: \"transaction\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:Web Panel\": getIconPath({\n        category: \"objects\",\n        name: \"webpanel\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:WebPanel\": getIconPath({\n        category: \"objects\",\n        name: \"webpanel\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:Web Component\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:WebComponent\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"15cf49b5-fc38-4899-91b5-395d02d79889:Work With\": getIconPath({\n        category: \"patterns\",\n        name: \"workwith-for-sd\"\n      }),\n      \"15cf49b5-fc38-4899-91b5-395d02d79889:WorkWith\": getIconPath({\n        category: \"patterns\",\n        name: \"workwith-for-sd\"\n      }),\n      \"API\": getIconPath({ category: \"objects\", name: \"api\" }),\n      \"Data Provider\": getIconPath({\n        category: \"objects\",\n        name: \"data-provider\"\n      }),\n      \"Menu\": getIconPath({ category: \"objects\", name: \"dashboard\" }),\n      \"Dashboard\": getIconPath({ category: \"objects\", name: \"dashboard\" }),\n      \"Mini App\": getIconPath({ category: \"objects\", name: \"mini-app\" }),\n      \"Panel\": getIconPath({ category: \"objects\", name: \"panel-for-sd\" }),\n      \"SDPanel\": getIconPath({ category: \"objects\", name: \"panel-for-sd\" }),\n      \"Procedure\": getIconPath({ category: \"objects\", name: \"procedure\" }),\n      \"Super App\": getIconPath({ category: \"objects\", name: \"super-app\" }),\n      \"Transaction\": getIconPath({ category: \"objects\", name: \"transaction\" }),\n      \"Web Panel\": getIconPath({ category: \"objects\", name: \"webpanel\" }),\n      \"WebPanel\": getIconPath({ category: \"objects\", name: \"webpanel\" }),\n      \"Web Component\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"WebComponent\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"Work With\": getIconPath({\n        category: \"patterns\",\n        name: \"workwith-for-sd\"\n      }),\n      \"WorkWith\": getIconPath({ category: \"patterns\", name: \"workwith-for-sd\" })\n    };\n\n    if (object.key?.type) {\n      const fullKey = `${object.key.type}:${object.type}`;\n      if (iconMap[fullKey]) {\n        return iconMap[fullKey];\n      }\n    }\n\n    if (iconMap[object.type]) {\n      return iconMap[object.type];\n    }\n\n    return getIconPath({ category: \"objects\", name: \"object\" });\n  }\n\n  /**\n   * Handles object click and calls parent callback\n   */\n  #handleObjectClick(object: WebAppObject) {\n    if (object.key && this.onObjectSelected) {\n      // Send the full key object as string in format \"type|id\"\n      const keyString = `${object.key.type}|${object.key.id}`;\n      this.onObjectSelected({ detail: { key: keyString } });\n    }\n  }\n\n  /**\n   * Renders main objects section\n   */\n  #renderMainObjects() {\n    const mainObjects =\n      this.objects.find(obj => obj.type === \"main\")?.objects || [];\n    const filteredObjects = mainObjects.filter(obj => this.#filterObjects(obj));\n\n    if (mainObjects.length === 0) {\n      return (\n        <div class=\"no-results\">\n          <p class=\"body-regular-s\">\n            {this.#componentLocale?.noMainObjects ||\n              \"There are no main objects to display\"}\n          </p>\n        </div>\n      );\n    }\n\n    if (filteredObjects.length === 0) {\n      return (\n        <div class=\"no-results\">\n          <p class=\"body-regular-s\">\n            {this.#componentLocale?.noObjectsMatchSearch}\n          </p>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"main-objects-grid\">\n        {filteredObjects.map((object, index) => (\n          <button\n            key={index}\n            class=\"object-card elevation-1\"\n            onClick={() => this.#handleObjectClick(object)}\n          >\n            <div class=\"card-header\">\n              <div class=\"left\">\n                <h1 class=\"name body-semi-bold-s\">{object.name}</h1>\n                <h3 class=\"module body-regular-xs\">{object.module}</h3>\n                <p class=\"type body-italic-xs\">{object.type}</p>\n              </div>\n              <div class=\"right\">\n                <div class=\"type-container\">\n                  <ch-image\n                    class=\"type-icon icon-m\"\n                    src={this.#getObjectTypeIcon(object)}\n                  />\n                </div>\n              </div>\n            </div>\n            {(object.description || object.angular) && (\n              <footer class=\"card-footer\">\n                <div class=\"left\">\n                  {object.description && (\n                    <p class=\"description body-regular-xs\">\n                      {object.description}\n                    </p>\n                  )}\n                </div>\n                <div class=\"right\">\n                  {object.angular && (\n                    <img src={ANGULAR_LOGO} alt=\"Angular Logotype\" />\n                  )}\n                </div>\n              </footer>\n            )}\n          </button>\n        ))}\n        {\n          // WA: Add empty divs to ensure a minimum of 4 grid items for proper layout\n          filteredObjects.length < 4 &&\n            Array.from({ length: 4 - filteredObjects.length }).map(\n              (_, index) => <div key={`empty-${index}`}></div>\n            )\n        }\n      </div>\n    );\n  }\n\n  /**\n   * Renders recent objects section\n   */\n  #renderRecentObjects() {\n    const recentObjects =\n      this.objects.find(obj => obj.type === \"recent\")?.objects || [];\n    const filteredObjects = recentObjects.filter(obj =>\n      this.#filterObjects(obj)\n    );\n\n    if (recentObjects.length === 0) {\n      return (\n        <div class=\"no-objects\">\n          <p class=\"body-regular-s\">{this.#componentLocale?.noRecentObjects}</p>\n        </div>\n      );\n    }\n\n    if (filteredObjects.length === 0) {\n      return (\n        <div class=\"no-objects\">\n          <p class=\"body-regular-s\">\n            {this.#componentLocale?.noObjectsMatchSearch}\n          </p>\n        </div>\n      );\n    }\n\n    const sortedObjects = [...filteredObjects].sort(this.#sortRecentObjects);\n\n    return (\n      <div class=\"recent-objects-grid-container\">\n        <div class=\"tabular-grid-scroll-container\">\n          <ch-tabular-grid class=\"tabular-grid elevation-2\">\n            <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_NAME}\n                columnName={this.#componentLocale?.columns?.name || \"Name\"}\n                columnNameHidden={false}\n                settingable={false}\n                sortable\n                onColumnSortChanged={this.#handleColumnSortChanged}\n                size=\"25%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_MODULE}\n                columnName={this.#componentLocale?.columns?.module || \"Module\"}\n                columnNameHidden={false}\n                settingable={false}\n                sortable\n                onColumnSortChanged={this.#handleColumnSortChanged}\n                size=\"20%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_TYPE}\n                columnName={this.#componentLocale?.columns?.type || \"Type\"}\n                columnNameHidden={false}\n                settingable={false}\n                sortable\n                onColumnSortChanged={this.#handleColumnSortChanged}\n                size=\"20%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_DESCRIPTION}\n                columnName={\n                  this.#componentLocale?.columns?.description || \"Description\"\n                }\n                columnNameHidden={false}\n                settingable={false}\n                sortable={false}\n                size=\"35%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n            </ch-tabular-grid-columnset>\n\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {sortedObjects.map((obj, index) => (\n                <ch-tabular-grid-row\n                  rowid={obj.key?.id || index.toString()}\n                  class=\"tabular-grid-row\"\n                  onClick={() => this.#handleObjectClick(obj)}\n                >\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <div class=\"cell-content\">\n                      <ch-image\n                        class=\"object-icon icon-m\"\n                        src={this.#getObjectTypeIcon(obj)}\n                      />\n                      <span class=\"object-name\">{obj.name || \"Unnamed\"}</span>\n                    </div>\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.module || \"\"}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.type}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.description || \"\"}\n                  </ch-tabular-grid-cell>\n                </ch-tabular-grid-row>\n              ))}\n            </ch-tabular-grid-rowset>\n          </ch-tabular-grid>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    if (!this.objects || this.objects.length === 0) {\n      return (\n        <Host>\n          <ch-theme model={CSS_BUNDLES}></ch-theme>\n          <div class=\"no-data\">\n            <p class=\"body-regular-s\">\n              {this.#componentLocale?.noData ||\n                \"No web applications data available\"}\n            </p>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <header class=\"header dialog-header\">\n          <div class=\"field field-block\">\n            <ch-edit\n              class=\"input input-filter\"\n              id=\"filter\"\n              placeholder={this.#componentLocale?.search || \"Search\"}\n              value={this.filterValue}\n              accessibleName={this.#componentLocale?.search || \"Search\"}\n              onInput={e => (this.filterValue = String(e.detail))}\n            />\n          </div>\n        </header>\n\n        <div class=\"main\">\n          <ch-accordion-render\n            class=\"accordion-filled-header elevation-1 web-apps-accordion\"\n            model={[\n              {\n                id: \"main-objects\",\n                caption: \"Main Objects\",\n                expanded: true\n              },\n              {\n                id: ACCORDION_RECENT_OBJECTS_ID,\n                caption: \"Recent Objects\",\n                expanded: this.recentObjectsExpanded\n              }\n            ]}\n          >\n            <div slot=\"main-objects\" class=\"accordion-content spacing-body\">\n              {this.#renderMainObjects()}\n            </div>\n            <div\n              slot={ACCORDION_RECENT_OBJECTS_ID}\n              class=\"accordion-content spacing-body\"\n            >\n              {this.#renderRecentObjects()}\n            </div>\n          </ch-accordion-render>\n        </div>\n      </Host>\n    );\n  }\n}\n\ninterface WebAppObject {\n  name: string;\n  module: string;\n  type: string;\n  description?: string;\n  url?: string;\n  key?: {\n    type: string;\n    id: string;\n  };\n  angular?: boolean;\n}\n\ninterface ObjectType {\n  type: \"main\" | \"recent\";\n  objects: WebAppObject[];\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-168d3c83.entry.js → p-4431f46f.entry.js}

@@ -4,7 +4,7 @@ import { c as a } from "./p-c5196b3b.js";
 
 import { L as s } from "./p-311eedf3.js";
 
-const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}";
+const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}.control-wrapper{display:flex;gap:var(--spacing-gap-m);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--spacing-gap-m)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:1px solid var(--color-border-neutral-default);border-radius:4px;height:26px;color:var(--color-text-neutral-default);font-size:var(--font-size-body-xs)}.input-text--full-width{align-self:stretch}:host{display:block}";
 
 const l = class {
   constructor(e) {
@@ -130,4 +130,4 @@ const l = class {
 l.style = o;
 
 export { l as gx_ide_bpm_timer_duration };
-//# sourceMappingURL=p-168d3c83.entry.js.map
+//# sourceMappingURL=p-4431f46f.entry.js.map