@genexus/genexus-ide-ui 1.1.12 → 1.1.14

package/dist/genexus-ide-ui/{p-690942cb.entry.js → p-7d7cf30d.entry.js}

@@ -1,8 +1,8 @@
 import { r as e, h as i, H as t, a } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-ede7bd20.js";
+import { g as r } from "./p-2987a259.js";
 
-import { L as r } from "./p-311eedf3.js";
+import { L as o } from "./p-311eedf3.js";
 
 const s = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;inline-size:100%;block-size:100%;padding-inline-end:0 !important}.file-uploader-dialog{display:flex;flex-direction:column;block-size:100%;background-color:var(--mer-surface__background);position:relative}.file-uploader-dialog .dialog-content{flex:1;min-block-size:0;overflow:auto}.file-uploader-dialog .dialog-footer{padding-inline-end:var(--spacing-body-inline-end)}.file-uploader{display:flex;flex-direction:column;inline-size:100%;block-size:100%}.file-uploader__list{display:flex;flex-direction:column;inline-size:100%;block-size:100%}.file-uploader__list-header{position:sticky;top:0;z-index:1;background-color:var(--mer-surface__elevation--01);display:flex;justify-content:space-between;align-items:center;padding-inline-end:var(--spacing-body-inline-end)}.file-uploader__list-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--mer-spacing--xs);padding-inline-end:var(--spacing-body-inline-end);padding-block-end:var(--mer-spacing--md)}.file-uploader__list-title-container{display:flex;align-items:center;gap:var(--mer-spacing--2xs);white-space:nowrap}.file-uploader__drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:calc(100% - var(--spacing-body-inline-end));block-size:calc(100% - var(--mer-spacing--sm));min-block-size:200px;margin-block-end:var(--mer-spacing--sm);background:var(--mer-surface__elevation--01);border:var(--mer-border__width--md) dashed var(--mer-border-color__dim);border-radius:var(--mer-border__radius--md);transition:border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease}.file-uploader__drop-zone--dragging{border-color:var(--mer-accent__primary);background:var(--mer-accent__primary--hover);opacity:0.7}.file-uploader__drop-zone .text-container{display:flex;flex-direction:column;align-items:center;gap:var(--mer-spacing--2xs);margin-block-start:var(--mer-spacing--xs)}.hidden-input{display:none}.label-primary-row{display:flex;align-items:center;gap:var(--mer-spacing--xs)}";
 
@@ -12,16 +12,16 @@ var n = undefined && undefined.__classPrivateFieldGet || function(e, i, t, a) {
   return t === "m" ? a : t === "a" ? a.call(e) : a ? a.value : i.get(e);
 };
 
