@genexus/genexus-ide-ui 0.0.135 → 0.0.137

package/dist/genexus-ide-ui/{p-e497877c.entry.js → p-5d1135f5.entry.js}

@@ -1,60 +1,134 @@
-import { r as e, h as t, H as o } from "./p-48217969.js";
+import { r as t, c as e, h as r, H as o, g as a } from "./p-48217969.js";
 
-const a = ":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:flex;flex-direction:column;color:var(--color-primary-enabled);}:host .container{display:flex;flex-direction:column;gap:30px}:host label{font-size:14px}:host .wrapper{display:inline-flex;align-items:center;gap:var(--gx-ide-grid-column-gap)}:host([label-position=start]){flex-direction:row}:host([label-position=start]) .wrapper{flex:1}";
+import { c as i } from "./p-9c1b4eb9.js";
 
-const r = class {
-  constructor(t) {
-    e(this, t);
-    this.evaluateLabelPosition = () => {
-      if (this.label && this.labelPosition === "above") {
-        this.centerLabel = false;
-      }
-    };
+import { L as s } from "./p-74d59062.js";
+
+import { r as l } from "./p-6c2ecbac.js";
+
+const filesToListItemsData = t => {
+  const e = [];
+  t.forEach((t => {
+    const r = typeof t === "string" ? t : t.name;
+    const o = typeof t === "string" ? t : t.name;
+    const a = undefined;
+    const i = false;
+    e.push({
+      itemId: r,
+      itemValue: o,
+      itemIcon: a,
+      itemChecked: i
+    });
+  }));
+  return e;
+};
+
+const n = ":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)}.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-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}.control-wrapper{display:flex;gap:var(--mer-spacing--xs);align-items:center}.control-wrapper--vertical{flex-direction:column;align-items:start}.controls-wrapper{display:flex;gap:var(--mer-spacing--xs)}.controls-wrapper--vertical{flex-direction:column;align-items:start}.input-text{box-sizing:border-box;background-color:transparent;border:var(--mer-border__width--sm) solid var(--mer-border-color__dim);border-radius:var(--mer-border__width--lg);height:26px;color:var(--mer-text__bright);font-size:var(--mer-font__size--xxs)}.input-text--full-width{align-self:stretch}:host{display:block}.hidden-input{display:none}";
+
+const g = class {
+  constructor(r) {
+    t(this, r);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    this.selectionChanged = e(this, "selectionChanged", 7);
+    this.renderedFirstTime = false;
     // 7.LISTENERS //
     // 8.PUBLIC METHODS API //
     // 9.LOCAL METHODS //
-        this.btnSelectClickHandler = () => {};
-    this.accessibilityLabels = {
-      buttonSelectLabel: "selects a file from the user file system"
+        this.fileSelectionChangedHandler = t => {
+      this.selectionChanged.emit();
+      const e = Array.isArray(t.detail) ? t.detail : [ t.detail ];
+      this.selectedFiles = e.map((t => t.itemValue));
     };
-    this.label = undefined;
-    this.labelPosition = "start";
-    this.centerLabel = true;
-    this.labelWidth = undefined;
-    this.selectDirectoryCallback = undefined;
-    this.value = undefined;
+    this.loadFileHandle = async () => {
+      this.fileInput.click();
+    };
+    this.handleFileInputChange = async t => {
+      const e = t.target;
+      if (e.files && e.files.length > 0) {
+        const t = Array.from(e.files);
+        const r = t.filter((t => !this.files.some((e => e.name === t.name))));
+        this.files = [ ...this.files, ...r ];
+      }
+      if (this.addCallback) {
+        await this.addCallback(this.files);
+      }
+      this.fileInput.value = null;
+    };
+    this.removeFiles = t => {
+      const e = this.files.filter((e => t.includes(e.name)));
+      this.files = this.files.filter((e => !t.includes(e.name)));
+      if (this.removeCallback) {
+        this.removeCallback(e);
+        this.selectedFiles = [];
+        this.fileInput.value = null;
+      }
+    };
+    this.handleRemoveButtonClick = () => {
+      this.removeFiles(this.selectedFiles);
+    };
+    this.files = [];
+    this.selectedFiles = [];
+    this.displayTitle = false;
+    this.allowedExtensions = undefined;
+    this.addCallback = undefined;
+    this.removeCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
   }
-  // 2. REFERENCE TO ELEMENTS //
-  // 3.STATE() VARIABLES //
-  // 4.PUBLIC PROPERTY API | WATCH'S //
-  // 5.EVENTS (EMIT) //
-  // 6.METHODS //
-  componentWillLoad() {
-    this.evaluateLabelPosition();
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
   }
   // 10.RENDER() FUNCTION //
   render() {
-    var e;
-    return t(o, null, this.label ? t("gxg-label", {
-      labelPosition: this.labelPosition,
-      center: this.centerLabel
-    }, this.label) : null, t("div", {
-      class: "wrapper"
-    }, t("gxg-form-text", {
-      part: "input",
-      value: this.value
-    }), t("gxg-button", {
-      part: "button-select",
-      onClick: this.btnSelectClickHandler,
-      "aria-label": (e = this.accessibilityLabels) === null || e === void 0 ? void 0 : e.buttonSelectLabel,
-      type: "secondary-icon-only",
-      icon: "gemini-tools/folder",
-      disabled: !this.selectDirectoryCallback
-    })));
+    var t;
+    return r(o, {
+      class: "gx-ide-component"
+    }, r("div", {
+      class: "gx-ide-main-wrapper"
+    }, r("gx-ide-container", {
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
+      slimmerFooter: i.gxIdeContainer.slimmerFooter
+    }, r("label", {
+      htmlFor: "path-list"
+    }, this._componentLocale.main.listLabel), r("gx-ide-list-selector", {
+      id: "path-list",
+      type: "multi-selection",
+      listName: "path-list",
+      noListBorder: true,
+      ordered: true,
+      onSelectionChanged: this.fileSelectionChangedHandler,
+      class: "path-list"
+    }, l(filesToListItemsData(this.files))), r("div", {
+      class: "controls-wrapper"
+    }, r("input", {
+      type: "file",
+      id: "input_file",
+      accept: (t = this.allowedExtensions) === null || t === void 0 ? void 0 : t.join(", "),
+      ref: t => this.fileInput = t,
+      onChange: this.handleFileInputChange,
+      class: "hidden-input",
+      multiple: true
+    }), r("button", {
+      onClick: this.loadFileHandle
+    }, this._componentLocale.main.addFilesButton), r("button", {
+      onClick: this.handleRemoveButtonClick,
+      disabled: this.selectedFiles.length === 0
+    }, this._componentLocale.main.removeFilesButton, " (", this.selectedFiles.length, ")")))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/bpm-files-selector" ];
+  }
+  get el() {
+    return a(this);
   }
 };
 
-r.style = a;
+g.style = n;
 
-export { r as gx_ide_file_selector };
-//# sourceMappingURL=p-e497877c.entry.js.map
+export { g as gx_ide_bpm_files_selector };
+//# sourceMappingURL=p-5d1135f5.entry.js.map

package/dist/genexus-ide-ui/p-5d1135f5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filesToListItemsData","files","itemsData","forEach","file","itemId","name","itemValue","itemIcon","undefined","itemChecked","push","filesSelectorCss","GxIdeTemplate","this","renderedFirstTime","fileSelectionChangedHandler","selectedItem","selectionChanged","emit","selectedFiles","Array","isArray","detail","map","item","loadFileHandle","async","fileInput","click","handleFileInputChange","event","target","length","newFiles","from","uniqueFiles","filter","newFile","some","existingFile","addCallback","value","removeFiles","filesToRemove","removedFiles","includes","removeCallback","handleRemoveButtonClick","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","main","listLabel","id","type","listName","noListBorder","ordered","onSelectionChanged","renderListItems","accept","_a","allowedExtensions","join","ref","onChange","multiple","onClick","addFilesButton","disabled","removeFilesButton"],"sources":["src/components/bpm/files-selector/helpers.ts","src/components/bpm/files-selector/files-selector.scss?tag=gx-ide-bpm-files-selector&encapsulation=shadow","src/components/bpm/files-selector/files-selector.tsx"],"sourcesContent":["import { ItemData } from \"../../_helpers/list-selector/list-selector-item/list-selector-item\";\n\nexport const filesToListItemsData = (files: string[] | File[]): ItemData[] => {\n  const itemsData: ItemData[] = [];\n  files.forEach(file => {\n    const itemId = typeof file === \"string\" ? file : file.name;\n    const itemValue = typeof file === \"string\" ? file : file.name;\n    const itemIcon: string = undefined;\n    const itemChecked: boolean = false;\n    itemsData.push({\n      itemId: itemId,\n      itemValue: itemValue,\n      itemIcon: itemIcon,\n      itemChecked: itemChecked\n    });\n  });\n  return itemsData;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n.hidden-input {\n  display: none;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { CheckedItemsInfo } from \"../../_helpers/list-selector/list-selector\";\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { renderListItems } from \"../../../common/render-list-item\";\nimport { filesToListItemsData } from \"./helpers\";\n\n@Component({\n  tag: \"gx-ide-bpm-files-selector\",\n  styleUrl: \"files-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-files-selector\"]\n})\nexport class GxIdeTemplate {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmFilesSelectorElement;\n\n  private fileInput: HTMLInputElement;\n\n  // 3.STATE() VARIABLES //\n  /**\n   * Contains the list of files\n   */\n  @State() files: File[] = [];\n\n  /**\n   * Contains the list of selected files\n   */\n  @State() selectedFiles: string[] = [];\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Allowed extensions when 'Add files' button is pressed\n   */\n  @Prop() readonly allowedExtensions: string[];\n\n  /**\n   * Callback invoked when user press 'Add files' button. Returns a list with selected files.\n   */\n  @Prop() readonly addCallback: (files: File[]) => Promise<void>;\n\n  /**\n   * Callback invoked when remove button is pressed.\n   */\n  @Prop() readonly removeCallback: (files: File[] | string[]) => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  /**\n   * @description Gets fired when something changes on items section.\n   */\n  @Event() selectionChanged: EventEmitter<void>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private fileSelectionChangedHandler = (\n    selectedItem: CustomEvent<CheckedItemsInfo>\n  ) => {\n    this.selectionChanged.emit();\n\n    const selectedFiles = Array.isArray(selectedItem.detail)\n      ? selectedItem.detail\n      : [selectedItem.detail];\n\n    this.selectedFiles = selectedFiles.map(item => item.itemValue);\n  };\n\n  private loadFileHandle = async () => {\n    this.fileInput.click();\n  };\n\n  private handleFileInputChange = async (event: Event) => {\n    const fileInput = event.target as HTMLInputElement;\n\n    if (fileInput.files && fileInput.files.length > 0) {\n      const newFiles: File[] = Array.from(fileInput.files);\n      const uniqueFiles = newFiles.filter(\n        newFile =>\n          !this.files.some(existingFile => existingFile.name === newFile.name)\n      );\n      this.files = [...this.files, ...uniqueFiles];\n    }\n    if (this.addCallback) {\n      await this.addCallback(this.files);\n    }\n\n    this.fileInput.value = null;\n  };\n\n  private removeFiles = (filesToRemove: string[]) => {\n    const removedFiles = this.files.filter(file =>\n      filesToRemove.includes(file.name)\n    );\n\n    this.files = this.files.filter(file => !filesToRemove.includes(file.name));\n\n    if (this.removeCallback) {\n      this.removeCallback(removedFiles);\n      this.selectedFiles = [];\n      this.fileInput.value = null;\n    }\n  };\n\n  private handleRemoveButtonClick = () => {\n    this.removeFiles(this.selectedFiles);\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            {/* path list*/}\n            <label htmlFor=\"path-list\">\n              {this._componentLocale.main.listLabel}\n            </label>\n            <gx-ide-list-selector\n              id=\"path-list\"\n              type=\"multi-selection\"\n              listName=\"path-list\"\n              noListBorder\n              ordered\n              onSelectionChanged={this.fileSelectionChangedHandler}\n              class=\"path-list\"\n            >\n              {renderListItems(filesToListItemsData(this.files))}\n            </gx-ide-list-selector>\n\n            <div class=\"controls-wrapper\">\n              <input\n                type=\"file\"\n                id=\"input_file\"\n                accept={this.allowedExtensions?.join(\", \")}\n                ref={el => (this.fileInput = el as HTMLInputElement)}\n                onChange={this.handleFileInputChange}\n                class=\"hidden-input\"\n                multiple\n              />\n              <button onClick={this.loadFileHandle}>\n                {this._componentLocale.main.addFilesButton}\n              </button>\n              <button\n                onClick={this.handleRemoveButtonClick}\n                disabled={this.selectedFiles.length === 0}\n              >\n                {this._componentLocale.main.removeFilesButton} (\n                {this.selectedFiles.length})\n              </button>\n            </div>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;;;AAEO,MAAMA,uBAAwBC;EACnC,MAAMC,IAAwB;EAC9BD,EAAME,SAAQC;IACZ,MAAMC,WAAgBD,MAAS,WAAWA,IAAOA,EAAKE;IACtD,MAAMC,WAAmBH,MAAS,WAAWA,IAAOA,EAAKE;IACzD,MAAME,IAAmBC;IACzB,MAAMC,IAAuB;IAC7BR,EAAUS,KAAK;MACbN,QAAQA;MACRE,WAAWA;MACXC,UAAUA;MACVE,aAAaA;;AACb;EAEJ,OAAOR;AAAS;;AChBlB,MAAMU,IAAmB;;MCyBZC,IAAa;;;;;IAQhBC,KAAAC,oBAAoB;;;;QA0EpBD,KAAAE,8BACNC;MAEAH,KAAKI,iBAAiBC;MAEtB,MAAMC,IAAgBC,MAAMC,QAAQL,EAAaM,UAC7CN,EAAaM,SACb,EAACN,EAAaM;MAElBT,KAAKM,gBAAgBA,EAAcI,KAAIC,KAAQA,EAAKlB;AAAU;IAGxDO,KAAAY,iBAAiBC;MACvBb,KAAKc,UAAUC;AAAO;IAGhBf,KAAAgB,wBAAwBH,MAAOI;MACrC,MAAMH,IAAYG,EAAMC;MAExB,IAAIJ,EAAU3B,SAAS2B,EAAU3B,MAAMgC,SAAS,GAAG;QACjD,MAAMC,IAAmBb,MAAMc,KAAKP,EAAU3B;QAC9C,MAAMmC,IAAcF,EAASG,QAC3BC,MACGxB,KAAKb,MAAMsC,MAAKC,KAAgBA,EAAalC,SAASgC,EAAQhC;QAEnEQ,KAAKb,QAAQ,KAAIa,KAAKb,UAAUmC;;MAElC,IAAItB,KAAK2B,aAAa;cACd3B,KAAK2B,YAAY3B,KAAKb;;MAG9Ba,KAAKc,UAAUc,QAAQ;AAAI;IAGrB5B,KAAA6B,cAAeC;MACrB,MAAMC,IAAe/B,KAAKb,MAAMoC,QAAOjC,KACrCwC,EAAcE,SAAS1C,EAAKE;MAG9BQ,KAAKb,QAAQa,KAAKb,MAAMoC,QAAOjC,MAASwC,EAAcE,SAAS1C,EAAKE;MAEpE,IAAIQ,KAAKiC,gBAAgB;QACvBjC,KAAKiC,eAAeF;QACpB/B,KAAKM,gBAAgB;QACrBN,KAAKc,UAAUc,QAAQ;;;IAInB5B,KAAAkC,0BAA0B;MAChClC,KAAK6B,YAAY7B,KAAKM;AAAc;iBA/Gb;yBAKU;wBAOH;;;;;;EA+BhC,uBAAM6B;IACJnC,KAAKoC,yBAAyBC,EAAOC,oBAAoBtC,KAAKuC;;EAGhE,kBAAAC;IACE,KAAKxC,KAAKC,mBAAmB;MAC3BD,KAAKyC,4BAA4BpC,KAC/BL,KAAKoC,iBAAiBM;MAExB1C,KAAKC,oBAAoB;;;;EAgE7B,MAAA0C;;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACE/C,KAAKgD,eAAehD,KAAKoC,iBAAiBM,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAGrCL,EAAA;MAAOQ,SAAQ;OACZpD,KAAKoC,iBAAiBiB,KAAKC,YAE9BV,EAAA;MACEW,IAAG;MACHC,MAAK;MACLC,UAAS;MACTC,cAAY;MACZC,SAAO;MACPC,oBAAoB5D,KAAKE;MACzB4C,OAAM;OAELe,EAAgB3E,qBAAqBc,KAAKb,UAG7CyD,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEY,MAAK;MACLD,IAAG;MACHO,SAAQC,IAAA/D,KAAKgE,uBAAiB,QAAAD,WAAA,aAAAA,EAAEE,KAAK;MACrCC,KAAK3B,KAAOvC,KAAKc,YAAYyB;MAC7B4B,UAAUnE,KAAKgB;MACf8B,OAAM;MACNsB,UAAQ;QAEVxB,EAAA;MAAQyB,SAASrE,KAAKY;OACnBZ,KAAKoC,iBAAiBiB,KAAKiB,iBAE9B1B,EAAA;MACEyB,SAASrE,KAAKkC;MACdqC,UAAUvE,KAAKM,cAAca,WAAW;OAEvCnB,KAAKoC,iBAAiBiB,KAAKmB,mBAAiB,MAC5CxE,KAAKM,cAAca,QAAM"}

package/dist/genexus-ide-ui/p-6c2ecbac.js

@@ -0,0 +1,20 @@
+import { h as t } from "./p-48217969.js";
+
+/* STENCIL IMPORTS */ const renderListItems = e => {
+  const o = [];
+  e.forEach((e => {
+    const s = e.itemId;
+    const c = e.itemValue;
+    const i = e.itemIcon;
+    o.push(t("gx-ide-list-selector-item", {
+      itemId: s,
+      itemValue: c,
+      icon: i,
+      key: s
+    }));
+  }));
+  return o;
+};
+
+export { renderListItems as r };
+//# sourceMappingURL=p-6c2ecbac.js.map

package/dist/genexus-ide-ui/p-6c2ecbac.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderListItems","itemsData","listItemsArray","forEach","item","id","itemId","value","itemValue","icon","itemIcon","push","h","key"],"sources":["src/common/render-list-item.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { ItemData } from \"../components/_helpers/list-selector/list-selector-item/list-selector-item\";\n\nexport const renderListItems = (\n  itemsData: ItemData[]\n): HTMLGxIdeListSelectorItemElement[] => {\n  const listItemsArray: HTMLGxIdeListSelectorItemElement[] = [];\n  itemsData.forEach(item => {\n    const id = item.itemId;\n    const value = item.itemValue;\n    const icon = item.itemIcon;\n    listItemsArray.push(\n      <gx-ide-list-selector-item\n        itemId={id}\n        itemValue={value}\n        icon={icon}\n        key={id}\n      ></gx-ide-list-selector-item>\n    );\n  });\n  return listItemsArray;\n};\n"],"mappings":";;4BAMaA,kBACXC;EAEA,MAAMC,IAAqD;EAC3DD,EAAUE,SAAQC;IAChB,MAAMC,IAAKD,EAAKE;IAChB,MAAMC,IAAQH,EAAKI;IACnB,MAAMC,IAAOL,EAAKM;IAClBR,EAAeS,KACbC,EAAA;MACEN,QAAQD;MACRG,WAAWD;MACXE,MAAMA;MACNI,KAAKR;;AAER;EAEH,OAAOH;AAAc"}

package/dist/types/components/_helpers/list-selector/list-selector-item/list-selector-item.d.ts

@@ -90,4 +90,5 @@ export type ItemData = {
     itemId: string;
     itemValue: string;
     itemIcon?: string;
+    itemChecked: boolean;
 };

package/dist/types/components/_helpers/list-selector/list-selector.d.ts

@@ -66,6 +66,7 @@ export declare class GxIdeListSelector {
      */
     private evaluateInitialValue;
     private getChecked;
+    private clearPrevSelected;
     render(): any;
 }
 export type CheckedItemsInfo = ItemData[];

package/dist/types/components/bpm/files-selector/files-selector.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class GxIdeTemplate {
+    /**
+     * The component hard-coded strings translations.
+     */
+    private _componentLocale;
+    private renderedFirstTime;
+    el: HTMLGxIdeBpmFilesSelectorElement;
+    private fileInput;
+    /**
+     * Contains the list of files
+     */
+    files: File[];
+    /**
+     * Contains the list of selected files
+     */
+    selectedFiles: string[];
+    /**
+     * If true it displays the component title on the header
+     */
+    readonly displayTitle = false;
+    /**
+     * Allowed extensions when 'Add files' button is pressed
+     */
+    readonly allowedExtensions: string[];
+    /**
+     * Callback invoked when user press 'Add files' button. Returns a list with selected files.
+     */
+    readonly addCallback: (files: File[]) => Promise<void>;
+    /**
+     * Callback invoked when remove button is pressed.
+     */
+    readonly removeCallback: (files: File[] | string[]) => Promise<void>;
+    /**
+     * @description Gets fired when the component has rendered for the first time.
+     */
+    componentDidRenderFirstTime: EventEmitter<string>;
+    /**
+     * @description Gets fired when something changes on items section.
+     */
+    selectionChanged: EventEmitter<void>;
+    componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
+    private fileSelectionChangedHandler;
+    private loadFileHandle;
+    private handleFileInputChange;
+    private removeFiles;
+    private handleRemoveButtonClick;
+    render(): any;
+}

package/dist/types/components/bpm/files-selector/helpers.d.ts

@@ -0,0 +1,2 @@
+import { ItemData } from "../../_helpers/list-selector/list-selector-item/list-selector-item";
+export declare const filesToListItemsData: (files: string[] | File[]) => ItemData[];

package/dist/types/components.d.ts

@@ -24,7 +24,6 @@ import { ModuleServerData, ModuleServerType } from "./components/modules/types";
 import { CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback3, SelectSourceCallback } from "./components/modules/edit-module-server/edit-module-server";
 import { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
-import { FileSelectorLabels, LabelPosition as LabelPosition2 } from "./components/file-selector/file-selector";
 import { CancelCallback as CancelCallback4, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
 import { CancelCallback as CancelCallback5, ConfirmCallback as ConfirmCallback4, LoadCallback, LoadDesignSystemCallback, LoadFontCallback, LoadImageCallback, LoadPanelDataCallback, RequiresAccessTokenCallback, SelectModuleCallback, TextEditorFactoryCallback } from "./components/import-from-design/import-from-design";
 import { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback6, ExportCallback, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
@@ -70,7 +69,6 @@ export { ModuleServerData, ModuleServerType } from "./components/modules/types";
 export { CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback3, SelectSourceCallback } from "./components/modules/edit-module-server/edit-module-server";
 export { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
 export { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
-export { FileSelectorLabels, LabelPosition as LabelPosition2 } from "./components/file-selector/file-selector";
 export { CancelCallback as CancelCallback4, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
 export { CancelCallback as CancelCallback5, ConfirmCallback as ConfirmCallback4, LoadCallback, LoadDesignSystemCallback, LoadFontCallback, LoadImageCallback, LoadPanelDataCallback, RequiresAccessTokenCallback, SelectModuleCallback, TextEditorFactoryCallback } from "./components/import-from-design/import-from-design";
 export { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback6, ExportCallback, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
@@ -214,6 +212,24 @@ export namespace Components {
          */
         "roles": string[];
     }
+    interface GxIdeBpmFilesSelector {
+        /**
+          * Callback invoked when user press 'Add files' button. Returns a list with selected files.
+         */
+        "addCallback": (files: File[]) => Promise<void>;
+        /**
+          * Allowed extensions when 'Add files' button is pressed
+         */
+        "allowedExtensions": string[];
+        /**
+          * If true it displays the component title on the header
+         */
+        "displayTitle": false;
+        /**
+          * Callback invoked when remove button is pressed.
+         */
+        "removeCallback": (files: File[] | string[]) => Promise<void>;
+    }
     interface GxIdeBpmTimerDuration {
         /**
           * Callback invoked when user cancels application declaration
@@ -660,36 +676,6 @@ export namespace Components {
          */
         "value": EntityData | null | undefined;
     }
-    interface GxIdeFileSelector {
-        /**
-          * This property provides the user a way to define custom aria-label descriptions.
-         */
-        "accessibilityLabels": FileSelectorLabels;
-        /**
-          * Centers the label
-         */
-        "centerLabel": boolean;
-        /**
-          * The label associated with the input (optional)
-         */
-        "label"?: string;
-        /**
-          * The label position
-         */
-        "labelPosition"?: LabelPosition2;
-        /**
-          * The label width
-         */
-        "labelWidth": string;
-        /**
-          * Callback that will be called when the user presses the action button. Returns the new value (directory path) assigned to the component.
-         */
-        "selectDirectoryCallback": () => Promise<string>;
-        /**
-          * Value currently assigned.
-         */
-        "value": string;
-    }
     interface GxIdeGamInstallationSettings {
         /**
           * Callback invoked when the user wants to cancel the exportation process
@@ -1783,6 +1769,10 @@ export interface GxIdeBpmAssignRolesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeBpmAssignRolesElement;
 }
+export interface GxIdeBpmFilesSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeBpmFilesSelectorElement;
+}
 export interface GxIdeBpmTimerDurationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeBpmTimerDurationElement;
@@ -1969,6 +1959,24 @@ declare global {
         prototype: HTMLGxIdeBpmAssignRolesElement;
         new (): HTMLGxIdeBpmAssignRolesElement;
     };
+    interface HTMLGxIdeBpmFilesSelectorElementEventMap {
+        "componentDidRenderFirstTime": string;
+        "selectionChanged": void;
+    }
+    interface HTMLGxIdeBpmFilesSelectorElement extends Components.GxIdeBpmFilesSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGxIdeBpmFilesSelectorElementEventMap>(type: K, listener: (this: HTMLGxIdeBpmFilesSelectorElement, ev: GxIdeBpmFilesSelectorCustomEvent<HTMLGxIdeBpmFilesSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGxIdeBpmFilesSelectorElementEventMap>(type: K, listener: (this: HTMLGxIdeBpmFilesSelectorElement, ev: GxIdeBpmFilesSelectorCustomEvent<HTMLGxIdeBpmFilesSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGxIdeBpmFilesSelectorElement: {
+        prototype: HTMLGxIdeBpmFilesSelectorElement;
+        new (): HTMLGxIdeBpmFilesSelectorElement;
+    };
     interface HTMLGxIdeBpmTimerDurationElementEventMap {
         "componentDidRenderFirstTime": string;
     }
@@ -2124,12 +2132,6 @@ declare global {
         prototype: HTMLGxIdeEntitySelectorElement;
         new (): HTMLGxIdeEntitySelectorElement;
     };
-    interface HTMLGxIdeFileSelectorElement extends Components.GxIdeFileSelector, HTMLStencilElement {
-    }
-    var HTMLGxIdeFileSelectorElement: {
-        prototype: HTMLGxIdeFileSelectorElement;
-        new (): HTMLGxIdeFileSelectorElement;
-    };
     interface HTMLGxIdeGamInstallationSettingsElementEventMap {
         "componentDidRenderFirstTime": string;
     }
@@ -2592,6 +2594,7 @@ declare global {
         "gx-ide-ai-message": HTMLGxIdeAiMessageElement;
         "gx-ide-bpm-app-declaration": HTMLGxIdeBpmAppDeclarationElement;
         "gx-ide-bpm-assign-roles": HTMLGxIdeBpmAssignRolesElement;
+        "gx-ide-bpm-files-selector": HTMLGxIdeBpmFilesSelectorElement;
         "gx-ide-bpm-timer-duration": HTMLGxIdeBpmTimerDurationElement;
         "gx-ide-card": HTMLGxIdeCardElement;
         "gx-ide-connect-gx-server": HTMLGxIdeConnectGxServerElement;
@@ -2603,7 +2606,6 @@ declare global {
         "gx-ide-edit-module-server": HTMLGxIdeEditModuleServerElement;
         "gx-ide-empty-state": HTMLGxIdeEmptyStateElement;
         "gx-ide-entity-selector": HTMLGxIdeEntitySelectorElement;
-        "gx-ide-file-selector": HTMLGxIdeFileSelectorElement;
         "gx-ide-gam-installation-settings": HTMLGxIdeGamInstallationSettingsElement;
         "gx-ide-import-from-design": HTMLGxIdeImportFromDesignElement;
         "gx-ide-kb-manager-export": HTMLGxIdeKbManagerExportElement;
@@ -2757,6 +2759,32 @@ declare namespace LocalJSX {
          */
         "roles"?: string[];
     }
+    interface GxIdeBpmFilesSelector {
+        /**
+          * Callback invoked when user press 'Add files' button. Returns a list with selected files.
+         */
+        "addCallback"?: (files: File[]) => Promise<void>;
+        /**
+          * Allowed extensions when 'Add files' button is pressed
+         */
+        "allowedExtensions"?: string[];
+        /**
+          * If true it displays the component title on the header
+         */
+        "displayTitle"?: false;
+        /**
+          * @description Gets fired when the component has rendered for the first time.
+         */
+        "onComponentDidRenderFirstTime"?: (event: GxIdeBpmFilesSelectorCustomEvent<string>) => void;
+        /**
+          * @description Gets fired when something changes on items section.
+         */
+        "onSelectionChanged"?: (event: GxIdeBpmFilesSelectorCustomEvent<void>) => void;
+        /**
+          * Callback invoked when remove button is pressed.
+         */
+        "removeCallback"?: (files: File[] | string[]) => Promise<void>;
+    }
     interface GxIdeBpmTimerDuration {
         /**
           * Callback invoked when user cancels application declaration
@@ -3231,36 +3259,6 @@ declare namespace LocalJSX {
          */
         "value"?: EntityData | null | undefined;
     }
-    interface GxIdeFileSelector {
-        /**
-          * This property provides the user a way to define custom aria-label descriptions.
-         */
-        "accessibilityLabels"?: FileSelectorLabels;
-        /**
-          * Centers the label
-         */
-        "centerLabel"?: boolean;
-        /**
-          * The label associated with the input (optional)
-         */
-        "label"?: string;
-        /**
-          * The label position
-         */
-        "labelPosition"?: LabelPosition2;
-        /**
-          * The label width
-         */
-        "labelWidth"?: string;
-        /**
-          * Callback that will be called when the user presses the action button. Returns the new value (directory path) assigned to the component.
-         */
-        "selectDirectoryCallback"?: () => Promise<string>;
-        /**
-          * Value currently assigned.
-         */
-        "value"?: string;
-    }
     interface GxIdeGamInstallationSettings {
         /**
           * Callback invoked when the user wants to cancel the exportation process
@@ -4438,6 +4436,7 @@ declare namespace LocalJSX {
         "gx-ide-ai-message": GxIdeAiMessage;
         "gx-ide-bpm-app-declaration": GxIdeBpmAppDeclaration;
         "gx-ide-bpm-assign-roles": GxIdeBpmAssignRoles;
+        "gx-ide-bpm-files-selector": GxIdeBpmFilesSelector;
         "gx-ide-bpm-timer-duration": GxIdeBpmTimerDuration;
         "gx-ide-card": GxIdeCard;
         "gx-ide-connect-gx-server": GxIdeConnectGxServer;
@@ -4449,7 +4448,6 @@ declare namespace LocalJSX {
         "gx-ide-edit-module-server": GxIdeEditModuleServer;
         "gx-ide-empty-state": GxIdeEmptyState;
         "gx-ide-entity-selector": GxIdeEntitySelector;
-        "gx-ide-file-selector": GxIdeFileSelector;
         "gx-ide-gam-installation-settings": GxIdeGamInstallationSettings;
         "gx-ide-import-from-design": GxIdeImportFromDesign;
         "gx-ide-kb-manager-export": GxIdeKbManagerExport;
@@ -4490,6 +4488,7 @@ declare module "@stencil/core" {
             "gx-ide-ai-message": LocalJSX.GxIdeAiMessage & JSXBase.HTMLAttributes<HTMLGxIdeAiMessageElement>;
             "gx-ide-bpm-app-declaration": LocalJSX.GxIdeBpmAppDeclaration & JSXBase.HTMLAttributes<HTMLGxIdeBpmAppDeclarationElement>;
             "gx-ide-bpm-assign-roles": LocalJSX.GxIdeBpmAssignRoles & JSXBase.HTMLAttributes<HTMLGxIdeBpmAssignRolesElement>;
+            "gx-ide-bpm-files-selector": LocalJSX.GxIdeBpmFilesSelector & JSXBase.HTMLAttributes<HTMLGxIdeBpmFilesSelectorElement>;
             "gx-ide-bpm-timer-duration": LocalJSX.GxIdeBpmTimerDuration & JSXBase.HTMLAttributes<HTMLGxIdeBpmTimerDurationElement>;
             "gx-ide-card": LocalJSX.GxIdeCard & JSXBase.HTMLAttributes<HTMLGxIdeCardElement>;
             "gx-ide-connect-gx-server": LocalJSX.GxIdeConnectGxServer & JSXBase.HTMLAttributes<HTMLGxIdeConnectGxServerElement>;
@@ -4501,7 +4500,6 @@ declare module "@stencil/core" {
             "gx-ide-edit-module-server": LocalJSX.GxIdeEditModuleServer & JSXBase.HTMLAttributes<HTMLGxIdeEditModuleServerElement>;
             "gx-ide-empty-state": LocalJSX.GxIdeEmptyState & JSXBase.HTMLAttributes<HTMLGxIdeEmptyStateElement>;
             "gx-ide-entity-selector": LocalJSX.GxIdeEntitySelector & JSXBase.HTMLAttributes<HTMLGxIdeEntitySelectorElement>;
-            "gx-ide-file-selector": LocalJSX.GxIdeFileSelector & JSXBase.HTMLAttributes<HTMLGxIdeFileSelectorElement>;
             "gx-ide-gam-installation-settings": LocalJSX.GxIdeGamInstallationSettings & JSXBase.HTMLAttributes<HTMLGxIdeGamInstallationSettingsElement>;
             "gx-ide-import-from-design": LocalJSX.GxIdeImportFromDesign & JSXBase.HTMLAttributes<HTMLGxIdeImportFromDesignElement>;
             "gx-ide-kb-manager-export": LocalJSX.GxIdeKbManagerExport & JSXBase.HTMLAttributes<HTMLGxIdeKbManagerExportElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.135",
+  "version": "0.0.137",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",