@genexus/genexus-ide-ui 1.1.6 → 1.1.7

package/dist/genexus-ide-ui/p-74715731.entry.js

@@ -0,0 +1,541 @@
+import { r as t, h as e, H as i, a } from "./p-25a9f1d7.js";
+
+import { g as s } from "./p-ede7bd20.js";
+
+import { c as r } from "./p-13738332.js";
+
+import { f as l } from "./p-9ddea83b.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+const mapObjectTypeToComboBoxItemModel = t => t.map((t => ({
+  value: t.id,
+  caption: t.name,
+  startImgSrc: t.icon
+})));
+
+const hasActiveNode = t => {
+  if (t.active) {
+    return true;
+  }
+  if (Array.isArray(t.nodes)) {
+    return t.nodes.some(hasActiveNode);
+  }
+  return false;
+};
+
+const hasActiveVersionInList = t => t.some(hasActiveNode);
+
+const o = ':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}.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}';
+
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, i, a) {
+  if (i === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? a : i === "a" ? a.call(t) : a ? a.value : e.get(t);
+};
+
+var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, a, s) {
+  if (a === "m") throw new TypeError("Private method is not writable");
+  if (a === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return a === "a" ? s.call(t, i) : s ? s.value = i : e.set(t, i), i;
+};
+
+var h, u, m, f, g, b, p, v, w, y, x, k, _, M, W, z, C, T, j;
+
+const E = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/spacing", "utils/typography", "chameleon/scrollbar", "components/tabular-grid", "components/accordion", "components/sidebar" ];
+
+const F = s({
+  category: "gx-server",
+  name: "changes-commit-pending"
+});
+
+const I = s({
+  category: "window-tools",
+  name: "filter",
+  colorType: "primary"
+});
+
+const L = s({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-surface"
+});
+
+const A = s({
+  category: "gx-server",
+  name: "delete"
+});
+
+const D = s({
+  category: "gx-server",
+  name: "new"
+});
+
+const S = s({
+  category: "gx-server",
+  name: "private"
+});
+
+const B = s({
+  category: "gemini-tools",
+  name: "reset",
+  colorType: "primary"
+});
+
+const N = s({
+  category: "gemini-tools",
+  name: "search",
+  colorType: "on-surface"
+});
+
+const P = class {
+  constructor(i) {
+    t(this, i);
+    h.set(this, void 0);
+    u.set(this, []);
+    m.set(this, void 0);
+    f.set(this, void 0);
+    g.set(this, void 0);
+    b.set(this, void 0);
+    p.set(this, void 0);
+    v.set(this, void 0);
+    w.set(this, void 0);
+    y.set(this, void 0);
+    x.set(this, (t => {
+      let i = e("ch-image", {
+        src: S,
+        class: "icon-sm"
+      });
+      switch (t) {
+       case "Inserted":
+        i = e("ch-image", {
+          src: D,
+          class: "icon-sm"
+        });
+        break;
+
+       case "Modified":
+        i = e("ch-image", {
+          src: F,
+          class: "icon-sm"
+        });
+        break;
+
+       case "Deleted":
+        i = e("ch-image", {
+          src: A,
+          class: "icon-sm"
+        });
+        break;
+      }
+      return i;
+    }));
+    k.set(this, (async t => {
+      var e;
+      this.loading = true;
+      const i = {
+        search: c(this, g, "f").value ? c(this, g, "f").value : "",
+        from: c(this, m, "f").value ? new Date(c(this, m, "f").value) : null,
+        to: c(this, b, "f").value ? new Date(c(this, b, "f").value) : null,
+        revision: c(this, f, "f").value ? c(this, f, "f").value : "",
+        user: c(this, v, "f").value ? c(this, v, "f").value : "",
+        type: c(this, p, "f").value === "all" ? "" : c(this, p, "f").value
+      };
+      this.objects = await this.loadCallback(i, t);
+      await c(this, _, "f").call(this, (e = this.objects[0]) === null || e === void 0 ? void 0 : e.id);
+      this.loading = false;
+    }));
+    _.set(this, (async t => {
+      if (t) {
+        this.historyDetail = await this.loadDetailCallback(t);
+        this.selectedRevisionId = t;
+      } else {
+        this.historyDetail = null;
+      }
+    }));
+    M.set(this, (() => {
+      if (c(this, y, "f")) {
+        c(this, y, "f").addEventListener("contextmenu", (t => {
+          t.preventDefault();
+          t.stopPropagation();
+          c(this, W, "f").call(this, t);
+        }));
+      }
+    }));
+    W.set(this, (async t => {
+      this.gridContextMenuCallback({
+        selection: [ this.selectedRevisionId ],
+        clientX: t.clientX,
+        clientY: t.clientY
+      });
+    }));
+    z.set(this, (() => {
+      this.filtersHidden = !this.filtersHidden;
+    }));
+    C.set(this, (() => {
+      var t;
+      const i = ((t = this.objects) === null || t === void 0 ? void 0 : t.length) === 0 || !this.objects;
+      return e("ch-tabular-grid", {
+        class: {
+          "commits-grid": true,
+          "tabular-grid": true,
+          "tabular-grid--empty": i
+        },
+        onSelectionChanged: t => {
+          this.objects.length > 0 && c(this, _, "f").call(this, t.detail.rowsId[0]);
+        },
+        ref: t => {
+          var e;
+          if (t && c(this, y, "f") !== t) {
+            d(this, y, t, "f");
+            c(this, M, "f").call(this);
+            if (this.objects.length > 0) {
+              c(this, y, "f").selectRow((e = this.objects[0]) === null || e === void 0 ? void 0 : e.id, true);
+            }
+          }
+        }
+      }, e("ch-tabular-grid-columnset", {
+        class: "tabular-grid-column-set"
+      }, e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.id,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.comment,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "1fr"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.user,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").mainGrid.columns.commitDate,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      })), this.objects.length > 0 ? e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, this.objects.map((t => e("ch-tabular-grid-row", {
+        rowid: t.id,
+        key: t.id,
+        class: "tabular-grid-row"
+      }, e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.id), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.comment), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.user), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, `${l(t.commitDate, "date-time")}`))))) : e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, e("ch-tabular-grid-rowset-empty", null, e("gx-ide-empty-state", {
+        stateTitle: c(this, h, "f").emptyRevisionsText,
+        isAnimated: true
+      }))), e("ch-tabular-grid-row", {
+        class: "tabular-grid-row"
+      }));
+    }));
+    T.set(this, (() => {
+      var t;
+      const i = this.historyDetail ? this.historyDetail.objects : [];
+      const a = ((t = this.historyDetail) === null || t === void 0 ? void 0 : t.objects.length) === 0 || !this.historyDetail;
+      return e("ch-tabular-grid", {
+        class: {
+          "affected-objects-grid": true,
+          "tabular-grid": true,
+          "tabular-grid--empty": a
+        }
+      }, e("ch-tabular-grid-columnset", {
+        class: "tabular-grid-column-set"
+      }, e("ch-tabular-grid-column", {
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: r.tabularGrid.colSize.auto
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.name,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.types,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.description,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "1fr"
+      }), e("ch-tabular-grid-column", {
+        "column-name": c(this, h, "f").affectedObjectsGrid.columns.action,
+        "column-name-position": "text",
+        class: "tabular-grid-column",
+        settingable: false,
+        size: "max-content"
+      })), this.historyDetail && this.historyDetail.objects.length > 0 ? e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, i.map((t => e("ch-tabular-grid-row", {
+        class: "tabular-grid-row"
+      }, e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, e("ch-image", {
+        src: t.typeIcon,
+        class: "icon-md"
+      })), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, c(this, x, "f").call(this, t.state)), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.name), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.type), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.description), e("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.action))))) : e("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, e("ch-tabular-grid-rowset-empty", null, e("gx-ide-empty-state", {
+        stateIconSrc: L,
+        stateTitle: c(this, h, "f").emptyHistoryDetailText,
+        isAnimated: true
+      }))), e("ch-tabular-grid-row", {
+        class: "tabular-grid-row"
+      }));
+    }));
+    j.set(this, (() => this.loading && e("div", {
+      class: "main__content scrollable"
+    }, e("gx-ide-loader", {
+      loaderTitle: c(this, h, "f").loader.title,
+      show: true,
+      description: c(this, h, "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(t) {
+    var e;
+    this.selectedVersionId = t;
+    // Reset filters
+        c(this, g, "f").value = null;
+    c(this, m, "f").value = null;
+    c(this, b, "f").value = null;
+    c(this, f, "f").value = null;
+    c(this, v, "f").value = null;
+    c(this, p, "f").value = (e = c(this, u, "f")[0]) === null || e === void 0 ? void 0 : e.value;
+    await c(this, k, "f").call(this, t);
+  }
+  async versionsListChanged(t) {
+    this.versions = t;
+    this.hasActiveVersion = hasActiveVersionInList(t);
+    if (t.length > 0 && this.selectedVersionId && this.isFirstLoad) {
+      await c(this, k, "f").call(this, this.selectedVersionId);
+      this.isFirstLoad = false;
+    }
+  }
+  async componentWillLoad() {
+    d(this, h, await n.getComponentStrings(this.el), "f");
+    d(this, u, mapObjectTypeToComboBoxItemModel(this.types), "f");
+  }
+  async componentDidLoad() {
+    c(this, w, "f").addEventListener("expandedChange", (t => {
+      this.sidebarExpanded = t.detail;
+    }));
+  }
+  render() {
+    var t;
+    return e(i, {
+      class: "widget"
+    }, e("ch-theme", {
+      model: E
+    }), e("ch-sidebar", {
+      ref: t => d(this, w, t, "f"),
+      class: "sidebar",
+      expanded: this.sidebarExpanded,
+      expandButtonCollapseAccessibleName: c(this, h, "f").sidebar.collapseAriaLabel,
+      expandButtonExpandAccessibleName: c(this, h, "f").sidebar.expandAriaLabel,
+      showExpandButton: true
+    }, e("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
+    })), e("main", {
+      class: "main spacing-body-block-start spacing-body-inline"
+    }, e("div", {
+      class: "main__header"
+    }, e("div", {
+      class: "search-filter"
+    }, e("div", {
+      class: "field field-inline"
+    }, e("label", {
+      class: "label",
+      htmlFor: "search"
+    }, c(this, h, "f").filters.search), e("ch-edit", {
+      value: "",
+      class: "input",
+      startImgSrc: N,
+      part: "search",
+      id: "search",
+      ref: t => d(this, g, t, "f")
+    })), e("button", {
+      id: "filter-toggle-button",
+      class: "button-teritary button-icon-only",
+      "aria-label": c(this, h, "f").searchFilter.filterAriaLabel,
+      "aria-expanded": this.filtersHidden ? "false" : "true",
+      "aria-controls": "filters-container",
+      onClick: () => c(this, z, "f").call(this)
+    }, e("ch-image", {
+      class: "icon-md",
+      src: I
+    })), e("button", {
+      class: "button-teritary button-icon-only",
+      "aria-label": c(this, h, "f").searchFilter.reloadAriaLabel,
+      onClick: () => c(this, k, "f").call(this, this.selectedVersionId),
+      part: c(this, h, "f").searchFilter.reloadAriaLabel
+    }, e("ch-image", {
+      class: "icon-md",
+      src: B
+    }))), e("div", {
+      id: "filters-container",
+      "aria-labelledby": "filter-toggle-button",
+      class: {
+        "filters-container-visible": !this.filtersHidden,
+        "filters-container": true
+      },
+      inert: this.filtersHidden,
+      hidden: this.filtersHidden
+    }, e("div", null, e("div", {
+      class: "filters-grid"
+    }, e("div", {
+      class: "field field-block field-from"
+    }, e("label", {
+      class: "label",
+      htmlFor: "from"
+    }, c(this, h, "f").filters.from), e("ch-edit", {
+      value: "",
+      class: "input",
+      type: "date",
+      part: "from",
+      id: "from",
+      ref: t => d(this, m, t, "f")
+    })), e("div", {
+      class: "field field-block field-to"
+    }, e("label", {
+      class: "label",
+      htmlFor: "to"
+    }, c(this, h, "f").filters.to), e("ch-edit", {
+      value: "",
+      class: "input",
+      type: "date",
+      id: "to",
+      ref: t => d(this, b, t, "f")
+    })), e("div", {
+      class: "field field-block field-type"
+    }, e("label", {
+      class: "label",
+      htmlFor: "type"
+    }, c(this, h, "f").filters.type), e("ch-combo-box-render", {
+      accessibleName: "types",
+      class: "combo-box",
+      part: "type",
+      model: c(this, u, "f"),
+      value: (t = c(this, u, "f")[0]) === null || t === void 0 ? void 0 : t.value,
+      ref: t => d(this, p, t, "f")
+    })), e("div", {
+      class: "field field-block field-user"
+    }, e("label", {
+      class: "label",
+      htmlFor: "user"
+    }, c(this, h, "f").filters.user), e("ch-edit", {
+      value: "",
+      part: "user",
+      class: "input",
+      id: "user",
+      ref: t => d(this, v, t, "f")
+    })), e("div", {
+      class: "field field-block field-revision"
+    }, e("label", {
+      class: "label",
+      htmlFor: "revision"
+    }, c(this, h, "f").filters.revision), e("ch-edit", {
+      value: "",
+      part: "revision",
+      class: "input",
+      id: "revision",
+      ref: t => d(this, f, t, "f")
+    })))))), c(this, j, "f").call(this), !this.loading && e("div", {
+      class: "main__content scrollable"
+    }, c(this, C, "f").call(this), e("div", {
+      class: "field field-block"
+    }, e("label", {
+      class: "label",
+      htmlFor: "comment-area"
+    }, this.historyDetail ? this.historyDetail.title : null), e("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"
+    })), c(this, T, "f").call(this))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-history" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      selectedVersionId: [ "selectedVersionIdChanged" ],
+      versions: [ "versionsListChanged" ]
+    };
+  }
+};
+
+h = new WeakMap, u = new WeakMap, m = new WeakMap, f = new WeakMap, g = new WeakMap, 
+b = new WeakMap, p = new WeakMap, v = new WeakMap, w = new WeakMap, y = new WeakMap, 
+x = new WeakMap, k = new WeakMap, _ = new WeakMap, M = new WeakMap, W = new WeakMap, 
+z = new WeakMap, C = new WeakMap, T = new WeakMap, j = new WeakMap;
+
+P.style = o;
+
+export { P as gx_ide_team_dev_history };
+//# sourceMappingURL=p-74715731.entry.js.map

package/dist/genexus-ide-ui/p-74715731.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","startImgSrc","icon","hasActiveNode","node","active","Array","isArray","nodes","some","hasActiveVersionInList","versionsList","historyCss","CSS_BUNDLES","CHANGES_PENDING_ICON","getIconPath","category","FILTER_ICON_PRIMARY","colorType","FILTER_ICON","DELETED_ICON","NEW_ICON","PRIVATE_ICON","RESET_ICON","SEARCH_ICON","GxIdeTeamDevHistory","_GxIdeTeamDevHistory__componentLocale","set","this","_GxIdeTeamDevHistory_types","_GxIdeTeamDevHistory_fromEl","_GxIdeTeamDevHistory_revisionEl","_GxIdeTeamDevHistory_searchEl","_GxIdeTeamDevHistory_toEl","_GxIdeTeamDevHistory_typesEl","_GxIdeTeamDevHistory_userEl","_GxIdeTeamDevHistory_sidebarEl","_GxIdeTeamDevHistory_revisionsGridEl","_GxIdeTeamDevHistory_getIconState","state","h","src","class","_GxIdeTeamDevHistory_getObjectsFromVersion","async","versionId","loading","filters","search","__classPrivateFieldGet","from","Date","to","revision","user","type","objects","loadCallback","_GxIdeTeamDevHistory_getSelectedRevision","call","_a","revisionId","historyDetail","loadDetailCallback","selectedRevisionId","_GxIdeTeamDevHistory_registerGridContextMenuListener","addEventListener","ev","preventDefault","stopPropagation","_GxIdeTeamDevHistory_gridContextMenuCallbackHandler","gridContextMenuCallback","selection","clientX","clientY","_GxIdeTeamDevHistory_toggleFiltersHandler","filtersHidden","_GxIdeTeamDevHistory_renderCommitsGrid","tabularGridEmpty","length","onSelectionChanged","detail","rowsId","ref","el","__classPrivateFieldSet","selectRow","mainGrid","columns","settingable","size","comment","commitDate","obj","rowid","key","formatDate","stateTitle","emptyRevisionsText","isAnimated","_GxIdeTeamDevHistory_renderAffectedObjectsGrid","iterable","config","tabularGrid","colSize","auto","affectedObjectsGrid","types","description","action","typeIcon","stateIconSrc","emptyHistoryDetailText","_GxIdeTeamDevHistory_renderLoader","loaderTitle","loader","title","show","selectedVersionIdChanged","newSelectedVersionId","selectedVersionId","versionsListChanged","newVersionsList","versions","hasActiveVersion","isFirstLoad","componentWillLoad","Locale","getComponentStrings","componentDidLoad","e","sidebarExpanded","render","Host","model","expanded","expandButtonCollapseAccessibleName","sidebar","collapseAriaLabel","expandButtonExpandAccessibleName","expandAriaLabel","showExpandButton","checkboxType","itemsList","expandOnClick","selectionChanged","selectedVersionChangeCallback","itemContextMenuCallback","htmlFor","part","searchFilter","filterAriaLabel","onClick","reloadAriaLabel","inert","hidden","accessibleName","multiline","autoGrow","readonly"],"sources":["src/components/team-dev/history/helpers.ts","src/components/team-dev/history/history.scss?tag=gx-ide-team-dev-history&encapsulation=shadow","src/components/team-dev/history/history.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType, GxOption } from \"../../../common/types\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { ItemNode } from \"../../select-kb-items/select-kb-items\";\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxItemModel[] =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name,\n    startImgSrc: objectType.icon\n  }));\n\nexport const mapCategoryToComboBoxItemModel = (\n  categoryModel: GxOption[]\n): ComboBoxModel =>\n  categoryModel.map(category => ({\n    value: category.id,\n    caption: category.label\n  }));\n\nconst hasActiveNode = (node: any): boolean => {\n  if (node.active) {\n    return true;\n  }\n  if (Array.isArray(node.nodes)) {\n    return node.nodes.some(hasActiveNode);\n  }\n  return false;\n};\n\nexport const hasActiveVersionInList = (versionsList: ItemNode[]): boolean => {\n  return versionsList.some(hasActiveNode);\n};\n","@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n// TODO: this should be a class on Mercury.\n// Not sure if applying \".field-group\" is the right thing to do.\n$commonRowGap: var(--mer-spacing--sm);\n\n:host {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.sidebar {\n  background-color: transparent !important; // TODO: Apply elevation classes on Mercury.\n  border-inline-end: var(--section-common-border);\n}\n\n.sidebar::part(expand-button) {\n  border-radius: var(--control__border-radius);\n}\n\ngx-ide-select-kb-items {\n  --search-input-max-inline-size: 300px;\n  opacity: 0;\n  transition: opacity var(--mer-timing--fast);\n}\ngx-ide-select-kb-items.sidebar-expanded {\n  opacity: 1;\n}\n\nch-tabular-grid.tabular-grid--empty::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\n.main {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n  grid-row-gap: $commonRowGap;\n  overflow: auto;\n}\n.main__header {\n  display: grid;\n}\n.main__content {\n  position: relative;\n  overflow: auto;\n  display: grid;\n  grid-template-rows: 1fr max-content 2fr;\n  grid-row-gap: $commonRowGap;\n}\n\n.tabular-grid {\n  overflow: auto;\n}\n\n/*SECOND GRID*/\n.search-filter {\n  display: grid;\n  grid-template-columns: 1fr max-content max-content;\n  gap: var(--gx-ide-grid-column-gap);\n}\n\n.action-buttons {\n  justify-self: flex-end;\n}\n\n.filters-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  grid-template-areas:\n    \"from from to to type type\"\n    \"user user user revision revision revision\";\n  grid-gap: var(--gx-ide-grid-column-gap);\n  padding-block-start: $commonRowGap;\n}\n\n.filters-container {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--mer-timing--fast);\n}\n\n.filters-container-visible {\n  grid-template-rows: 1fr;\n}\n\n.filters-container > div {\n  overflow: hidden;\n}\n\n.field-from {\n  grid-area: from;\n}\n\n.field-to {\n  grid-area: to;\n}\n.field-type {\n  grid-area: type;\n}\n.field-user {\n  grid-area: user;\n}\n.field-revision {\n  grid-area: revision;\n}\n\n// commits grid \"comment\" column\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".commits-grid\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-min-inline-size: 200px,\n  $tabular-grid-affected-columns-nth-list: (\n    2\n  )\n);\n\n// affected objects grid \"description\" column\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".affected-objects-grid\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-min-inline-size: 200px,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n","/* STENCIL IMPORTS */\nimport { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../../common/config\";\nimport { formatDate } from \"../../../common/helpers\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../components\";\nimport { ItemNode } from \"../../select-kb-items/select-kb-items\";\nimport {\n  hasActiveVersionInList,\n  mapObjectTypeToComboBoxItemModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/tabular-grid\",\n  \"components/accordion\",\n  \"components/sidebar\"\n];\n\nconst CHANGES_PENDING_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"changes-commit-pending\"\n});\n\nconst FILTER_ICON_PRIMARY = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"primary\"\n});\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-surface\"\n});\n\nconst DELETED_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"delete\"\n});\n\nconst NEW_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"new\"\n});\n\nconst PRIVATE_ICON = getIconPath({\n  category: \"gx-server\",\n  name: \"private\"\n});\nconst RESET_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"reset\",\n  colorType: \"primary\"\n});\n\nconst SEARCH_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\n@Component({\n  tag: \"gx-ide-team-dev-history\",\n  styleUrl: \"history.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-history\"]\n})\nexport class GxIdeTeamDevHistory {\n  #_componentLocale: any;\n\n  #types: ComboBoxItemModel[] = [];\n\n  @Element() el: HTMLGxIdeTeamDevHistoryElement;\n\n  #fromEl?: HTMLChEditElement;\n  #revisionEl?: HTMLChEditElement;\n  #searchEl: HTMLChEditElement;\n  #toEl?: HTMLChEditElement;\n  #typesEl?: HTMLChComboBoxRenderElement;\n  #userEl?: HTMLChEditElement;\n  #sidebarEl: HTMLChSidebarElement;\n  #revisionsGridEl: HTMLChTabularGridElement;\n\n  @State() historyDetail: RevisionDetailData;\n\n  /**\n   * The files rendered in the table\n   */\n  @State() objects: RevisionData[] = [];\n\n  /**\n   * Used to call getObjectsFromVersion from the versionsChanged method only once after receiving the versions for the first time.\n   */\n  @State() isFirstLoad: boolean = true;\n\n  /**\n   * Used to hide the select-kb-items when collapsed\n   */\n  @State() sidebarExpanded: boolean = true;\n\n  /**\n   * Used to show or hide the filters section\n   */\n  @State() filtersHidden = true;\n\n  /**\n   * To show a loader when the component is loading\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The Id of the selected revision in the revisions grid\n   */\n  @State() selectedRevisionId: string;\n\n  /**\n   * Used to customize the select-kb-items \"header\" part grid layout\n   */\n  @State() hasActiveVersion: boolean = false; // TODO:\n\n  /**\n   * Possible values of type filter\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * Callback emitted when the user right click on an item\n   */\n  @Prop() readonly itemContextMenuCallback: (\n    info: ContextMenuInfo\n  ) => Promise<void>;\n\n  /**\n   * Callback invoked when user right-clicks on the grid\n   */\n  @Prop() readonly gridContextMenuCallback: (\n    info: ContextMenuInfo\n  ) => Promise<void>;\n\n  /**\n   * The Id of the selected version in the select-kb-items component\n   */\n  @Prop({ mutable: true }) selectedVersionId: string;\n  @Watch(\"selectedVersionId\")\n  async selectedVersionIdChanged(newSelectedVersionId: string) {\n    this.selectedVersionId = newSelectedVersionId;\n\n    // Reset filters\n    this.#searchEl.value = null;\n    this.#fromEl.value = null;\n    this.#toEl.value = null;\n    this.#revisionEl.value = null;\n    this.#userEl.value = null;\n    this.#typesEl.value = this.#types[0]?.value;\n\n    await this.#getObjectsFromVersion(newSelectedVersionId);\n  }\n\n  /**\n   * List of versions to show in the versions tree\n   */\n  @Prop({ mutable: true }) versions: ItemNode[] = [];\n  @Watch(\"versions\")\n  async versionsListChanged(newVersionsList: ItemNode[]) {\n    this.versions = newVersionsList;\n    this.hasActiveVersion = hasActiveVersionInList(newVersionsList);\n\n    if (\n      newVersionsList.length > 0 &&\n      this.selectedVersionId &&\n      this.isFirstLoad\n    ) {\n      await this.#getObjectsFromVersion(this.selectedVersionId);\n      this.isFirstLoad = false;\n    }\n  }\n\n  /**\n   * 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.\n\n   */\n  @Prop() readonly loadCallback: LoadCallback;\n\n  /**\n   * Callback invoked to obtain detailed info from a revision. As parameter receive internal revision id\n   */\n  @Prop() readonly loadDetailCallback: LoadDetailCallback;\n\n  /**\n   * Callback invoked when the selected version changes. As parameter receive the selected version id\n   */\n  @Prop() readonly selectedVersionChangeCallback: SelectedVersionChangeCallback;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#types = mapObjectTypeToComboBoxItemModel(this.types);\n  }\n\n  async componentDidLoad() {\n    this.#sidebarEl.addEventListener(\n      \"expandedChange\",\n      (e: CustomEvent<boolean>) => {\n        this.sidebarExpanded = e.detail;\n      }\n    );\n  }\n\n  #getIconState = (state: ObjectState): Element => {\n    let icon = <ch-image src={PRIVATE_ICON} class=\"icon-sm\"></ch-image>;\n    switch (state) {\n      case \"Inserted\":\n        icon = <ch-image src={NEW_ICON} class=\"icon-sm\"></ch-image>;\n        break;\n\n      case \"Modified\":\n        icon = <ch-image src={CHANGES_PENDING_ICON} class=\"icon-sm\"></ch-image>;\n        break;\n\n      case \"Deleted\":\n        icon = <ch-image src={DELETED_ICON} class=\"icon-sm\"></ch-image>;\n        break;\n    }\n    return icon;\n  };\n\n  #getObjectsFromVersion = async (versionId: string): Promise<void> => {\n    this.loading = true;\n\n    const filters: FiltersData = {\n      search: this.#searchEl.value ? this.#searchEl.value : \"\",\n      from: this.#fromEl.value ? new Date(this.#fromEl.value) : null,\n      to: this.#toEl.value ? new Date(this.#toEl.value) : null,\n      revision: this.#revisionEl.value ? this.#revisionEl.value : \"\",\n      user: this.#userEl.value ? this.#userEl.value : \"\",\n      type: this.#typesEl.value === \"all\" ? \"\" : this.#typesEl.value\n    };\n\n    this.objects = await this.loadCallback(filters, versionId);\n    await this.#getSelectedRevision(this.objects[0]?.id);\n    this.loading = false;\n  };\n\n  #getSelectedRevision = async (revisionId: string) => {\n    if (revisionId) {\n      this.historyDetail = await this.loadDetailCallback(revisionId);\n      this.selectedRevisionId = revisionId;\n    } else {\n      this.historyDetail = null;\n    }\n  };\n\n  #registerGridContextMenuListener = (): void => {\n    if (this.#revisionsGridEl) {\n      this.#revisionsGridEl.addEventListener(\n        \"contextmenu\",\n        (ev: MouseEvent): void => {\n          ev.preventDefault();\n          ev.stopPropagation();\n          this.#gridContextMenuCallbackHandler(ev);\n        }\n      );\n    }\n  };\n\n  #gridContextMenuCallbackHandler = async (ev: MouseEvent): Promise<void> => {\n    this.gridContextMenuCallback({\n      selection: [this.selectedRevisionId],\n      clientX: ev.clientX,\n      clientY: ev.clientY\n    });\n  };\n\n  #toggleFiltersHandler = () => {\n    this.filtersHidden = !this.filtersHidden;\n  };\n\n  #renderCommitsGrid = (): Element => {\n    const tabularGridEmpty = this.objects?.length === 0 || !this.objects;\n    return (\n      <ch-tabular-grid\n        class={{\n          \"commits-grid\": true,\n          \"tabular-grid\": true,\n          \"tabular-grid--empty\": tabularGridEmpty\n        }}\n        onSelectionChanged={(ev: any) => {\n          this.objects.length > 0 &&\n            this.#getSelectedRevision(ev.detail.rowsId[0]);\n        }}\n        ref={(el: HTMLChTabularGridElement) => {\n          if (el && this.#revisionsGridEl !== el) {\n            this.#revisionsGridEl = el as HTMLChTabularGridElement;\n\n            this.#registerGridContextMenuListener();\n\n            if (this.objects.length > 0) {\n              this.#revisionsGridEl.selectRow(this.objects[0]?.id, true);\n            }\n          }\n        }}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.id}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.comment}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"1fr\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.user}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#_componentLocale.mainGrid.columns.commitDate}\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.objects.length > 0 ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: RevisionData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                key={obj.id}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.id}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.comment}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.user}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.commitDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              <gx-ide-empty-state\n                stateTitle={this.#_componentLocale.emptyRevisionsText}\n                isAnimated={true}\n              ></gx-ide-empty-state>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n\n        <ch-tabular-grid-row class=\"tabular-grid-row\"></ch-tabular-grid-row>\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderAffectedObjectsGrid = (): Element => {\n    const iterable = this.historyDetail ? this.historyDetail.objects : [];\n    const tabularGridEmpty =\n      this.historyDetail?.objects.length === 0 || !this.historyDetail;\n    return (\n      <ch-tabular-grid\n        class={{\n          \"affected-objects-grid\": true,\n          \"tabular-grid\": true,\n          \"tabular-grid--empty\": tabularGridEmpty\n        }}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.name\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.types\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.description\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"1fr\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={\n              this.#_componentLocale.affectedObjectsGrid.columns.action\n            }\n            column-name-position=\"text\"\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"max-content\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.historyDetail && this.historyDetail.objects.length > 0 ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {iterable.map((obj: ObjectData) => (\n              <ch-tabular-grid-row class=\"tabular-grid-row\">\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {this.#getIconState(obj.state)}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.type}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.action}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              <gx-ide-empty-state\n                stateIconSrc={FILTER_ICON}\n                stateTitle={this.#_componentLocale.emptyHistoryDetailText}\n                isAnimated={true}\n              ></gx-ide-empty-state>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n\n        <ch-tabular-grid-row class=\"tabular-grid-row\"></ch-tabular-grid-row>\n      </ch-tabular-grid>\n    );\n  };\n\n  #renderLoader = (): Element => {\n    return (\n      this.loading && (\n        <div class=\"main__content scrollable\">\n          <gx-ide-loader\n            loaderTitle={this.#_componentLocale.loader.title}\n            show\n            description={this.#_componentLocale.loader.description}\n          ></gx-ide-loader>\n        </div>\n      )\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <ch-sidebar\n          ref={(el: HTMLChSidebarElement) =>\n            (this.#sidebarEl = el as HTMLChSidebarElement)\n          }\n          class=\"sidebar\"\n          expanded={this.sidebarExpanded}\n          expandButtonCollapseAccessibleName={\n            this.#_componentLocale.sidebar.collapseAriaLabel\n          }\n          expandButtonExpandAccessibleName={\n            this.#_componentLocale.sidebar.expandAriaLabel\n          }\n          showExpandButton\n        >\n          <gx-ide-select-kb-items\n            class={{\n              \"sidebar-expanded\": this.sidebarExpanded,\n              \"has-active-version\": this.hasActiveVersion\n            }}\n            checkboxType=\"none\"\n            itemsList={this.versions}\n            expandOnClick={false}\n            selectionChanged={this.selectedVersionChangeCallback}\n            itemContextMenuCallback={this.itemContextMenuCallback}\n          ></gx-ide-select-kb-items>\n        </ch-sidebar>\n\n        <main class=\"main spacing-body-block-start spacing-body-inline\">\n          <div class=\"main__header\">\n            <div class=\"search-filter\">\n              <div class=\"field field-inline\">\n                <label class=\"label\" htmlFor=\"search\">\n                  {this.#_componentLocale.filters.search}\n                </label>\n                <ch-edit\n                  value=\"\"\n                  class=\"input\"\n                  startImgSrc={SEARCH_ICON}\n                  part=\"search\"\n                  id=\"search\"\n                  ref={(el: HTMLChEditElement) =>\n                    (this.#searchEl = el as HTMLChEditElement)\n                  }\n                ></ch-edit>\n              </div>\n\n              <button\n                id=\"filter-toggle-button\"\n                class=\"button-teritary button-icon-only\"\n                aria-label={this.#_componentLocale.searchFilter.filterAriaLabel}\n                aria-expanded={this.filtersHidden ? \"false\" : \"true\"}\n                aria-controls=\"filters-container\"\n                onClick={() => this.#toggleFiltersHandler()}\n              >\n                <ch-image class=\"icon-md\" src={FILTER_ICON_PRIMARY}></ch-image>\n              </button>\n\n              <button\n                class=\"button-teritary button-icon-only\"\n                aria-label={this.#_componentLocale.searchFilter.reloadAriaLabel}\n                onClick={() =>\n                  this.#getObjectsFromVersion(this.selectedVersionId)\n                }\n                part={this.#_componentLocale.searchFilter.reloadAriaLabel}\n              >\n                <ch-image class=\"icon-md\" src={RESET_ICON}></ch-image>\n              </button>\n            </div>\n\n            <div\n              id=\"filters-container\"\n              aria-labelledby=\"filter-toggle-button\"\n              class={{\n                \"filters-container-visible\": !this.filtersHidden,\n                \"filters-container\": true\n              }}\n              inert={this.filtersHidden}\n              hidden={this.filtersHidden}\n            >\n              <div>\n                <div class=\"filters-grid\">\n                  <div class=\"field field-block field-from\">\n                    <label class=\"label\" htmlFor=\"from\">\n                      {this.#_componentLocale.filters.from}\n                    </label>\n                    <ch-edit\n                      value=\"\"\n                      class=\"input\"\n                      type=\"date\"\n                      part=\"from\"\n                      id=\"from\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#fromEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n\n                  <div class=\"field field-block field-to\">\n                    <label class=\"label\" htmlFor=\"to\">\n                      {this.#_componentLocale.filters.to}\n                    </label>\n                    <ch-edit\n                      value=\"\"\n                      class=\"input\"\n                      type=\"date\"\n                      id=\"to\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#toEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n\n                  <div class=\"field field-block field-type\">\n                    <label class=\"label\" htmlFor=\"type\">\n                      {this.#_componentLocale.filters.type}\n                    </label>\n\n                    <ch-combo-box-render\n                      accessibleName=\"types\"\n                      class=\"combo-box\"\n                      part=\"type\"\n                      model={this.#types}\n                      value={this.#types[0]?.value}\n                      ref={(el: HTMLChComboBoxRenderElement) =>\n                        (this.#typesEl = el as HTMLChComboBoxRenderElement)\n                      }\n                    ></ch-combo-box-render>\n                  </div>\n\n                  <div class=\"field field-block field-user\">\n                    <label class=\"label\" htmlFor=\"user\">\n                      {this.#_componentLocale.filters.user}\n                    </label>\n\n                    <ch-edit\n                      value=\"\"\n                      part=\"user\"\n                      class=\"input\"\n                      id=\"user\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#userEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n\n                  <div class=\"field field-block field-revision\">\n                    <label class=\"label\" htmlFor=\"revision\">\n                      {this.#_componentLocale.filters.revision}\n                    </label>\n\n                    <ch-edit\n                      value=\"\"\n                      part=\"revision\"\n                      class=\"input\"\n                      id=\"revision\"\n                      ref={(el: HTMLChEditElement) =>\n                        (this.#revisionEl = el as HTMLChEditElement)\n                      }\n                    ></ch-edit>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {this.#renderLoader()}\n\n          {!this.loading && (\n            <div class=\"main__content scrollable\">\n              {this.#renderCommitsGrid()}\n\n              <div class=\"field field-block\">\n                <label class=\"label\" htmlFor=\"comment-area\">\n                  {this.historyDetail ? this.historyDetail.title : null}\n                </label>\n                <ch-edit\n                  class=\"input comment-text-area\"\n                  value={this.historyDetail ? this.historyDetail.comment : null}\n                  multiline\n                  autoGrow\n                  readonly={true}\n                  part=\"comment-area\"\n                  id=\"comment-area\"\n                ></ch-edit>\n              </div>\n\n              {this.#renderAffectedObjectsGrid()}\n            </div>\n          )}\n        </main>\n      </Host>\n    );\n  }\n}\n\n// Types\nexport type ObjectType = {\n  id: string;\n  name: string;\n  icon?: string;\n};\n\nexport type FiltersData = {\n  search: string;\n  from?: Date;\n  to?: Date;\n  user?: string;\n  revision?: string;\n  type?: string;\n};\nexport type RevisionData = {\n  id: string;\n  comment: string;\n  user: string;\n  commitDate: Date;\n};\n\nexport type RevisionDetailData = {\n  title: string;\n  comment: string;\n  objects: ObjectData[];\n};\nexport type ObjectData = {\n  typeIcon: string;\n  state: ObjectState;\n  name: string;\n  type: string;\n  description: string;\n  action: string;\n};\nexport type ObjectState = \"Inserted\" | \"Modified\" | \"Deleted\";\n\nexport type LoadCallback = (\n  filters: FiltersData,\n  versionId: string\n) => Promise<RevisionData[]>;\n\nexport type LoadDetailCallback = (\n  revision: string\n) => Promise<RevisionDetailData>;\n\nexport type SelectedVersionChangeCallback = (\n  selectedVersion: string[]\n) => Promise<void>;\n"],"mappings":"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"}