@genexus/genexus-ide-ui 1.0.68 → 1.0.70

package/dist/collection/components/ww-files/ww-files.js

@@ -0,0 +1,822 @@
+var __classPrivateFieldGet = (this && this.__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 = (this && this.__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;
+import { Host, h } from "@stencil/core";
+import { Locale } from "../../common/locale";
+import { config } from "../../common/config";
+import { mapOptionsToComboBoxItemModel } from "./helpers";
+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";
+export class GxIdeWWFiles {
+    constructor() {
+        _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 is() { return "gx-ide-ww-files"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ww-files.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ww-files.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/ww-files"]; }
+    static get properties() {
+        return {
+            "categories": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GxOption[]",
+                    "resolved": "GxOption[]",
+                    "references": {
+                        "GxOption": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::GxOption"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The categories render in the filter category selector"
+                }
+            },
+            "defaultCategory": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The default value for the category filter"
+                },
+                "attribute": "default-category",
+                "reflect": false
+            },
+            "defaultModule": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EntityData",
+                    "resolved": "{ id: string; name: string; iconSrc?: string; }",
+                    "references": {
+                        "EntityData": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::EntityData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The default value for the module/folder filter"
+                }
+            },
+            "filterModules": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GxOption[]",
+                    "resolved": "GxOption[]",
+                    "references": {
+                        "GxOption": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::GxOption"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The modules/folders render in the module/folder selector"
+                }
+            },
+            "types": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GxOption[]",
+                    "resolved": "GxOption[]",
+                    "references": {
+                        "GxOption": {
+                            "location": "import",
+                            "path": "../../common/types",
+                            "id": "src/common/types.ts::GxOption"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The types render in the filter type selector"
+                }
+            },
+            "contextMenuCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ContextMenuCallback",
+                    "resolved": "(contextMenuInfo: ContextMenuInfo) => Promise<void>",
+                    "references": {
+                        "ContextMenuCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-files/ww-files.tsx",
+                            "id": "src/components/ww-files/ww-files.tsx::ContextMenuCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a function provided by the developer for show the context menu of the selected files."
+                }
+            },
+            "deleteSelectionCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DeleteSelectionCallback",
+                    "resolved": "(ids: string[]) => Promise<void>",
+                    "references": {
+                        "DeleteSelectionCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-files/ww-files.tsx",
+                            "id": "src/components/ww-files/ww-files.tsx::DeleteSelectionCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a function provided by the developer for delete the selected files."
+                }
+            },
+            "loadCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LoadCallback",
+                    "resolved": "(filters: ObjectFiltersData) => Promise<ObjectData[]>",
+                    "references": {
+                        "LoadCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-files/ww-files.tsx",
+                            "id": "src/components/ww-files/ww-files.tsx::LoadCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a function provided by the developer that return a list of files to populate the table of files."
+                }
+            },
+            "newFileCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "NewFileCallback",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "NewFileCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-files/ww-files.tsx",
+                            "id": "src/components/ww-files/ww-files.tsx::NewFileCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "openSelectionCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "OpenSelectionCallback",
+                    "resolved": "(ids: string[]) => Promise<void>",
+                    "references": {
+                        "OpenSelectionCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-files/ww-files.tsx",
+                            "id": "src/components/ww-files/ww-files.tsx::OpenSelectionCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a function provided by the developer to expand the data of files that is double-clicked or entered."
+                }
+            },
+            "selectModuleCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectModuleCallback",
+                    "resolved": "() => Promise<EntityData>",
+                    "references": {
+                        "SelectModuleCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-files/ww-files.tsx",
+                            "id": "src/components/ww-files/ww-files.tsx::SelectModuleCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "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."
+                }
+            },
+            "selectionChangeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectionChangeCallback",
+                    "resolved": "(ids: string[]) => Promise<void>",
+                    "references": {
+                        "SelectionChangeCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ww-files/ww-files.tsx",
+                            "id": "src/components/ww-files/ww-files.tsx::SelectionChangeCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This is a function provided by the developer for expanded the data of files that is double-clicked or entered."
+                }
+            },
+            "showSearchContents": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether to show the Search contents field in the advanced filter section"
+                },
+                "attribute": "show-search-contents",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showDescription": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether to show the description column in the grid"
+                },
+                "attribute": "show-description",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showModifiedDate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether to show the modified date column in the grid"
+                },
+                "attribute": "show-modified-date",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showLastUser": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether to show the last user column in the grid"
+                },
+                "attribute": "show-last-user",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showImportDate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether to show the import date column in the grid"
+                },
+                "attribute": "show-import-date",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showType": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether to show the type column in the grid"
+                },
+                "attribute": "show-type",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showLastBuildDate": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether to show the last build date column in the grid"
+                },
+                "attribute": "show-last-build-date",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "categoriesComboBoxModel": {},
+            "afterCurrentValue": {},
+            "filterAfterOptions": {},
+            "enabledModifiedControls": {},
+            "filterModified": {},
+            "filterMore": {},
+            "objects": {},
+            "filterFilesInputValue": {},
+            "filteredFiles": {},
+            "selectedObjectsIds": {},
+            "advancedFilterAccordionExpanded": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "componentDidLoadEvent",
+                "name": "componentDidLoadEvent",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Validate necessary data input",
+                    "tags": []
+                }
+            },
+            "reload": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "This method reload the view, refreshing the filters and the table of files.",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "categories",
+                "methodName": "categoriesChanged"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "keyDownHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }];
+    }
+}
+_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();
+//# sourceMappingURL=ww-files.js.map