@genexus/genexus-ide-ui 1.1.26 → 1.1.28

package/dist/genexus-ide-ui/{p-163bfc6a.entry.js → p-e27f0e14.entry.js}

@@ -1,88 +1,88 @@
-import { h as e, r as t, H as i, a } from "./p-25a9f1d7.js";
+import { h as t, r as e, H as i, a as s } from "./p-4406e156.js";
 
-import { g as s } from "./p-401bfc97.js";
+import { g as a } from "./p-401bfc97.js";
 
 import { L as l } from "./p-311eedf3.js";
 
 import { c as n } from "./p-13738332.js";
 
-import { f as r } from "./p-957046fd.js";
+import { f as r } from "./p-7c2a9252.js";
 
-const mapOptionsToComboBoxItemModel = e => e.map((e => {
-  var t;
+const mapOptionsToComboBoxItemModel = t => t.map((t => {
+  var e;
   return {
-    value: e.id,
-    caption: e.label,
-    startImgSrc: (t = e.iconName) !== null && t !== void 0 ? t : ""
+    value: t.id,
+    caption: t.label,
+    startImgSrc: (e = t.iconName) !== null && e !== void 0 ? e : ""
   };
 }));
 
-const escapeRegExp = e => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const escapeRegExp = t => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 
-const hiChar = (t, i) => {
+const hiChar = (e, i) => {
   if (!i) {
-    return t;
+    return e;
   }
-  const a = escapeRegExp(i);
-  const s = t.split(new RegExp(`(${a})`, "gi"));
-  return s.map(((t, a) => t.toLowerCase() === i.toLowerCase() ? e("span", {
-    key: a,
+  const s = escapeRegExp(i);
+  const a = e.split(new RegExp(`(${s})`, "gi"));
+  return a.map(((e, s) => e.toLowerCase() === i.toLowerCase() ? t("span", {
+    key: s,
     class: "hiChar"
-  }, t) : t));
+  }, e) : e));
 };
 
 const o = ':host{container-type:inline-size;display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header{grid-template-areas:"name module-folder" "advanced-filter advanced-filter";grid-template-columns:1fr 1fr;grid-auto-rows:max-content max-content}.name{grid-area:name}.module-folder{grid-area:module-folder}.advanced-filter{grid-area:advanced-filter}.advanced-filter__container{display:grid;grid-auto-rows:max-content}.advanced-filter__first-row{grid-template-columns:1fr 1fr}.advanced-filter__second-row{grid-template-columns:1fr 1fr 1fr}.advanced-filter .all-descendants__modified{display:flex;flex-direction:row;align-items:center;block-size:32px;gap:16px;align-self:self-end}.field-date{grid-template-areas:"label-date-time label-date-time" "input-date-time icon-clear-date-time";grid-template-columns:1fr max-content;column-gap:var(--mer-spacing--2xs)}.label-date-time{display:flex;align-items:center;gap:6px;grid-area:label-date-time}.label-date-time .icon-md{--mer-icon__box--md:16.8px}.input-date-time{block-size:31.98px;grid-area:input-date-time}.icon-clear-date-time{grid-area:icon-clear-date-time}.tabular-grid{overflow:auto;inline-size:100%;border-inline-end:var(--section-common-border)}.tabular-grid.empty::part(main),.tabular-grid.loading::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}.main__files-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--mer-spacing--xs);position:relative;z-index:1}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.tabular-grid ch-tabular-grid-cell:is(:nth-child(4)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.tabular-grid-cell-description{min-inline-size:max-content !important}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}';
 
-var d = undefined && undefined.__classPrivateFieldSet || function(e, t, i, a, s) {
-  if (a === "m") throw new TypeError("Private method is not writable");
-  if (a === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return a === "a" ? s.call(e, i) : s ? s.value = i : t.set(e, i), i;
+var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
 };
 
-var c = undefined && undefined.__classPrivateFieldGet || function(e, t, i, a) {
-  if (i === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? a : i === "a" ? a.call(e) : a ? a.value : t.get(e);
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var h, f, u, m, p, b, g, w, v, k, y, x, M, W, _, C, z, N, T, D, I, j, E, H, V, F, $, A, L, P, B, S, O, R;
+var h, f, u, m, p, b, g, w, v, k, y, x, M, W, _, C, z, N, D, T, E, I, j, H, V, F, $, A, L, P, B, S, O, R, U, X, Y;
 
-const U = [ "resets/box-sizing", "components/button", "components/checkbox", "components/combo-box", "components/accordion", "components/edit", "components/icon", "components/tooltip", "components/tabular-grid", "utils/form", "utils/layout", "utils/typography", "utils/spacing" ];
+const q = [ "resets/box-sizing", "components/button", "components/checkbox", "components/combo-box", "components/accordion", "components/edit", "components/icon", "components/tooltip", "components/tabular-grid", "utils/form", "utils/layout", "utils/typography", "utils/spacing" ];
 
-const X = s({
+const G = a({
   category: "system",
   name: "close",
   colorType: "neutral"
 });
 
-const Y = s({
+const J = a({
   category: "window-tools",
   name: "filter",
   colorType: "on-elevation"
 });
 
-const q = s({
+const K = a({
   category: "system",
   name: "information",
   colorType: "on-elevation"
 });
 
-const G = "advanced-filter";
+const Q = "advanced-filter";
 
-const J = "afterDateTime";
+const Z = "afterDateTime";
 
-const K = "afterLastBuild";
+const tt = "afterLastBuild";
 
-const Q = "afterImport";
+const et = "afterImport";
 
-const Z = "checked";
+const it = "checked";
 
-const ee = "unchecked";
+const st = "unchecked";
 
-const te = class {
+const at = class {
   constructor(i) {
-    t(this, i);
+    e(this, i);
     h.set(this, void 0);
     f.set(this, []);
     // Filter Values
@@ -101,242 +101,250 @@ const te = class {
       d(this, u, "", "f");
       d(this, m, Object.assign({}, this.defaultModule), "f");
       d(this, p, "", "f");
-      d(this, b, this.defaultCategory || this.categoriesComboBoxModel[0].value, "f");
-      d(this, g, ee, "f");
-      this.afterValue = this.filterAfterComboBoxModel[0].value;
+      d(this, b, this.defaultCategory || (this.categoriesComboBoxModel && this.categoriesComboBoxModel.length > 0 ? this.categoriesComboBoxModel[0].value : ""), "f");
+      d(this, g, st, "f");
+      this.afterValue = this.filterAfterComboBoxModel && this.filterAfterComboBoxModel.length > 0 ? this.filterAfterComboBoxModel[0].value : Z;
       d(this, w, "", "f");
       this.dateTimeValue = undefined;
     }));
-    M.set(this, (e => {
-      d(this, g, e.detail === Z ? Z : ee, "f");
-      c(this, E, "f").call(this);
+    M.set(this, (t => {
+      d(this, g, t.detail === it ? it : st, "f");
+      c(this, F, "f").call(this);
     }));
-    W.set(this, (() => {
-      c(this, k, "f").addEventListener("selectionChanged", (e => {
-        d(this, v, e.detail.rowsId, "f");
-        this.selectionChangeCallback(c(this, v, "f"));
-      }));
-      c(this, k, "f").addEventListener("rowDoubleClicked", (() => {
-        c(this, L, "f").call(this);
-      }));
-      c(this, k, "f").addEventListener("rowContextMenu", (e => {
-        e.preventDefault();
-        e.stopPropagation();
-        this.contextMenuCallback({
-          selection: e.detail.selectedRowsId,
-          clientX: e.detail.clientX,
-          clientY: e.detail.clientY
-        });
-      }));
+    W.set(this, (t => {
+      d(this, v, t.detail.rowsId, "f");
+      this.selectionChangeCallback(c(this, v, "f"));
+    }));
+    _.set(this, (() => {
+      c(this, S, "f").call(this);
     }));
-    _.set(this, (async e => {
-      d(this, b, e.detail, "f");
-      c(this, E, "f").call(this);
+    C.set(this, (t => {
+      t.preventDefault();
+      t.stopPropagation();
+      this.contextMenuCallback({
+        selection: t.detail.selectedRowsId,
+        clientX: t.detail.clientX,
+        clientY: t.detail.clientY
+      });
     }));
-    C.set(this, (() => {
+    z.set(this, (() => {
+      c(this, k, "f").addEventListener("selectionChanged", c(this, W, "f"));
+      c(this, k, "f").addEventListener("rowDoubleClicked", c(this, _, "f"));
+      c(this, k, "f").addEventListener("rowContextMenu", c(this, C, "f"));
+    }));
+    N.set(this, (async t => {
+      d(this, b, t.detail, "f");
+      c(this, F, "f").call(this);
+    }));
+    D.set(this, (() => {
       this.dateTimeValue = undefined;
     }));
-    z.set(this, (e => {
-      this.dateTimeValue = e.detail;
-      c(this, E, "f").call(this);
+    T.set(this, (t => {
+      this.dateTimeValue = t.detail;
+      c(this, F, "f").call(this);
     }));
-    N.set(this, (() => {
+    E.set(this, (() => {
       this.deleteSelectionCallback(c(this, v, "f"));
     }));
-    T.set(this, (() => {
-      c(this, k, "f").selectAllRows(false);
+    I.set(this, (() => {
+      if (c(this, k, "f") && typeof c(this, k, "f").selectAllRows === "function") {
+        c(this, k, "f").selectAllRows(false);
+      }
     }));
-    D.set(this, ((t, i) => {
-      const a = new Date(i);
-      if (a >= t) {
+    j.set(this, ((e, i) => {
+      const s = new Date(i);
+      if (s >= e) {
         // Object modifed date matches with filter date, or was modified after that date.
         // Highlight to show that it matches.
-        return e("span", {
+        return t("span", {
           class: "hiChar"
-        }, c(this, j, "f").call(this, t));
+        }, c(this, V, "f").call(this, e));
       } else {
-        return c(this, j, "f").call(this, t);
+        return c(this, V, "f").call(this, e);
       }
     }));
-    I.set(this, (e => {
-      this.afterValue = e.detail;
-      c(this, E, "f").call(this);
+    H.set(this, (t => {
+      this.afterValue = t.detail;
+      c(this, F, "f").call(this);
     }));
-    j.set(this, (e => r(e, "date-time-short")));
-    E.set(this, (() => {
-      c(this, B, "f").call(this);
+    V.set(this, (t => r(t, "date-time-short")));
+    F.set(this, (() => {
+      c(this, R, "f").call(this);
+      const t = c(this, y, "f") && c(this, y, "f").value ? c(this, y, "f").value.id : this.defaultModule ? this.defaultModule.id : "";
       const e = {
         name: c(this, u, "f"),
         searchContents: c(this, p, "f"),
         category: c(this, b, "f"),
-        parent: c(this, y, "f").value.id,
-        allDescendants: c(this, g, "f") === Z,
+        parent: t,
+        allDescendants: c(this, g, "f") === it,
         modifiedAfter: this.showModified ? this.afterValue : undefined,
         modifiedBy: this.showModified ? c(this, w, "f") : undefined,
         modifiedDate: this.showModified ? new Date(this.dateTimeValue) : undefined
       };
-      this.loadCallback(e).then((e => {
-        this.objects = e;
+      this.loadCallback(e).then((t => {
+        this.objects = t;
         d(this, v, [], "f");
-        c(this, T, "f").call(this);
+        if (c(this, k, "f")) {
+          c(this, I, "f").call(this);
+        }
         this.isLoading = false;
       }));
     }));
-    H.set(this, (() => [ e("div", {
+    $.set(this, (() => [ t("div", {
       // Name
       class: "field field-block field-name"
-    }, e("label", {
+    }, t("label", {
       class: "label",
       htmlFor: "name"
-    }, c(this, h, "f").filter.name), e("ch-edit", {
+    }, c(this, h, "f").filter.name), t("ch-edit", {
       id: "name",
       class: "input",
       value: c(this, u, "f"),
-      onInput: c(this, $, "f"),
+      onInput: c(this, P, "f"),
       part: "filter-files",
       debounce: n.inputDebounce,
       disabled: this.isLoading
-    })), e("div", {
+    })), t("div", {
       // Module
       class: "field field-block field-module-folder"
-    }, e("label", {
+    }, t("label", {
       class: "label",
       htmlFor: "module-folder"
-    }, c(this, h, "f").filter.moduleFolder), e("gx-ide-entity-selector", {
+    }, c(this, h, "f").filter.moduleFolder), t("gx-ide-entity-selector", {
       part: "filter-module-folder",
       id: "module/folder",
       labelPosition: "none",
       value: c(this, m, "f"),
       defaultValue: this.defaultModule,
       selectEntityCallback: this.selectModuleCallback,
-      ref: e => d(this, y, e, "f"),
-      onValueChanged: c(this, F, "f"),
+      ref: t => d(this, y, t, "f"),
+      onValueChanged: c(this, L, "f"),
       disabled: this.isLoading
-    })), e("ch-accordion-render", {
+    })), t("ch-accordion-render", {
       class: "accordion-outlined advanced-filter",
       model: c(this, f, "f")
-    }, e("div", {
-      slot: G,
+    }, t("div", {
+      slot: Q,
       class: "spacing-body field-group advanced-filter__container"
-    }, this.showSearchContents && e("div", {
+    }, this.showSearchContents && t("div", {
       // Search contents
       class: "field field-block field-search-contents"
-    }, e("label", {
+    }, t("label", {
       class: "label",
       htmlFor: "filter-content"
-    }, c(this, h, "f").filter.content), e("ch-edit", {
+    }, c(this, h, "f").filter.content), t("ch-edit", {
       id: "filter-content",
       class: "input",
-      onInput: c(this, P, "f"),
+      onInput: c(this, O, "f"),
       part: "filter-content"
-    })), e("div", {
+    })), t("div", {
       class: "field-group advanced-filter__first-row"
-    }, e("div", {
+    }, t("div", {
       // Category
       class: "field field-block field-category"
-    }, e("label", {
+    }, t("label", {
       class: "label",
       htmlFor: "filter-category"
-    }, c(this, h, "f").filter.category), e("ch-combo-box-render", {
+    }, c(this, h, "f").filter.category), t("ch-combo-box-render", {
       id: "filter-category",
       class: "combo-box disabled",
       value: c(this, b, "f"),
       disabled: !this.categories || this.isLoading,
       model: this.categoriesComboBoxModel,
       part: "filter-category",
-      onInput: c(this, _, "f")
-    })), e("div", {
+      onInput: c(this, N, "f")
+    })), t("div", {
       // All descendants / Modified
       class: "all-descendants__modified field field-inline"
-    }, e("ch-checkbox", {
+    }, t("ch-checkbox", {
       // All descendants
       class: "checkbox",
       caption: c(this, h, "f").filter.allDescendants,
-      checkedValue: Z,
-      unCheckedValue: ee,
+      checkedValue: it,
+      unCheckedValue: st,
       value: c(this, g, "f"),
       onInput: c(this, M, "f"),
       part: "filter-all-descendants",
       disabled: this.isLoading
-    }), e("ch-checkbox", {
+    }), t("ch-checkbox", {
       // Modified
       class: "checkbox align-center",
       caption: c(this, h, "f").filter.modified,
-      checkedValue: Z,
-      unCheckedValue: ee,
+      checkedValue: it,
+      unCheckedValue: st,
       value: this.showModified,
-      onInput: c(this, O, "f"),
+      onInput: c(this, X, "f"),
       part: "filter-modified"
-    }))), this.showModified === Z && e("div", {
+    }))), this.showModified === it && t("div", {
       class: "field-group advanced-filter__second-row"
-    }, e("div", {
+    }, t("div", {
       // After
       class: "field field-block field-after"
-    }, e("label", {
+    }, t("label", {
       class: "label",
       htmlFor: "filter-after-type"
-    }, c(this, h, "f").filter.after), e("ch-combo-box-render", {
+    }, c(this, h, "f").filter.after), t("ch-combo-box-render", {
       id: "filter-after-type",
       class: "combo-box",
       value: this.afterValue,
       model: this.filterAfterComboBoxModel,
-      onInput: c(this, I, "f"),
+      onInput: c(this, H, "f"),
       part: "filter-after-type",
       disabled: this.isLoading
-    })), e("div", {
+    })), t("div", {
       // User
       class: "field field-block field-user"
-    }, e("label", {
+    }, t("label", {
       class: "label",
       htmlFor: "filter-user"
-    }, c(this, h, "f").filter.user), e("ch-edit", {
+    }, c(this, h, "f").filter.user), t("ch-edit", {
       id: "filter-user",
       class: "input",
       value: c(this, w, "f"),
-      onInput: c(this, S, "f"),
+      onInput: c(this, U, "f"),
       part: "filter-user",
       debounce: n.inputDebounce,
       disabled: this.isLoading
-    })), this.afterValue === J && e("div", {
+    })), this.afterValue === Z && t("div", {
       // Date/Time
       class: {
         "field field-block field-date": true,
-        hide: this.afterValue !== J
+        hide: this.afterValue !== Z
       }
-    }, e("label", {
+    }, t("label", {
       class: "label label-date-time",
       htmlFor: "filter-date-time"
-    }, c(this, h, "f").filter.dateTime, e("ch-image", {
+    }, c(this, h, "f").filter.dateTime, t("ch-image", {
       class: "icon-md icon-clear-date-time",
-      src: q
-    }), e("ch-tooltip", {
+      src: K
+    }), t("ch-tooltip", {
       class: "tooltip",
       actionElement: null,
       blockAlign: "outside-start",
       inlineAlign: "inside-start",
       delay: n.tooltipSettings.delay
-    }, c(this, h, "f").filter.dateTimeTooltip)), e("ch-edit", {
+    }, c(this, h, "f").filter.dateTimeTooltip)), t("ch-edit", {
       id: "filter-date-time",
       type: "datetime-local",
       class: "input input-date-time",
       value: this.dateTimeValue,
-      onInput: c(this, z, "f"),
+      onInput: c(this, T, "f"),
       part: "filter-date-time",
       disabled: this.isLoading
-    }), e("button", {
+    }), t("button", {
       class: "button-tertiary button-icon-only",
-      onClick: c(this, C, "f"),
+      onClick: c(this, D, "f"),
       disabled: this.isLoading
-    }, e("ch-image", {
+    }, t("ch-image", {
       class: "icon-md",
-      src: X,
+      src: G,
       type: "mask"
     })))))) ]));
-    V.set(this, (() => {
-      var t;
+    A.set(this, (() => {
+      var e;
       const i = !this.objects.length;
-      return e("ch-tabular-grid", {
-        ref: e => d(this, k, e, "f"),
+      return t("ch-tabular-grid", {
+        ref: t => d(this, k, t, "f"),
         class: {
           "tabular-grid": true,
           loading: this.isLoading,
@@ -344,132 +352,137 @@ const te = class {
         },
         rowSelectionMode: "multiple",
         part: "ch-grid-files"
-      }, e("ch-tabular-grid-columnset", {
+      }, t("ch-tabular-grid-columnset", {
         class: "tabular-grid-column-set"
-      }, e("ch-tabular-grid-column", {
+      }, t("ch-tabular-grid-column", {
         columnName: "",
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.maxContent,
         class: "tabular-grid-column"
-      }), e("ch-tabular-grid-column", {
+      }), t("ch-tabular-grid-column", {
         columnName: c(this, h, "f").tableHead.name,
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.maxContent,
         class: "tabular-grid-column"
-      }), e("ch-tabular-grid-column", {
+      }), t("ch-tabular-grid-column", {
         columnName: c(this, h, "f").tableHead.module,
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.maxContent,
         class: "tabular-grid-column"
-      }), this.gridColumnsVisibility.description && e("ch-tabular-grid-column", {
+      }), this.gridColumnsVisibility.description && t("ch-tabular-grid-column", {
         columnName: c(this, h, "f").tableHead.description,
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.auto,
         class: "tabular-grid-column"
-      }), this.gridColumnsVisibility.modifiedDate && e("ch-tabular-grid-column", {
+      }), this.gridColumnsVisibility.modifiedDate && t("ch-tabular-grid-column", {
         columnName: c(this, h, "f").tableHead.modifiedDate,
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.maxContent,
         class: "tabular-grid-column"
-      }), this.gridColumnsVisibility.lastUser && e("ch-tabular-grid-column", {
+      }), this.gridColumnsVisibility.lastUser && t("ch-tabular-grid-column", {
         columnName: c(this, h, "f").tableHead.lastUser,
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.maxContent,
         class: "tabular-grid-column"
-      }), this.gridColumnsVisibility.importDate && e("ch-tabular-grid-column", {
+      }), this.gridColumnsVisibility.importDate && t("ch-tabular-grid-column", {
         columnName: c(this, h, "f").tableHead.importDate,
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.maxContent,
         class: "tabular-grid-column"
-      }), this.gridColumnsVisibility.lastBuildDate && e("ch-tabular-grid-column", {
+      }), this.gridColumnsVisibility.lastBuildDate && t("ch-tabular-grid-column", {
         columnName: c(this, h, "f").tableHead.lastBuildDate,
         columnNameHidden: false,
         settingable: false,
         size: n.tabularGrid.colSize.maxContent,
         class: "tabular-grid-column"
-      })), !i ? e("ch-tabular-grid-rowset", {
+      })), !i ? t("ch-tabular-grid-rowset", {
         class: "tabular-grid-rowset"
-      }, (t = this.objects) === null || t === void 0 ? void 0 : t.map((t => {
+      }, (e = this.objects) === null || e === void 0 ? void 0 : e.map((e => {
         var i;
-        return e("ch-tabular-grid-row", {
-          rowid: t.id,
+        return t("ch-tabular-grid-row", {
+          rowid: e.id,
           class: "tabular-grid-row"
-        }, e("ch-tabular-grid-cell", {
+        }, t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, e("ch-image", {
-          src: t.icon
-        })), e("ch-tabular-grid-cell", {
+        }, t("ch-image", {
+          src: e.icon
+        })), t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, hiChar(t.name.toLowerCase(), c(this, u, "f").toLowerCase())), e("ch-tabular-grid-cell", {
+        }, hiChar(e.name.toLowerCase(), c(this, u, "f").toLowerCase())), t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, hiChar(t.parent, c(this, m, "f").name)), this.gridColumnsVisibility.description && e("ch-tabular-grid-cell", {
+        }, hiChar(e.parent, c(this, m, "f").name)), this.gridColumnsVisibility.description && t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell tabular-grid-cell-description"
-        }, t.description), this.gridColumnsVisibility.modifiedDate && e("ch-tabular-grid-cell", {
+        }, e.description), this.gridColumnsVisibility.modifiedDate && t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, c(this, D, "f").call(this, t.modifiedDate, this.dateTimeValue)), this.gridColumnsVisibility.lastUser && e("ch-tabular-grid-cell", {
+        }, c(this, j, "f").call(this, e.modifiedDate, this.dateTimeValue)), this.gridColumnsVisibility.lastUser && t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, hiChar((i = t.lastUser) === null || i === void 0 ? void 0 : i.toLowerCase(), c(this, w, "f"))), this.gridColumnsVisibility.importDate && e("ch-tabular-grid-cell", {
+        }, hiChar((i = e.lastUser) === null || i === void 0 ? void 0 : i.toLowerCase(), c(this, w, "f"))), this.gridColumnsVisibility.importDate && t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, hiChar(t.importDate ? c(this, j, "f").call(this, t.importDate) : "", c(this, u, "f"))), this.gridColumnsVisibility.lastBuildDate && e("ch-tabular-grid-cell", {
+        }, hiChar(e.importDate ? c(this, V, "f").call(this, e.importDate) : "", c(this, u, "f"))), this.gridColumnsVisibility.lastBuildDate && t("ch-tabular-grid-cell", {
           class: "tabular-grid-cell"
-        }, hiChar(t.lastBuildDate ? c(this, j, "f").call(this, t.lastBuildDate) : "", c(this, u, "f"))));
-      }))) : e("ch-tabular-grid-rowset", {
+        }, hiChar(e.lastBuildDate ? c(this, V, "f").call(this, e.lastBuildDate) : "", c(this, u, "f"))));
+      }))) : t("ch-tabular-grid-rowset", {
         class: "tabular-grid-rowset"
-      }, e("ch-tabular-grid-rowset-empty", null, this.isLoading ? e("gx-ide-loader", {
+      }, t("ch-tabular-grid-rowset-empty", null, this.isLoading ? t("gx-ide-loader", {
         loaderTitle: c(this, h, "f").loader.title,
         description: c(this, h, "f").loader.description,
         show: true
-      }) : e("gx-ide-empty-state", {
+      }) : t("gx-ide-empty-state", {
         isAnimated: true,
-        stateIconSrc: Y,
+        stateIconSrc: J,
         stateTitle: c(this, h, "f").emptyState.title
       }))));
     }));
-    F.set(this, (e => {
-      d(this, m, e.detail, "f");
-      c(this, E, "f").call(this);
+    L.set(this, (t => {
+      d(this, m, t.detail, "f");
+      c(this, F, "f").call(this);
     }));
-    $.set(this, (e => {
-      d(this, u, e.detail, "f");
-      c(this, E, "f").call(this);
+    P.set(this, (t => {
+      d(this, u, t.detail, "f");
+      c(this, F, "f").call(this);
     }));
-    A.set(this, (() => {
+    B.set(this, (() => {
       this.newFileCallback();
     }));
-    L.set(this, (() => {
+    S.set(this, (() => {
       this.openSelectionCallback(c(this, v, "f"));
     }));
-    P.set(this, (e => {
-      d(this, p, e.detail, "f");
-      c(this, E, "f").call(this);
+    O.set(this, (t => {
+      d(this, p, t.detail, "f");
+      c(this, F, "f").call(this);
     }));
-    B.set(this, (() => {
-      this.objects = [];
+    R.set(this, (() => {
+      // Only clear if no objects or first load
+      if (!this.objects || this.objects.length === 0) {
+        this.objects = [];
+      }
       this.isLoading = true;
     }));
-    S.set(this, (e => {
-      d(this, w, e.detail, "f");
-      c(this, E, "f").call(this);
+    U.set(this, (t => {
+      d(this, w, t.detail, "f");
+      c(this, F, "f").call(this);
     }));
-    O.set(this, (e => {
-      this.showModified = e.detail;
+    X.set(this, (t => {
+      this.showModified = t.detail;
     }));
-    R.set(this, (() => {
-      c(this, k, "f").selectAllRows();
+    Y.set(this, (() => {
+      if (c(this, k, "f") && typeof c(this, k, "f").selectAllRows === "function") {
+        c(this, k, "f").selectAllRows();
+      }
     }));
     this.afterValue = undefined;
     this.categoriesComboBoxModel = [];
     this.dateTimeValue = undefined;
     this.isLoading = true;
     this.filterAfterComboBoxModel = undefined;
-    this.showModified = Z;
+    this.showModified = it;
     this.objects = [];
     this.categories = undefined;
     this.contextMenuCallback = undefined;
@@ -491,10 +504,10 @@ const te = class {
     this.showSearchContents = false;
   }
   dateTimeValueChanged() {
-    c(this, E, "f").call(this);
+    c(this, F, "f").call(this);
   }
-  categoriesChanged(e) {
-    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(e);
+  categoriesChanged(t) {
+    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(t);
   }
   async componentWillLoad() {
     d(this, h, await l.getComponentStrings(this.el), "f");
@@ -502,83 +515,103 @@ const te = class {
         this.categoriesChanged(this.categories);
     // initialize "After" combo-box options
         this.filterAfterComboBoxModel = [ {
-      caption: c(this, h, "f").filter[J],
-      value: J
+      caption: c(this, h, "f").filter[Z],
+      value: Z
     }, {
-      caption: c(this, h, "f").filter[K],
-      value: K
+      caption: c(this, h, "f").filter[tt],
+      value: tt
     }, {
-      caption: c(this, h, "f").filter[Q],
-      value: Q
+      caption: c(this, h, "f").filter[et],
+      value: et
     } ];
     // initialize accordion model with proper configuration
         d(this, f, [ {
-      id: G,
+      id: Q,
       caption: c(this, h, "f").filter.accordionCaption,
       expanded: false
     } ], "f");
     c(this, x, "f").call(this);
   }
   componentDidLoad() {
-    c(this, W, "f").call(this);
-    c(this, E, "f").call(this);
+    c(this, z, "f").call(this);
+    c(this, F, "f").call(this);
   }
-  keyDownHandler(e) {
+  disconnectedCallback() {
+    // Clean up event listeners to prevent memory leaks
+    if (c(this, k, "f")) {
+      c(this, k, "f").removeEventListener("selectionChanged", c(this, W, "f"));
+      c(this, k, "f").removeEventListener("rowDoubleClicked", c(this, _, "f"));
+      c(this, k, "f").removeEventListener("rowContextMenu", c(this, C, "f"));
+    }
+  }
+  keyDownHandler(t) {
     if (document.activeElement === this.el) {
-      switch (e.key) {
+      switch (t.key) {
        case "Enter":
-        e.preventDefault();
-        c(this, L, "f").call(this);
+        t.preventDefault();
+        c(this, S, "f").call(this);
         break;
 
        case "Delete":
-        e.preventDefault();
-        c(this, N, "f").call(this);
+        t.preventDefault();
+        c(this, E, "f").call(this);
         break;
 
        case "Escape":
-        e.preventDefault();
-        c(this, T, "f").call(this);
+        t.preventDefault();
+        c(this, I, "f").call(this);
         break;
       }
     }
   }
   /**
-     * This method reload the view, refreshing the filters and the table of files.
+     * Reloads the view, refreshing the filters and the table of files.
      */  async reload() {
-    c(this, x, "f").call(this);
-    c(this, E, "f").call(this);
+    try {
+      if (c(this, h, "f") && this.filterAfterComboBoxModel) {
+        c(this, x, "f").call(this);
+        c(this, F, "f").call(this);
+      }
+    } catch (t) {
+      console.error("Error in reload method:");
+      // Fallback: try only getObjects if setFilterDefaultValues fails
+            try {
+        c(this, F, "f").call(this);
+      } catch (t) {
+        console.error("Fallback also failed:");
+      }
+    }
   }
   render() {
-    var t;
-    return e(i, {
+    var e;
+    return t(i, {
       class: "widget"
-    }, e("ch-theme", {
-      model: U
-    }), e("section", {
+    }, t("ch-theme", {
+      model: q
+    }), t("section", {
       class: "section"
-    }, e("header", {
+    }, t("header", {
       class: "header control-header-with-border spacing-body-inline spacing-body-block-start field-group"
-    }, c(this, H, "f").call(this)), c(this, V, "f").call(this), e("footer", {
+    }, c(this, $, "f").call(this)), c(this, A, "f").call(this), t("footer", {
       class: "control-footer-with-border control-footer-space-between spacing-body"
-    }, e("p", {
+    }, t("p", {
       // matching objects
       class: "text-body",
       part: "objects-matching"
-    }, `${(t = this.objects) === null || t === void 0 ? void 0 : t.length} ${c(this, h, "f").objCount.matching}`), e("div", {
+    }, `${(e = this.objects) === null || e === void 0 ? void 0 : e.length} ${c(this, h, "f").objCount.matching}`), t("div", {
       class: "buttons-spacer"
-    }, e("button", {
+    }, t("button", {
       // select all button
       id: "button-select-all",
       class: "button-secondary",
-      onClick: c(this, R, "f"),
+      onClick: c(this, Y, "f"),
       part: "button button--select-all",
       disabled: this.isLoading
-    }, c(this, h, "f").footer.btnSelectAll), e("button", {
+    }, c(this, h, "f").footer.btnSelectAll), t("button", {
       // new file button
       id: "button-new-file",
       class: "button-primary button-icon-and-text",
-      onClick: c(this, A, "f"),
+      onClick: c(this, B, "f"),
       part: "button button--new-file",
       disabled: this.isLoading
     }, c(this, h, "f").footer.btnNew)))));
@@ -587,7 +620,7 @@ const te = class {
     return [ "gx-ide-assets/ww-files" ];
   }
   get el() {
-    return a(this);
+    return s(this);
   }
   static get watchers() {
     return {
@@ -600,12 +633,13 @@ const te = class {
 h = new WeakMap, f = new WeakMap, u = new WeakMap, m = new WeakMap, p = new WeakMap, 
 b = new WeakMap, g = new WeakMap, w = new WeakMap, v = new WeakMap, k = new WeakMap, 
 y = new WeakMap, x = new WeakMap, M = new WeakMap, W = new WeakMap, _ = new WeakMap, 
-C = new WeakMap, z = new WeakMap, N = new WeakMap, T = new WeakMap, D = new WeakMap, 
-I = new WeakMap, j = new WeakMap, E = new WeakMap, H = new WeakMap, V = new WeakMap, 
+C = new WeakMap, z = new WeakMap, N = new WeakMap, D = new WeakMap, T = new WeakMap, 
+E = new WeakMap, I = new WeakMap, j = new WeakMap, H = new WeakMap, V = new WeakMap, 
 F = new WeakMap, $ = new WeakMap, A = new WeakMap, L = new WeakMap, P = new WeakMap, 
-B = new WeakMap, S = new WeakMap, O = new WeakMap, R = new WeakMap;
+B = new WeakMap, S = new WeakMap, O = new WeakMap, R = new WeakMap, U = new WeakMap, 
+X = new WeakMap, Y = new WeakMap;
 
-te.style = o;
+at.style = o;
 
-export { te as gx_ide_ww_files };
-//# sourceMappingURL=p-163bfc6a.entry.js.map
+export { at as gx_ide_ww_files };
+//# sourceMappingURL=p-e27f0e14.entry.js.map