@genexus/genexus-ide-ui 1.1.20 → 1.1.22

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

@@ -0,0 +1,683 @@
+import { r as t, c as e, h as i, H as s, a } from "./p-25a9f1d7.js";
+
+import { g as o } from "./p-2987a259.js";
+
+import { r, a as l } from "./p-0f8a8202.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+import { c } from "./p-13738332.js";
+
+import { f as d } from "./p-957046fd.js";
+
+const mapObjectTypeToComboBoxItemModel = t => t.map((t => ({
+  value: t.id,
+  caption: t.name,
+  startImgSrc: t.icon
+})));
+
+const mapGxOptionsToComboBoxItemModel = t => t.map((t => ({
+  value: t.id,
+  caption: t.label || t.name || ""
+})));
+
+const h = '.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}section{display:contents}.header__first-row{grid-template-columns:1fr max-content}.field-comment{flex:1}.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}.filter{grid-template-areas:"field-pattern field-folder field-type" "field-changeset field-changeset field-category";padding-block-start:var(--mer-spacing--sm)}.field-pattern{grid-area:field-pattern}.field-folder{grid-area:field-folder}.field-type{grid-area:field-type}.field-changeset{grid-area:field-changeset}.field-category{grid-area:field-category}.ch-tab-slot{inline-size:100%;overflow:auto}.tab{border:none !important}.tabular-grid{block-size:100%;position:relative;overflow:auto}.tabular-grid-cell.tabular-grid-cell-description{max-inline-size:600px}gx-ide-loader{position:absolute;inline-size:100%;block-size:100%}ch-tabular-grid-rowset-empty{position:relative}.tooltip{position:absolute}';
+
+var f = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
+};
+
+var u = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
+};
+
+var m, b, g, p, w, y, v, k, M, C, x, W, S, I, z, T, j, H, E, L, N, R, _, D, F, $, A, P, O, U, X, Y;
+
+const q = o({
+  category: "window-tools",
+  name: "filter",
+  colorType: "primary"
+});
+
+const B = o({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-surface"
+});
+
+const G = o({
+  category: "window-tools",
+  name: "filter-conditions",
+  colorType: "primary"
+});
+
+const J = o({
+  category: "gemini-tools",
+  name: "reset",
+  colorType: "primary"
+});
+
+const K = "All";
+
+const Q = [ "resets/box-sizing", "components/button", "components/checkbox", "components/combo-box", "components/edit", "components/tab", "components/icon", "components/tabular-grid", "components/tooltip", "chameleon/scrollbar", "utils/form", "utils/layout", "utils/typography", "utils/spacing" ];
+
+const V = class {
+  constructor(s) {
+    t(this, s);
+    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        m.set(this, void 0);
+    b.set(this, false);
+ // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
+        g.set(this, false);
+    p.set(this, [ {
+      id: "pending-commits",
+      name: "Pending Commits"
+    }, {
+      id: "ignored-objects",
+      name: "Ignored Objects"
+    } ]);
+    // filters
+        w.set(this, void 0);
+    y.set(this, void 0);
+    v.set(this, void 0);
+    k.set(this, void 0);
+    M.set(this, void 0);
+    C.set(this, void 0);
+    // other
+        x.set(this, void 0);
+    W.set(this, void 0);
+    S.set(this, (() => {
+      this.foldersChangedHandler(this.folders);
+      this.typesChangedHandler(this.types);
+      this.changeSetChangedHandler(this.changeSet);
+      this.categoriesChangedHandler(this.categories);
+    }));
+    I.set(this, (async () => {
+      const t = f(this, v, "f").value;
+      if (!t.length) {
+        // A comment is required to commit.
+        this.commentInputHasError = true;
+        return;
+      }
+      this.commitingObjects = true;
+      this.commentInputHasError = false;
+      const e = await f(this, W, "f").getMarkedRows();
+      await this.commitCallback(e, t);
+      this.commitingObjects = false;
+    }));
+    z.set(this, (() => {
+      // TODO: This should update
+      if (f(this, M, "f").value !== "" || f(this, y, "f").value !== K || f(this, C, "f").value !== K || f(this, k, "f").value !== K || f(this, w, "f").value !== K) {
+        this.filterHasConditions = true;
+      } else {
+        this.filterHasConditions = false;
+      }
+    }));
+    T.set(this, (async () => {
+      if (this.getRecentCommentCallback) {
+        const t = await this.getRecentCommentCallback();
+        if (t) {
+          f(this, v, "f").value = t;
+        }
+      }
+    }));
+    j.set(this, (t => async e => {
+      if (this.selectCallback) {
+        await this.selectCallback(t, e.detail.rowsId);
+      }
+    }));
+    H.set(this, (t => {
+      const {columnId: e, sortDirection: i} = t.detail;
+      const s = this.pendingCommits;
+      s.sort(((t, s) => {
+        if (t[e] < s[e]) {
+          return i === "asc" ? -1 : 1;
+        }
+        if (t[e] > s[e]) {
+          return i === "asc" ? 1 : -1;
+        }
+        return 0;
+      }));
+      this.pendingCommits = [ ...s ];
+    }));
+    E.set(this, (async () => {
+      this.loading = true;
+      const t = {
+        pattern: f(this, M, "f").value,
+        changeSet: f(this, y, "f").value,
+        folder: f(this, k, "f").value,
+        category: f(this, w, "f").value,
+        type: f(this, C, "f").value
+      };
+      f(this, z, "f").call(this);
+      await this.loadCallback(t).then((async ({pending: t, ignored: e}) => {
+        this.pendingCommits = [ ...t ];
+        this.ignoredObjects = [ ...e ];
+      }));
+      this.loading = false;
+      f(this, O, "f").call(this);
+    }));
+    L.set(this, (async () => {
+      await f(this, W, "f").markAllRows();
+    }));
+    N.set(this, (t => async e => {
+      e.preventDefault();
+      e.stopPropagation();
+      let i = [];
+      if (t === "commit") {
+        i = e.detail.selectedRowsId;
+      } else if (t === "ignored") {
+        i = await f(this, x, "f").getSelectedRows();
+      }
+      if (this.objectsContextMenuCallback) {
+        await this.objectsContextMenuCallback(t, {
+          selection: i,
+          clientX: e.detail.clientX,
+          clientY: e.detail.clientY
+        });
+      }
+    }));
+    R.set(this, (async t => {
+      // remove "rowMarkingChanged" until checkboxes have been added/removed on #togglePendingCommitsCheckboxes, to prevent loops.
+      f(this, W, "f").removeEventListener("rowMarkingChanged", f(this, R, "f"));
+      if (f(this, W, "f")) {
+        const e = t.detail.addedRowsId;
+        const i = t.detail.removedRowsId;
+        const s = await this.pendingItemsCheckedCallback({
+          itemsChecked: e,
+          itemsUnchecked: i
+        });
+        if (s === undefined) {
+          // undo check/uncheck
+          await f(this, A, "f").call(this, e, i);
+        } else {
+          await f(this, P, "f").call(this, s);
+        }
+        f(this, W, "f").addEventListener("rowMarkingChanged", f(this, R, "f"));
+      }
+    }));
+    _.set(this, ((t = false) => i("ch-tabular-grid-columnset", {
+      class: "tabular-grid-column-set"
+    }, t && i("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnType: "rich",
+      richRowSelector: true,
+      richRowSelectorMode: "mark",
+      settingable: false,
+      sortable: false,
+      size: c.tabularGrid.colSize.maxContent
+    }), i("ch-tabular-grid-column", {
+      columnId: "name",
+      class: "tabular-grid-column",
+      sortable: true,
+      columnName: "Name",
+      settingable: false,
+      onColumnSortChanged: f(this, H, "f"),
+      size: c.tabularGrid.colSize.maxContent
+    }), i("ch-tabular-grid-column", {
+      columnId: "type",
+      class: "tabular-grid-column",
+      sortable: true,
+      columnName: "Type",
+      settingable: false,
+      onColumnSortChanged: f(this, H, "f"),
+      size: c.tabularGrid.colSize.maxContent
+    }), i("ch-tabular-grid-column", {
+      columnId: "description",
+      class: "tabular-grid-column",
+      columnName: "Description",
+      settingable: false,
+      sortable: true,
+      onColumnSortChanged: f(this, H, "f"),
+      size: c.tabularGrid.colSize.maxContent
+    }), i("ch-tabular-grid-column", {
+      columnId: "modifiedOn",
+      class: "tabular-grid-column",
+      sortable: true,
+      columnName: "Modified On",
+      settingable: false,
+      onColumnSortChanged: f(this, H, "f"),
+      size: c.tabularGrid.colSize.maxContent
+    }), i("ch-tabular-grid-column", {
+      columnId: "module",
+      class: "tabular-grid-column",
+      columnName: "Module",
+      settingable: false,
+      sortable: true,
+      onColumnSortChanged: f(this, H, "f"),
+      size: c.tabularGrid.colSize.maxContent
+    }), i("ch-tabular-grid-column", {
+      columnId: "localState",
+      class: "tabular-grid-column",
+      columnName: "Local State",
+      settingable: false,
+      sortable: true,
+      onColumnSortChanged: f(this, H, "f"),
+      size: c.tabularGrid.colSize.maxContent
+    }), i("ch-tabular-grid-column", {
+      columnId: "lastSynchronized",
+      class: "tabular-grid-column",
+      columnName: "Last Synchronized",
+      settingable: false,
+      sortable: true,
+      onColumnSortChanged: f(this, H, "f"),
+      size: c.tabularGrid.colSize.auto
+    }))));
+    D.set(this, (t => [ i("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, t.name), i("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, r(t.type)), i("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell tabular-grid-cell-description"
+    }, t.description), i("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, `${d(t.modifiedOn)}`), i("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, t.module), i("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, l(t.localState)), i("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, `${d(t.lastSynchronized)}`) ]));
+    F.set(this, (() => {
+      var t;
+      const e = ((t = this.ignoredObjects) === null || t === void 0 ? void 0 : t.length) === 0 || !this.ignoredObjects;
+      return i("ch-tabular-grid", {
+        // ignored objects grid render
+        class: {
+          "tabular-grid": true,
+          "tabular-grid--empty": e
+        },
+        rowSelectionMode: "multiple",
+        ref: t => u(this, x, t, "f"),
+        allowColumnReorder: false,
+        part: "ch-grid-pending-commits",
+        onRowContextMenu: f(this, N, "f").call(this, "ignored"),
+        onSelectionChanged: f(this, j, "f").call(this, "ignored")
+      }, this.commitingObjects && i("gx-ide-loader", {
+        loaderTitle: f(this, m, "f").loader.title,
+        description: f(this, m, "f").loader.description,
+        show: true
+      }), f(this, _, "f").call(this), this.ignoredObjects.length > 0 ? i("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, this.ignoredObjects.map((t => i("ch-tabular-grid-row", {
+        rowid: t.id,
+        selected: true,
+        class: "tabular-grid-row"
+      }, f(this, D, "f").call(this, t))))) : i("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, i("ch-tabular-grid-rowset-empty", null, i("gx-ide-empty-state", {
+        stateIconSrc: B,
+        stateTitle: f(this, m, "f").emptyIgnoredObjects,
+        isAnimated: true
+      }))));
+    }));
+    $.set(this, (() => {
+      var t;
+      const e = true;
+      const s = ((t = this.pendingCommits) === null || t === void 0 ? void 0 : t.length) === 0 || !this.pendingCommits;
+      if (this.loading) {
+        return i("div", {
+          class: "tabular-grid"
+        }, i("gx-ide-loader", {
+          loaderTitle: f(this, m, "f").objectsLoader.title,
+          description: f(this, m, "f").objectsLoader.description,
+          show: true
+        }));
+      }
+      return i("ch-tabular-grid", {
+        // pending commits grid render
+        class: {
+          "tabular-grid": true,
+          "tabular-grid--empty": s
+        },
+        rowSelectionMode: "multiple",
+        ref: t => u(this, W, t, "f"),
+        allowColumnReorder: false,
+        part: "ch-grid-pending-commits",
+        onRowContextMenu: f(this, N, "f").call(this, "commit"),
+        onSelectionChanged: f(this, j, "f").call(this, "commit")
+      }, this.commitingObjects && i("gx-ide-loader", {
+        loaderTitle: f(this, m, "f").loader.title,
+        description: f(this, m, "f").loader.description,
+        show: true
+      }), f(this, _, "f").call(this, e), this.pendingCommits.length > 0 ? i("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, this.pendingCommits.map((t => i("ch-tabular-grid-row", {
+        rowid: t.id,
+        class: "tabular-grid-row"
+      }, i("ch-tabular-grid-cell", {
+        "cell-type": "rich",
+        "row-selector": true,
+        class: "tabular-grid-cell"
+      }), f(this, D, "f").call(this, t))))) : i("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, i("ch-tabular-grid-rowset-empty", null, i("gx-ide-empty-state", {
+        stateIconSrc: B,
+        stateTitle: f(this, m, "f").emptyPendingCommitsObjects,
+        isAnimated: true
+      }))));
+    }));
+    A.set(this, (async (t, e) => {
+      if (f(this, W, "f")) {
+        for (const e of t) {
+          await f(this, W, "f").markRow(e, false);
+        }
+        for (const t of e) {
+          await f(this, W, "f").markRow(t, true);
+        }
+      }
+    }));
+    P.set(this, (async t => {
+      if (f(this, W, "f")) {
+        const e = t.itemsToCheck;
+        const i = t.itemsToUncheck;
+        // check
+                for (const t of e) {
+          await f(this, W, "f").markRow(t, true);
+        }
+        // uncheck
+                for (const t of i) {
+          await f(this, W, "f").markRow(t, false);
+        }
+      }
+    }));
+    O.set(this, (() => {
+      u(this, p, [ {
+        id: "pending-commits",
+        name: `${f(this, m, "f").tabs.pendingCommits} (${this.pendingCommits.length})`
+      }, {
+        id: "ignored-objects",
+        name: `${f(this, m, "f").tabs.ignoredObjects} (${this.ignoredObjects.length})`
+      } ], "f");
+    }));
+    U.set(this, (async t => {
+      const e = t.detail;
+      if (e.length && this.commentInputHasError) {
+        // remove error style and tooltip
+        this.commentInputHasError = false;
+      }
+    }));
+    X.set(this, (() => {
+      this.filtersHidden = !this.filtersHidden;
+    }));
+    Y.set(this, (t => {
+      t.stopImmediatePropagation();
+    }));
+    this.comment = "";
+    this.filterHasConditions = false;
+    this.ignoredObjects = [];
+    this.pendingCommits = [];
+    this.commentInputHasError = false;
+    this.commitingObjects = false;
+    this.filtersHidden = true;
+    this.folderOptionsModel = undefined;
+    this.typeOptionsModel = undefined;
+    this.changeSetOptionsModel = undefined;
+    this.categoryOptionsModel = undefined;
+    this.loading = true;
+    this.categories = undefined;
+    this.changeSet = undefined;
+    this.commitCallback = undefined;
+    this.folders = undefined;
+    this.getRecentCommentCallback = undefined;
+    this.loadCallback = undefined;
+    this.objectsContextMenuCallback = undefined;
+    this.pendingItemsCheckedCallback = undefined;
+    this.selectCallback = undefined;
+    this.types = undefined;
+  }
+  categoriesChangedHandler(t) {
+    mapGxOptionsToComboBoxItemModel(t);
+  }
+  changeSetChangedHandler(t) {
+    this.changeSetOptionsModel = mapGxOptionsToComboBoxItemModel(t);
+  }
+  foldersChangedHandler(t) {
+    this.folderOptionsModel = mapGxOptionsToComboBoxItemModel(t);
+  }
+  typesChangedHandler(t) {
+    this.typeOptionsModel = mapObjectTypeToComboBoxItemModel(t);
+  }
+  async componentDidLoad() {
+    await f(this, E, "f").call(this);
+    u(this, b, true, "f");
+    this.componentDidLoadEvent.emit(true);
+    f(this, v, "f").focus();
+  }
+  async componentDidRender() {
+    if (!f(this, g, "f")) {
+      this.componentDidRenderFirstTime.emit(f(this, m, "f").componentName);
+      u(this, g, true, "f");
+    }
+    if (f(this, b, "f")) {
+      // call this method only once
+      await f(this, L, "f").call(this);
+      // attach "rowMarkingChanged" after rows have been checked for the first time.
+            f(this, W, "f").addEventListener("rowMarkingChanged", f(this, R, "f"));
+      u(this, b, false, "f");
+    }
+  }
+  async componentWillLoad() {
+    u(this, m, await n.getComponentStrings(this.el), "f");
+    f(this, S, "f").call(this);
+  }
+  /**
+     * Method used by the Host to force a data refresh in the grids
+     */  async reload() {
+    f(this, E, "f").call(this);
+  }
+  render() {
+    const t = this.filterHasConditions ? G : q;
+    return i(s, {
+      class: "widget"
+    }, i("ch-theme", {
+      model: Q
+    }), i("section", {
+      class: "section"
+    }, i("header", {
+      class: "header spacing-body"
+    }, i("div", {
+      class: "header__first-row field-group"
+    }, i("div", {
+      class: "buttons-spacer"
+    }, i("div", {
+      // pattern
+      class: "field field-inline field-comment"
+    }, i("label", {
+      class: "label",
+      htmlFor: "pattern-form-text"
+    }, f(this, m, "f").header.commentLabel), i("ch-edit", {
+      // commit comment
+      id: "comment",
+      class: {
+        input: true,
+        "commit-input": true,
+        scrollable: true,
+        "input-error": this.commentInputHasError
+      },
+      placeholder: f(this, m, "f").header.commentPlaceholder,
+      onInput: f(this, U, "f"),
+      value: this.comment,
+      ref: t => u(this, v, t, "f"),
+      part: "comment"
+    })), i("button", {
+      id: "filter-toggle-button",
+      class: "button-teritary button-icon-only",
+      "aria-label": f(this, m, "f").header.filterAriaLabel,
+      "aria-expanded": this.filtersHidden ? "false" : "true",
+      "aria-controls": "filters-container",
+      onClick: f(this, X, "f"),
+      title: f(this, m, "f").header.filterAriaLabel
+    }, i("ch-image", {
+      class: "icon-md",
+      src: t
+    })), i("button", {
+      class: "button-teritary button-icon-only",
+      "aria-label": f(this, m, "f").header.reloadAriaLabel,
+      title: f(this, m, "f").header.reloadAriaLabel,
+      onClick: f(this, E, "f"),
+      part: f(this, m, "f").header.reloadAriaLabel
+    }, i("ch-image", {
+      class: "icon-md",
+      src: J
+    }))), this.commentInputHasError && i("ch-tooltip", {
+      class: "tooltip",
+      actionElement: f(this, v, "f"),
+      blockAlign: "outside-end",
+      inlineAlign: c.tooltipSettings.inlineAlign,
+      delay: c.tooltipSettings.delay
+    }, f(this, m, "f").header.commentEmptyError), i("div", {
+      class: "buttons-spacer"
+    }, i("button", {
+      type: "button",
+      class: "button-secondary recent-comments-btn",
+      part: "button button-location",
+      onClick: f(this, T, "f"),
+      "aria-label": f(this, m, "f").header.recentCommentsButton,
+      disabled: this.commitingObjects
+    }, f(this, m, "f").header.recentCommentsButton))), i("div", {
+      id: "filters-container",
+      "aria-labelledby": "filter-toggle-button",
+      class: {
+        "filters-container-visible": !this.filtersHidden,
+        "filters-container": true
+      },
+      inert: this.filtersHidden,
+      hidden: this.filtersHidden
+    }, i("div", null, i("div", {
+      slot: "filter",
+      class: "filter field-group"
+    }, i("div", {
+      // pattern
+      class: "field field-block field-pattern"
+    }, i("label", {
+      class: "label",
+      htmlFor: "pattern-form-text"
+    }, f(this, m, "f").filtersMenu.patternLabel), i("ch-edit", {
+      id: "pattern-form-text",
+      class: "input",
+      value: "",
+      ref: t => u(this, M, t, "f"),
+      debounce: c.inputDebounce,
+      onInput: f(this, E, "f"),
+      part: "pattern-form-text"
+    })), i("div", {
+      // folder
+      class: "field field-block field-folder"
+    }, i("label", {
+      class: "label",
+      htmlFor: "folder-combo"
+    }, f(this, m, "f").filtersMenu.folderLabel), i("ch-combo-box-render", {
+      id: "folder-combo",
+      class: "combo-box",
+      value: this.folders[0].id,
+      model: this.folderOptionsModel,
+      ref: t => u(this, k, t, "f"),
+      onInput: f(this, E, "f"),
+      part: "folder-combo"
+    })), i("div", {
+      // type
+      class: "field field-block field-type"
+    }, i("label", {
+      class: "label",
+      htmlFor: "type-combo"
+    }, f(this, m, "f").filtersMenu.typeLabel), i("ch-combo-box-render", {
+      id: "type-combo",
+      class: "combo-box",
+      value: this.types[0].id,
+      model: this.typeOptionsModel,
+      ref: t => u(this, C, t, "f"),
+      onInput: f(this, E, "f"),
+      part: "type-combo"
+    })), i("div", {
+      // changeset
+      class: "field field-block field-changeset"
+    }, i("label", {
+      class: "label",
+      htmlFor: "changeset-combo"
+    }, f(this, m, "f").filtersMenu.changesetLabel), i("ch-combo-box-render", {
+      id: "changeset-combo",
+      class: "combo-box",
+      value: this.changeSet[0].id,
+      model: this.changeSetOptionsModel,
+      ref: t => u(this, y, t, "f"),
+      onInput: f(this, E, "f"),
+      part: "changeset-combo"
+    })), i("div", {
+      // category
+      class: "field field-block field-category"
+    }, i("label", {
+      class: "label",
+      htmlFor: "category-combo"
+    }, f(this, m, "f").filtersMenu.categoryLabel), i("ch-combo-box-render", {
+      id: "category-combo",
+      class: "combo-box",
+      value: this.categories[0].id,
+      model: this.categoryOptionsModel,
+      ref: t => u(this, w, t, "f"),
+      onInput: f(this, E, "f"),
+      part: "category-combo"
+    })))))), i("ch-tab-render", {
+      class: "tab scrollable",
+      tabListPosition: "block-start",
+      model: f(this, p, "f"),
+      selectedId: "pending-commits",
+      showTabListEnd: true,
+      overflow: "auto auto",
+      contain: "size",
+      onSelectedItemChange: f(this, Y, "f")
+    }, i("div", {
+      class: "ch-tab-slot",
+      slot: "pending-commits",
+      part: "pending-commits"
+    }, f(this, $, "f").call(this)), i("div", {
+      class: "ch-tab-slot",
+      slot: "ignored-objects",
+      part: "ignored-objects"
+    }, f(this, F, "f").call(this))), i("footer", {
+      class: "control-footer control-footer-with-border spacing-body-inline spacing-body-block-end"
+    }, i("button", {
+      class: "button-primary",
+      onClick: f(this, I, "f"),
+      part: "commit-button",
+      disabled: this.commitingObjects
+    }, f(this, m, "f").footer.commitButton))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-commit" ];
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      categories: [ "categoriesChangedHandler" ],
+      changeSet: [ "changeSetChangedHandler" ],
+      folders: [ "foldersChangedHandler" ],
+      types: [ "typesChangedHandler" ]
+    };
+  }
+};
+
+m = new WeakMap, b = new WeakMap, g = new WeakMap, p = new WeakMap, w = new WeakMap, 
+y = new WeakMap, v = new WeakMap, k = new WeakMap, M = new WeakMap, C = new WeakMap, 
+x = new WeakMap, W = new WeakMap, S = new WeakMap, I = new WeakMap, z = new WeakMap, 
+T = new WeakMap, j = new WeakMap, H = new WeakMap, E = new WeakMap, L = new WeakMap, 
+N = new WeakMap, R = new WeakMap, _ = new WeakMap, D = new WeakMap, F = new WeakMap, 
+$ = new WeakMap, A = new WeakMap, P = new WeakMap, O = new WeakMap, U = new WeakMap, 
+X = new WeakMap, Y = new WeakMap;
+
+V.style = h;
+
+export { V as gx_ide_team_dev_commit };
+//# sourceMappingURL=p-d4ef0c35.entry.js.map