@genexus/genexus-ide-ui 1.1.6 → 1.1.7

package/dist/collection/components/team-dev/history/history.css

@@ -0,0 +1,124 @@
+:host {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  block-size: 100%;
+  overflow: auto;
+}
+
+.sidebar {
+  background-color: transparent !important;
+  border-inline-end: var(--section-common-border);
+}
+
+.sidebar::part(expand-button) {
+  border-radius: var(--control__border-radius);
+}
+
+gx-ide-select-kb-items {
+  --search-input-max-inline-size: 300px;
+  opacity: 0;
+  transition: opacity var(--mer-timing--fast);
+}
+
+gx-ide-select-kb-items.sidebar-expanded {
+  opacity: 1;
+}
+
+ch-tabular-grid.tabular-grid--empty::part(main) {
+  overflow: hidden;
+}
+
+ch-tabular-grid-rowset-empty {
+  position: relative;
+}
+
+.main {
+  display: grid;
+  grid-template-rows: max-content 1fr;
+  grid-row-gap: var(--mer-spacing--sm);
+  overflow: auto;
+}
+
+.main__header {
+  display: grid;
+}
+
+.main__content {
+  position: relative;
+  overflow: auto;
+  display: grid;
+  grid-template-rows: 1fr max-content 2fr;
+  grid-row-gap: var(--mer-spacing--sm);
+}
+
+.tabular-grid {
+  overflow: auto;
+}
+
+/*SECOND GRID*/
+.search-filter {
+  display: grid;
+  grid-template-columns: 1fr max-content max-content;
+  gap: var(--gx-ide-grid-column-gap);
+}
+
+.action-buttons {
+  justify-self: flex-end;
+}
+
+.filters-grid {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  grid-template-areas: "from from to to type type" "user user user revision revision revision";
+  grid-gap: var(--gx-ide-grid-column-gap);
+  padding-block-start: var(--mer-spacing--sm);
+}
+
+.filters-container {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows var(--mer-timing--fast);
+}
+
+.filters-container-visible {
+  grid-template-rows: 1fr;
+}
+
+.filters-container > div {
+  overflow: hidden;
+}
+
+.field-from {
+  grid-area: from;
+}
+
+.field-to {
+  grid-area: to;
+}
+
+.field-type {
+  grid-area: type;
+}
+
+.field-user {
+  grid-area: user;
+}
+
+.field-revision {
+  grid-area: revision;
+}
+
+.commits-grid ch-tabular-grid-cell:is(:nth-child(2)) {
+  padding-block: var(--grid-cell__padding-block);
+  padding-inline: var(--grid-cell__padding-inline);
+  align-items: start;
+  justify-content: start;
+  min-inline-size: 200px;
+}
+.affected-objects-grid ch-tabular-grid-cell:is(:nth-child(5)) {
+  padding-block: var(--grid-cell__padding-block);
+  padding-inline: var(--grid-cell__padding-inline);
+  align-items: start;
+  justify-content: start;
+  min-inline-size: 200px;
+}

package/dist/collection/components/team-dev/history/history.js

