@genexus/genexus-ide-ui 1.1.2 → 1.1.3

package/dist/genexus-ide-ui/p-961cd6c2.entry.js

@@ -0,0 +1,475 @@
+import { r as e, h as i, H as t, a } from "./p-25a9f1d7.js";
+
+import { g as o } from "./p-6e4208d8.js";
+
+import "./p-5ac47c69.js";
+
+import { L as r } 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}.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)}";
+
+var n = undefined && undefined.__classPrivateFieldGet || function(e, i, t, a) {
+  if (t === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? e !== i || !a : !i.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  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) {
+  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;
+};
+
+var d, c, f, g, h, b, v, p, m, u, y, x, w, k, _, z, M, j;
+
+const W = o({
+  category: "gemini-tools",
+  name: "add",
+  colorType: "primary"
+});
+
+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 {
+  constructor(i) {
+    e(this, i);
+    d.add(this);
+    c.set(this, void 0);
+    f.set(this, void 0);
+    g.set(this, 0);
+    /** Generates a unique ID for file identification */    h.set(this, (() => Math.random().toString(36).substr(2, 9)));
+    /** Handles drag enter event */    p.set(this, (e => {
+      var i;
+      e.preventDefault();
+      e.stopPropagation();
+      l(this, g, (i = n(this, g, "f"), i++, i), "f");
+      this.isDragging = true;
+    }));
+    /** Handles drag leave event */    m.set(this, (e => {
+      var i;
+      e.preventDefault();
+      e.stopPropagation();
+      l(this, g, (i = n(this, g, "f"), i--, i), "f");
+      if (n(this, g, "f") === 0) {
+        this.isDragging = false;
+      }
+    }));
+    /** Handles drag over event */    u.set(this, (e => {
+      e.preventDefault();
+      e.stopPropagation();
+    }));
+    /** Handles drop event */    y.set(this, (e => {
+      var i;
+      e.preventDefault();
+      e.stopPropagation();
+      this.isDragging = false;
+      l(this, g, 0, "f");
+      const t = (i = e.dataTransfer) === null || i === void 0 ? void 0 : i.files;
+      if (t) {
+        n(this, k, "f").call(this, t);
+      }
+    }));
+    /** Triggers file input click */    x.set(this, (() => {
+      var e;
+      (e = n(this, f, "f")) === null || e === void 0 ? void 0 : e.click();
+    }));
+    /** Handles file input change event */    w.set(this, (e => {
+      const i = e.target.files;
+      if (i) {
+        n(this, k, "f").call(this, i);
+      }
+    }));
+    /** Processes files and starts upload */    k.set(this, (e => {
+      const i = n(this, d, "m", v).call(this, e);
+      i.forEach((async e => {
+        var i, t;
+        const a = n(this, h, "f").call(this);
+        const o = {
+          id: a,
+          name: e.name,
+          file: e,
+          pending: true,
+          progress: 0
+        };
+        if (!this.multiple) {
+          this.fileStates.clear();
+        }
+        this.fileStates = new Map(this.fileStates.set(a, o));
+        if (this.uploadFunction) {
+          try {
+            const o = this.uploadFunction(e, (e => {
+              const i = this.fileStates.get(a);
+              if (i) {
+                const t = Object.assign(Object.assign({}, i), {
+                  progress: e,
+                  pending: e < 100
+                });
+                this.fileStates = new Map(this.fileStates.set(a, t));
+              }
+            }));
+            // 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 n = this.fileStates.get(a);
+            if (n) {
+              if (s.success && s.remoteId) {
+                const e = Object.assign(Object.assign({}, n), {
+                  remoteId: s.remoteId,
+                  pending: false,
+                  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,
+                  remoteId: s.remoteId
+                }));
+              } else {
+                const e = Object.assign(Object.assign({}, n), {
+                  error: ((t = s.errors) === null || t === void 0 ? void 0 : t.upload) || "Upload failed",
+                  pending: false
+                });
+                this.fileStates = new Map(this.fileStates.set(a, e));
+                console.log("File upload failed:", e);
+              }
+            }
+          } catch (e) {
+            const i = this.fileStates.get(a);
+            if (i) {
+              const t = Object.assign(Object.assign({}, i), {
+                error: e instanceof Error ? e.message : "Unknown error occurred",
+                pending: false
+              });
+              this.fileStates = new Map(this.fileStates.set(a, t));
+              console.log("File upload error:", t);
+            }
+          }
+        }
+      }));
+      if (n(this, f, "f")) {
+        n(this, f, "f").value = "";
+      }
+    }));
+    /** 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), {
+          name: a.trim(),
+          isEditing: false
+        });
+        this.fileStates = new Map(this.fileStates.set(t, e));
+        await ((i = this.fileRenamedCallback) === null || i === void 0 ? void 0 : i.call(this, {
+          fileId: t,
+          newName: a.trim()
+        }));
+      }
+    }));
+    /** 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);
+      if (s) {
+        try {
+          if (s.pending) {
+            // Cancel upload in progress
+            if (s.uploadPromise && typeof s.uploadPromise.cancel === "function") {
+              s.uploadPromise.cancel();
+            } else if (this.cancelUploadFunction) {
+              await this.cancelUploadFunction(r);
+            }
+            await ((i = this.uploadCancelledCallback) === null || i === void 0 ? void 0 : i.call(this, r));
+            this.fileStates.delete(r);
+            this.fileStates = new Map(this.fileStates);
+          } else {
+            const e = {
+              name: s.name,
+              originalName: s.file.name,
+              remoteId: s.remoteId
+            };
+            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 = new Map(this.fileStates);
+            }
+          }
+        } catch (e) {
+          await ((o = this.fileDeletionErrorCallback) === null || o === void 0 ? void 0 : o.call(this, {
+            fileName: s.name,
+            error: e instanceof Error ? e.message : "Unknown error occurred"
+          }));
+        }
+      }
+    }));
+    /** Handles dialog confirmation */    M.set(this, (async () => {
+      var e;
+      // Verificar si hay subidas en progreso
+            const i = Array.from(this.fileStates.values()).some((e => e.pending));
+      if (i) {
+        return;
+ // No permitir confirmar si hay subidas en progreso
+            }
+      // 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));
+      }
+      // Clear file states
+            this.fileStates.clear();
+      this.fileStates = new Map;
+      // Reset file input
+            if (n(this, f, "f")) {
+        n(this, f, "f").value = "";
+      }
+    }));
+    /** Handles dialog cancellation */    j.set(this, (async () => {
+      var e, i, t;
+      try {
+        // Cancelamos todas las subidas en progreso
+        for (const [i, t] of this.fileStates.entries()) {
+          if (t.pending && this.cancelUploadFunction) {
+            try {
+              await this.cancelUploadFunction(i);
+              await ((e = this.uploadCancelledCallback) === null || e === void 0 ? void 0 : e.call(this, i));
+            } catch (e) {
+              // Error handling for upload cancellation
+            }
+          }
+        }
+        // Limpiamos todos los estados
+                this.fileStates.clear();
+        this.fileStates = new Map;
+        if (n(this, f, "f")) {
+          n(this, f, "f").value = "";
+        }
+        await ((i = this.dialogCanceledCallback) === null || i === void 0 ? void 0 : i.call(this));
+      } catch (e) {
+        this.fileStates.clear();
+        this.fileStates = new Map;
+        await ((t = this.dialogCanceledCallback) === null || t === void 0 ? void 0 : t.call(this));
+      }
+    }));
+    this.types = [];
+    this.multiple = false;
+    this.canEditName = false;
+    this.label = undefined;
+    this.uploadFunction = undefined;
+    this.cancelUploadFunction = undefined;
+    this.fileUploadedCallback = undefined;
+    this.dialogCanceledCallback = undefined;
+    this.dialogConfirmedCallback = undefined;
+    this.uploadCancelledCallback = undefined;
+    this.fileRenamedCallback = undefined;
+    this.fileValidationErrorCallback = undefined;
+    this.fileDeletionErrorCallback = undefined;
+    this.fileDeletedCallback = undefined;
+    this.onBeforeDelete = undefined;
+    this.fileStates = new Map;
+    this.isDragging = false;
+  }
+  /** Initializes component with locale strings */  async componentWillLoad() {
+    l(this, c, await r.getComponentStrings(this.el), "f");
+  }
+  /** Clears the current file selection */  async clear() {
+    var e;
+    for (const [i, t] of this.fileStates.entries()) {
+      if (t.pending && this.cancelUploadFunction) {
+        try {
+          await this.cancelUploadFunction(i);
+          await ((e = this.uploadCancelledCallback) === null || e === void 0 ? void 0 : e.call(this, i));
+        } catch (e) {
+          // Error handling for upload cancellation
+        }
+      }
+    }
+    this.fileStates.clear();
+  }
+  render() {
+    var e, a, o, r, s, d, g, h, b, v, k, F, C;
+    return i(t, {
+      class: "widget"
+    }, i("ch-theme", {
+      model: O
+    }), i("input", {
+      type: "file",
+      class: "hidden-input",
+      multiple: this.multiple,
+      accept: (e = this.types) === null || e === void 0 ? void 0 : e.map((e => e.startsWith(".") ? e : `.${e}`)).join(","),
+      onChange: n(this, w, "f"),
+      ref: e => l(this, f, e, "f"),
+      "aria-hidden": "true",
+      tabIndex: -1,
+      style: {
+        display: "none"
+      }
+    }), i("div", {
+      class: "file-uploader-dialog"
+    }, i("div", {
+      class: "dialog-content"
+    }, this.isDragging || this.fileStates.size === 0 ? i("div", {
+      class: {
+        "file-uploader__drop-zone": true,
+        "file-uploader__drop-zone--dragging": this.isDragging
+      },
+      onDragEnter: n(this, p, "f"),
+      onDragLeave: n(this, m, "f"),
+      onDragOver: n(this, u, "f"),
+      onDrop: n(this, y, "f")
+    }, i("button", {
+      class: "button-tertiary button-icon-and-text",
+      type: "button",
+      onClick: n(this, x, "f")
+    }, i("ch-image", {
+      class: "icon-md",
+      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", {
+      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", {
+      class: "label"
+    }, (s = n(this, c, "f")) === null || s === void 0 ? void 0 : s.header.dragAndDrop)), i("span", {
+      class: "caption"
+    }, this.types && this.types.length > 0 ? (d = n(this, c, "f")) === null || d === void 0 ? void 0 : d.header.acceptedFiles.replace("{0}", this.types.join(", ")) : (g = n(this, c, "f")) === null || g === void 0 ? void 0 : g.header.allFilesAccepted))) : i("div", {
+      class: "file-uploader__list"
+    }, i("div", {
+      class: "file-uploader__list-header spacing-body-block-end"
+    }, i("div", {
+      class: "file-uploader__list-title-container"
+    }, i("label", {
+      class: "label"
+    }, this.label || ((h = n(this, c, "f")) === null || h === void 0 ? void 0 : h.fileList.attachedFiles)), i("span", {
+      class: "caption"
+    }, (b = n(this, c, "f")) === null || b === void 0 ? void 0 : b.fileList.filesCount.replace("{0}", this.fileStates.size.toString()))), this.multiple && i("button", {
+      class: "button-tertiary button-icon-and-text",
+      type: "button",
+      onClick: n(this, x, "f")
+    }, i("ch-image", {
+      class: "icon-md",
+      src: W
+    }), i("label", {
+      class: "label"
+    }, this.multiple ? (v = n(this, c, "f")) === null || v === void 0 ? void 0 : v.header.uploadButtonMultiple : (k = n(this, c, "f")) === null || k === void 0 ? void 0 : k.header.uploadButtonSingle))), i("div", {
+      class: "file-uploader__list-content scrollable"
+    }, Array.from(this.fileStates.values()).map((e => i("gx-ide-file-item", {
+      key: e.id,
+      file: e,
+      editable: this.canEditName,
+      onFileNameChange: n(this, _, "f"),
+      onFileDelete: n(this, z, "f"),
+      onFileCancel: n(this, z, "f")
+    })))))), i("div", {
+      class: "dialog-footer control-footer control-footer-with-border"
+    }, i("div", {
+      class: "buttons-spacer"
+    }, i("button", {
+      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", {
+      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)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/file-uploader" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+c = new WeakMap, f = new WeakMap, g = new WeakMap, h = new WeakMap, p = new WeakMap, 
+m = new WeakMap, u = new WeakMap, y = new WeakMap, x = new WeakMap, w = new WeakMap, 
+k = new WeakMap, _ = new WeakMap, z = new WeakMap, M = new WeakMap, j = new WeakMap, 
+d = new WeakSet, b = function _FileUploader_isValidFile(e) {
+  var i, t;
+  // If no types specified, accept any file
+    if (!this.types || this.types.length === 0) {
+    return {
+      isValid: true
+    };
+  }
+  for (const i of this.types) {
+    // Handle wildcards like 'image/*'
+    if (i.includes("/*")) {
+      const t = i.split("/")[0];
+      if (e.type.startsWith(t)) {
+        return {
+          isValid: true
+        };
+      }
+    }
+    // Handle extensions like '.jpg'
+     else if (i.startsWith(".")) {
+      if (e.name.toLowerCase().endsWith(i.toLowerCase())) {
+        return {
+          isValid: true
+        };
+      }
+    }
+    // Handle specific MIME types
+     else if (e.type === i || e.type === `application/${i}`) {
+      return {
+        isValid: true
+      };
+    }
+  }
+  return {
+    isValid: false,
+    error: ((t = (i = n(this, c, "f")) === null || i === void 0 ? void 0 : i.errors) === null || t === void 0 ? void 0 : t.invalidFileType) || "Invalid file type"
+  };
+}, v = function _FileUploader_getValidFiles(e) {
+  const i = [];
+  Array.from(e).forEach((e => {
+    var t;
+    const a = n(this, d, "m", b).call(this, e);
+    if (a.isValid) {
+      i.push(e);
+    } else {
+      (t = this.fileValidationErrorCallback) === null || t === void 0 ? void 0 : t.call(this, {
+        fileName: e.name,
+        error: a.error
+      });
+    }
+  }));
+  return i;
+};
+
+F.style = s;
+
+export { F as gx_ide_file_uploader };
+//# sourceMappingURL=p-961cd6c2.entry.js.map

package/dist/genexus-ide-ui/p-961cd6c2.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","console","log","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          console.log(\"Upload result:\", { id, result });\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              console.log(\"File uploaded successfully:\", updatedState);\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              console.log(\"File upload failed:\", 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            console.log(\"File upload error:\", 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        console.log(\"File validation:\", {\n          id: file.id,\n          name: file.name,\n          pending: file.pending,\n          remoteId: file.remoteId,\n          error: file.error,\n          isValid\n        });\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    console.log(\"Files to be confirmed:\", uploadedFiles);\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":"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"}