@genexus/genexus-ide-ui 1.0.69 → 1.0.70

package/dist/components/gx-ide-ww-files.js

@@ -0,0 +1,427 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { L as Locale } from './locale.js';
+import { c as config } from './config.js';
+import { d as defineCustomElement$2 } from './entity-selector.js';
+
+const mapOptionsToComboBoxItemModel = (options) => {
+    return options.map(option => {
+        var _a;
+        return {
+            value: option.id,
+            caption: option.label,
+            startImgSrc: (_a = option.iconName) !== null && _a !== void 0 ? _a : ""
+        };
+    });
+};
+
+const wwFilesCss = "/*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 __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeWWFiles_componentLocale, _GxIdeWWFiles_ACCORDION_FILTER_ID, _GxIdeWWFiles_ACCORDION_MODEL, _GxIdeWWFiles_chGridEl, _GxIdeWWFiles_filterAfterTypeEl, _GxIdeWWFiles_filterAllDescendantsEl, _GxIdeWWFiles_filterCategoryEl, _GxIdeWWFiles_filterModifiedDateEl, _GxIdeWWFiles_filterModuleEl, _GxIdeWWFiles_filterModifiedEl, _GxIdeWWFiles_filterNameEl, _GxIdeWWFiles_filterSearchContentsEl, _GxIdeWWFiles_filterUserEl, _GxIdeWWFiles_renderHeader, _GxIdeWWFiles_renderObjects, _GxIdeWWFiles_hiChar, _GxIdeWWFiles_formatDate, _GxIdeWWFiles_getObjects, _GxIdeWWFiles_filterFiles, _GxIdeWWFiles_handleFilterInput, _GxIdeWWFiles_handleSearchContentsInput, _GxIdeWWFiles_deleteSelectionCallbackHandle, _GxIdeWWFiles_deselectAll, _GxIdeWWFiles_expandedHandler, _GxIdeWWFiles_filterModifiedCallbackHandle, _GxIdeWWFiles_filterAfterTypeCallbackHandle, _GxIdeWWFiles_listenChanges, _GxIdeWWFiles_newFileCallbackHandle, _GxIdeWWFiles_openSelectionCallbackHandle, _GxIdeWWFiles_selectAll;
+const CSS_BUNDLES = [
+    "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 FILTER_AFTER_DATE_TIME = "afterDateTime";
+const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
+const FILTER_AFTER_IMPORT = "afterImport";
+const GxIdeWWFiles = /*@__PURE__*/ proxyCustomElement(class GxIdeWWFiles extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
+        _GxIdeWWFiles_componentLocale.set(this, void 0);
+        _GxIdeWWFiles_ACCORDION_FILTER_ID.set(this, "advanced-filter");
+        _GxIdeWWFiles_ACCORDION_MODEL.set(this, []);
+        _GxIdeWWFiles_chGridEl.set(this, void 0);
+        _GxIdeWWFiles_filterAfterTypeEl.set(this, void 0);
+        _GxIdeWWFiles_filterAllDescendantsEl.set(this, void 0);
+        _GxIdeWWFiles_filterCategoryEl.set(this, void 0);
+        _GxIdeWWFiles_filterModifiedDateEl.set(this, void 0);
+        _GxIdeWWFiles_filterModuleEl.set(this, void 0);
+        _GxIdeWWFiles_filterModifiedEl.set(this, void 0);
+        _GxIdeWWFiles_filterNameEl.set(this, void 0);
+        _GxIdeWWFiles_filterSearchContentsEl.set(this, void 0);
+        _GxIdeWWFiles_filterUserEl.set(this, void 0);
+        _GxIdeWWFiles_renderHeader.set(this, () => {
+            return [
+                h("div", { class: "field field-block name" }, h("label", { class: "label", htmlFor: "filter-files" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.name), h("ch-edit", { id: "filter-files", class: "input", ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterNameEl, el, "f")), value: this.filterFilesInputValue, onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_handleFilterInput, "f"), part: "filter-files" })),
+                h("div", { class: "field field-block module-folder" }, h("label", { class: "label", htmlFor: "module-folder" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.moduleFolder), h("gx-ide-entity-selector", { part: "filter-module-folder", id: "module/folder", labelPosition: "none", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterModuleEl, el, "f")) })),
+                h("ch-accordion-render", { class: "accordion-outlined advanced-filter-accordion", model: __classPrivateFieldGet(this, _GxIdeWWFiles_ACCORDION_MODEL, "f"), onExpandedChange: __classPrivateFieldGet(this, _GxIdeWWFiles_expandedHandler, "f") }, h("div", { slot: __classPrivateFieldGet(this, _GxIdeWWFiles_ACCORDION_FILTER_ID, "f"), class: "spacing-body" }, h("div", { class: "main__filter" }, this.showSearchContents && (h("div", { class: "search-content" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "filter-content" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.content), h("ch-edit", { id: "filter-content", class: "input", ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterSearchContentsEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_handleSearchContentsInput, "f"), part: "filter-content" })))), h("div", { class: "filter-row" }, h("div", { class: "category-column" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "filter-category" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.category), h("ch-combo-box-render", { id: "filter-category", class: "combo-box", value: this.defaultCategory, disabled: !this.categories, ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterCategoryEl, el, "f")), model: this.categoriesComboBoxModel, part: "filter-category", onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f") }))), h("div", { class: "checkboxes-column" }, h("ch-checkbox", { class: "checkbox", caption: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.allDescendants, checkedValue: "filterAllDescendants", ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterAllDescendantsEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f"), part: "filter-all-descendants" }), h("ch-checkbox", { class: "checkbox align-center", caption: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.modified, checkedValue: "filterModified", ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterModifiedEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_filterModifiedCallbackHandle, "f"), part: "filter-modified" })), h("div", { class: "empty-column" })), h("div", { class: { "modified-inputs": true, "hide": !this.filterModified } }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "filter-after-type" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.after), h("ch-combo-box-render", { id: "filter-after-type", class: "combo-box", value: this.afterCurrentValue, ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterAfterTypeEl, el, "f")), model: this.filterAfterOptions, onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_filterAfterTypeCallbackHandle, "f"), part: "filter-after-type" })), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "filter-user" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.user), h("ch-edit", { id: "filter-user", class: "input", ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterUserEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f"), part: "filter-user" })), h("div", { class: {
+                        "field field-block": true,
+                        "hide": this.afterCurrentValue !== FILTER_AFTER_DATE_TIME
+                    } }, h("label", { class: "label", htmlFor: "filter-modified-date" }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.dateTime), h("ch-edit", { id: "filter-modified-date", type: "date", class: "input", ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_filterModifiedDateEl, el, "f")), onInput: __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f"), part: "filter-modified-date" }))))))
+            ];
+        });
+        _GxIdeWWFiles_renderObjects.set(this, () => {
+            return (h("div", { class: "field-group main__grid" }, h("ch-tabular-grid", { ref: (el) => (__classPrivateFieldSet(this, _GxIdeWWFiles_chGridEl, el, "f")), class: "tabular-grid tabular-grid-ww-files", rowSelectionMode: "multiple", part: "ch-grid-files" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { columnName: "", columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.name, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), this.showType && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.type, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" })), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.module, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.common, class: "tabular-grid-column" }), this.showDescription && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.description, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.commonDouble, class: "tabular-grid-column" })), this.showModifiedDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.modifiedDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showLastUser && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.lastUser, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showImportDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.importDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.showLastBuildDate && (h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").tableHead.lastBuildDate, columnNameHidden: false, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" }))), this.filteredFiles.length ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.filteredFiles.map((obj) => {
+                var _a;
+                return (h("ch-tabular-grid-row", { rowid: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.icon })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.name.toLowerCase(), this.filterFilesInputValue)), this.showType && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.type.toLowerCase(), this.filterFilesInputValue))), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.module.toLowerCase(), this.filterFilesInputValue)), this.showDescription && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.description.toLowerCase(), this.filterFilesInputValue))), this.showModifiedDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.modifiedDate
+                    ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.modifiedDate)
+                    : "", this.filterFilesInputValue))), this.showLastUser && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, ((_a = obj.lastUser) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "", this.filterFilesInputValue))), this.showImportDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.importDate ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.importDate) : "", this.filterFilesInputValue))), this.showLastBuildDate && (h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeWWFiles_hiChar, "f").call(this, obj.lastBuildDate
+                    ? __classPrivateFieldGet(this, _GxIdeWWFiles_formatDate, "f").call(this, obj.lastBuildDate)
+                    : "", this.filterFilesInputValue)))));
+            }))) : null)));
+        });
+        _GxIdeWWFiles_hiChar.set(this, (text, search) => {
+            if (!search)
+                return text;
+            const parts = text.split(new RegExp(`(${search})`, "gi"));
+            return parts.map((part, i) => part.toLowerCase() === search.toLowerCase() ? (h("span", { key: i, class: "highlight" }, part)) : (part));
+        });
+        _GxIdeWWFiles_formatDate.set(this, (date) => {
+            return date.toISOString().slice(0, 10);
+        });
+        _GxIdeWWFiles_getObjects.set(this, () => {
+            var _a;
+            const filters = {
+                name: __classPrivateFieldGet(this, _GxIdeWWFiles_filterNameEl, "f").value,
+                searchContents: this.showSearchContents
+                    ? (_a = __classPrivateFieldGet(this, _GxIdeWWFiles_filterSearchContentsEl, "f")) === null || _a === void 0 ? void 0 : _a.value
+                    : null,
+                category: __classPrivateFieldGet(this, _GxIdeWWFiles_filterCategoryEl, "f").value,
+                parent: __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").value ? __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").value.id : null,
+                allDescendants: !!__classPrivateFieldGet(this, _GxIdeWWFiles_filterAllDescendantsEl, "f").value,
+                modifiedAfter: this.filterModified ? this.afterCurrentValue : null,
+                modifiedBy: this.filterModified ? __classPrivateFieldGet(this, _GxIdeWWFiles_filterUserEl, "f").value : null,
+                modifiedDate: this.filterModified && this.afterCurrentValue === FILTER_AFTER_DATE_TIME
+                    ? new Date(__classPrivateFieldGet(this, _GxIdeWWFiles_filterModifiedDateEl, "f").value)
+                    : null
+            };
+            this.loadCallback(filters).then((items) => {
+                this.objects = items;
+                __classPrivateFieldGet(this, _GxIdeWWFiles_filterFiles, "f").call(this);
+                this.selectedObjectsIds = [];
+                __classPrivateFieldGet(this, _GxIdeWWFiles_deselectAll, "f").call(this);
+            });
+        });
+        _GxIdeWWFiles_filterFiles.set(this, () => {
+            var _a, _b;
+            const filterValue = this.filterFilesInputValue.toLowerCase();
+            const searchContents = this.showSearchContents
+                ? ((_b = (_a = __classPrivateFieldGet(this, _GxIdeWWFiles_filterSearchContentsEl, "f")) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || ""
+                : "";
+            this.filteredFiles = this.objects.filter(file => {
+                var _a, _b, _c, _d, _e;
+                const nameMatch = file.name.toLowerCase().includes(filterValue);
+                const typeMatch = file.type.toLowerCase().includes(filterValue);
+                const moduleMatch = file.module.toLowerCase().includes(filterValue);
+                const descriptionMatch = (_a = file.description) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(filterValue);
+                const modifiedDateMatch = (_b = file.modifiedDate) === null || _b === void 0 ? void 0 : _b.toString().includes(filterValue);
+                const lastUserMatch = (_c = file.lastUser) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(filterValue);
+                const importDateMatch = (_d = file.importDate) === null || _d === void 0 ? void 0 : _d.toString().includes(filterValue);
+                const contentsMatch = searchContents
+                    ? (_e = file.description) === null || _e === void 0 ? void 0 : _e.toLowerCase().includes(searchContents)
+                    : true;
+                return ((nameMatch ||
+                    typeMatch ||
+                    moduleMatch ||
+                    descriptionMatch ||
+                    modifiedDateMatch ||
+                    lastUserMatch ||
+                    importDateMatch) &&
+                    contentsMatch);
+            });
+        });
+        _GxIdeWWFiles_handleFilterInput.set(this, (event) => {
+            this.filterFilesInputValue = event.detail.toLowerCase();
+            __classPrivateFieldGet(this, _GxIdeWWFiles_filterFiles, "f").call(this);
+        });
+        _GxIdeWWFiles_handleSearchContentsInput.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeWWFiles_filterFiles, "f").call(this);
+        });
+        _GxIdeWWFiles_deleteSelectionCallbackHandle.set(this, () => {
+            this.deleteSelectionCallback(this.selectedObjectsIds);
+        });
+        _GxIdeWWFiles_deselectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeWWFiles_chGridEl, "f").selectAllRows(false);
+        });
+        _GxIdeWWFiles_expandedHandler.set(this, (e) => {
+            if (e.detail.id === __classPrivateFieldGet(this, _GxIdeWWFiles_ACCORDION_FILTER_ID, "f")) {
+                this.advancedFilterAccordionExpanded = e.detail.expanded;
+                this.filterMore = e.detail.expanded;
+            }
+        });
+        _GxIdeWWFiles_filterModifiedCallbackHandle.set(this, () => {
+            this.filterModified = !!__classPrivateFieldGet(this, _GxIdeWWFiles_filterModifiedEl, "f").value;
+            this.enabledModifiedControls = this.filterModified;
+            if (!this.filterModified) {
+                // Reset related fields when unchecking Modified
+                __classPrivateFieldGet(this, _GxIdeWWFiles_filterUserEl, "f").value = null;
+                __classPrivateFieldGet(this, _GxIdeWWFiles_filterAfterTypeEl, "f").value = null;
+                this.afterCurrentValue = null;
+                __classPrivateFieldGet(this, _GxIdeWWFiles_filterModifiedDateEl, "f").value = null;
+            }
+            else {
+                // Restore default values when checking Modified
+                this.afterCurrentValue = FILTER_AFTER_DATE_TIME;
+                __classPrivateFieldGet(this, _GxIdeWWFiles_filterAfterTypeEl, "f").value = FILTER_AFTER_DATE_TIME;
+            }
+            __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f").call(this);
+        });
+        _GxIdeWWFiles_filterAfterTypeCallbackHandle.set(this, () => {
+            const newValue = __classPrivateFieldGet(this, _GxIdeWWFiles_filterAfterTypeEl, "f").value;
+            // Validar que el valor sea uno de los permitidos
+            if ([
+                FILTER_AFTER_DATE_TIME,
+                FILTER_AFTER_LAST_BUILD,
+                FILTER_AFTER_IMPORT
+            ].includes(newValue)) {
+                this.afterCurrentValue = newValue;
+            }
+            else {
+                // Si no es un valor válido, establecer el valor por defecto
+                this.afterCurrentValue = FILTER_AFTER_DATE_TIME;
+                __classPrivateFieldGet(this, _GxIdeWWFiles_filterAfterTypeEl, "f").value = FILTER_AFTER_DATE_TIME;
+            }
+            __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f").call(this);
+        });
+        _GxIdeWWFiles_listenChanges.set(this, () => {
+            /* module/folder */
+            __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").addEventListener("valueChanged", () => {
+                __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f").call(this);
+            });
+            // for grid selection
+            __classPrivateFieldGet(this, _GxIdeWWFiles_chGridEl, "f").addEventListener("selectionChanged", (ev) => {
+                this.selectedObjectsIds = ev.detail.rowsId;
+                this.selectionChangeCallback(this.selectedObjectsIds);
+            });
+            __classPrivateFieldGet(this, _GxIdeWWFiles_chGridEl, "f").addEventListener("rowDoubleClicked", () => {
+                __classPrivateFieldGet(this, _GxIdeWWFiles_openSelectionCallbackHandle, "f").call(this);
+            });
+            __classPrivateFieldGet(this, _GxIdeWWFiles_chGridEl, "f").addEventListener("rowContextMenu", (ev) => {
+                ev.preventDefault();
+                ev.stopPropagation();
+                this.contextMenuCallback({
+                    selection: ev.detail.selectedRowsId,
+                    clientX: ev.detail.clientX,
+                    clientY: ev.detail.clientY
+                });
+            });
+        });
+        _GxIdeWWFiles_newFileCallbackHandle.set(this, () => {
+            this.newFileCallback();
+        });
+        _GxIdeWWFiles_openSelectionCallbackHandle.set(this, () => {
+            this.openSelectionCallback(this.selectedObjectsIds);
+        });
+        _GxIdeWWFiles_selectAll.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeWWFiles_chGridEl, "f").selectAllRows();
+        });
+        this.categoriesComboBoxModel = [];
+        this.afterCurrentValue = FILTER_AFTER_DATE_TIME;
+        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(newCategories) {
+        this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeWWFiles_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        // initialize combo-box models
+        this.categoriesChanged(this.categories);
+        // initialize "After" combo-box options
+        this.filterAfterOptions = [
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter[FILTER_AFTER_DATE_TIME],
+                value: FILTER_AFTER_DATE_TIME
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter[FILTER_AFTER_LAST_BUILD],
+                value: FILTER_AFTER_LAST_BUILD
+            },
+            {
+                caption: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter[FILTER_AFTER_IMPORT],
+                value: FILTER_AFTER_IMPORT
+            }
+        ];
+        this.afterCurrentValue = FILTER_AFTER_DATE_TIME;
+        // initialize accordion model with proper configuration
+        __classPrivateFieldSet(this, _GxIdeWWFiles_ACCORDION_MODEL, [
+            {
+                id: __classPrivateFieldGet(this, _GxIdeWWFiles_ACCORDION_FILTER_ID, "f"),
+                caption: __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").filter.accordionCaption,
+                expanded: this.advancedFilterAccordionExpanded
+            }
+        ], "f");
+        // initialize filtered files
+        this.filteredFiles = this.objects;
+        this.componentDidLoadEvent.emit(true);
+    }
+    componentDidLoad() {
+        __classPrivateFieldGet(this, _GxIdeWWFiles_listenChanges, "f").call(this);
+        __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f").call(this);
+    }
+    keyDownHandler(eventInfo) {
+        if (document.activeElement === this.el) {
+            switch (eventInfo.key) {
+                case "Enter":
+                    eventInfo.preventDefault();
+                    __classPrivateFieldGet(this, _GxIdeWWFiles_openSelectionCallbackHandle, "f").call(this);
+                    break;
+                case "Delete":
+                    eventInfo.preventDefault();
+                    __classPrivateFieldGet(this, _GxIdeWWFiles_deleteSelectionCallbackHandle, "f").call(this);
+                    break;
+                case "Escape":
+                    eventInfo.preventDefault();
+                    __classPrivateFieldGet(this, _GxIdeWWFiles_deselectAll, "f").call(this);
+                    break;
+            }
+        }
+    }
+    /**
+     * Validate necessary data input
+     */
+    async validate() {
+        const isValid = true;
+        return isValid;
+    }
+    /**
+     * This method reload the view, refreshing the filters and the table of files.
+     */
+    async reload() {
+        this.filterFilesInputValue = "";
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterUserEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterAfterTypeEl, "f").value = null;
+        this.afterCurrentValue = null;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterModifiedEl, "f").value = undefined;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterAllDescendantsEl, "f").value = undefined;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterModuleEl, "f").value = this.defaultModule;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterCategoryEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterSearchContentsEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_filterNameEl, "f").value = null;
+        this.filterMore = false;
+        __classPrivateFieldGet(this, _GxIdeWWFiles_getObjects, "f").call(this);
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("header", { class: "header control-header-with-border spacing-body-inline spacing-body-block-start field-group" }, __classPrivateFieldGet(this, _GxIdeWWFiles_renderHeader, "f").call(this)), h("div", { class: "main" }, __classPrivateFieldGet(this, _GxIdeWWFiles_renderObjects, "f").call(this)), h("footer", { class: "control-footer-with-border control-footer-space-between spacing-body" }, h("p", {
+            // matching objects
+            class: "text-body", part: "objects-matching"
+        }, `${this.filteredFiles.length} ${__classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").objCount.matching}`), h("div", { class: "buttons-spacer" }, h("button", {
+            // select all button
+            id: "button-select-all", class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeWWFiles_selectAll, "f"), part: "button button--select-all"
+        }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").footer.btnSelectAll), h("button", {
+            // new file button
+            id: "button-new-file", class: "button-primary button-icon-and-text", onClick: __classPrivateFieldGet(this, _GxIdeWWFiles_newFileCallbackHandle, "f"), part: "button button--new-file"
+        }, __classPrivateFieldGet(this, _GxIdeWWFiles_componentLocale, "f").footer.btnNew))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/ww-files"]; }
+    get el() { return this; }
+    static get watchers() { return {
+        "categories": ["categoriesChanged"]
+    }; }
+    static get style() { return wwFilesCss; }
+}, [1, "gx-ide-ww-files", {
+        "categories": [16],
+        "defaultCategory": [1, "default-category"],
+        "defaultModule": [16],
+        "filterModules": [16],
+        "types": [16],
+        "contextMenuCallback": [16],
+        "deleteSelectionCallback": [16],
+        "loadCallback": [16],
+        "newFileCallback": [16],
+        "openSelectionCallback": [16],
+        "selectModuleCallback": [16],
+        "selectionChangeCallback": [16],
+        "showSearchContents": [4, "show-search-contents"],
+        "showDescription": [4, "show-description"],
+        "showModifiedDate": [4, "show-modified-date"],
+        "showLastUser": [4, "show-last-user"],
+        "showImportDate": [4, "show-import-date"],
+        "showType": [4, "show-type"],
+        "showLastBuildDate": [4, "show-last-build-date"],
+        "categoriesComboBoxModel": [32],
+        "afterCurrentValue": [32],
+        "filterAfterOptions": [32],
+        "enabledModifiedControls": [32],
+        "filterModified": [32],
+        "filterMore": [32],
+        "objects": [32],
+        "filterFilesInputValue": [32],
+        "filteredFiles": [32],
+        "selectedObjectsIds": [32],
+        "advancedFilterAccordionExpanded": [32],
+        "validate": [64],
+        "reload": [64]
+    }, [[1, "keydown", "keyDownHandler"]], {
+        "categories": ["categoriesChanged"]
+    }]);
+_GxIdeWWFiles_componentLocale = new WeakMap(), _GxIdeWWFiles_ACCORDION_FILTER_ID = new WeakMap(), _GxIdeWWFiles_ACCORDION_MODEL = new WeakMap(), _GxIdeWWFiles_chGridEl = new WeakMap(), _GxIdeWWFiles_filterAfterTypeEl = new WeakMap(), _GxIdeWWFiles_filterAllDescendantsEl = new WeakMap(), _GxIdeWWFiles_filterCategoryEl = new WeakMap(), _GxIdeWWFiles_filterModifiedDateEl = new WeakMap(), _GxIdeWWFiles_filterModuleEl = new WeakMap(), _GxIdeWWFiles_filterModifiedEl = new WeakMap(), _GxIdeWWFiles_filterNameEl = new WeakMap(), _GxIdeWWFiles_filterSearchContentsEl = new WeakMap(), _GxIdeWWFiles_filterUserEl = new WeakMap(), _GxIdeWWFiles_renderHeader = new WeakMap(), _GxIdeWWFiles_renderObjects = new WeakMap(), _GxIdeWWFiles_hiChar = new WeakMap(), _GxIdeWWFiles_formatDate = new WeakMap(), _GxIdeWWFiles_getObjects = new WeakMap(), _GxIdeWWFiles_filterFiles = new WeakMap(), _GxIdeWWFiles_handleFilterInput = new WeakMap(), _GxIdeWWFiles_handleSearchContentsInput = new WeakMap(), _GxIdeWWFiles_deleteSelectionCallbackHandle = new WeakMap(), _GxIdeWWFiles_deselectAll = new WeakMap(), _GxIdeWWFiles_expandedHandler = new WeakMap(), _GxIdeWWFiles_filterModifiedCallbackHandle = new WeakMap(), _GxIdeWWFiles_filterAfterTypeCallbackHandle = new WeakMap(), _GxIdeWWFiles_listenChanges = new WeakMap(), _GxIdeWWFiles_newFileCallbackHandle = new WeakMap(), _GxIdeWWFiles_openSelectionCallbackHandle = new WeakMap(), _GxIdeWWFiles_selectAll = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-ww-files", "gx-ide-entity-selector"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-ww-files":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeWWFiles);
+            }
+            break;
+        case "gx-ide-entity-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const GxIdeWwFiles = GxIdeWWFiles;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeWwFiles, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-ww-files.js.map