-var l = undefined && undefined.__classPrivateFieldSet || function(e, i, t, a, o) {
+var l = undefined && undefined.__classPrivateFieldSet || function(e, i, t, a, r) {
   if (a === "m") throw new TypeError("Private method is not writable");
-  if (a === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof i === "function" ? e !== i || !o : !i.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return a === "a" ? o.call(e, t) : o ? o.value = t : i.set(e, t), t;
+  if (a === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof i === "function" ? e !== i || !r : !i.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return a === "a" ? r.call(e, t) : r ? r.value = t : i.set(e, t), t;
 };
 
 var d, c, f, g, h, b, v, p, m, u, y, x, w, k, _, z, M, j;
 
-const W = o({
+const W = r({
   category: "gemini-tools",
   name: "add",
   colorType: "primary"
@@ -29,7 +29,7 @@ const W = o({
 
 const O = [ "resets/box-sizing", "components/button", "components/icon", "components/list-box", "components/edit", "utils/typography", "utils/spacing", "utils/form", "utils/layout", "utils/elevation", "chameleon/scrollbar" ];
 
-const F = class {
+const C = class {
   constructor(i) {
     e(this, i);
     d.add(this);
@@ -83,7 +83,7 @@ const F = class {
       i.forEach((async e => {
         var i, t;
         const a = n(this, h, "f").call(this);
-        const o = {
+        const r = {
           id: a,
           name: e.name,
           file: e,
@@ -93,10 +93,10 @@ const F = class {
         if (!this.multiple) {
           this.fileStates.clear();
         }
-        this.fileStates = new Map(this.fileStates.set(a, o));
+        this.fileStates = new Map(this.fileStates.set(a, r));
         if (this.uploadFunction) {
           try {
-            const o = this.uploadFunction(e, (e => {
+            const r = this.uploadFunction(e, (e => {
               const i = this.fileStates.get(a);
               if (i) {
                 const t = Object.assign(Object.assign({}, i), {
@@ -107,15 +107,11 @@ const F = class {
               }
             }));
             // Store the upload promise/object for potential cancellation
-                        const r = Object.assign(Object.assign({}, this.fileStates.get(a)), {
-              uploadPromise: o
-            });
-            this.fileStates = new Map(this.fileStates.set(a, r));
-            const s = await o;
-            console.log("Upload result:", {
-              id: a,
-              result: s
+                        const o = Object.assign(Object.assign({}, this.fileStates.get(a)), {
+              uploadPromise: r
             });
+            this.fileStates = new Map(this.fileStates.set(a, o));
+            const s = await r;
             const n = this.fileStates.get(a);
             if (n) {
               if (s.success && s.remoteId) {
@@ -125,7 +121,6 @@ const F = class {
                   progress: 100
                 });
                 this.fileStates = new Map(this.fileStates.set(a, e));
-                console.log("File uploaded successfully:", e);
                 await ((i = this.fileUploadedCallback) === null || i === void 0 ? void 0 : i.call(this, {
                   name: n.name,
                   originalName: n.file.name,
@@ -137,7 +132,6 @@ const F = class {
                   pending: false
                 });
                 this.fileStates = new Map(this.fileStates.set(a, e));
-                console.log("File upload failed:", e);
               }
             }
           } catch (e) {
@@ -148,7 +142,6 @@ const F = class {
                 pending: false
               });
               this.fileStates = new Map(this.fileStates.set(a, t));
-              console.log("File upload error:", t);
             }
           }
         }
@@ -160,9 +153,9 @@ const F = class {
     /** Handles file name change */    _.set(this, (async e => {
       var i;
       const {id: t, name: a} = e.detail;
-      const o = this.fileStates.get(t);
-      if (o) {
-        const e = Object.assign(Object.assign({}, o), {
+      const r = this.fileStates.get(t);
+      if (r) {
+        const e = Object.assign(Object.assign({}, r), {
           name: a.trim(),
           isEditing: false
         });
@@ -174,9 +167,9 @@ const F = class {
       }
     }));
     /** Handles individual file cancellation or deletion */    z.set(this, (async e => {
-      var i, t, a, o;
-      const r = e.detail;
-      const s = this.fileStates.get(r);
+      var i, t, a, r;
+      const o = e.detail;
+      const s = this.fileStates.get(o);
       if (s) {
         try {
           if (s.pending) {
@@ -184,10 +177,10 @@ const F = class {
             if (s.uploadPromise && typeof s.uploadPromise.cancel === "function") {
               s.uploadPromise.cancel();
             } else if (this.cancelUploadFunction) {
-              await this.cancelUploadFunction(r);
+              await this.cancelUploadFunction(o);
             }
-            await ((i = this.uploadCancelledCallback) === null || i === void 0 ? void 0 : i.call(this, r));
-            this.fileStates.delete(r);
+            await ((i = this.uploadCancelledCallback) === null || i === void 0 ? void 0 : i.call(this, o));
+            this.fileStates.delete(o);
             this.fileStates = new Map(this.fileStates);
           } else {
             const e = {
@@ -198,12 +191,12 @@ const F = class {
             const i = await ((t = this.onBeforeDelete) === null || t === void 0 ? void 0 : t.call(this, e));
             if (i) {
               await ((a = this.fileDeletedCallback) === null || a === void 0 ? void 0 : a.call(this, e));
-              this.fileStates.delete(r);
+              this.fileStates.delete(o);
               this.fileStates = new Map(this.fileStates);
             }
           }
         } catch (e) {
-          await ((o = this.fileDeletionErrorCallback) === null || o === void 0 ? void 0 : o.call(this, {
+          await ((r = this.fileDeletionErrorCallback) === null || r === void 0 ? void 0 : r.call(this, {
             fileName: s.name,
             error: e instanceof Error ? e.message : "Unknown error occurred"
           }));
@@ -221,21 +214,12 @@ const F = class {
       // Obtener todos los archivos que están completamente subidos
             const t = Array.from(this.fileStates.values()).filter((e => {
         const i = !e.pending && e.remoteId && !e.error;
-        console.log("File validation:", {
-          id: e.id,
-          name: e.name,
-          pending: e.pending,
-          remoteId: e.remoteId,
-          error: e.error,
-          isValid: i
-        });
         return i;
       })).map((e => ({
         name: e.name,
         originalName: e.file.name,
         remoteId: e.remoteId
       })));
-      console.log("Files to be confirmed:", t);
       if (t.length > 0) {
         await ((e = this.dialogConfirmedCallback) === null || e === void 0 ? void 0 : e.call(this, t));
       }
@@ -293,7 +277,7 @@ const F = class {
     this.isDragging = false;
   }
   /** Initializes component with locale strings */  async componentWillLoad() {
-    l(this, c, await r.getComponentStrings(this.el), "f");
+    l(this, c, await o.getComponentStrings(this.el), "f");
   }
   /** Clears the current file selection */  async clear() {
     var e;
@@ -310,7 +294,7 @@ const F = class {
     this.fileStates.clear();
   }
   render() {
-    var e, a, o, r, s, d, g, h, b, v, k, F, C;
+    var e, a, r, o, s, d, g, h, b, v, k, C, E;
     return i(t, {
       class: "widget"
     }, i("ch-theme", {
@@ -349,13 +333,13 @@ const F = class {
       src: W
     }), i("label", {
       class: "label"
-    }, this.multiple ? (a = n(this, c, "f")) === null || a === void 0 ? void 0 : a.header.uploadButtonMultiple : (o = n(this, c, "f")) === null || o === void 0 ? void 0 : o.header.uploadButtonSingle)), i("div", {
+    }, this.multiple ? (a = n(this, c, "f")) === null || a === void 0 ? void 0 : a.header.uploadButtonMultiple : (r = n(this, c, "f")) === null || r === void 0 ? void 0 : r.header.uploadButtonSingle)), i("div", {
       class: "text-container"
     }, i("div", {
       class: "label-primary-row"
     }, i("label", {
       class: "label"
-    }, this.label || ((r = n(this, c, "f")) === null || r === void 0 ? void 0 : r.header.orText)), i("label", {
+    }, this.label || ((o = n(this, c, "f")) === null || o === void 0 ? void 0 : o.header.orText)), i("label", {
       class: "label"
     }, (s = n(this, c, "f")) === null || s === void 0 ? void 0 : s.header.dragAndDrop)), i("span", {
       class: "caption"
@@ -395,12 +379,12 @@ const F = class {
       class: "button-secondary",
       type: "button",
       onClick: n(this, j, "f")
-    }, (F = n(this, c, "f")) === null || F === void 0 ? void 0 : F.buttons.cancel), i("button", {
+    }, (C = n(this, c, "f")) === null || C === void 0 ? void 0 : C.buttons.cancel), i("button", {
       class: "button-primary",
       type: "button",
       onClick: n(this, M, "f"),
       disabled: this.fileStates.size === 0 || Array.from(this.fileStates.values()).some((e => e.pending))
-    }, (C = n(this, c, "f")) === null || C === void 0 ? void 0 : C.buttons.confirm)))));
+    }, (E = n(this, c, "f")) === null || E === void 0 ? void 0 : E.buttons.confirm)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/file-uploader" ];
@@ -467,7 +451,7 @@ d = new WeakSet, b = function _FileUploader_isValidFile(e) {
   return i;
 };
 
-F.style = s;
+C.style = s;
 
-export { F as gx_ide_file_uploader };
-//# sourceMappingURL=p-690942cb.entry.js.map
+export { C as gx_ide_file_uploader };
+//# sourceMappingURL=p-7d7cf30d.entry.js.map

package/dist/genexus-ide-ui/p-7d7cf30d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fileUploaderCss","PLUS_ICON","getIconPath","category","name","colorType","CSS_BUNDLES","FileUploader","_FileUploader__componentLocale","set","this","_FileUploader_fileInputEl","_FileUploader_dragCounter","_FileUploader_generateId","Math","random","toString","substr","_FileUploader_handleDragEnter","e","preventDefault","stopPropagation","__classPrivateFieldSet","_a","__classPrivateFieldGet","isDragging","_FileUploader_handleDragLeave","_FileUploader_handleDragOver","_FileUploader_handleDrop","files","dataTransfer","_FileUploader_handleFiles","call","_FileUploader_handleFileSelect","click","_FileUploader_handleFileInput","target","validFiles","_FileUploader_instances","_FileUploader_getValidFiles","forEach","async","file","id","fileState","pending","progress","multiple","fileStates","clear","Map","uploadFunction","uploadPromise","state","get","updatedState","Object","assign","stateWithPromise","result","success","remoteId","fileUploadedCallback","originalName","error","_b","errors","upload","Error","message","value","_FileUploader_handleNameChange","event","detail","updatedFile","trim","isEditing","fileRenamedCallback","fileId","newName","_FileUploader_handleFileCancel","cancel","cancelUploadFunction","uploadCancelledCallback","delete","fileToDelete","shouldDelete","onBeforeDelete","_c","fileDeletedCallback","_d","fileDeletionErrorCallback","fileName","_FileUploader_handleConfirm","hasPendingUploads","Array","from","values","some","uploadedFiles","filter","isValid","map","length","dialogConfirmedCallback","_FileUploader_handleCancel","entries","dialogCanceledCallback","componentWillLoad","Locale","getComponentStrings","el","render","h","Host","class","model","type","accept","types","startsWith","join","onChange","ref","tabIndex","style","display","size","onDragEnter","onDragLeave","onDragOver","onDrop","onClick","src","header","uploadButtonMultiple","uploadButtonSingle","label","orText","_e","dragAndDrop","_f","acceptedFiles","replace","_g","allFilesAccepted","_h","fileList","attachedFiles","_j","filesCount","_k","_l","key","editable","canEditName","onFileNameChange","onFileDelete","onFileCancel","_m","buttons","disabled","_o","confirm","includes","baseType","split","toLowerCase","endsWith","invalidFileType","validation","_FileUploader_isValidFile","push","fileValidationErrorCallback"],"sources":["src/components/file-uploader/file-uploader.scss?tag=gx-ide-file-uploader&encapsulation=shadow","src/components/file-uploader/file-uploader.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  padding-inline-end: 0 !important;\n}\n\n.file-uploader-dialog {\n  display: flex;\n  flex-direction: column;\n  block-size: 100%;\n  background-color: var(--mer-surface__background);\n  position: relative;\n\n  .dialog-content {\n    flex: 1;\n    min-block-size: 0;\n    overflow: auto;\n  }\n\n  .dialog-footer {\n    padding-inline-end: var(--spacing-body-inline-end);\n  }\n}\n\n.file-uploader {\n  display: flex;\n  flex-direction: column;\n  inline-size: 100%;\n  block-size: 100%;\n\n  &__list {\n    display: flex;\n    flex-direction: column;\n    inline-size: 100%;\n    block-size: 100%;\n\n    &-header {\n      position: sticky;\n      top: 0;\n      z-index: 1;\n      background-color: var(--mer-surface__elevation--01);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding-inline-end: var(--spacing-body-inline-end);\n    }\n\n    &-content {\n      flex: 1;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n      gap: var(--mer-spacing--xs);\n      padding-inline-end: var(--spacing-body-inline-end);\n      padding-block-end: var(--mer-spacing--md);\n    }\n  }\n\n  &__list-title-container {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--2xs);\n    white-space: nowrap;\n  }\n\n  &__drop-zone {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    inline-size: calc(100% - var(--spacing-body-inline-end));\n    block-size: calc(100% - var(--mer-spacing--sm));\n    min-block-size: 200px;\n    margin-block-end: var(--mer-spacing--sm);\n    background: var(--mer-surface__elevation--01);\n    border: var(--mer-border__width--md) dashed var(--mer-border-color__dim);\n    border-radius: var(--mer-border__radius--md);\n    transition: border-color 0.3s ease, background-color 0.3s ease,\n      opacity 0.3s ease;\n\n    &--dragging {\n      border-color: var(--mer-accent__primary);\n      background: var(--mer-accent__primary--hover);\n      opacity: 0.7;\n    }\n\n    .text-container {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--mer-spacing--2xs);\n      margin-block-start: var(--mer-spacing--xs);\n    }\n  }\n}\n\n.hidden-input {\n  display: none;\n}\n\n.label-primary-row {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--xs);\n}\n","/* eslint-disable @stencil-community/own-methods-must-be-private */\n/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { UploadedFile, FileUploadState, UploadResult } from \"./types\";\n\nconst PLUS_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"add\",\n  colorType: \"primary\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"components/list-box\",\n  \"components/edit\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/elevation\",\n  \"chameleon/scrollbar\"\n];\n\ntype FileValidationResult = {\n  isValid: boolean;\n  error?: string;\n};\n\n@Component({\n  tag: \"gx-ide-file-uploader\",\n  styleUrl: \"file-uploader.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/file-uploader\"]\n})\nexport class FileUploader {\n  #_componentLocale: any;\n  #fileInputEl!: HTMLInputElement;\n\n  @Element() el!: HTMLGxIdeFileUploaderElement;\n\n  /** Allowed file types/extensions (e.g. ['.jpg', '.png', 'image/*', 'application/pdf']) */\n  @Prop() readonly types?: string[] = [];\n\n  /** Whether multiple files can be selected */\n  @Prop() readonly multiple: boolean = false;\n\n  /** Whether file names can be edited */\n  @Prop() readonly canEditName: boolean = false;\n\n  /** Label to display in the uploader dialog */\n  @Prop() readonly label?: string;\n\n  /** Function to handle file upload */\n  @Prop() readonly uploadFunction!: (\n    file: File,\n    progressCallback: (progress: number) => void\n  ) => Promise<UploadResult>;\n\n  /** Function to cancel file upload */\n  @Prop() readonly cancelUploadFunction?: (fileId: string) => Promise<void>;\n\n  /** Callback when a file is uploaded successfully */\n  @Prop() readonly fileUploadedCallback?: (file: UploadedFile) => Promise<void>;\n\n  /** Callback when the dialog is canceled */\n  @Prop() readonly dialogCanceledCallback?: () => Promise<void>;\n\n  /** Callback when the dialog is confirmed with files */\n  @Prop() readonly dialogConfirmedCallback?: (\n    files: UploadedFile[]\n  ) => Promise<void>;\n\n  /** Callback when upload is cancelled */\n  @Prop() readonly uploadCancelledCallback?: (fileId: string) => Promise<void>;\n\n  /** Callback when file is renamed */\n  @Prop() readonly fileRenamedCallback?: (data: {\n    fileId: string;\n    newName: string;\n  }) => Promise<void>;\n\n  /** Callback when a file validation error occurs */\n  @Prop() readonly fileValidationErrorCallback?: (data: {\n    fileName: string;\n    error: string;\n  }) => Promise<void>;\n\n  /** Callback when a file deletion error occurs */\n  @Prop() readonly fileDeletionErrorCallback?: (data: {\n    fileName: string;\n    error: string;\n  }) => Promise<void>;\n\n  /** Callback when a file is deleted */\n  @Prop() readonly fileDeletedCallback?: (file: UploadedFile) => Promise<void>;\n\n  /** Callback before deleting a file to get confirmation */\n  @Prop() readonly onBeforeDelete?: (file: UploadedFile) => Promise<boolean>;\n\n  @State() private fileStates: Map<string, FileUploadState> = new Map();\n  @State() private isDragging: boolean = false;\n  #dragCounter = 0;\n\n  /** Initializes component with locale strings */\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /** Generates a unique ID for file identification */\n  #generateId = (): string => {\n    return Math.random().toString(36).substr(2, 9);\n  };\n\n  /** Validates if a file matches the allowed types */\n  #isValidFile(file: File): FileValidationResult {\n    // If no types specified, accept any file\n    if (!this.types || this.types.length === 0) {\n      return { isValid: true };\n    }\n\n    for (const type of this.types) {\n      // Handle wildcards like 'image/*'\n      if (type.includes(\"/*\")) {\n        const baseType = type.split(\"/\")[0];\n        if (file.type.startsWith(baseType)) {\n          return { isValid: true };\n        }\n      }\n      // Handle extensions like '.jpg'\n      else if (type.startsWith(\".\")) {\n        if (file.name.toLowerCase().endsWith(type.toLowerCase())) {\n          return { isValid: true };\n        }\n      }\n      // Handle specific MIME types\n      else if (file.type === type || file.type === `application/${type}`) {\n        return { isValid: true };\n      }\n    }\n\n    return {\n      isValid: false,\n      error:\n        this.#_componentLocale?.errors?.invalidFileType || \"Invalid file type\"\n    };\n  }\n\n  /** Filters valid files from a FileList */\n  #getValidFiles(files: FileList): File[] {\n    const validFiles: File[] = [];\n\n    Array.from(files).forEach(file => {\n      const validation = this.#isValidFile(file);\n      if (validation.isValid) {\n        validFiles.push(file);\n      } else {\n        this.fileValidationErrorCallback?.({\n          fileName: file.name,\n          error: validation.error\n        });\n      }\n    });\n\n    return validFiles;\n  }\n\n  /** Handles drag enter event */\n  #handleDragEnter = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.#dragCounter++;\n    this.isDragging = true;\n  };\n\n  /** Handles drag leave event */\n  #handleDragLeave = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.#dragCounter--;\n    if (this.#dragCounter === 0) {\n      this.isDragging = false;\n    }\n  };\n\n  /** Handles drag over event */\n  #handleDragOver = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  /** Handles drop event */\n  #handleDrop = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    this.isDragging = false;\n    this.#dragCounter = 0;\n\n    const files = e.dataTransfer?.files;\n    if (files) {\n      this.#handleFiles(files);\n    }\n  };\n\n  /** Triggers file input click */\n  #handleFileSelect = () => {\n    this.#fileInputEl?.click();\n  };\n\n  /** Handles file input change event */\n  #handleFileInput = (e: Event) => {\n    const files = (e.target as HTMLInputElement).files;\n    if (files) {\n      this.#handleFiles(files);\n    }\n  };\n\n  /** Processes files and starts upload */\n  #handleFiles = (files: FileList) => {\n    const validFiles: File[] = this.#getValidFiles(files);\n\n    validFiles.forEach(async file => {\n      const id = this.#generateId();\n      const fileState: FileUploadState = {\n        id,\n        name: file.name,\n        file,\n        pending: true,\n        progress: 0\n      };\n\n      if (!this.multiple) {\n        this.fileStates.clear();\n      }\n\n      this.fileStates = new Map(this.fileStates.set(id, fileState));\n\n      if (this.uploadFunction) {\n        try {\n          const uploadPromise = this.uploadFunction(file, progress => {\n            const state = this.fileStates.get(id);\n            if (state) {\n              const updatedState = {\n                ...state,\n                progress: progress,\n                pending: progress < 100\n              };\n              this.fileStates = new Map(this.fileStates.set(id, updatedState));\n            }\n          });\n\n          // Store the upload promise/object for potential cancellation\n          const stateWithPromise = {\n            ...this.fileStates.get(id),\n            uploadPromise\n          };\n          this.fileStates = new Map(this.fileStates.set(id, stateWithPromise));\n\n          const result = await uploadPromise;\n\n          const state = this.fileStates.get(id);\n          if (state) {\n            if (result.success && result.remoteId) {\n              const updatedState = {\n                ...state,\n                remoteId: result.remoteId,\n                pending: false,\n                progress: 100\n              };\n              this.fileStates = new Map(this.fileStates.set(id, updatedState));\n\n              await this.fileUploadedCallback?.({\n                name: state.name,\n                originalName: state.file.name,\n                remoteId: result.remoteId\n              });\n            } else {\n              const updatedState = {\n                ...state,\n                error: result.errors?.upload || \"Upload failed\",\n                pending: false\n              };\n              this.fileStates = new Map(this.fileStates.set(id, updatedState));\n            }\n          }\n        } catch (error) {\n          const state = this.fileStates.get(id);\n          if (state) {\n            const updatedState = {\n              ...state,\n              error:\n                error instanceof Error\n                  ? error.message\n                  : \"Unknown error occurred\",\n              pending: false\n            };\n            this.fileStates = new Map(this.fileStates.set(id, updatedState));\n          }\n        }\n      }\n    });\n\n    if (this.#fileInputEl) {\n      this.#fileInputEl.value = \"\";\n    }\n  };\n\n  /** Handles file name change */\n  #handleNameChange = async (\n    event: CustomEvent<{ id: string; name: string }>\n  ) => {\n    const { id, name } = event.detail;\n    const file = this.fileStates.get(id);\n\n    if (file) {\n      const updatedFile = {\n        ...file,\n        name: name.trim(),\n        isEditing: false\n      };\n\n      this.fileStates = new Map(this.fileStates.set(id, updatedFile));\n      await this.fileRenamedCallback?.({ fileId: id, newName: name.trim() });\n    }\n  };\n\n  /** Handles individual file cancellation or deletion */\n  #handleFileCancel = async (event: CustomEvent<string>) => {\n    const id = event.detail;\n    const state = this.fileStates.get(id);\n    if (state) {\n      try {\n        if (state.pending) {\n          // Cancel upload in progress\n          if (\n            state.uploadPromise &&\n            typeof state.uploadPromise.cancel === \"function\"\n          ) {\n            state.uploadPromise.cancel();\n          } else if (this.cancelUploadFunction) {\n            await this.cancelUploadFunction(id);\n          }\n\n          await this.uploadCancelledCallback?.(id);\n\n          this.fileStates.delete(id);\n          this.fileStates = new Map(this.fileStates);\n        } else {\n          const fileToDelete: UploadedFile = {\n            name: state.name,\n            originalName: state.file.name,\n            remoteId: state.remoteId\n          };\n\n          const shouldDelete = await this.onBeforeDelete?.(fileToDelete);\n\n          if (shouldDelete) {\n            await this.fileDeletedCallback?.(fileToDelete);\n            this.fileStates.delete(id);\n            this.fileStates = new Map(this.fileStates);\n          }\n        }\n      } catch (error) {\n        await this.fileDeletionErrorCallback?.({\n          fileName: state.name,\n          error:\n            error instanceof Error ? error.message : \"Unknown error occurred\"\n        });\n      }\n    }\n  };\n\n  /** Handles dialog confirmation */\n  #handleConfirm = async () => {\n    // Verificar si hay subidas en progreso\n    const hasPendingUploads = Array.from(this.fileStates.values()).some(\n      file => file.pending\n    );\n\n    if (hasPendingUploads) {\n      return; // No permitir confirmar si hay subidas en progreso\n    }\n\n    // Obtener todos los archivos que están completamente subidos\n    const uploadedFiles: UploadedFile[] = Array.from(this.fileStates.values())\n      .filter(file => {\n        const isValid = !file.pending && file.remoteId && !file.error;\n        return isValid;\n      })\n      .map(file => ({\n        name: file.name,\n        originalName: file.file.name,\n        remoteId: file.remoteId as string\n      }));\n\n    if (uploadedFiles.length > 0) {\n      await this.dialogConfirmedCallback?.(uploadedFiles);\n    }\n\n    // Clear file states\n    this.fileStates.clear();\n    this.fileStates = new Map();\n\n    // Reset file input\n    if (this.#fileInputEl) {\n      this.#fileInputEl.value = \"\";\n    }\n  };\n\n  /** Handles dialog cancellation */\n  #handleCancel = async () => {\n    try {\n      // Cancelamos todas las subidas en progreso\n      for (const [id, state] of this.fileStates.entries()) {\n        if (state.pending && this.cancelUploadFunction) {\n          try {\n            await this.cancelUploadFunction(id);\n            await this.uploadCancelledCallback?.(id);\n          } catch (error) {\n            // Error handling for upload cancellation\n          }\n        }\n      }\n\n      // Limpiamos todos los estados\n      this.fileStates.clear();\n      this.fileStates = new Map();\n\n      if (this.#fileInputEl) {\n        this.#fileInputEl.value = \"\";\n      }\n\n      await this.dialogCanceledCallback?.();\n    } catch (error) {\n      this.fileStates.clear();\n      this.fileStates = new Map();\n      await this.dialogCanceledCallback?.();\n    }\n  };\n\n  /** Clears the current file selection */\n  @Method()\n  async clear() {\n    for (const [id, state] of this.fileStates.entries()) {\n      if (state.pending && this.cancelUploadFunction) {\n        try {\n          await this.cancelUploadFunction(id);\n          await this.uploadCancelledCallback?.(id);\n        } catch (error) {\n          // Error handling for upload cancellation\n        }\n      }\n    }\n    this.fileStates.clear();\n  }\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <input\n          type=\"file\"\n          class=\"hidden-input\"\n          multiple={this.multiple}\n          accept={this.types\n            ?.map(type => (type.startsWith(\".\") ? type : `.${type}`))\n            .join(\",\")}\n          onChange={this.#handleFileInput}\n          ref={el => (this.#fileInputEl = el as HTMLInputElement)}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n          style={{ display: \"none\" }}\n        />\n        <div class=\"file-uploader-dialog\">\n          <div class=\"dialog-content\">\n            {this.isDragging || this.fileStates.size === 0 ? (\n              <div\n                class={{\n                  \"file-uploader__drop-zone\": true,\n                  \"file-uploader__drop-zone--dragging\": this.isDragging\n                }}\n                onDragEnter={this.#handleDragEnter}\n                onDragLeave={this.#handleDragLeave}\n                onDragOver={this.#handleDragOver}\n                onDrop={this.#handleDrop}\n              >\n                <button\n                  class=\"button-tertiary button-icon-and-text\"\n                  type=\"button\"\n                  onClick={this.#handleFileSelect}\n                >\n                  <ch-image class=\"icon-md\" src={PLUS_ICON}></ch-image>\n                  <label class=\"label\">\n                    {this.multiple\n                      ? this.#_componentLocale?.header.uploadButtonMultiple\n                      : this.#_componentLocale?.header.uploadButtonSingle}\n                  </label>\n                </button>\n                <div class=\"text-container\">\n                  <div class=\"label-primary-row\">\n                    <label class=\"label\">\n                      {this.label || this.#_componentLocale?.header.orText}\n                    </label>\n                    <label class=\"label\">\n                      {this.#_componentLocale?.header.dragAndDrop}\n                    </label>\n                  </div>\n                  <span class=\"caption\">\n                    {this.types && this.types.length > 0\n                      ? this.#_componentLocale?.header.acceptedFiles.replace(\n                          \"{0}\",\n                          this.types.join(\", \")\n                        )\n                      : this.#_componentLocale?.header.allFilesAccepted}\n                  </span>\n                </div>\n              </div>\n            ) : (\n              <div class=\"file-uploader__list\">\n                <div class=\"file-uploader__list-header spacing-body-block-end\">\n                  <div class=\"file-uploader__list-title-container\">\n                    <label class=\"label\">\n                      {this.label ||\n                        this.#_componentLocale?.fileList.attachedFiles}\n                    </label>\n                    <span class=\"caption\">\n                      {this.#_componentLocale?.fileList.filesCount.replace(\n                        \"{0}\",\n                        this.fileStates.size.toString()\n                      )}\n                    </span>\n                  </div>\n                  {this.multiple && (\n                    <button\n                      class=\"button-tertiary button-icon-and-text\"\n                      type=\"button\"\n                      onClick={this.#handleFileSelect}\n                    >\n                      <ch-image class=\"icon-md\" src={PLUS_ICON}></ch-image>\n                      <label class=\"label\">\n                        {this.multiple\n                          ? this.#_componentLocale?.header.uploadButtonMultiple\n                          : this.#_componentLocale?.header.uploadButtonSingle}\n                      </label>\n                    </button>\n                  )}\n                </div>\n                <div class=\"file-uploader__list-content scrollable\">\n                  {Array.from(this.fileStates.values()).map(file => (\n                    <gx-ide-file-item\n                      key={file.id}\n                      file={file}\n                      editable={this.canEditName}\n                      onFileNameChange={this.#handleNameChange}\n                      onFileDelete={this.#handleFileCancel}\n                      onFileCancel={this.#handleFileCancel}\n                    />\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n          <div class=\"dialog-footer control-footer control-footer-with-border\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                type=\"button\"\n                onClick={this.#handleCancel}\n              >\n                {this.#_componentLocale?.buttons.cancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                type=\"button\"\n                onClick={this.#handleConfirm}\n                disabled={\n                  this.fileStates.size === 0 ||\n                  Array.from(this.fileStates.values()).some(\n                    file => file.pending\n                  )\n                }\n              >\n                {this.#_componentLocale?.buttons.confirm}\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAkB;;;;;;;;;;;;;;;;;ACiBxB,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAMC,IAA8B,EAClC,qBACA,qBACA,mBACA,uBACA,mBACA,oBACA,iBACA,cACA,gBACA,mBACA;;MAcWC,IAAY;;;;IACvBC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,WAAA;IAiEAE,EAAAH,IAAAC,MAAe;4DAQfG,EAAAJ,IAAAC,OAAc,MACLI,KAAKC,SAASC,SAAS,IAAIC,OAAO,GAAG;uCAyD9CC,EAAAT,IAAAC,OAAoBS;;MAClBA,EAAEC;MACFD,EAAEE;MACFC,EAAAZ,MAAAE,IAAAW,IAAAC,EAAAd,MAAAE,GAAA,MAAAW,KAAmBA,IAAA;MACnBb,KAAKe,aAAa;AAAI;uCAIxBC,EAAAjB,IAAAC,OAAoBS;;MAClBA,EAAEC;MACFD,EAAEE;MACFC,EAAAZ,MAAAE,IAAAW,IAAAC,EAAAd,MAAAE,GAAA,MAAAW,KAAmBA,IAAA;MACnB,IAAIC,EAAAd,MAAIE,GAAA,SAAkB,GAAG;QAC3BF,KAAKe,aAAa;;;sCAKtBE,EAAAlB,IAAAC,OAAmBS;MACjBA,EAAEC;MACFD,EAAEE;AAAiB;iCAIrBO,EAAAnB,IAAAC,OAAeS;;MACbA,EAAEC;MACFD,EAAEE;MACFX,KAAKe,aAAa;MAClBH,EAAAZ,MAAIE,GAAgB,GAAC;MAErB,MAAMiB,KAAQN,IAAAJ,EAAEW,kBAAY,QAAAP,WAAA,aAAAA,EAAEM;MAC9B,IAAIA,GAAO;QACTL,EAAAd,MAAIqB,GAAA,KAAaC,KAAjBtB,MAAkBmB;;;wCAKtBI,EAAAxB,IAAAC,OAAoB;;OAClBa,IAAAC,EAAAd,MAAIC,GAAA,UAAa,QAAAY,WAAA,aAAAA,EAAEW;AAAO;8CAI5BC,EAAA1B,IAAAC,OAAoBS;MAClB,MAAMU,IAASV,EAAEiB,OAA4BP;MAC7C,IAAIA,GAAO;QACTL,EAAAd,MAAIqB,GAAA,KAAaC,KAAjBtB,MAAkBmB;;;gDAKtBE,EAAAtB,IAAAC,OAAgBmB;MACd,MAAMQ,IAAqBb,EAAAd,MAAI4B,GAAA,KAAAC,GAAeP,KAAnBtB,MAAoBmB;MAE/CQ,EAAWG,SAAQC,MAAMC;;QACvB,MAAMC,IAAKnB,EAAAd,MAAIG,GAAA,KAAYmB,KAAhBtB;QACX,MAAMkC,IAA6B;UACjCD;UACAvC,MAAMsC,EAAKtC;UACXsC;UACAG,SAAS;UACTC,UAAU;;QAGZ,KAAKpC,KAAKqC,UAAU;UAClBrC,KAAKsC,WAAWC;;QAGlBvC,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC,WAAWvC,IAAIkC,GAAIC;QAElD,IAAIlC,KAAKyC,gBAAgB;UACvB;YACE,MAAMC,IAAgB1C,KAAKyC,eAAeT,IAAMI;cAC9C,MAAMO,IAAQ3C,KAAKsC,WAAWM,IAAIX;cAClC,IAAIU,GAAO;gBACT,MAAME,IAAYC,OAAAC,OAAAD,OAAAC,OAAA,IACbJ,IAAK;kBACRP,UAAUA;kBACVD,SAASC,IAAW;;gBAEtBpC,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC,WAAWvC,IAAIkC,GAAIY;;;;wBAKtD,MAAMG,IAAgBF,OAAAC,OAAAD,OAAAC,OAAA,IACjB/C,KAAKsC,WAAWM,IAAIX,KAAG;cAC1BS;;YAEF1C,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC,WAAWvC,IAAIkC,GAAIe;YAElD,MAAMC,UAAeP;YAErB,MAAMC,IAAQ3C,KAAKsC,WAAWM,IAAIX;YAClC,IAAIU,GAAO;cACT,IAAIM,EAAOC,WAAWD,EAAOE,UAAU;gBACrC,MAAMN,IAAYC,OAAAC,OAAAD,OAAAC,OAAA,IACbJ,IAAK;kBACRQ,UAAUF,EAAOE;kBACjBhB,SAAS;kBACTC,UAAU;;gBAEZpC,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC,WAAWvC,IAAIkC,GAAIY;wBAE5ChC,IAAAb,KAAKoD,0BAAoB,QAAAvC,WAAA,aAAAA,EAAAS,KAAAtB,MAAG;kBAChCN,MAAMiD,EAAMjD;kBACZ2D,cAAcV,EAAMX,KAAKtC;kBACzByD,UAAUF,EAAOE;;qBAEd;gBACL,MAAMN,IAAYC,OAAAC,OAAAD,OAAAC,OAAA,IACbJ,IAAK;kBACRW,SAAOC,IAAAN,EAAOO,YAAM,QAAAD,WAAA,aAAAA,EAAEE,WAAU;kBAChCtB,SAAS;;gBAEXnC,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC,WAAWvC,IAAIkC,GAAIY;;;YAGtD,OAAOS;YACP,MAAMX,IAAQ3C,KAAKsC,WAAWM,IAAIX;YAClC,IAAIU,GAAO;cACT,MAAME,IAAYC,OAAAC,OAAAD,OAAAC,OAAA,IACbJ,IAAK;gBACRW,OACEA,aAAiBI,QACbJ,EAAMK,UACN;gBACNxB,SAAS;;cAEXnC,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC,WAAWvC,IAAIkC,GAAIY;;;;;MAM1D,IAAI/B,EAAAd,MAAIC,GAAA,MAAe;QACrBa,EAAAd,MAAIC,GAAA,KAAc2D,QAAQ;;;uCAK9BC,EAAA9D,IAAAC,OAAoB+B,MAClB+B;;MAEA,OAAM7B,IAAEA,GAAEvC,MAAEA,KAASoE,EAAMC;MAC3B,MAAM/B,IAAOhC,KAAKsC,WAAWM,IAAIX;MAEjC,IAAID,GAAM;QACR,MAAMgC,IAAWlB,OAAAC,OAAAD,OAAAC,OAAA,IACZf,IAAI;UACPtC,MAAMA,EAAKuE;UACXC,WAAW;;QAGblE,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC,WAAWvC,IAAIkC,GAAI+B;gBAC5CnD,IAAAb,KAAKmE,yBAAmB,QAAAtD,WAAA,aAAAA,EAAAS,KAAAtB,MAAG;UAAEoE,QAAQnC;UAAIoC,SAAS3E,EAAKuE;;;;+DAKjEK,EAAAvE,IAAAC,OAAoB+B,MAAO+B;;MACzB,MAAM7B,IAAK6B,EAAMC;MACjB,MAAMpB,IAAQ3C,KAAKsC,WAAWM,IAAIX;MAClC,IAAIU,GAAO;QACT;UACE,IAAIA,EAAMR,SAAS;;YAEjB,IACEQ,EAAMD,wBACCC,EAAMD,cAAc6B,WAAW,YACtC;cACA5B,EAAMD,cAAc6B;mBACf,IAAIvE,KAAKwE,sBAAsB;oBAC9BxE,KAAKwE,qBAAqBvC;;oBAG5BpB,IAAAb,KAAKyE,6BAAuB,QAAA5D,WAAA,aAAAA,EAAAS,KAAAtB,MAAGiC;YAErCjC,KAAKsC,WAAWoC,OAAOzC;YACvBjC,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC;iBAC1B;YACL,MAAMqC,IAA6B;cACjCjF,MAAMiD,EAAMjD;cACZ2D,cAAcV,EAAMX,KAAKtC;cACzByD,UAAUR,EAAMQ;;YAGlB,MAAMyB,YAAqBrB,IAAAvD,KAAK6E,oBAAc,QAAAtB,WAAA,aAAAA,EAAAjC,KAAAtB,MAAG2E;YAEjD,IAAIC,GAAc;sBACVE,IAAA9E,KAAK+E,yBAAmB,QAAAD,WAAA,aAAAA,EAAAxD,KAAAtB,MAAG2E;cACjC3E,KAAKsC,WAAWoC,OAAOzC;cACvBjC,KAAKsC,aAAa,IAAIE,IAAIxC,KAAKsC;;;UAGnC,OAAOgB;kBACD0B,IAAAhF,KAAKiF,+BAAyB,QAAAD,WAAA,aAAAA,EAAA1D,KAAAtB,MAAG;YACrCkF,UAAUvC,EAAMjD;YAChB4D,OACEA,aAAiBI,QAAQJ,EAAMK,UAAU;;;;;0CAOnDwB,EAAApF,IAAAC,OAAiB+B;;;YAEf,MAAMqD,IAAoBC,MAAMC,KAAKtF,KAAKsC,WAAWiD,UAAUC,MAC7DxD,KAAQA,EAAKG;MAGf,IAAIiD,GAAmB;QACrB;;;;YAIF,MAAMK,IAAgCJ,MAAMC,KAAKtF,KAAKsC,WAAWiD,UAC9DG,QAAO1D;QACN,MAAM2D,KAAW3D,EAAKG,WAAWH,EAAKmB,aAAanB,EAAKsB;QACxD,OAAOqC;AAAO,UAEfC,KAAI5D,MAAI;QACPtC,MAAMsC,EAAKtC;QACX2D,cAAcrB,EAAKA,KAAKtC;QACxByD,UAAUnB,EAAKmB;;MAGnB,IAAIsC,EAAcI,SAAS,GAAG;gBACtBhF,IAAAb,KAAK8F,6BAAuB,QAAAjF,WAAA,aAAAA,EAAAS,KAAAtB,MAAGyF;;;YAIvCzF,KAAKsC,WAAWC;MAChBvC,KAAKsC,aAAa,IAAIE;;YAGtB,IAAI1B,EAAAd,MAAIC,GAAA,MAAe;QACrBa,EAAAd,MAAIC,GAAA,KAAc2D,QAAQ;;;0CAK9BmC,EAAAhG,IAAAC,OAAgB+B;;MACd;;QAEE,KAAK,OAAOE,GAAIU,MAAU3C,KAAKsC,WAAW0D,WAAW;UACnD,IAAIrD,EAAMR,WAAWnC,KAAKwE,sBAAsB;YAC9C;oBACQxE,KAAKwE,qBAAqBvC;sBAC1BpB,IAAAb,KAAKyE,6BAAuB,QAAA5D,WAAA,aAAAA,EAAAS,KAAAtB,MAAGiC;cACrC,OAAOqB;;;;;;gBAObtD,KAAKsC,WAAWC;QAChBvC,KAAKsC,aAAa,IAAIE;QAEtB,IAAI1B,EAAAd,MAAIC,GAAA,MAAe;UACrBa,EAAAd,MAAIC,GAAA,KAAc2D,QAAQ;;gBAGtBL,IAAAvD,KAAKiG,4BAAsB,QAAA1C,WAAA,aAAAA,EAAAjC,KAAAtB;QACjC,OAAOsD;QACPtD,KAAKsC,WAAWC;QAChBvC,KAAKsC,aAAa,IAAIE;gBAChBsC,IAAA9E,KAAKiG,4BAAsB,QAAAnB,WAAA,aAAAA,EAAAxD,KAAAtB;;;iBA1YD;oBAGC;uBAGG;;;;;;;;;;;;;sBAoDoB,IAAIwC;sBACzB;;oDAIvC,uBAAM0D;IACJtF,EAAAZ,MAAIF,SAA2BqG,EAAOC,oBAAoBpG,KAAKqG,KAAG;;4CAgVpE,WAAM9D;;IACJ,KAAK,OAAON,GAAIU,MAAU3C,KAAKsC,WAAW0D,WAAW;MACnD,IAAIrD,EAAMR,WAAWnC,KAAKwE,sBAAsB;QAC9C;gBACQxE,KAAKwE,qBAAqBvC;kBAC1BpB,IAAAb,KAAKyE,6BAAuB,QAAA5D,WAAA,aAAAA,EAAAS,KAAAtB,MAAGiC;UACrC,OAAOqB;;;;;IAKbtD,KAAKsC,WAAWC;;EAGlB,MAAA+D;;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAO9G;QACjB2G,EAAA;MACEI,MAAK;MACLF,OAAM;MACNpE,UAAUrC,KAAKqC;MACfuE,SAAQ/F,IAAAb,KAAK6G,WAAK,QAAAhG,WAAA,aAAAA,EACd+E,KAAIe,KAASA,EAAKG,WAAW,OAAOH,IAAO,IAAIA,MAChDI,KAAK;MACRC,UAAUlG,EAAAd,MAAIyB,GAAA;MACdwF,KAAKZ,KAAOzF,EAAAZ,MAAIC,GAAgBoG,GAAsB;MAAC,eAC3C;MACZa,WAAW;MACXC,OAAO;QAAEC,SAAS;;QAEpBb,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACRzG,KAAKe,cAAcf,KAAKsC,WAAW+E,SAAS,IAC3Cd,EAAA;MACEE,OAAO;QACL,4BAA4B;QAC5B,sCAAsCzG,KAAKe;;MAE7CuG,aAAaxG,EAAAd,MAAIQ,GAAA;MACjB+G,aAAazG,EAAAd,MAAIgB,GAAA;MACjBwG,YAAY1G,EAAAd,MAAIiB,GAAA;MAChBwG,QAAQ3G,EAAAd,MAAIkB,GAAA;OAEZqF,EAAA;MACEE,OAAM;MACNE,MAAK;MACLe,SAAS5G,EAAAd,MAAIuB,GAAA;OAEbgF,EAAA;MAAUE,OAAM;MAAUkB,KAAKpI;QAC/BgH,EAAA;MAAOE,OAAM;OACVzG,KAAKqC,YACFkB,IAAAzC,EAAAd,MAAIF,GAAA,UAAkB,QAAAyD,WAAA,aAAAA,EAAEqE,OAAOC,wBAC/B/C,IAAAhE,EAAAd,MAAIF,GAAA,UAAkB,QAAAgF,WAAA,aAAAA,EAAE8C,OAAOE,sBAGvCvB,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOE,OAAM;OACVzG,KAAK+H,WAAS/C,IAAAlE,EAAAd,MAAIF,GAAA,UAAkB,QAAAkF,WAAA,aAAAA,EAAE4C,OAAOI,UAEhDzB,EAAA;MAAOE,OAAM;QACVwB,IAAAnH,EAAAd,MAAIF,GAAA,UAAkB,QAAAmI,WAAA,aAAAA,EAAEL,OAAOM,eAGpC3B,EAAA;MAAME,OAAM;OACTzG,KAAK6G,SAAS7G,KAAK6G,MAAMhB,SAAS,KAC/BsC,IAAArH,EAAAd,MAAIF,GAAA,UAAkB,QAAAqI,WAAA,aAAAA,EAAEP,OAAOQ,cAAcC,QAC3C,OACArI,KAAK6G,MAAME,KAAK,UAElBuB,IAAAxH,EAAAd,MAAIF,GAAA,UAAkB,QAAAwI,WAAA,aAAAA,EAAEV,OAAOW,sBAKzChC,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOE,OAAM;OACVzG,KAAK+H,WACJS,IAAA1H,EAAAd,MAAIF,GAAA,UAAkB,QAAA0I,WAAA,aAAAA,EAAEC,SAASC,iBAErCnC,EAAA;MAAME,OAAM;QACTkC,IAAA7H,EAAAd,MAAIF,GAAA,UAAkB,QAAA6I,WAAA,aAAAA,EAAEF,SAASG,WAAWP,QAC3C,OACArI,KAAKsC,WAAW+E,KAAK/G,eAI1BN,KAAKqC,YACJkE,EAAA;MACEE,OAAM;MACNE,MAAK;MACLe,SAAS5G,EAAAd,MAAIuB,GAAA;OAEbgF,EAAA;MAAUE,OAAM;MAAUkB,KAAKpI;QAC/BgH,EAAA;MAAOE,OAAM;OACVzG,KAAKqC,YACFwG,IAAA/H,EAAAd,MAAIF,GAAA,UAAkB,QAAA+I,WAAA,aAAAA,EAAEjB,OAAOC,wBAC/BiB,IAAAhI,EAAAd,MAAIF,GAAA,UAAkB,QAAAgJ,WAAA,aAAAA,EAAElB,OAAOE,uBAK3CvB,EAAA;MAAKE,OAAM;OACRpB,MAAMC,KAAKtF,KAAKsC,WAAWiD,UAAUK,KAAI5D,KACxCuE,EAAA;MACEwC,KAAK/G,EAAKC;MACVD,MAAMA;MACNgH,UAAUhJ,KAAKiJ;MACfC,kBAAkBpI,EAAAd,MAAI6D,GAAA;MACtBsF,cAAcrI,EAAAd,MAAIsE,GAAA;MAClB8E,cAActI,EAAAd,MAAIsE,GAAA;aAO9BiC,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACNE,MAAK;MACLe,SAAS5G,EAAAd,MAAI+F,GAAA;QAEZsD,IAAAvI,EAAAd,MAAIF,GAAA,UAAkB,QAAAuJ,WAAA,aAAAA,EAAEC,QAAQ/E,SAEnCgC,EAAA;MACEE,OAAM;MACNE,MAAK;MACLe,SAAS5G,EAAAd,MAAImF,GAAA;MACboE,UACEvJ,KAAKsC,WAAW+E,SAAS,KACzBhC,MAAMC,KAAKtF,KAAKsC,WAAWiD,UAAUC,MACnCxD,KAAQA,EAAKG;QAIhBqH,IAAA1I,EAAAd,MAAIF,GAAA,UAAkB,QAAA0J,WAAA,aAAAA,EAAEF,QAAQG;;;;;;;;;;;;;wDAndlCzH;;;IAEX,KAAKhC,KAAK6G,SAAS7G,KAAK6G,MAAMhB,WAAW,GAAG;IAC1C,OAAO;MAAEF,SAAS;;;EAGpB,KAAK,MAAMgB,KAAQ3G,KAAK6G,OAAO;;IAE7B,IAAIF,EAAK+C,SAAS,OAAO;MACvB,MAAMC,IAAWhD,EAAKiD,MAAM,KAAK;MACjC,IAAI5H,EAAK2E,KAAKG,WAAW6C,IAAW;QAClC,OAAO;UAAEhE,SAAS;;;;;UAIjB,IAAIgB,EAAKG,WAAW,MAAM;MAC7B,IAAI9E,EAAKtC,KAAKmK,cAAcC,SAASnD,EAAKkD,gBAAgB;QACxD,OAAO;UAAElE,SAAS;;;;;UAIjB,IAAI3D,EAAK2E,SAASA,KAAQ3E,EAAK2E,SAAS,eAAeA,KAAQ;MAClE,OAAO;QAAEhB,SAAS;;;;EAItB,OAAO;IACLA,SAAS;IACTrC,SACEC,KAAA1C,IAAAC,EAAAd,MAAIF,GAAA,UAAkB,QAAAe,WAAA,aAAAA,EAAE2C,YAAM,QAAAD,WAAA,aAAAA,EAAEwG,oBAAmB;;AAEzD,GAAClI,IAAA,SAAAA,4BAGcV;EACb,MAAMQ,IAAqB;EAE3B0D,MAAMC,KAAKnE,GAAOW,SAAQE;;IACxB,MAAMgI,IAAalJ,EAAAd,MAAI4B,GAAA,KAAAqI,GAAa3I,KAAjBtB,MAAkBgC;IACrC,IAAIgI,EAAWrE,SAAS;MACtBhE,EAAWuI,KAAKlI;WACX;OACLnB,IAAAb,KAAKmK,iCAA2B,QAAAtJ,WAAA,aAAAA,EAAAS,KAAAtB,MAAG;QACjCkF,UAAUlD,EAAKtC;QACf4D,OAAO0G,EAAW1G;;;;EAKxB,OAAO3B;AACT"}

package/dist/genexus-ide-ui/{p-01d96378.entry.js → p-7f65f9e3.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, c as e, g as a, h as r, H as o, a as i } from "./p-25a9f1d7.js";
 
-import { g as s } from "./p-ede7bd20.js";
+import { g as s } from "./p-2987a259.js";
 
 import { L as n } from "./p-311eedf3.js";
 
@@ -305,4 +305,4 @@ W = new WeakMap, C = new WeakMap, T = new WeakMap;
 A.style = c;
 
 export { A as gx_ide_bpm_app_declaration };
-//# sourceMappingURL=p-01d96378.entry.js.map
+//# sourceMappingURL=p-7f65f9e3.entry.js.map

package/dist/genexus-ide-ui/{p-eb9e760d.entry.js → p-83cc3bcd.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, g as e, h as i, H as s, a } from "./p-25a9f1d7.js";
 
-import { g as l } from "./p-ede7bd20.js";
+import { g as l } from "./p-2987a259.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -522,4 +522,4 @@ L = new WeakMap, K = new WeakMap, V = new WeakMap, A = new WeakMap, B = new Weak
 O.style = d;
 
 export { O as gx_ide_object_selector };
-//# sourceMappingURL=p-eb9e760d.entry.js.map
+//# sourceMappingURL=p-83cc3bcd.entry.js.map

package/dist/genexus-ide-ui/p-84c1c1bb.entry.js

@@ -0,0 +1,270 @@
+import { g as i, r as e, h as t, H as s, a } from "./p-25a9f1d7.js";
+
+import { g as n } from "./p-2987a259.js";
+
+import { L as o } from "./p-311eedf3.js";
+
+const r = ':host{display:grid;block-size:100%;grid-template-areas:"header header" "main aside";grid-template-rows:max-content 1fr;grid-template-columns:1fr 280px;row-gap:12px}.section{display:contents}.header{display:grid;grid-area:header;grid-template-areas:"plugin-icon plugin-details";grid-template-columns:64px 1fr;column-gap:16px;padding:24px 24px 16px 24px}.plugin__icon{grid-area:plugin-icon;max-width:100%}.plugin__details{grid-area:plugin-details;display:flex;flex-direction:column;gap:8px}.plugin__publisher{display:flex;align-items:center;gap:4px}.plugin__description{line-height:1.5}.plugin__actions-container{margin-block-start:8px;align-items:center}.action-button{min-inline-size:100px}.action-button.more-versions-available{border-start-end-radius:0 !important;border-end-end-radius:0 !important}.installed-container{display:flex;align-items:center;gap:6px}.installed-container ch-image{--ch-image-size:20px}.main{grid-area:main}.docsTab{block-size:100%}.aside{grid-area:aside;overflow:auto;border-block-start:1px solid var(--items-container__border-color)}.fields__list{list-style:none;padding:0;margin:0;font-size:12px}.plugin__info-category{display:flex;flex-direction:column;gap:8px}.plugin__info-category:not(:first-child){padding-block-start:16px;margin-block-start:16px;border-block-start:1px solid var(--mer-border-color__on-elevation--01)}.fields__list:not(.fields__list--as-tags){display:flex;flex-direction:column;gap:8px}.fields__list:not(.fields__list--as-tags) .field__li{display:flex;gap:16px}.fields__list--as-tags{display:flex;flex-wrap:wrap;gap:6px}.fields__list--as-tags .field__li{border:1px solid var(--mer-border-color__on-elevation--01);padding:2px 8px;border-radius:4px;text-transform:lowercase}.fields__list--as-tags .field__link{color:var(--mer-text__on-surface)}.fields__list--as-tags .field__link:hover{color:var(--mer-accent__primary)}.fields__list--as-tags .field__link:active{color:var(--mer-accent__primary--hover)}.field__name,.field__value{flex:1}.field__link{color:var(--mer-accent__primary)}.field__link:hover{color:var(--mer-accent__primary--hover)}.field__link:active{color:var(--mer-accent__primary--active)}.docsTab{background-color:transparent !important}.dropdown.button-icon-only::part(expandable-button){padding:calc( ( var(--control__block-size) - 2 * var(--control__border-width) - var(--mer-icon__box--md) ) / 2 ) !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.version-buttons-container{display:flex;align-items:center;gap:1px}ch-markdown-viewer{block-size:100%;overflow:auto}.text-underline{text-decoration:underline}';
+
+var l = undefined && undefined.__classPrivateFieldGet || function(i, e, t, s) {
+  if (t === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? i !== e || !s : !e.has(i)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? s : t === "a" ? s.call(i) : s ? s.value : e.get(i);
+};
+
+var c = undefined && undefined.__classPrivateFieldSet || function(i, e, t, s, a) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? i !== e || !a : !e.has(i)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(i, t) : a ? a.value = t : e.set(i, t), t;
+};
+
+var d, p, h, m, f, u, _, g, b, v, x, w, y, k;
+
+const M = n({
+  category: "system",
+  name: "user",
+  colorType: "on-elevation"
+});
+
+const W = n({
+  category: "system",
+  name: "chevron-down",
+  colorType: "on-primary"
+});
+
+const T = n({
+  category: "system",
+  name: "check-circle",
+  colorType: "success"
+});
+
+// plugin icon if no iconUri was provided
+const z = i(`./gx-ide-assets/plugin-manager/images/plugin-icon.svg`);
+
+const C = [ "resets/box-sizing", "chameleon/scrollbar", "components/button", "components/dropdown", "components/edit", "components/icon", "components/list-box", "components/tab", "utils/form", "utils/layout", "utils/spacing", "utils/typography" ];
+
+const j = class {
+  constructor(i) {
+    e(this, i);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        d.set(this, void 0);
+    // A map between docSection "id", and docSection "description".
+    // "id" is generated inside this component.
+        p.set(this, new Map);
+    h.set(this, (() => {
+      var i;
+      const e = (i = this.data.versions) === null || i === void 0 ? void 0 : i.map((i => ({
+        id: i,
+        caption: i
+      })));
+      return e;
+    }));
+    m.set(this, (i => {
+      const e = i.detail.id;
+      this.installCallback(e);
+    }));
+    f.set(this, (() => t("button", {
+      class: "button-tertiary",
+      onClick: l(this, b, "f")
+    }, l(this, d, "f").actions.uninstall)));
+    u.set(this, (() => {
+      this.installCallback();
+    }));
+    _.set(this, (i => () => {
+      this.installCallback(i);
+    }));
+    g.set(this, (i => e => {
+      e.preventDefault();
+      this.openLinkCallback(i);
+    }));
+    b.set(this, (() => {
+      this.uninstallCallback();
+    }));
+    v.set(this, (() => {
+      var i;
+      let e;
+      let s = "button-primary action-button";
+      let a;
+      const n = (i = this.data.versions) === null || i === void 0 ? void 0 : i.length;
+      if (!this.data.installed) {
+        e = l(this, d, "f").actions.install;
+        a = l(this, u, "f");
+      } else if (this.data.updateVersion) {
+        e = `${l(this, d, "f").actions.updateTo} ${this.data.updateVersion}`;
+        a = l(this, _, "f").call(this, this.data.updateVersion);
+      } else {
+        e = l(this, d, "f").actions.installed;
+      }
+      if (n) {
+        s = `${s} more-versions-available`;
+      }
+      return [ t("div", {
+        class: "version-buttons-container"
+      }, t("button", {
+        class: s,
+        onClick: a
+      }, e), n ? t("ch-action-menu-render", {
+        class: "dropdown button-primary button-icon-only",
+        blockAlign: "outside-end",
+        inlineAlign: "inside-start",
+        model: l(this, h, "f").call(this),
+        onButtonClick: l(this, m, "f")
+      }, t("ch-image", {
+        src: W,
+        class: "icon-md"
+      })) : null) ];
+    }));
+    x.set(this, (i => {
+      this.selectedTabId = i.detail.newSelectedId;
+    }));
+    w.set(this, (() => this.docsTabModel.map((i => {
+      if (i.id === this.selectedTabId) {
+        const e = l(this, p, "f").get(i.id);
+        return t("ch-markdown-viewer", {
+          slot: i.id,
+          key: i.id,
+          class: "markdown spacing-body scrollable",
+          theme: "components/markdown-viewer",
+          value: e
+        });
+      }
+    }))));
+    y.set(this, (i => i.toLowerCase().replace(/\s+/g, "-")));
+    k.set(this, (() => this.data.infoCategories.map((i => t("div", {
+      class: "plugin__info-category"
+    }, t("h3", {
+      class: "subtitle-semi-bold-s"
+    }, i.name), t("ul", {
+      class: {
+        fields__list: true,
+        "fields__list--as-tags": i.displayAsTags
+      }
+    }, i.fields.map((e => {
+      // If the field name isn’t specified, only the value is shown — usually a link.
+      const s = typeof e.value === "string" ? e.value : t("a", {
+        class: "field__link",
+        onClick: l(this, g, "f").call(this, e.value.url)
+      }, e.value.text);
+      return t("li", {
+        class: "field__li"
+      }, e.name && !i.displayAsTags ? // displaysAsTags forces the items to be displayed as tags
+      // no span.field__name and span.field__value
+      [ t("span", {
+        class: "field__name body-semi-bold-s"
+      }, e.name), t("span", {
+        class: "field__value body-regular-s"
+      }, s) ] : s);
+    }))))))));
+    this.docsTabModel = [];
+    this.selectedTabId = undefined;
+    this.data = undefined;
+    this.installCallback = undefined;
+    this.openLinkCallback = undefined;
+    this.uninstallCallback = undefined;
+  }
+  async componentWillLoad() {
+    var i;
+    c(this, d, await o.getComponentStrings(this.el), "f");
+    if ((i = this.data.docSections) === null || i === void 0 ? void 0 : i.length) {
+      this.docsTabModel = this.data.docSections.map(((i, e) => {
+        const t = l(this, y, "f").call(this, i.name);
+        l(this, p, "f").set(t, i.content);
+        if (e === 0) {
+          this.selectedTabId = t;
+        }
+        return {
+          id: t,
+          name: i.name
+        };
+      }));
+    }
+  }
+  render() {
+    const i = !this.data.installed || this.data.installed && !!this.data.updateVersion;
+    const e = this.data.name.text;
+    const a = this.data.name.url;
+    const n = e && a;
+    const o = e || this.data.name;
+    const r = this.data.publisher.text;
+    const c = this.data.publisher.url;
+    const p = r && c;
+    const h = r || this.data.publisher;
+    return t(s, {
+      class: "widget"
+    }, t("ch-theme", {
+      model: C
+    }), t("section", {
+      class: "section"
+    }, t("header", {
+      class: "header"
+    }, t("img", {
+      class: "plugin__icon",
+      src: this.data.iconUrl || z,
+      alt: "plugin extension icon"
+    }), t("div", {
+      class: "plugin__details"
+    }, n ? t("h2", {
+      class: "heading-5"
+    }, t("a", {
+      href: a,
+      onClick: l(this, g, "f").call(this, a),
+      class: "text-underline"
+    }, o)) : t("h2", {
+      class: "heading-5"
+    }, o), p ? t("a", {
+      href: c,
+      onClick: l(this, g, "f").call(this, c),
+      class: "text-underline plugin__publisher tiny-semi-bold-l"
+    }, t("ch-image", {
+      src: M,
+      class: "icon-md"
+    }), h) : t("p", {
+      class: "plugin__publisher tiny-semi-bold-l"
+    }, t("ch-image", {
+      src: M,
+      class: "icon-md"
+    }), h), t("p", {
+      class: "plugin__description"
+    }, this.data.description), t("div", {
+      class: "buttons-spacer plugin__actions-container"
+    }, i ? l(this, v, "f").call(this) : 
+    // installed and no updates
+    t("p", {
+      class: "installed-container subtitle-semi-bold-s"
+    }, t("ch-image", {
+      src: T,
+      class: "icon-md"
+    }), l(this, d, "f").actions.installed), this.data.installed && l(this, f, "f").call(this)))), t("div", {
+      class: "main"
+    }, this.docsTabModel.length > 0 && t("ch-tab-render", {
+      class: "tab docsTab scrollable",
+      tabListPosition: "block-start",
+      overflow: "auto",
+      contain: "size",
+      model: this.docsTabModel,
+      onSelectedItemChange: l(this, x, "f"),
+      selectedId: this.selectedTabId
+    }, l(this, w, "f").call(this))), t("div", {
+      class: "aside spacing-body scrollable"
+    }, l(this, k, "f").call(this))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/plugin-details" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+d = new WeakMap, p = new WeakMap, h = new WeakMap, m = new WeakMap, f = new WeakMap, 
+u = new WeakMap, _ = new WeakMap, g = new WeakMap, b = new WeakMap, v = new WeakMap, 
+x = new WeakMap, w = new WeakMap, y = new WeakMap, k = new WeakMap;
+
+j.style = r;
+
+export { j as gx_ide_plugin_details };
+//# sourceMappingURL=p-84c1c1bb.entry.js.map