@genexus/genexus-ide-ui 3.0.1 → 3.1.0

package/dist/genexus-ide-ui/{p-aad714a5.entry.js → p-e2b88bea.entry.js}

@@ -1,6 +1,6 @@
-import { r as i, h as t, H as e, a as n } from "./p-9b9ccd0c.js";
+import { r as i, h as t, H as e, a as s } from "./p-9b9ccd0c.js";
 
-import { g as a } from "./p-d42e842b.js";
+import { g as n } from "./p-d42e842b.js";
 
 import "./p-6534555e.js";
 
@@ -10,27 +10,27 @@ import "lit/directives/when.js";
 
 import "lit/directives/if-defined.js";
 
-import { L as s } from "./p-311eedf3.js";
+import { L as a } from "./p-311eedf3.js";
 
-const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}button.button-secondary{border-color:var(--color-border-neutral-default)}: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%;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(--color-accent-surface-elevation-1);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(--spacing-gap-m);padding-inline-end:var(--spacing-body-inline-end);padding-block-end:16px}.file-uploader__list-title-container{display:flex;align-items:center;gap:var(--spacing-gap-xs);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% - 12px);min-block-size:200px;margin-block-end:12px;background:var(--color-accent-surface-elevation-1);border:2px dashed var(--color-border-neutral-default);border-radius:8px;transition:border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease}.file-uploader__drop-zone--dragging{border-color:var(--color-accent-primary-default);background:var(--color-accent-primary-hover);opacity:0.7}.file-uploader__drop-zone .text-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-gap-xs);margin-block-start:8px}.hidden-input{display:none}.label-primary-row{display:flex;align-items:center;gap:var(--spacing-gap-m)}";
+const o = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;inline-size:100%;block-size:100%}.file-uploader-dialog{display:grid;grid-template-rows:1fr max-content;block-size:100%;min-block-size:0;position:relative}.file-uploader-dialog .dialog-content{min-block-size:0;overflow:auto}.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;display:flex;justify-content:space-between;align-items:center}.file-uploader__list-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-gap-l);list-style:none;margin:0;padding:0;padding-block-end:var(--spacing-padding-l)}.file-uploader__list-title-container{display:flex;align-items:center;gap:var(--spacing-gap-xs);white-space:nowrap}.file-uploader__drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:100%;block-size:100%;border:2px dashed var(--color-border-neutral-default);border-radius:8px;transition:border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease}.file-uploader__drop-zone--dragging{border-color:var(--color-accent-primary-default);background:var(--color-accent-primary-hover);opacity:0.7}.file-uploader__drop-zone .text-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-gap-xs);margin-block-start:8px}.label-primary-row{display:flex;align-items:center;gap:var(--spacing-gap-m)}";
 