package/dist/components/gx-ide-ww-files.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-ww-files.js","mappings":"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","names":[],"sources":["src/components/ww-files/helpers.tsx","src/components/ww-files/ww-files.scss?tag=gx-ide-ww-files&encapsulation=shadow","src/components/ww-files/ww-files.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { GxOption } from \"../..\";\n\nexport const mapOptionsToComboBoxItemModel = (\n  options: GxOption[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.label,\n      startImgSrc: option.iconName ?? \"\"\n    };\n  });\n};\n","@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\";\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// - - - - - - - - - - - -\n// Header\n// - - - - - - - - - - - -\n\n.header {\n  grid-template-areas:\n    \"name module-folder\"\n    \"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// - - - - - - - - - - - -\n// Main\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.search-content {\n  inline-size: 100%;\n}\n\n// Category and Checkboxes Row\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.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  .field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--sm);\n\n    &.hide {\n      display: none;\n    }\n\n    .input,\n    .combo-box {\n      width: 100%;\n    }\n  }\n}\n\n// - - - - - - - - - - - -\n// Grid\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@include hiChar;\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-ww-files\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    4\n  )\n);\n\n// - - - - - - - - - - - -\n// Responsive\n// - - - - - - - - - - - -\n\n@container (max-width: 992px) {\n  .main__files-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  Listen,\n  Watch\n} from \"@stencil/core\";\n\nimport { ChGridRowContextMenuEvent } from \"@genexus/chameleon-controls-library\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { GxOption } from \"../../common/types\";\nimport { EntityData, ContextMenuInfo } from \"../../common/types\";\nimport { config } from \"../../common/config\";\nimport { mapOptionsToComboBoxItemModel } from \"./helpers\";\nimport {\n  AccordionModel,\n  ComboBoxModel\n} from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/accordion\",\n  \"components/edit\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\"\n];\n\nconst FILTER_AFTER_DATE_TIME = \"afterDateTime\";\nconst FILTER_AFTER_LAST_BUILD = \"afterLastBuild\";\nconst FILTER_AFTER_IMPORT = \"afterImport\";\n\n@Component({\n  tag: \"gx-ide-ww-files\",\n  styleUrl: \"ww-files.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ww-files\"]\n})\nexport class GxIdeWWFiles {\n  #componentLocale: any;\n  #ACCORDION_FILTER_ID = \"advanced-filter\";\n  #ACCORDION_MODEL: AccordionModel = [];\n\n  @Element() el: HTMLGxIdeWwFilesElement;\n\n  #chGridEl!: HTMLChTabularGridElement;\n  #filterAfterTypeEl!: HTMLChComboBoxRenderElement;\n  #filterAllDescendantsEl!: HTMLChCheckboxElement;\n  #filterCategoryEl!: HTMLChComboBoxRenderElement;\n  #filterModifiedDateEl!: HTMLChEditElement;\n  #filterModuleEl!: HTMLGxIdeEntitySelectorElement;\n  #filterModifiedEl!: HTMLChCheckboxElement;\n  #filterNameEl!: HTMLChEditElement;\n  #filterSearchContentsEl!: HTMLChEditElement;\n  #filterUserEl!: HTMLChEditElement;\n\n  // representations of GxOption[] as ComboBoxModel\n  @State() categoriesComboBoxModel: ComboBoxModel = [];\n\n  /**\n   * The current value of the \"After\" combo box options.\n   */\n  @State() afterCurrentValue: string = FILTER_AFTER_DATE_TIME;\n\n  /**\n   * The options for the \"After\" combo-box\n   */\n  @State() filterAfterOptions: ComboBoxModel;\n\n  /**\n   * When true, modified controls will be enabled, otherwise disabled.\n   */\n  @State() enabledModifiedControls: boolean = false;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() filterMore = false;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * Files filter input value\n   */\n  @State() filterFilesInputValue = \"\";\n\n  /**\n   * Files rendered in the table after filtering\n   */\n  @State() filteredFiles: ObjectData[] = [];\n\n  /**\n   * The selected files in the table of files\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Controls the expanded state of the advanced filter accordion\n   */\n  @State() advancedFilterAccordionExpanded: boolean = false;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: GxOption[]) {\n    this.categoriesComboBoxModel = mapOptionsToComboBoxItemModel(newCategories);\n  }\n\n  /**\n   * The default value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The modules/folders render in the module/folder selector\n   */\n  @Prop() readonly filterModules!: GxOption[];\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: GxOption[];\n\n  /**\n   * This is a function provided by the developer for show the context menu of the selected files.\n   */\n  @Prop() readonly contextMenuCallback!: ContextMenuCallback;\n\n  /**\n   * This is a function provided by the developer for delete the selected files.\n   */\n  @Prop() readonly deleteSelectionCallback!: DeleteSelectionCallback;\n\n  /**\n   *  This is a function provided by the developer that return a list of files to populate the table of files.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   *\n   */\n  @Prop() readonly newFileCallback!: NewFileCallback;\n\n  /**\n   * This is a function provided by the developer to expand the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback!: SelectModuleCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of files that is double-clicked or entered.\n   */\n  @Prop() readonly selectionChangeCallback!: SelectionChangeCallback;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * Controls whether to show the Search contents field in the advanced filter section\n   */\n  @Prop() showSearchContents = false;\n\n  /**\n   * Controls whether to show the description column in the grid\n   */\n  @Prop() showDescription = false;\n\n  /**\n   * Controls whether to show the modified date column in the grid\n   */\n  @Prop() showModifiedDate = false;\n\n  /**\n   * Controls whether to show the last user column in the grid\n   */\n  @Prop() showLastUser = false;\n\n  /**\n   * Controls whether to show the import date column in the grid\n   */\n  @Prop() showImportDate = false;\n\n  /**\n   * Controls whether to show the type column in the grid\n   */\n  @Prop() showType = false;\n\n  /**\n   * Controls whether to show the last build date column in the grid\n   */\n  @Prop() showLastBuildDate = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // initialize combo-box models\n    this.categoriesChanged(this.categories);\n\n    // initialize \"After\" combo-box options\n    this.filterAfterOptions = [\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_DATE_TIME],\n        value: FILTER_AFTER_DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_LAST_BUILD],\n        value: FILTER_AFTER_LAST_BUILD\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER_IMPORT],\n        value: FILTER_AFTER_IMPORT\n      }\n    ];\n    this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n\n    // initialize accordion model with proper configuration\n    this.#ACCORDION_MODEL = [\n      {\n        id: this.#ACCORDION_FILTER_ID,\n        caption: this.#componentLocale.filter.accordionCaption,\n        expanded: this.advancedFilterAccordionExpanded\n      }\n    ];\n\n    // initialize filtered files\n    this.filteredFiles = this.objects;\n\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.#listenChanges();\n    this.#getObjects();\n  }\n\n  @Listen(\"keydown\", { passive: true })\n  keyDownHandler(eventInfo: KeyboardEvent) {\n    if (document.activeElement === this.el) {\n      switch (eventInfo.key) {\n        case \"Enter\":\n          eventInfo.preventDefault();\n          this.#openSelectionCallbackHandle();\n          break;\n        case \"Delete\":\n          eventInfo.preventDefault();\n          this.#deleteSelectionCallbackHandle();\n          break;\n        case \"Escape\":\n          eventInfo.preventDefault();\n          this.#deselectAll();\n          break;\n      }\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * This method reload the view, refreshing the filters and the table of files.\n   */\n  @Method()\n  async reload(): Promise<void> {\n    this.filterFilesInputValue = \"\";\n    this.#filterUserEl.value = null;\n    this.#filterAfterTypeEl.value = null;\n    this.afterCurrentValue = null;\n    this.#filterModifiedEl.value = undefined;\n    this.#filterAllDescendantsEl.value = undefined;\n    this.#filterModuleEl.value = this.defaultModule;\n    this.#filterCategoryEl.value = null;\n    this.#filterSearchContentsEl.value = null;\n    this.#filterNameEl.value = null;\n    this.filterMore = false;\n    this.#getObjects();\n  }\n\n  #renderHeader = (): Element[] => {\n    return [\n      <div class=\"field field-block name\">\n        <label class=\"label\" htmlFor=\"filter-files\">\n          {this.#componentLocale.filter.name}\n        </label>\n        <ch-edit\n          id=\"filter-files\"\n          class=\"input\"\n          ref={(el: HTMLChEditElement) => (this.#filterNameEl = el)}\n          value={this.filterFilesInputValue}\n          onInput={this.#handleFilterInput}\n          part=\"filter-files\"\n        ></ch-edit>\n      </div>,\n\n      <div class=\"field field-block module-folder\">\n        <label class=\"label\" htmlFor=\"module-folder\">\n          {this.#componentLocale.filter.moduleFolder}\n        </label>\n\n        <gx-ide-entity-selector\n          part=\"filter-module-folder\"\n          id=\"module/folder\"\n          labelPosition=\"none\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterModuleEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n        ></gx-ide-entity-selector>\n      </div>,\n\n      <ch-accordion-render\n        class=\"accordion-outlined advanced-filter-accordion\"\n        model={this.#ACCORDION_MODEL}\n        onExpandedChange={this.#expandedHandler}\n      >\n        <div slot={this.#ACCORDION_FILTER_ID} class=\"spacing-body\">\n          <div class=\"main__filter\">\n            {/* Primera fila - Search Content */}\n            {this.showSearchContents && (\n              <div class=\"search-content\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-content\">\n                    {this.#componentLocale.filter.content}\n                  </label>\n                  <ch-edit\n                    id=\"filter-content\"\n                    class=\"input\"\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#filterSearchContentsEl = el as HTMLChEditElement)\n                    }\n                    onInput={this.#handleSearchContentsInput}\n                    part=\"filter-content\"\n                  ></ch-edit>\n                </div>\n              </div>\n            )}\n\n            {/* Segunda fila - Category y Checkboxes */}\n            <div class=\"filter-row\">\n              <div class=\"category-column\">\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"filter-category\">\n                    {this.#componentLocale.filter.category}\n                  </label>\n                  <ch-combo-box-render\n                    id=\"filter-category\"\n                    class=\"combo-box\"\n                    value={this.defaultCategory}\n                    disabled={!this.categories}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#filterCategoryEl =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    model={this.categoriesComboBoxModel}\n                    part=\"filter-category\"\n                    onInput={this.#getObjects}\n                  ></ch-combo-box-render>\n                </div>\n              </div>\n\n              <div class=\"checkboxes-column\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  caption={this.#componentLocale.filter.allDescendants}\n                  checkedValue=\"filterAllDescendants\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterAllDescendantsEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-all-descendants\"\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox align-center\"\n                  caption={this.#componentLocale.filter.modified}\n                  checkedValue=\"filterModified\"\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#filterModifiedEl = el as HTMLChCheckboxElement)\n                  }\n                  onInput={this.#filterModifiedCallbackHandle}\n                  part=\"filter-modified\"\n                ></ch-checkbox>\n              </div>\n\n              <div class=\"empty-column\"></div>\n            </div>\n\n            {/* Tercera fila - Modified inputs */}\n            <div\n              class={{ \"modified-inputs\": true, \"hide\": !this.filterModified }}\n            >\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-after-type\">\n                  {this.#componentLocale.filter.after}\n                </label>\n                <ch-combo-box-render\n                  id=\"filter-after-type\"\n                  class=\"combo-box\"\n                  value={this.afterCurrentValue}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#filterAfterTypeEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                  model={this.filterAfterOptions}\n                  onInput={this.#filterAfterTypeCallbackHandle}\n                  part=\"filter-after-type\"\n                ></ch-combo-box-render>\n              </div>\n\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"filter-user\">\n                  {this.#componentLocale.filter.user}\n                </label>\n                <ch-edit\n                  id=\"filter-user\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterUserEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-user\"\n                ></ch-edit>\n              </div>\n\n              <div\n                class={{\n                  \"field field-block\": true,\n                  \"hide\": this.afterCurrentValue !== FILTER_AFTER_DATE_TIME\n                }}\n              >\n                <label class=\"label\" htmlFor=\"filter-modified-date\">\n                  {this.#componentLocale.filter.dateTime}\n                </label>\n                <ch-edit\n                  id=\"filter-modified-date\"\n                  type=\"date\"\n                  class=\"input\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#filterModifiedDateEl = el as HTMLChEditElement)\n                  }\n                  onInput={this.#getObjects}\n                  part=\"filter-modified-date\"\n                ></ch-edit>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ch-accordion-render>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <div class=\"field-group main__grid\">\n        <ch-tabular-grid\n          ref={(el: HTMLChTabularGridElement) => (this.#chGridEl = el)}\n          class=\"tabular-grid tabular-grid-ww-files\"\n          rowSelectionMode=\"multiple\"\n          part=\"ch-grid-files\"\n        >\n          <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n            <ch-tabular-grid-column\n              columnName=\"\"\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.maxContent}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.name}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showType && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.type}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.common}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            <ch-tabular-grid-column\n              columnName={this.#componentLocale.tableHead.module}\n              columnNameHidden={false}\n              settingable={false}\n              size={config.tabularGrid.colSize.common}\n              class=\"tabular-grid-column\"\n            ></ch-tabular-grid-column>\n\n            {this.showDescription && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.description}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.commonDouble}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showModifiedDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.modifiedDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastUser && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastUser}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showImportDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.importDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n\n            {this.showLastBuildDate && (\n              <ch-tabular-grid-column\n                columnName={this.#componentLocale.tableHead.lastBuildDate}\n                columnNameHidden={false}\n                settingable={false}\n                size={config.tabularGrid.colSize.maxContent}\n                class=\"tabular-grid-column\"\n              ></ch-tabular-grid-column>\n            )}\n          </ch-tabular-grid-columnset>\n\n          {this.filteredFiles.length ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredFiles.map((obj: ObjectData) => (\n                <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <ch-image src={obj.icon}></ch-image>\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.name.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showType && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.type.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {this.#hiChar(\n                      obj.module.toLowerCase(),\n                      this.filterFilesInputValue\n                    )}\n                  </ch-tabular-grid-cell>\n                  {this.showDescription && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.description.toLowerCase(),\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showModifiedDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.modifiedDate\n                          ? this.#formatDate(obj.modifiedDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastUser && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastUser?.toLowerCase() || \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showImportDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.importDate ? this.#formatDate(obj.importDate) : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                  {this.showLastBuildDate && (\n                    <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                      {this.#hiChar(\n                        obj.lastBuildDate\n                          ? this.#formatDate(obj.lastBuildDate)\n                          : \"\",\n                        this.filterFilesInputValue\n                      )}\n                    </ch-tabular-grid-cell>\n                  )}\n                </ch-tabular-grid-row>\n              ))}\n            </ch-tabular-grid-rowset>\n          ) : null}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #hiChar = (text: string, search: string): Element[] | string => {\n    if (!search) return text;\n    const parts = text.split(new RegExp(`(${search})`, \"gi\"));\n    return parts.map((part, i) =>\n      part.toLowerCase() === search.toLowerCase() ? (\n        <span key={i} class=\"highlight\">\n          {part}\n        </span>\n      ) : (\n        part\n      )\n    );\n  };\n\n  #formatDate = (date: Date): string => {\n    return date.toISOString().slice(0, 10);\n  };\n\n  #getObjects = () => {\n    const filters: ObjectFiltersData = {\n      name: this.#filterNameEl.value,\n      searchContents: this.showSearchContents\n        ? this.#filterSearchContentsEl?.value\n        : null,\n      category: this.#filterCategoryEl.value,\n      parent: this.#filterModuleEl.value ? this.#filterModuleEl.value.id : null,\n      allDescendants: !!this.#filterAllDescendantsEl.value,\n      modifiedAfter: this.filterModified ? this.afterCurrentValue : null,\n      modifiedBy: this.filterModified ? this.#filterUserEl.value : null,\n      modifiedDate:\n        this.filterModified && this.afterCurrentValue === FILTER_AFTER_DATE_TIME\n          ? new Date(this.#filterModifiedDateEl.value)\n          : null\n    };\n\n    this.loadCallback(filters).then((items: ObjectData[]) => {\n      this.objects = items;\n      this.#filterFiles();\n      this.selectedObjectsIds = [];\n      this.#deselectAll();\n    });\n  };\n\n  #filterFiles = () => {\n    const filterValue = this.filterFilesInputValue.toLowerCase();\n    const searchContents = this.showSearchContents\n      ? this.#filterSearchContentsEl?.value?.toLowerCase() || \"\"\n      : \"\";\n\n    this.filteredFiles = this.objects.filter(file => {\n      const nameMatch = file.name.toLowerCase().includes(filterValue);\n      const typeMatch = file.type.toLowerCase().includes(filterValue);\n      const moduleMatch = file.module.toLowerCase().includes(filterValue);\n      const descriptionMatch = file.description\n        ?.toLowerCase()\n        .includes(filterValue);\n      const modifiedDateMatch = file.modifiedDate\n        ?.toString()\n        .includes(filterValue);\n      const lastUserMatch = file.lastUser?.toLowerCase().includes(filterValue);\n      const importDateMatch = file.importDate?.toString().includes(filterValue);\n      const contentsMatch = searchContents\n        ? file.description?.toLowerCase().includes(searchContents)\n        : true;\n\n      return (\n        (nameMatch ||\n          typeMatch ||\n          moduleMatch ||\n          descriptionMatch ||\n          modifiedDateMatch ||\n          lastUserMatch ||\n          importDateMatch) &&\n        contentsMatch\n      );\n    });\n  };\n\n  #handleFilterInput = (event: CustomEvent<any> | InputEvent) => {\n    this.filterFilesInputValue = event.detail.toLowerCase();\n    this.#filterFiles();\n  };\n\n  #handleSearchContentsInput = () => {\n    this.#filterFiles();\n  };\n\n  #deleteSelectionCallbackHandle = (): void => {\n    this.deleteSelectionCallback(this.selectedObjectsIds);\n  };\n  #deselectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows(false);\n  };\n\n  #expandedHandler = (e: CustomEvent<{ id: string; expanded: boolean }>) => {\n    if (e.detail.id === this.#ACCORDION_FILTER_ID) {\n      this.advancedFilterAccordionExpanded = e.detail.expanded;\n      this.filterMore = e.detail.expanded;\n    }\n  };\n  #filterModifiedCallbackHandle = () => {\n    this.filterModified = !!this.#filterModifiedEl.value;\n    this.enabledModifiedControls = this.filterModified;\n    if (!this.filterModified) {\n      // Reset related fields when unchecking Modified\n      this.#filterUserEl.value = null;\n      this.#filterAfterTypeEl.value = null;\n      this.afterCurrentValue = null;\n      this.#filterModifiedDateEl.value = null;\n    } else {\n      // Restore default values when checking Modified\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #filterAfterTypeCallbackHandle = () => {\n    const newValue = this.#filterAfterTypeEl.value;\n    // Validar que el valor sea uno de los permitidos\n    if (\n      [\n        FILTER_AFTER_DATE_TIME,\n        FILTER_AFTER_LAST_BUILD,\n        FILTER_AFTER_IMPORT\n      ].includes(newValue)\n    ) {\n      this.afterCurrentValue = newValue;\n    } else {\n      // Si no es un valor válido, establecer el valor por defecto\n      this.afterCurrentValue = FILTER_AFTER_DATE_TIME;\n      this.#filterAfterTypeEl.value = FILTER_AFTER_DATE_TIME;\n    }\n    this.#getObjects();\n  };\n\n  #listenChanges = (): void => {\n    /* module/folder */\n    this.#filterModuleEl.addEventListener(\"valueChanged\", () => {\n      this.#getObjects();\n    });\n\n    // for grid selection\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n      this.selectionChangeCallback(this.selectedObjectsIds);\n    });\n\n    this.#chGridEl.addEventListener(\"rowDoubleClicked\", (): void => {\n      this.#openSelectionCallbackHandle();\n    });\n\n    this.#chGridEl.addEventListener(\n      \"rowContextMenu\",\n      (ev: CustomEvent<ChGridRowContextMenuEvent>): void => {\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.contextMenuCallback({\n          selection: ev.detail.selectedRowsId,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    );\n  };\n\n  #newFileCallbackHandle = (): void => {\n    this.newFileCallback();\n  };\n\n  #openSelectionCallbackHandle = (): void => {\n    this.openSelectionCallback(this.selectedObjectsIds);\n  };\n\n  #selectAll = (): void => {\n    (this.#chGridEl as any).selectAllRows();\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start field-group\">\n            {this.#renderHeader()}\n          </header>\n\n          <div class=\"main\">{this.#renderObjects()}</div>\n\n          <footer class=\"control-footer-with-border control-footer-space-between spacing-body\">\n            <p\n              // matching objects\n              class=\"text-body\"\n              part=\"objects-matching\"\n            >\n              {`${this.filteredFiles.length} ${\n                this.#componentLocale.objCount.matching\n              }`}\n            </p>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // select all button\n                id=\"button-select-all\"\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button--select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n\n              <button\n                // new file button\n                id=\"button-new-file\"\n                class=\"button-primary button-icon-and-text\"\n                onClick={this.#newFileCallbackHandle}\n                part=\"button button--new-file\"\n              >\n                {this.#componentLocale.footer.btnNew}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionChangeCallback = (ids: string[]) => Promise<void>;\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\nexport type DeleteSelectionCallback = (ids: string[]) => Promise<void>;\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n// export type ContextMenuCallback = (ids: string[]) => Promise<void>;\nexport type ContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport type NewFileCallback = () => Promise<void>;\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport interface ObjectFiltersData {\n  name?: string;\n  searchContents?: string;\n  category?: string;\n  parent?: string;\n  allDescendants?: boolean;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n}\nexport interface ObjectData {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  parent: string;\n  module: string;\n  modifiedDate?: Date;\n  lastUser?: string;\n  importDate?: Date;\n  lastBuildDate: Date;\n}\n"],"version":3}