@genexus/genexus-ide-ui 1.1.24 → 1.1.25

package/dist/genexus-ide-ui/p-385c9544.entry.js

@@ -1,564 +0,0 @@
-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: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  min-inline-size: 0;\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-385c9544.entry.js.map