@@ -0,0 +1,448 @@
+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 _GxIdeTeamDevHistory__componentLocale, _GxIdeTeamDevHistory_types, _GxIdeTeamDevHistory_fromEl, _GxIdeTeamDevHistory_revisionEl, _GxIdeTeamDevHistory_searchEl, _GxIdeTeamDevHistory_toEl, _GxIdeTeamDevHistory_typesEl, _GxIdeTeamDevHistory_userEl, _GxIdeTeamDevHistory_sidebarEl, _GxIdeTeamDevHistory_revisionsGridEl, _GxIdeTeamDevHistory_getIconState, _GxIdeTeamDevHistory_getObjectsFromVersion, _GxIdeTeamDevHistory_getSelectedRevision, _GxIdeTeamDevHistory_registerGridContextMenuListener, _GxIdeTeamDevHistory_gridContextMenuCallbackHandler, _GxIdeTeamDevHistory_toggleFiltersHandler, _GxIdeTeamDevHistory_renderCommitsGrid, _GxIdeTeamDevHistory_renderAffectedObjectsGrid, _GxIdeTeamDevHistory_renderLoader;
+/* STENCIL IMPORTS */
+import { h, Host } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { config } from "../../../common/config";
+import { formatDate } from "../../../common/helpers";
+import { Locale } from "../../../common/locale";
+import { hasActiveVersionInList, mapObjectTypeToComboBoxItemModel } from "./helpers";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form--full",
+    "utils/layout",
+    "utils/spacing",
+    "utils/typography",
+    "chameleon/scrollbar",
+    "components/tabular-grid",
+    "components/accordion",
+    "components/sidebar"
+];
+const CHANGES_PENDING_ICON = getIconPath({
+    category: "gx-server",
+    name: "changes-commit-pending"
+});
+const FILTER_ICON_PRIMARY = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "primary"
+});
+const FILTER_ICON = getIconPath({
+    category: "window-tools",
+    name: "filter",
+    colorType: "on-surface"
+});
+const DELETED_ICON = getIconPath({
+    category: "gx-server",
+    name: "delete"
+});
+const NEW_ICON = getIconPath({
+    category: "gx-server",
+    name: "new"
+});
+const PRIVATE_ICON = getIconPath({
+    category: "gx-server",
+    name: "private"
+});
+const RESET_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "reset",
+    colorType: "primary"
+});
+const SEARCH_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "search",
+    colorType: "on-surface"
+});
+export class GxIdeTeamDevHistory {
+    constructor() {
+        _GxIdeTeamDevHistory__componentLocale.set(this, void 0);
+        _GxIdeTeamDevHistory_types.set(this, []);
+        _GxIdeTeamDevHistory_fromEl.set(this, void 0);
+        _GxIdeTeamDevHistory_revisionEl.set(this, void 0);
+        _GxIdeTeamDevHistory_searchEl.set(this, void 0);
+        _GxIdeTeamDevHistory_toEl.set(this, void 0);
+        _GxIdeTeamDevHistory_typesEl.set(this, void 0);
+        _GxIdeTeamDevHistory_userEl.set(this, void 0);
+        _GxIdeTeamDevHistory_sidebarEl.set(this, void 0);
+        _GxIdeTeamDevHistory_revisionsGridEl.set(this, void 0);
+        _GxIdeTeamDevHistory_getIconState.set(this, (state) => {
+            let icon = h("ch-image", { src: PRIVATE_ICON, class: "icon-sm" });
+            switch (state) {
+                case "Inserted":
+                    icon = h("ch-image", { src: NEW_ICON, class: "icon-sm" });
+                    break;
+                case "Modified":
+                    icon = h("ch-image", { src: CHANGES_PENDING_ICON, class: "icon-sm" });
+                    break;
+                case "Deleted":
+                    icon = h("ch-image", { src: DELETED_ICON, class: "icon-sm" });
+                    break;
+            }
+            return icon;
+        });
+        _GxIdeTeamDevHistory_getObjectsFromVersion.set(this, async (versionId) => {
+            var _a;
+            this.loading = true;
+            const filters = {
+                search: __classPrivateFieldGet(this, _GxIdeTeamDevHistory_searchEl, "f").value ? __classPrivateFieldGet(this, _GxIdeTeamDevHistory_searchEl, "f").value : "",
+                from: __classPrivateFieldGet(this, _GxIdeTeamDevHistory_fromEl, "f").value ? new Date(__classPrivateFieldGet(this, _GxIdeTeamDevHistory_fromEl, "f").value) : null,
+                to: __classPrivateFieldGet(this, _GxIdeTeamDevHistory_toEl, "f").value ? new Date(__classPrivateFieldGet(this, _GxIdeTeamDevHistory_toEl, "f").value) : null,
+                revision: __classPrivateFieldGet(this, _GxIdeTeamDevHistory_revisionEl, "f").value ? __classPrivateFieldGet(this, _GxIdeTeamDevHistory_revisionEl, "f").value : "",
+                user: __classPrivateFieldGet(this, _GxIdeTeamDevHistory_userEl, "f").value ? __classPrivateFieldGet(this, _GxIdeTeamDevHistory_userEl, "f").value : "",
+                type: __classPrivateFieldGet(this, _GxIdeTeamDevHistory_typesEl, "f").value === "all" ? "" : __classPrivateFieldGet(this, _GxIdeTeamDevHistory_typesEl, "f").value
+            };
+            this.objects = await this.loadCallback(filters, versionId);
+            await __classPrivateFieldGet(this, _GxIdeTeamDevHistory_getSelectedRevision, "f").call(this, (_a = this.objects[0]) === null || _a === void 0 ? void 0 : _a.id);
+            this.loading = false;
+        });
+        _GxIdeTeamDevHistory_getSelectedRevision.set(this, async (revisionId) => {
+            if (revisionId) {
+                this.historyDetail = await this.loadDetailCallback(revisionId);
+                this.selectedRevisionId = revisionId;
+            }
+            else {
+                this.historyDetail = null;
+            }
+        });
+        _GxIdeTeamDevHistory_registerGridContextMenuListener.set(this, () => {
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevHistory_revisionsGridEl, "f")) {
+                __classPrivateFieldGet(this, _GxIdeTeamDevHistory_revisionsGridEl, "f").addEventListener("contextmenu", (ev) => {
+                    ev.preventDefault();
+                    ev.stopPropagation();
+                    __classPrivateFieldGet(this, _GxIdeTeamDevHistory_gridContextMenuCallbackHandler, "f").call(this, ev);
+                });
+            }
+        });
+        _GxIdeTeamDevHistory_gridContextMenuCallbackHandler.set(this, async (ev) => {
+            this.gridContextMenuCallback({
+                selection: [this.selectedRevisionId],
+                clientX: ev.clientX,
+                clientY: ev.clientY
+            });
+        });
+        _GxIdeTeamDevHistory_toggleFiltersHandler.set(this, () => {
+            this.filtersHidden = !this.filtersHidden;
+        });
+        _GxIdeTeamDevHistory_renderCommitsGrid.set(this, () => {
+            var _a;
+            const tabularGridEmpty = ((_a = this.objects) === null || _a === void 0 ? void 0 : _a.length) === 0 || !this.objects;
+            return (h("ch-tabular-grid", { class: {
+                    "commits-grid": true,
+                    "tabular-grid": true,
+                    "tabular-grid--empty": tabularGridEmpty
+                }, onSelectionChanged: (ev) => {
+                    this.objects.length > 0 &&
+                        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_getSelectedRevision, "f").call(this, ev.detail.rowsId[0]);
+                }, ref: (el) => {
+                    var _a;
+                    if (el && __classPrivateFieldGet(this, _GxIdeTeamDevHistory_revisionsGridEl, "f") !== el) {
+                        __classPrivateFieldSet(this, _GxIdeTeamDevHistory_revisionsGridEl, el, "f");
+                        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_registerGridContextMenuListener, "f").call(this);
+                        if (this.objects.length > 0) {
+                            __classPrivateFieldGet(this, _GxIdeTeamDevHistory_revisionsGridEl, "f").selectRow((_a = this.objects[0]) === null || _a === void 0 ? void 0 : _a.id, true);
+                        }
+                    }
+                } }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").mainGrid.columns.id, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").mainGrid.columns.comment, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "1fr" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").mainGrid.columns.user, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").mainGrid.columns.commitDate, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "max-content" })), this.objects.length > 0 ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, this.objects.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, key: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.id), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.comment), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.user), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.commitDate, "date-time")}`)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { stateTitle: __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").emptyRevisionsText, isAnimated: true })))), h("ch-tabular-grid-row", { class: "tabular-grid-row" })));
+        });
+        _GxIdeTeamDevHistory_renderAffectedObjectsGrid.set(this, () => {
+            var _a;
+            const iterable = this.historyDetail ? this.historyDetail.objects : [];
+            const tabularGridEmpty = ((_a = this.historyDetail) === null || _a === void 0 ? void 0 : _a.objects.length) === 0 || !this.historyDetail;
+            return (h("ch-tabular-grid", { class: {
+                    "affected-objects-grid": true,
+                    "tabular-grid": true,
+                    "tabular-grid--empty": tabularGridEmpty
+                } }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: config.tabularGrid.colSize.auto }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").affectedObjectsGrid.columns.name, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").affectedObjectsGrid.columns.types, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "max-content" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").affectedObjectsGrid.columns.description, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "1fr" }), h("ch-tabular-grid-column", { "column-name": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").affectedObjectsGrid.columns.action, "column-name-position": "text", class: "tabular-grid-column", settingable: false, size: "max-content" })), this.historyDetail && this.historyDetail.objects.length > 0 ? (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, iterable.map((obj) => (h("ch-tabular-grid-row", { class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.typeIcon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory_getIconState, "f").call(this, obj.state)), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.action)))))) : (h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, h("ch-tabular-grid-rowset-empty", null, h("gx-ide-empty-state", { stateIconSrc: FILTER_ICON, stateTitle: __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").emptyHistoryDetailText, isAnimated: true })))), h("ch-tabular-grid-row", { class: "tabular-grid-row" })));
+        });
+        _GxIdeTeamDevHistory_renderLoader.set(this, () => {
+            return (this.loading && (h("div", { class: "main__content scrollable" }, h("gx-ide-loader", { loaderTitle: __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").loader.title, show: true, description: __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").loader.description }))));
+        });
+        this.historyDetail = undefined;
+        this.objects = [];
+        this.isFirstLoad = true;
+        this.sidebarExpanded = true;
+        this.filtersHidden = true;
+        this.loading = true;
+        this.selectedRevisionId = undefined;
+        this.hasActiveVersion = false;
+        this.types = undefined;
+        this.itemContextMenuCallback = undefined;
+        this.gridContextMenuCallback = undefined;
+        this.selectedVersionId = undefined;
+        this.versions = [];
+        this.loadCallback = undefined;
+        this.loadDetailCallback = undefined;
+        this.selectedVersionChangeCallback = undefined;
+    }
+    async selectedVersionIdChanged(newSelectedVersionId) {
+        var _a;
+        this.selectedVersionId = newSelectedVersionId;
+        // Reset filters
+        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_searchEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_fromEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_toEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_revisionEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_userEl, "f").value = null;
+        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_typesEl, "f").value = (_a = __classPrivateFieldGet(this, _GxIdeTeamDevHistory_types, "f")[0]) === null || _a === void 0 ? void 0 : _a.value;
+        await __classPrivateFieldGet(this, _GxIdeTeamDevHistory_getObjectsFromVersion, "f").call(this, newSelectedVersionId);
+    }
+    async versionsListChanged(newVersionsList) {
+        this.versions = newVersionsList;
+        this.hasActiveVersion = hasActiveVersionInList(newVersionsList);
+        if (newVersionsList.length > 0 &&
+            this.selectedVersionId &&
+            this.isFirstLoad) {
+            await __classPrivateFieldGet(this, _GxIdeTeamDevHistory_getObjectsFromVersion, "f").call(this, this.selectedVersionId);
+            this.isFirstLoad = false;
+        }
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeTeamDevHistory__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeTeamDevHistory_types, mapObjectTypeToComboBoxItemModel(this.types), "f");
+    }
+    async componentDidLoad() {
+        __classPrivateFieldGet(this, _GxIdeTeamDevHistory_sidebarEl, "f").addEventListener("expandedChange", (e) => {
+            this.sidebarExpanded = e.detail;
+        });
+    }
+    render() {
+        var _a;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-sidebar", { ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevHistory_sidebarEl, el, "f")), class: "sidebar", expanded: this.sidebarExpanded, expandButtonCollapseAccessibleName: __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").sidebar.collapseAriaLabel, expandButtonExpandAccessibleName: __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").sidebar.expandAriaLabel, showExpandButton: true }, h("gx-ide-select-kb-items", { class: {
+                "sidebar-expanded": this.sidebarExpanded,
+                "has-active-version": this.hasActiveVersion
+            }, checkboxType: "none", itemsList: this.versions, expandOnClick: false, selectionChanged: this.selectedVersionChangeCallback, itemContextMenuCallback: this.itemContextMenuCallback })), h("main", { class: "main spacing-body-block-start spacing-body-inline" }, h("div", { class: "main__header" }, h("div", { class: "search-filter" }, h("div", { class: "field field-inline" }, h("label", { class: "label", htmlFor: "search" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").filters.search), h("ch-edit", { value: "", class: "input", startImgSrc: SEARCH_ICON, part: "search", id: "search", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevHistory_searchEl, el, "f")) })), h("button", { id: "filter-toggle-button", class: "button-teritary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").searchFilter.filterAriaLabel, "aria-expanded": this.filtersHidden ? "false" : "true", "aria-controls": "filters-container", onClick: () => __classPrivateFieldGet(this, _GxIdeTeamDevHistory_toggleFiltersHandler, "f").call(this) }, h("ch-image", { class: "icon-md", src: FILTER_ICON_PRIMARY })), h("button", { class: "button-teritary button-icon-only", "aria-label": __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").searchFilter.reloadAriaLabel, onClick: () => __classPrivateFieldGet(this, _GxIdeTeamDevHistory_getObjectsFromVersion, "f").call(this, this.selectedVersionId), part: __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").searchFilter.reloadAriaLabel }, h("ch-image", { class: "icon-md", src: RESET_ICON }))), h("div", { id: "filters-container", "aria-labelledby": "filter-toggle-button", class: {
+                "filters-container-visible": !this.filtersHidden,
+                "filters-container": true
+            }, inert: this.filtersHidden, hidden: this.filtersHidden }, h("div", null, h("div", { class: "filters-grid" }, h("div", { class: "field field-block field-from" }, h("label", { class: "label", htmlFor: "from" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").filters.from), h("ch-edit", { value: "", class: "input", type: "date", part: "from", id: "from", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevHistory_fromEl, el, "f")) })), h("div", { class: "field field-block field-to" }, h("label", { class: "label", htmlFor: "to" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").filters.to), h("ch-edit", { value: "", class: "input", type: "date", id: "to", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevHistory_toEl, el, "f")) })), h("div", { class: "field field-block field-type" }, h("label", { class: "label", htmlFor: "type" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").filters.type), h("ch-combo-box-render", { accessibleName: "types", class: "combo-box", part: "type", model: __classPrivateFieldGet(this, _GxIdeTeamDevHistory_types, "f"), value: (_a = __classPrivateFieldGet(this, _GxIdeTeamDevHistory_types, "f")[0]) === null || _a === void 0 ? void 0 : _a.value, ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevHistory_typesEl, el, "f")) })), h("div", { class: "field field-block field-user" }, h("label", { class: "label", htmlFor: "user" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").filters.user), h("ch-edit", { value: "", part: "user", class: "input", id: "user", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevHistory_userEl, el, "f")) })), h("div", { class: "field field-block field-revision" }, h("label", { class: "label", htmlFor: "revision" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory__componentLocale, "f").filters.revision), h("ch-edit", { value: "", part: "revision", class: "input", id: "revision", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevHistory_revisionEl, el, "f")) })))))), __classPrivateFieldGet(this, _GxIdeTeamDevHistory_renderLoader, "f").call(this), !this.loading && (h("div", { class: "main__content scrollable" }, __classPrivateFieldGet(this, _GxIdeTeamDevHistory_renderCommitsGrid, "f").call(this), h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "comment-area" }, this.historyDetail ? this.historyDetail.title : null), h("ch-edit", { class: "input comment-text-area", value: this.historyDetail ? this.historyDetail.comment : null, multiline: true, autoGrow: true, readonly: true, part: "comment-area", id: "comment-area" })), __classPrivateFieldGet(this, _GxIdeTeamDevHistory_renderAffectedObjectsGrid, "f").call(this))))));
+    }
+    static get is() { return "gx-ide-team-dev-history"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["history.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["history.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/team-dev-history"]; }
+    static get properties() {
+        return {
+            "types": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ObjectType[]",
+                    "resolved": "ObjectType[]",
+                    "references": {
+                        "ObjectType": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/history/history.tsx",
+                            "id": "src/components/team-dev/history/history.tsx::ObjectType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Possible values of type filter"
+                }
+            },
+            "itemContextMenuCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    info: ContextMenuInfo\n  ) => Promise<void>",
+                    "resolved": "(info: ContextMenuInfo) => Promise<void>",
+                    "references": {
+                        "ContextMenuInfo": {
+                            "location": "import",
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::ContextMenuInfo"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback emitted when the user right click on an item"
+                }
+            },
+            "gridContextMenuCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    info: ContextMenuInfo\n  ) => Promise<void>",
+                    "resolved": "(info: ContextMenuInfo) => Promise<void>",
+                    "references": {
+                        "ContextMenuInfo": {
+                            "location": "import",
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::ContextMenuInfo"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when user right-clicks on the grid"
+                }
+            },
+            "selectedVersionId": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The Id of the selected version in the select-kb-items component"
+                },
+                "attribute": "selected-version-id",
+                "reflect": false
+            },
+            "versions": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "ItemNode[]",
+                    "resolved": "ItemNode[]",
+                    "references": {
+                        "ItemNode": {
+                            "location": "import",
+                            "path": "../../select-kb-items/select-kb-items",
+                            "id": "src/components/select-kb-items/select-kb-items.tsx::ItemNode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "List of versions to show in the versions tree"
+                },
+                "defaultValue": "[]"
+            },
+            "loadCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LoadCallback",
+                    "resolved": "(filters: FiltersData, versionId: string) => Promise<RevisionData[]>",
+                    "references": {
+                        "LoadCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/history/history.tsx",
+                            "id": "src/components/team-dev/history/history.tsx::LoadCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when is necessary to reload the history info. Receive the filters as parameters and only returns the info corresponding to the master grid."
+                }
+            },
+            "loadDetailCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LoadDetailCallback",
+                    "resolved": "(revision: string) => Promise<RevisionDetailData>",
+                    "references": {
+                        "LoadDetailCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/history/history.tsx",
+                            "id": "src/components/team-dev/history/history.tsx::LoadDetailCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked to obtain detailed info from a revision. As parameter receive internal revision id"
+                }
+            },
+            "selectedVersionChangeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectedVersionChangeCallback",
+                    "resolved": "(selectedVersion: string[]) => Promise<void>",
+                    "references": {
+                        "SelectedVersionChangeCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/history/history.tsx",
+                            "id": "src/components/team-dev/history/history.tsx::SelectedVersionChangeCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the selected version changes. As parameter receive the selected version id"
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "historyDetail": {},
+            "objects": {},
+            "isFirstLoad": {},
+            "sidebarExpanded": {},
+            "filtersHidden": {},
+            "loading": {},
+            "selectedRevisionId": {},
+            "hasActiveVersion": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "selectedVersionId",
+                "methodName": "selectedVersionIdChanged"
+            }, {
+                "propName": "versions",
+                "methodName": "versionsListChanged"
+            }];
+    }
+}
+_GxIdeTeamDevHistory__componentLocale = new WeakMap(), _GxIdeTeamDevHistory_types = new WeakMap(), _GxIdeTeamDevHistory_fromEl = new WeakMap(), _GxIdeTeamDevHistory_revisionEl = new WeakMap(), _GxIdeTeamDevHistory_searchEl = new WeakMap(), _GxIdeTeamDevHistory_toEl = new WeakMap(), _GxIdeTeamDevHistory_typesEl = new WeakMap(), _GxIdeTeamDevHistory_userEl = new WeakMap(), _GxIdeTeamDevHistory_sidebarEl = new WeakMap(), _GxIdeTeamDevHistory_revisionsGridEl = new WeakMap(), _GxIdeTeamDevHistory_getIconState = new WeakMap(), _GxIdeTeamDevHistory_getObjectsFromVersion = new WeakMap(), _GxIdeTeamDevHistory_getSelectedRevision = new WeakMap(), _GxIdeTeamDevHistory_registerGridContextMenuListener = new WeakMap(), _GxIdeTeamDevHistory_gridContextMenuCallbackHandler = new WeakMap(), _GxIdeTeamDevHistory_toggleFiltersHandler = new WeakMap(), _GxIdeTeamDevHistory_renderCommitsGrid = new WeakMap(), _GxIdeTeamDevHistory_renderAffectedObjectsGrid = new WeakMap(), _GxIdeTeamDevHistory_renderLoader = new WeakMap();
+//# sourceMappingURL=history.js.map