-var l = undefined && undefined.__classPrivateFieldGet || function(i, t, e, n) {
-  if (e === "a" && !n) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? i !== t || !n : !t.has(i)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return e === "m" ? n : e === "a" ? n.call(i) : n ? n.value : t.get(i);
+var l = undefined && undefined.__classPrivateFieldGet || function(i, t, e, s) {
+  if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? i !== t || !s : !t.has(i)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return e === "m" ? s : e === "a" ? s.call(i) : s ? s.value : t.get(i);
 };
 
-var r = undefined && undefined.__classPrivateFieldSet || function(i, t, e, n, a) {
-  if (n === "m") throw new TypeError("Private method is not writable");
-  if (n === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? i !== t || !a : !t.has(i)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return n === "a" ? a.call(i, e) : a ? a.value = e : t.set(i, e), e;
+var r = undefined && undefined.__classPrivateFieldSet || function(i, t, e, s, n) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? i !== t || !n : !t.has(i)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? n.call(i, e) : n ? n.value = e : t.set(i, e), e;
 };
 
 var d, c, h, f, p, u, v, g, b, m, w, y, x, k, _, M, z, j;
 
-const W = a({
-  category: "gemini-tools",
+const W = n({
+  category: "system",
   name: "add",
   colorType: "primary"
 });
@@ -90,9 +90,9 @@ const C = class {
       const t = l(this, d, "m", v).call(this, i);
       t.forEach((async i => {
         var t, e;
-        const n = l(this, p, "f").call(this);
-        const a = {
-          id: n,
+        const s = l(this, p, "f").call(this);
+        const n = {
+          id: s,
           name: i.name,
           file: i,
           pending: true,
@@ -101,26 +101,26 @@ const C = class {
         if (!this.multiple) {
           this.fileStates.clear();
         }
-        this.fileStates = new Map(this.fileStates.set(n, a));
+        this.fileStates = new Map(this.fileStates.set(s, n));
         if (this.uploadFunction) {
           try {
-            const a = this.uploadFunction(i, (i => {
-              const t = this.fileStates.get(n);
+            const n = this.uploadFunction(i, (i => {
+              const t = this.fileStates.get(s);
               if (t) {
                 const e = Object.assign(Object.assign({}, t), {
                   progress: i,
                   pending: i < 100
                 });
-                this.fileStates = new Map(this.fileStates.set(n, e));
+                this.fileStates = new Map(this.fileStates.set(s, e));
               }
             }));
             // Store the upload promise/object for potential cancellation
-                        const s = Object.assign(Object.assign({}, this.fileStates.get(n)), {
-              uploadPromise: a
+                        const a = Object.assign(Object.assign({}, this.fileStates.get(s)), {
+              uploadPromise: n
             });
-            this.fileStates = new Map(this.fileStates.set(n, s));
-            const o = await a;
-            const l = this.fileStates.get(n);
+            this.fileStates = new Map(this.fileStates.set(s, a));
+            const o = await n;
+            const l = this.fileStates.get(s);
             if (l) {
               if (o.success && o.remoteId) {
                 const i = Object.assign(Object.assign({}, l), {
@@ -128,7 +128,7 @@ const C = class {
                   pending: false,
                   progress: 100
                 });
-                this.fileStates = new Map(this.fileStates.set(n, i));
+                this.fileStates = new Map(this.fileStates.set(s, i));
                 await ((t = this.fileUploadedCallback) === null || t === void 0 ? void 0 : t.call(this, {
                   name: l.name,
                   originalName: l.file.name,
@@ -139,17 +139,17 @@ const C = class {
                   error: ((e = o.errors) === null || e === void 0 ? void 0 : e.upload) || "Upload failed",
                   pending: false
                 });
-                this.fileStates = new Map(this.fileStates.set(n, i));
+                this.fileStates = new Map(this.fileStates.set(s, i));
               }
             }
           } catch (i) {
-            const t = this.fileStates.get(n);
+            const t = this.fileStates.get(s);
             if (t) {
               const e = Object.assign(Object.assign({}, t), {
                 error: i instanceof Error ? i.message : "Unknown error occurred",
                 pending: false
               });
-              this.fileStates = new Map(this.fileStates.set(n, e));
+              this.fileStates = new Map(this.fileStates.set(s, e));
             }
           }
         }
@@ -160,24 +160,24 @@ const C = class {
     }));
     /** Handles file name change */    _.set(this, (async i => {
       var t;
-      const {id: e, name: n} = i.detail;
-      const a = this.fileStates.get(e);
-      if (a) {
-        const i = Object.assign(Object.assign({}, a), {
-          name: n.trim(),
+      const {id: e, name: s} = i.detail;
+      const n = this.fileStates.get(e);
+      if (n) {
+        const i = Object.assign(Object.assign({}, n), {
+          name: s.trim(),
           isEditing: false
         });
         this.fileStates = new Map(this.fileStates.set(e, i));
         await ((t = this.fileRenamedCallback) === null || t === void 0 ? void 0 : t.call(this, {
           fileId: e,
-          newName: n.trim()
+          newName: s.trim()
         }));
       }
     }));
     /** Handles individual file cancellation or deletion */    M.set(this, (async i => {
-      var t, e, n, a;
-      const s = i.detail;
-      const o = this.fileStates.get(s);
+      var t, e, s, n;
+      const a = i.detail;
+      const o = this.fileStates.get(a);
       if (o) {
         try {
           if (o.pending) {
@@ -185,10 +185,10 @@ const C = class {
             if (o.uploadPromise && typeof o.uploadPromise.cancel === "function") {
               o.uploadPromise.cancel();
             } else if (this.cancelUploadFunction) {
-              await this.cancelUploadFunction(s);
+              await this.cancelUploadFunction(a);
             }
-            await ((t = this.uploadCancelledCallback) === null || t === void 0 ? void 0 : t.call(this, s));
-            this.fileStates.delete(s);
+            await ((t = this.uploadCancelledCallback) === null || t === void 0 ? void 0 : t.call(this, a));
+            this.fileStates.delete(a);
             this.fileStates = new Map(this.fileStates);
           } else {
             const i = {
@@ -198,13 +198,13 @@ const C = class {
             };
             const t = await ((e = this.onBeforeDelete) === null || e === void 0 ? void 0 : e.call(this, i));
             if (t) {
-              await ((n = this.fileDeletedCallback) === null || n === void 0 ? void 0 : n.call(this, i));
-              this.fileStates.delete(s);
+              await ((s = this.fileDeletedCallback) === null || s === void 0 ? void 0 : s.call(this, i));
+              this.fileStates.delete(a);
               this.fileStates = new Map(this.fileStates);
             }
           }
         } catch (i) {
-          await ((a = this.fileDeletionErrorCallback) === null || a === void 0 ? void 0 : a.call(this, {
+          await ((n = this.fileDeletionErrorCallback) === null || n === void 0 ? void 0 : n.call(this, {
             fileName: o.name,
             error: i instanceof Error ? i.message : "Unknown error occurred"
           }));
@@ -285,7 +285,7 @@ const C = class {
     this.isDragging = false;
   }
   /** Initializes component with locale strings */  async componentWillLoad() {
-    r(this, c, await s.getComponentStrings(this.el), "f");
+    r(this, c, await a.getComponentStrings(this.el), "f");
   }
   /** Clears the current file selection */  async clear() {
     var i;
@@ -302,30 +302,27 @@ const C = class {
     this.fileStates.clear();
   }
   render() {
-    var i, n, a, s, o, d, f, p, u, v, k, C, E;
+    var i, s, n, a, o, d, f, p, u, v, k, C, E, F;
     return t(e, {
       class: "widget"
     }, t("ch-theme", {
       model: O
     }), t("input", {
       type: "file",
-      class: "hidden-input",
+      hidden: true,
       multiple: this.multiple,
       accept: (i = this.types) === null || i === void 0 ? void 0 : i.map((i => i.startsWith(".") ? i : `.${i}`)).join(","),
       onChange: l(this, x, "f"),
       ref: i => r(this, h, i, "f"),
       "aria-hidden": "true",
-      tabIndex: -1,
-      style: {
-        display: "none"
-      }
+      tabIndex: -1
     }), t("div", {
       class: "file-uploader-dialog"
     }, t("div", {
       class: "dialog-content"
     }, this.isDragging || this.fileStates.size === 0 ? t("div", {
       class: {
-        "file-uploader__drop-zone": true,
+        "file-uploader__drop-zone elevation-1": true,
         "file-uploader__drop-zone--dragging": this.isDragging
       },
       onDragEnter: l(this, g, "f"),
@@ -341,20 +338,20 @@ const C = class {
       src: W
     }), t("label", {
       class: "label"
-    }, this.multiple ? (n = l(this, c, "f")) === null || n === void 0 ? void 0 : n.header.uploadButtonMultiple : (a = l(this, c, "f")) === null || a === void 0 ? void 0 : a.header.uploadButtonSingle)), t("div", {
+    }, this.multiple ? (s = l(this, c, "f")) === null || s === void 0 ? void 0 : s.header.uploadButtonMultiple : (n = l(this, c, "f")) === null || n === void 0 ? void 0 : n.header.uploadButtonSingle)), t("div", {
       class: "text-container"
     }, t("div", {
       class: "label-primary-row"
     }, t("label", {
       class: "label"
-    }, this.label || ((s = l(this, c, "f")) === null || s === void 0 ? void 0 : s.header.orText)), t("label", {
+    }, this.label || ((a = l(this, c, "f")) === null || a === void 0 ? void 0 : a.header.orText)), t("label", {
       class: "label"
     }, (o = l(this, c, "f")) === null || o === void 0 ? void 0 : o.header.dragAndDrop)), t("span", {
       class: "caption"
     }, this.types && this.types.length > 0 ? (d = l(this, c, "f")) === null || d === void 0 ? void 0 : d.header.acceptedFiles.replace("{0}", this.types.join(", ")) : (f = l(this, c, "f")) === null || f === void 0 ? void 0 : f.header.allFilesAccepted))) : t("div", {
       class: "file-uploader__list"
     }, t("div", {
-      class: "file-uploader__list-header spacing-body-block-end"
+      class: "file-uploader__list-header elevation-1 spacing-body-block-end spacing-inline-end"
     }, t("div", {
       class: "file-uploader__list-title-container"
     }, t("label", {
@@ -370,35 +367,41 @@ const C = class {
       src: W
     }), t("label", {
       class: "label"
-    }, this.multiple ? (v = l(this, c, "f")) === null || v === void 0 ? void 0 : v.header.uploadButtonMultiple : (k = l(this, c, "f")) === null || k === void 0 ? void 0 : k.header.uploadButtonSingle))), t("div", {
-      class: "file-uploader__list-content scrollable"
+    }, this.multiple ? (v = l(this, c, "f")) === null || v === void 0 ? void 0 : v.header.uploadButtonMultiple : (k = l(this, c, "f")) === null || k === void 0 ? void 0 : k.header.uploadButtonSingle))), t("ul", {
+      class: "file-uploader__list-content scrollable spacing-inline-end spacing-block-end",
+      "aria-live": "polite",
+      "aria-label": (C = l(this, c, "f")) === null || C === void 0 ? void 0 : C.fileList.selectedFilesAriaLabel
     }, Array.from(this.fileStates.values()).map((i => t("gx-ide-file-item", {
       key: i.id,
       file: i,
       editable: this.canEditName,
+      componentLocale: l(this, c, "f"),
       onFileNameChange: l(this, _, "f"),
       onFileDelete: l(this, M, "f"),
       onFileCancel: l(this, M, "f")
     })))))), t("div", {
-      class: "dialog-footer dialog-footer dialog-footer-with-border"
+      class: {
+        "dialog-footer": true,
+        "dialog-footer-with-border": this.fileStates.size > 0
+      }
     }, t("div", {
       class: "buttons-spacer"
     }, t("button", {
       class: "button-secondary",
       type: "button",
       onClick: l(this, j, "f")
-    }, (C = l(this, c, "f")) === null || C === void 0 ? void 0 : C.buttons.cancel), t("button", {
+    }, (E = l(this, c, "f")) === null || E === void 0 ? void 0 : E.buttons.cancel), t("button", {
       class: "button-primary",
       type: "button",
       onClick: l(this, z, "f"),
       disabled: this.fileStates.size === 0 || Array.from(this.fileStates.values()).some((i => i.pending))
-    }, (E = l(this, c, "f")) === null || E === void 0 ? void 0 : E.buttons.confirm)))));
+    }, (F = l(this, c, "f")) === null || F === void 0 ? void 0 : F.buttons.confirm)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/file-uploader" ];
   }
   get el() {
-    return n(this);
+    return s(this);
   }
 };
 
@@ -446,13 +449,13 @@ d = new WeakSet, u = function _FileUploader_isValidFile(i) {
   const t = [];
   Array.from(i).forEach((i => {
     var e;
-    const n = l(this, d, "m", u).call(this, i);
-    if (n.isValid) {
+    const s = l(this, d, "m", u).call(this, i);
+    if (s.isValid) {
       t.push(i);
     } else {
       (e = this.fileValidationErrorCallback) === null || e === void 0 ? void 0 : e.call(this, {
         fileName: i.name,
-        error: n.error
+        error: s.error
       });
     }
   }));
@@ -462,4 +465,4 @@ d = new WeakSet, u = function _FileUploader_isValidFile(i) {
 C.style = o;
 
 export { C as gx_ide_file_uploader };
-//# sourceMappingURL=p-aad714a5.entry.js.map
+//# sourceMappingURL=p-e2b88bea.entry.js.map

package/dist/genexus-ide-ui/p-e2b88bea.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","hidden","accept","types","startsWith","join","onChange","ref","tabIndex","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","_m","selectedFilesAriaLabel","key","editable","canEditName","componentLocale","onFileNameChange","onFileDelete","onFileCancel","_o","buttons","disabled","_p","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 \"../../global/temporary-mercury-overrides/_button.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.file-uploader-dialog {\n  display: grid;\n  grid-template-rows: 1fr max-content;\n  block-size: 100%;\n  min-block-size: 0;\n  position: relative;\n\n  .dialog-content {\n    min-block-size: 0;\n    overflow: auto;\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      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    &-content {\n      flex: 1;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-gap-l);\n      @include list-reset;\n      padding-block-end: var(--spacing-padding-l);\n    }\n  }\n\n  &__list-title-container {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-gap-xs);\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: 100%;\n    block-size: 100%;\n    border: 2px dashed var(--color-border-neutral-default);\n    border-radius: 8px;\n    transition:\n      border-color 0.3s ease,\n      background-color 0.3s ease,\n      opacity 0.3s ease;\n\n    &--dragging {\n      border-color: var(--color-accent-primary-default);\n      background: var(--color-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(--spacing-gap-xs);\n      margin-block-start: 8px;\n    }\n  }\n}\n\n.label-primary-row {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\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: \"system\",\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        {/* Native file input required: ch-edit is for text only; no Chameleon file picker. */}\n        <input\n          type=\"file\"\n          hidden\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        />\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 elevation-1\": 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-m\" 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 elevation-1 spacing-body-block-end spacing-inline-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-m\" 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                <ul\n                  class=\"file-uploader__list-content scrollable spacing-inline-end spacing-block-end\"\n                  aria-live=\"polite\"\n                  aria-label={this.#_componentLocale?.fileList.selectedFilesAriaLabel}\n                >\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                      componentLocale={this.#_componentLocale}\n                      onFileNameChange={this.#handleNameChange}\n                      onFileDelete={this.#handleFileCancel}\n                      onFileCancel={this.#handleFileCancel}\n                    />\n                  ))}\n                </ul>\n              </div>\n            )}\n          </div>\n          <div class={{\n            \"dialog-footer\": true,\n            \"dialog-footer-with-border\": this.fileStates.size > 0\n          }}>\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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"}

package/dist/types/components/_helpers/multi-select/gx-ide-multi-select.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+export declare class GxIdeMultiSelect {
+    #private;
+    el: HTMLGxIdeMultiSelectElement;
+    showPopover: boolean;
+    /**
+     * Model with available options to select from
+     */
+    readonly model: ComboBoxModel;
+    /**
+     * Currently selected item values
+     */
+    readonly value: string[];
+    /**
+     * Placeholder text when no items are selected
+     */
+    readonly placeholder: string;
+    /**
+     * Disabled state
+     */
+    readonly disabled: boolean;
+    /**
+     * Emitted when the selection changes
+     */
+    gxSelectionChange: EventEmitter<string[]>;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/file-uploader/file-item/file-item.d.ts

@@ -6,6 +6,8 @@ export declare class FileItem {
     readonly file: FileUploadState;
     /** Whether the file name can be edited */
     readonly editable: boolean;
+    /** Component locale strings */
+    readonly componentLocale?: any;
     /** Callback when a file is deleted */
     readonly fileDeletedCallback?: (fileId: string) => Promise<void>;
     /** Callback when a file deletion error occurs */

package/dist/types/components/launchpad/root/launchpad.d.ts

@@ -43,10 +43,6 @@ export declare class GxIdeLaunchpad {
     watchDataHandler(newValue: string | undefined): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
-    /**
-     * Suspends or reactivates the shortcuts
-     */
-    suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
     /**
      * Organizes received data and builds tab model
      */

package/dist/types/components/search/search.d.ts

@@ -0,0 +1,59 @@
+import { TreeViewModel } from "@genexus/chameleon-controls-library";
+export declare class GxIdeSearch {
+    #private;
+    el: HTMLGxIdeSearchElement;
+    /**
+     * Holds the search results as a TreeViewModel
+     */
+    searchResultModel: TreeViewModel;
+    /**
+     * Tracks if a search has been performed
+     */
+    hasSearched: boolean;
+    /**
+     * Tracks if a search is currently in progress
+     */
+    isSearching: boolean;
+    /**
+     * Indicates whether a Knowledge Base is currently open
+     */
+    readonly isKbOpen: boolean;
+    valueChangeHandler(newValue: boolean): void;
+    /**
+     * Callback to fetch search results
+     */
+    readonly searchCallback: (searchParams: SearchParamsData) => Promise<SearchResultData[]>;
+    /**
+     * Callback invoked when a search result item is double-clicked
+     */
+    readonly itemDoubleClickCallback?: ItemDoubleClickCallback;
+    /**
+     * Method to show or hide the settings panel, can be called from the outside to control the visibility of the settings
+     */
+    showSettings(_show: boolean): Promise<void>;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}
+export type SearchResultData = {
+    objectId: string;
+    objectName: string;
+    objectTypeName: string;
+    objectModuleName: string;
+    objectUri: string;
+    objectIcon: string;
+    content: string;
+    preview: string;
+};
+export type SearchParamsData = {
+    moduleGuid?: string;
+    objectTypeName?: string;
+    text: string;
+    tags?: string;
+    count?: number;
+    onlyTitles: boolean;
+    includeSubModules: boolean;
+    allBranches: boolean;
+    forLLM: boolean;
+};
+export type ItemDoubleClickCallback = (itemId: string) => Promise<void>;
+export type SearchCallback = (searchParams: SearchParamsData) => Promise<SearchResultData[]>;