@genexus/genexus-ide-ui 1.0.68 → 1.0.70

package/dist/genexus-ide-ui/p-839f1b44.entry.js

@@ -0,0 +1,564 @@
+import { r as i, c as t, h as e, H as s, a as n } from "./p-25a9f1d7.js";
+
+import { L as a } from "./p-311eedf3.js";
+
+import { c as l } from "./p-13738332.js";
+
+const mapOptionsToComboBoxItemModel = i => i.map((i => {
+  var t;
+  return {
+    value: i.id,
+    caption: i.label,
+    startImgSrc: (t = i.iconName) !== null && t !== void 0 ? t : ""
+  };
+}));
+
+const r = '/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n:host {\n  container-type: inline-size;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.hide {\n  display: none !important;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  grid-template-areas: "name module-folder" "advanced-filter-accordion advanced-filter-accordion";\n  grid-template-columns: 1fr 1fr;\n  grid-auto-rows: max-content max-content;\n}\n\n.name {\n  grid-area: name;\n}\n\n.module-folder {\n  grid-area: module-folder;\n}\n\n.advanced-filter-accordion {\n  grid-area: advanced-filter-accordion;\n}\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n  padding-block-start: var(--mer-spacing--md);\n}\n\n.main__grid {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n\n.main__filter {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--sm);\n  overflow: auto;\n}\n\n.search-content {\n  inline-size: 100%;\n}\n\n.filter-row {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: var(--mer-spacing--md);\n}\n\n.category-column {\n  grid-column: 1;\n}\n\n.checkboxes-column {\n  grid-column: 2;\n  display: flex;\n  flex-direction: row;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  min-block-size: 100%;\n  justify-content: flex-start;\n  padding-block-start: 1.75rem;\n}\n\n.modified-inputs {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--mer-spacing--md);\n  margin-block-start: var(--mer-spacing--sm);\n}\n.modified-inputs .field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--sm);\n}\n.modified-inputs .field.hide {\n  display: none;\n}\n.modified-inputs .field .input,\n.modified-inputs .field .combo-box {\n  width: 100%;\n}\n\n.tabular-grid-ww-files {\n  overflow: auto;\n  inline-size: 100%;\n  border-inline-end: var(--section-common-border);\n}\n\n.main__files-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--mer-spacing--xs);\n  position: relative;\n  z-index: 1;\n}\n\n.hiChar {\n  color: var(--mer-color__primary--200);\n  filter: brightness(1.3);\n}\n\n.tabular-grid-ww-files ch-tabular-grid-cell:is(:nth-child(4)) {\n  padding-block: var(--grid-cell__padding-block);\n  padding-inline: var(--grid-cell__padding-inline);\n  align-items: start;\n  justify-content: start;\n  display: inline-block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n@container (max-width: 992px) {\n  .main__files-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}';
+
+var o = 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 d = 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 c, h, f, u, m, p, g, b, v, w, k, y, x, M, W, _, N, z, C, I, D, E, H, j, F, T, L, P, V, $;
+
+const A = [ "resets/box-sizing", "components/button", "components/checkbox", "components/combo-box", "components/accordion", "components/edit", "components/tabular-grid", "utils/form", "utils/layout", "utils/typography", "utils/spacing" ];
+
+const B = "afterDateTime";
+
+const S = "afterLastBuild";
+
+const q = "afterImport";
+
+const G = class {
+  constructor(s) {
+    i(this, s);
+    this.componentDidLoadEvent = t(this, "componentDidLoadEvent", 7);
+    c.set(this, void 0);
+    h.set(this, "advanced-filter");
+    f.set(this, []);
+    u.set(this, void 0);
+    m.set(this, void 0);
+    p.set(this, void 0);
+    g.set(this, void 0);
+    b.set(this, void 0);
+    v.set(this, void 0);
+    w.set(this, void 0);
+    k.set(this, void 0);
+    y.set(this, void 0);
+    x.set(this, void 0);
+    M.set(this, (() => [ e("div", {
+      class: "field field-block name"
+    }, e("label", {
+      class: "label",
+      htmlFor: "filter-files"
+    }, o(this, c, "f").filter.name), e("ch-edit", {
+      id: "filter-files",
+      class: "input",
+      ref: i => d(this, k, i, "f"),
+      value: this.filterFilesInputValue,
+      onInput: o(this, I, "f"),
+      part: "filter-files"
+    })), e("div", {
+      class: "field field-block module-folder"
+    }, e("label", {
+      class: "label",
+      htmlFor: "module-folder"
+    }, o(this, c, "f").filter.moduleFolder), e("gx-ide-entity-selector", {
+      part: "filter-module-folder",
+      id: "module/folder",
+      labelPosition: "none",
+      value: this.defaultModule,
+      defaultValue: this.defaultModule,
+      selectEntityCallback: this.selectModuleCallback,
+      ref: i => d(this, v, i, "f")
+    })), e("ch-accordion-render", {
+      class: "accordion-outlined advanced-filter-accordion",
+      model: o(this, f, "f"),
+      onExpandedChange: o(this, j, "f")
+    }, e("div", {
+      slot: o(this, h, "f"),
+      class: "spacing-body"
+    }, e("div", {
+      class: "main__filter"
+    }, this.showSearchContents && e("div", {
+      class: "search-content"
+    }, e("div", {
+      class: "field field-block"
+    }, e("label", {
+      class: "label",
+      htmlFor: "filter-content"
+    }, o(this, c, "f").filter.content), e("ch-edit", {
+      id: "filter-content",
+      class: "input",
+      ref: i => d(this, y, i, "f"),
+      onInput: o(this, D, "f"),
+      part: "filter-content"
+    }))), e("div", {
+      class: "filter-row"
+    }, e("div", {
+      class: "category-column"
+    }, e("div", {
+      class: "field field-block"
+    }, e("label", {
+      class: "label",
+      htmlFor: "filter-category"
+    }, o(this, c, "f").filter.category), e("ch-combo-box-render", {
+      id: "filter-category",
+      class: "combo-box",
+      value: this.defaultCategory,
+      disabled: !this.categories,
+      ref: i => d(this, g, i, "f"),
+      model: this.categoriesComboBoxModel,
+      part: "filter-category",
+      onInput: o(this, z, "f")
+    }))), e("div", {
+      class: "checkboxes-column"
+    }, e("ch-checkbox", {
+      class: "checkbox",
+      caption: o(this, c, "f").filter.allDescendants,
+      checkedValue: "filterAllDescendants",
+      ref: i => d(this, p, i, "f"),
+      onInput: o(this, z, "f"),
+      part: "filter-all-descendants"
+    }), e("ch-checkbox", {
+      class: "checkbox align-center",
+      caption: o(this, c, "f").filter.modified,
+      checkedValue: "filterModified",
+      ref: i => d(this, w, i, "f"),
+      onInput: o(this, F, "f"),
+      part: "filter-modified"
+    })), e("div", {
+      class: "empty-column"
+    })), e("div", {
+      class: {
+        "modified-inputs": true,
+        hide: !this.filterModified
+      }
+    }, e("div", {
+      class: "field field-block"
+    }, e("label", {
+      class: "label",
+      htmlFor: "filter-after-type"
+    }, o(this, c, "f").filter.after), e("ch-combo-box-render", {
+      id: "filter-after-type",
+      class: "combo-box",
+      value: this.afterCurrentValue,
+      ref: i => d(this, m, i, "f"),
+      model: this.filterAfterOptions,
+      onInput: o(this, T, "f"),
+      part: "filter-after-type"
+    })), e("div", {
+      class: "field field-block"
+    }, e("label", {
+      class: "label",
+      htmlFor: "filter-user"
+    }, o(this, c, "f").filter.user), e("ch-edit", {
+      id: "filter-user",
+      class: "input",
+      ref: i => d(this, x, i, "f"),
+      onInput: o(this, z, "f"),
+      part: "filter-user"
+    })), e("div", {
+      class: {
+        "field field-block": true,
+        hide: this.afterCurrentValue !== B
+      }
+    }, e("label", {
+      class: "label",
+      htmlFor: "filter-modified-date"
+    }, o(this, c, "f").filter.dateTime), e("ch-edit", {
+      id: "filter-modified-date",
+      type: "date",
+      class: "input",
+      ref: i => d(this, b, i, "f"),
+      onInput: o(this, z, "f"),
+      part: "filter-modified-date"
+    })))))) ]));
+    W.set(this, (() => e("div", {
+      class: "field-group main__grid"
+    }, e("ch-tabular-grid", {
+      ref: i => d(this, u, i, "f"),
+      class: "tabular-grid tabular-grid-ww-files",
+      rowSelectionMode: "multiple",
+      part: "ch-grid-files"
+    }, e("ch-tabular-grid-columnset", {
+      class: "tabular-grid-column-set"
+    }, e("ch-tabular-grid-column", {
+      columnName: "",
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.maxContent,
+      class: "tabular-grid-column"
+    }), e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.name,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.common,
+      class: "tabular-grid-column"
+    }), this.showType && e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.type,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.common,
+      class: "tabular-grid-column"
+    }), e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.module,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.common,
+      class: "tabular-grid-column"
+    }), this.showDescription && e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.description,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.commonDouble,
+      class: "tabular-grid-column"
+    }), this.showModifiedDate && e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.modifiedDate,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.maxContent,
+      class: "tabular-grid-column"
+    }), this.showLastUser && e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.lastUser,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.maxContent,
+      class: "tabular-grid-column"
+    }), this.showImportDate && e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.importDate,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.maxContent,
+      class: "tabular-grid-column"
+    }), this.showLastBuildDate && e("ch-tabular-grid-column", {
+      columnName: o(this, c, "f").tableHead.lastBuildDate,
+      columnNameHidden: false,
+      settingable: false,
+      size: l.tabularGrid.colSize.maxContent,
+      class: "tabular-grid-column"
+    })), this.filteredFiles.length ? e("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, this.filteredFiles.map((i => {
+      var t;
+      return e("ch-tabular-grid-row", {
+        rowid: i.id,
+        class: "tabular-grid-row"
+      }, e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, e("ch-image", {
+        src: i.icon
+      })), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, i.name.toLowerCase(), this.filterFilesInputValue)), this.showType && e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, i.type.toLowerCase(), this.filterFilesInputValue)), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, i.module.toLowerCase(), this.filterFilesInputValue)), this.showDescription && e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, i.description.toLowerCase(), this.filterFilesInputValue)), this.showModifiedDate && e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, i.modifiedDate ? o(this, N, "f").call(this, i.modifiedDate) : "", this.filterFilesInputValue)), this.showLastUser && e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, ((t = i.lastUser) === null || t === void 0 ? void 0 : t.toLowerCase()) || "", this.filterFilesInputValue)), this.showImportDate && e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, i.importDate ? o(this, N, "f").call(this, i.importDate) : "", this.filterFilesInputValue)), this.showLastBuildDate && e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, o(this, _, "f").call(this, i.lastBuildDate ? o(this, N, "f").call(this, i.lastBuildDate) : "", this.filterFilesInputValue)));
+    }))) : null))));
+    _.set(this, ((i, t) => {
+      if (!t) return i;
+      const s = i.split(new RegExp(`(${t})`, "gi"));
+      return s.map(((i, s) => i.toLowerCase() === t.toLowerCase() ? e("span", {
+        key: s,
+        class: "highlight"
+      }, i) : i));
+    }));
+    N.set(this, (i => i.toISOString().slice(0, 10)));
+    z.set(this, (() => {
+      var i;
+      const t = {
+        name: o(this, k, "f").value,
+        searchContents: this.showSearchContents ? (i = o(this, y, "f")) === null || i === void 0 ? void 0 : i.value : null,
+        category: o(this, g, "f").value,
+        parent: o(this, v, "f").value ? o(this, v, "f").value.id : null,
+        allDescendants: !!o(this, p, "f").value,
+        modifiedAfter: this.filterModified ? this.afterCurrentValue : null,
+        modifiedBy: this.filterModified ? o(this, x, "f").value : null,
+        modifiedDate: this.filterModified && this.afterCurrentValue === B ? new Date(o(this, b, "f").value) : null
+      };
+      this.loadCallback(t).then((i => {
+        this.objects = i;
+        o(this, C, "f").call(this);
+        this.selectedObjectsIds = [];
+        o(this, H, "f").call(this);
+      }));
+    }));
+    C.set(this, (() => {
+      var i, t;
+      const e = this.filterFilesInputValue.toLowerCase();
+      const s = this.showSearchContents ? ((t = (i = o(this, y, "f")) === null || i === void 0 ? void 0 : i.value) === null || t === void 0 ? void 0 : t.toLowerCase()) || "" : "";
+      this.filteredFiles = this.objects.filter((i => {
+        var t, n, a, l, r;
+        const o = i.name.toLowerCase().includes(e);
+        const d = i.type.toLowerCase().includes(e);
+        const c = i.module.toLowerCase().includes(e);
+        const h = (t = i.description) === null || t === void 0 ? void 0 : t.toLowerCase().includes(e);
+        const f = (n = i.modifiedDate) === null || n === void 0 ? void 0 : n.toString().includes(e);
+        const u = (a = i.lastUser) === null || a === void 0 ? void 0 : a.toLowerCase().includes(e);
+        const m = (l = i.importDate) === null || l === void 0 ? void 0 : l.toString().includes(e);
+        const p = s ? (r = i.description) === null || r === void 0 ? void 0 : r.toLowerCase().includes(s) : true;
+        return (o || d || c || h || f || u || m) && p;
+      }));
+    }));
+    I.set(this, (i => {
+      this.filterFilesInputValue = i.detail.toLowerCase();
+      o(this, C, "f").call(this);
+    }));
+    D.set(this, (() => {
+      o(this, C, "f").call(this);
+    }));
+    E.set(this, (() => {
+      this.deleteSelectionCallback(this.selectedObjectsIds);
+    }));
+    H.set(this, (() => {
+      o(this, u, "f").selectAllRows(false);
+    }));
+    j.set(this, (i => {
+      if (i.detail.id === o(this, h, "f")) {
+        this.advancedFilterAccordionExpanded = i.detail.expanded;
+        this.filterMore = i.detail.expanded;
+      }
+    }));
+    F.set(this, (() => {
+      this.filterModified = !!o(this, w, "f").value;
+      this.enabledModifiedControls = this.filterModified;
+      if (!this.filterModified) {
+        // Reset related fields when unchecking Modified
+        o(this, x, "f").value = null;
+        o(this, m, "f").value = null;
+        this.afterCurrentValue = null;
+        o(this, b, "f").value = null;
+      } else {
+        // Restore default values when checking Modified
+        this.afterCurrentValue = B;
+        o(this, m, "f").value = B;
+      }
+      o(this, z, "f").call(this);
+    }));
+    T.set(this, (() => {
+      const i = o(this, m, "f").value;
+      // Validar que el valor sea uno de los permitidos
+            if ([ B, S, q ].includes(i)) {
+        this.afterCurrentValue = i;
+      } else {
+        // Si no es un valor válido, establecer el valor por defecto
+        this.afterCurrentValue = B;
+        o(this, m, "f").value = B;
+      }
+      o(this, z, "f").call(this);
+    }));
+    L.set(this, (() => {
+      /* module/folder */
+      o(this, v, "f").addEventListener("valueChanged", (() => {
+        o(this, z, "f").call(this);
+      }));
+      // for grid selection
+            o(this, u, "f").addEventListener("selectionChanged", (i => {
+        this.selectedObjectsIds = i.detail.rowsId;
+        this.selectionChangeCallback(this.selectedObjectsIds);
+      }));
+      o(this, u, "f").addEventListener("rowDoubleClicked", (() => {
+        o(this, V, "f").call(this);
+      }));
+      o(this, u, "f").addEventListener("rowContextMenu", (i => {
+        i.preventDefault();
+        i.stopPropagation();
+        this.contextMenuCallback({
+          selection: i.detail.selectedRowsId,
+          clientX: i.detail.clientX,
+          clientY: i.detail.clientY
+        });
+      }));
+    }));
+    P.set(this, (() => {
+      this.newFileCallback();
+    }));
+    V.set(this, (() => {
+      this.openSelectionCallback(this.selectedObjectsIds);
+    }));
+    $.set(this, (() => {
+      o(this, u, "f").selectAllRows();
+    }));
+    this.categoriesComboBoxModel = [];
+    this.afterCurrentValue = B;
+    this.filterAfterOptions = undefined;
+    this.enabledModifiedControls = false;
+    this.filterModified = false;
+    this.filterMore = false;
+    this.objects = [];
+    this.filterFilesInputValue = "";
+    this.filteredFiles = [];
+    this.selectedObjectsIds = [];
+    this.advancedFilterAccordionExpanded = false;
+    this.categories = undefined;
+    this.defaultCategory = undefined;
+    this.defaultModule = undefined;
+    this.filterModules = undefined;
+    this.types = undefined;
+    this.contextMenuCallback = undefined;
+    this.deleteSelectionCallback = undefined;
+    this.loadCallback = undefined;
+    this.newFileCallback = undefined;
+    this.openSelectionCallback = undefined;
+    this.selectModuleCallback = undefined;
+    this.selectionChangeCallback = undefined;
+    this.showSearchContents = false;
+    this.showDescription = false;
+    this.showModifiedDate = false;
+    this.showLastUser = false;
+    this.showImportDate = false;
+    this.showType = false;
+    this.showLastBuildDate = false;
+  }
+  categoriesChanged(i) {
+    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(i);
+  }
+  async componentWillLoad() {
+    d(this, c, await a.getComponentStrings(this.el), "f");
+    // initialize combo-box models
+        this.categoriesChanged(this.categories);
+    // initialize "After" combo-box options
+        this.filterAfterOptions = [ {
+      caption: o(this, c, "f").filter[B],
+      value: B
+    }, {
+      caption: o(this, c, "f").filter[S],
+      value: S
+    }, {
+      caption: o(this, c, "f").filter[q],
+      value: q
+    } ];
+    this.afterCurrentValue = B;
+    // initialize accordion model with proper configuration
+        d(this, f, [ {
+      id: o(this, h, "f"),
+      caption: o(this, c, "f").filter.accordionCaption,
+      expanded: this.advancedFilterAccordionExpanded
+    } ], "f");
+    // initialize filtered files
+        this.filteredFiles = this.objects;
+    this.componentDidLoadEvent.emit(true);
+  }
+  componentDidLoad() {
+    o(this, L, "f").call(this);
+    o(this, z, "f").call(this);
+  }
+  keyDownHandler(i) {
+    if (document.activeElement === this.el) {
+      switch (i.key) {
+       case "Enter":
+        i.preventDefault();
+        o(this, V, "f").call(this);
+        break;
+
+       case "Delete":
+        i.preventDefault();
+        o(this, E, "f").call(this);
+        break;
+
+       case "Escape":
+        i.preventDefault();
+        o(this, H, "f").call(this);
+        break;
+      }
+    }
+  }
+  /**
+     * Validate necessary data input
+     */  async validate() {
+    const i = true;
+    return i;
+  }
+  /**
+     * This method reload the view, refreshing the filters and the table of files.
+     */  async reload() {
+    this.filterFilesInputValue = "";
+    o(this, x, "f").value = null;
+    o(this, m, "f").value = null;
+    this.afterCurrentValue = null;
+    o(this, w, "f").value = undefined;
+    o(this, p, "f").value = undefined;
+    o(this, v, "f").value = this.defaultModule;
+    o(this, g, "f").value = null;
+    o(this, y, "f").value = null;
+    o(this, k, "f").value = null;
+    this.filterMore = false;
+    o(this, z, "f").call(this);
+  }
+  render() {
+    return e(s, {
+      class: "widget"
+    }, e("ch-theme", {
+      model: A
+    }), e("section", {
+      class: "section"
+    }, e("header", {
+      class: "header control-header-with-border spacing-body-inline spacing-body-block-start field-group"
+    }, o(this, M, "f").call(this)), e("div", {
+      class: "main"
+    }, o(this, W, "f").call(this)), e("footer", {
+      class: "control-footer-with-border control-footer-space-between spacing-body"
+    }, e("p", {
+      // matching objects
+      class: "text-body",
+      part: "objects-matching"
+    }, `${this.filteredFiles.length} ${o(this, c, "f").objCount.matching}`), e("div", {
+      class: "buttons-spacer"
+    }, e("button", {
+      // select all button
+      id: "button-select-all",
+      class: "button-secondary",
+      onClick: o(this, $, "f"),
+      part: "button button--select-all"
+    }, o(this, c, "f").footer.btnSelectAll), e("button", {
+      // new file button
+      id: "button-new-file",
+      class: "button-primary button-icon-and-text",
+      onClick: o(this, P, "f"),
+      part: "button button--new-file"
+    }, o(this, c, "f").footer.btnNew)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/ww-files" ];
+  }
+  get el() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      categories: [ "categoriesChanged" ]
+    };
+  }
+};
+
+c = new WeakMap, h = new WeakMap, f = new WeakMap, u = new WeakMap, m = new WeakMap, 
+p = new WeakMap, g = new WeakMap, b = new WeakMap, v = new WeakMap, w = new WeakMap, 
+k = new WeakMap, y = new WeakMap, x = new WeakMap, M = new WeakMap, W = new WeakMap, 
+_ = new WeakMap, N = new WeakMap, z = new WeakMap, C = new WeakMap, I = new WeakMap, 
+D = new WeakMap, E = new WeakMap, H = new WeakMap, j = new WeakMap, F = new WeakMap, 
+T = new WeakMap, L = new WeakMap, P = new WeakMap, V = new WeakMap, $ = new WeakMap;
+
+G.style = r;
+
+export { G as gx_ide_ww_files };
+//# sourceMappingURL=p-839f1b44.entry.js.map