@genexus/genexus-ide-ui 1.1.40 → 1.1.42

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

@@ -0,0 +1,691 @@
+import { h as t, r as i, H as e, a as s } from "./p-97107ecc.js";
+
+import { L as r } from "./p-311eedf3.js";
+
+import { u as a, a as n } from "./p-c9b9e260.js";
+
+import { A as o, a as l, I as d, r as c, b as h, C as p } from "./p-77c2e69d.js";
+
+import { s as f } from "./p-02fb496a.js";
+
+import "./p-401bfc97.js";
+
+import "./p-a24571ca.js";
+
+import "./p-8c15538c.js";
+
+import "./p-edcd0022.js";
+
+import "./p-9a03ac9f.js";
+
+/**
+ * Filters a grid selection to only include rows from the given source ("pending" or "ignored").
+ * Rows from the other category are unselected.
+ *
+ * @param {SourceType} gridSource - The source category of the selection.
+ * @param {string[]} selectedRowsIds - The currently selected row IDs.
+ * @returns {string[]} Filtered row IDs belonging to the specified source.
+ */ const clearGridSelection = (t, i, e, s, r) => {
+  let a = [];
+  if (i.length > 1 && t === "pending") {
+    i.forEach((async t => {
+      if (s.has(t)) {
+        await r.selectRow(t, false);
+      } else {
+        a.push(t);
+      }
+    }));
+  } else if (i.length > 1 && t === "ignored") {
+    i.forEach((async t => {
+      if (e.has(t)) {
+        await r.selectRow(t, false);
+      } else {
+        a.push(t);
+      }
+    }));
+  } else {
+    a = i;
+  }
+  return a;
+};
+
+const headerDetail = (i = "text", e, s, r, a) => t("div", {
+  class: {
+    [a]: true,
+    "field field-block": true
+  }
+}, t("span", {
+  class: "detail__label body-semi-bold-s"
+}, e), i === "text" ? t("p", {
+  class: "body-regular-s"
+}, s) : t("button", {
+  class: "detail__link body-regular-s",
+  onClick: r
+}, s));
+
+const headerTitle = (i, e) => t("h2", {
+  class: {
+    [e]: true,
+    "header__title subtitle-semi-bold-s": true
+  }
+}, i);
+
+const changesetToComboBoxModel = t => {
+  if (!t) return [];
+  return t.map((t => ({
+    value: t.id,
+    caption: t.name === "All" ? "All Changesets" : t.label || t.name || ""
+  })));
+};
+
+const foldersToComboBoxModel = t => t.map((t => ({
+  value: t.name,
+  caption: t.name === "All" ? "All Modules" : t.label || t.name || ""
+})));
+
+const typesToComboBoxItemModel = t => t.map((t => ({
+  value: t.id,
+  caption: t.name === "All" ? "All Types" : t.name || "",
+  startImgSrc: t.icon
+})));
+
+const m = '.detail__knowledge-base{padding-inline:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.detail__genexus-server{padding-inline-end:24px;border-inline-end:1px solid var(--mer-border-color__on-elevation--01)}.detail__version{padding-inline-start:24px}.filter,.filter-secondary>div{display:grid;gap:12px}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content 1fr;--pill-border-radius:12px;--pill-padding-inline:8px;--pill-padding-block:2px;--pill-font-size:var(--font-size-body-s)}.section{display:grid;display:contents}.header__details{display:grid;row-gap:var(--mer-spacing--md);grid-auto-columns:max-content;grid-auto-rows:max-content;margin-block-end:var(--mer-spacing--lg)}.detail__label{color:var(--mer-color__neutral-gray--400)}.detail__link{align-items:start;color:var(--mer-text__primary);text-decoration:underline}.detail__link:hover{color:var(--mer-text__primary--hover)}.detail__link:active{color:var(--mer-text__primary--active)}.filter__combo{max-block-size:minmax(0, 200px)}.main{position:relative;display:grid;overflow:auto}.loader{position:relative;inline-size:100%;block-size:100%;inset-block-start:0;--elevation-background-color:var(--mer-surface__elevation--01)}.empty-state{block-size:100%}.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon){pointer-events:none;opacity:0.5}.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label){visibility:hidden;pointer-events:none}.tabular-grid{border-radius:4px;overflow:hidden}.tabular-grid .tabular-grid-cell--for-pill{--grid-cell__padding-block:4px;align-items:center;justify-content:center}.tabular-grid .button-action-custom-selector{--control__padding-block:var(--pill-padding-block);--control__padding-inline:var(--pill-padding-inline);font-size:inherit;font-weight:inherit;}.tabular-grid.empty-result::part(main){overflow:hidden}.messages-list{margin:0;padding:0;list-style:none;max-inline-size:800px;padding:8px 0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--3xs)}.message-description{line-height:1.5;display:flex;align-items:center;gap:8px}.message-icon{flex-shrink:0}.pill{--pill-background-color:transparent;--pill-color:transparent;--pill-border-color:transparent;background-color:var(--pill-background-color);color:var(--pill-color);border:1px solid var(--pill-border-color);inline-size:100%;padding:var(--pill-padding-block) var(--pill-padding-inline);display:flex;align-items:center;justify-content:center;border-radius:var(--pill-border-radius);position:relative;font-weight:var(--font-weight-semi-bold)}.pill--update,.pill--pending{--pill-background-color:var();--pill-color:var(--mer-color__neutral-gray--400);--pill-border-color:var()}.pill--to-merge-marked{--pill-background-color:var();--pill-color:var(--mer-border-color__primary);--pill-border-color:var()}.pill--ignored{--pill-background-color:var(--mer-surface__elevation--02);--pill-color:var(--mer-text__on-disabled);--pill-border-color:var(--mer-border-color__primary--disabled)}.pill--pending{--pill-background-color:var(--mer-color__tinted-primary--8);--pill-color:var(--mer-border-color__primary);--pill-border-color:var(--mer-color__tinted-primary--50)}.pill--warning{--pill-background-color:var(--mer-color__tinted-yellow--5);--pill-color:var(--mer-border-color__warning);--pill-border-color:var(--mer-color__tinted-yellow--60)}.pill--error{--pill-background-color:var(--mer-color__tinted-red--5);--pill-color:var(--mer-border-color__error);--pill-border-color:var(--mer-color__tinted-red--60)}.pill--commited{--pill-background-color:var(--mer-color__tinted-green--5);--pill-color:var(--mer-border-color__success);--pill-border-color:var(--mer-color__tinted-green--60)}.pill--transitioning{--pill-color:transparent}.spinner-caption{display:flex;align-items:center;gap:6px;--status-circle-color:transparent;--status-circle-size:$size;--status-circle-inset-inline-start:14px;--pill-color:var(--mer-border-color__primary)}.spinner-caption::before{display:inline-block;content:"";width:14px;height:14px;border:calc(14px / 7) solid var(--mer-color__tinted-primary--50);border-top:calc(14px / 7) solid var(--mer-color__primary--300);border-radius:50%;animation:spin var(--mer-timing--regular) linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hiChar{color:var(--mer-color__primary--200);filter:brightness(1.3)}.custom-icon-text-wrapper{display:flex;align-items:center;gap:10px}.header__details{grid-template-areas:"detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update"}.detail__heading-genexus-server{grid-area:detail-heading-gx}.detail__genexus-server{grid-area:detail-genexus-server}.detail__knowledge-base{grid-area:detail-knowledge-base}.detail__version{grid-area:detail-version}.filter-container{container-type:inline-size;box-sizing:border-box;display:grid;column-gap:12px;grid-template-areas:"filter-primary filter-toggle-button filter-action-buttons" "filter-secondary . ." "comments comments comments";grid-template-columns:minmax(0, max-content) max-content 1fr}.filter-primary{grid-area:filter-primary;grid-template-columns:minmax(0, 200px) minmax(0, 200px) minmax(0, 200px)}.filter-container>:nth-child(2){grid-area:filter-toggle-button}.filter-container>:nth-child(3){grid-area:filter-action-buttons;justify-content:end}.filter__toggle-secondary-filter-btn{grid-area:filter-toggle-button}.filter__buttons{grid-area:filter-buttons;margin-inline-start:auto}.filter-secondary{display:grid;grid-template-rows:0fr;grid-area:filter-secondary;transition:grid-template-rows var(--mer-timing--fast)}.filter-secondary--visible{grid-template-rows:1fr}.filter-secondary>div{display:grid;overflow:hidden;font-size:0;grid-template-columns:repeat(3, minmax(0, 200px))}.filter-secondary>div>.combo-box,.comments{margin-block-start:12px}.comments{grid-area:comments}.input-comments-container{position:relative}.input-comments{--control__border-color:transparent;padding-block:0 !important;padding-inline:0 !important;--line-height-tight:1.4;block-size:100%;background-color:var(--mer-surface);transition:var(--mer-timing--super-fast) block-size, var(--mer-timing--super-fast) background-color, var(--mer-timing--super-fast) padding-block, var(--mer-timing--super-fast) padding-inline}.input-comments:focus{position:absolute;block-size:minmax(0, 200px);inline-size:100%;z-index:99;background-color:var(--mer-surface__elevation--01);padding-block:var(--control__padding-block) !important;padding-inline:var(--control__padding-inline) !important}';
+
+var g = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
+  if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
+};
+
+var u = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, r) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !r) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof i === "function" ? t !== i || !r : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? r.call(t, e) : r ? r.value = e : i.set(t, e), e;
+};
+
+var b, v, _, w, y, x, k, M, C, j, W, S, z, I, A, T, O, N, E, L, P, D, R, F, G, H, U;
+
+const X = "filters-secondary-container";
+
+const Y = "filter-toggle-button";
+
+const $ = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const q = class {
+  constructor(t) {
+    i(this, t);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        b.set(this, void 0);
+    /**
+         * The ComboBoxModel for "Local State" filter.
+         */    v.set(this, void 0);
+    /**
+         * Used to determine if pendingItemsCheckedCallback callback has to be
+         * called or not. It should be ignored if the grid checkboxes state is
+         * changed programmatically, by setting markRow to false once the object
+         * has been successfully updated, for example.
+         */    _.set(this, true);
+    /**
+         * A reference to the tablar grid. Used to call methods.
+         */    w.set(this, void 0);
+    // commit related
+        y.set(this, (() => {
+      g(this, k, "f").call(this, [ ...this.markedObjectsSet ]);
+    }));
+    x.set(this, (t => async () => {
+      const i = new Map(this.objectsStatusMap);
+      i.set(t, "commiting");
+      this.objectsStatusMap = i;
+      g(this, k, "f").call(this, [ t ]);
+    }));
+    k.set(this, (async t => {
+      if (this.commentsValue.length === 0) {
+        // A comment is required to commit.
+        this.commentInputHasError = true;
+        return;
+      }
+      this.commentInputHasError = false;
+      this.commiting = true;
+      t.forEach((t => {
+        this.objectsStatusMap.set(t, "commiting");
+      }));
+      const i = await this.commitCallback(t, this.commentsValue);
+      i.forEach((async t => {
+        const i = t.messages;
+        if (i.length) {
+          this.objectsMessagesDataMap.set(t.id, t.messages);
+        } else {
+          // clear messages
+          this.objectsMessagesDataMap.delete(t.id);
+        }
+        if (t.result === "commited") {
+          // Apply a new Set to "alreadyCommitedObjectsIdsSet" in order for the Watch to fire.
+          this.alreadyCommitedObjectsIdsSet = new Set([ ...this.alreadyCommitedObjectsIdsSet, t.id ]);
+          this.objectsStatusMap.set(t.id, "commited");
+          await g(this, w, "f").markRow(t.id, false);
+        } else {
+          this.objectsStatusMap.set(t.id, "pending");
+        }
+      }));
+      this.commiting = false;
+    }));
+    // handlers
+        M.set(this, (async t => {
+      const i = t.detail.rowsId;
+      this.markedObjectsSet = new Set(i.filter((t => !this.alreadyCommitedObjectsIdsSet.has(t))));
+      if (g(this, _, "f")) {
+        g(this, L, "f").call(this, t);
+      }
+    }));
+    C.set(this, (async t => {
+      const i = t.detail.rowsId;
+      const e = i[0];
+      const s = this.pendingIdsSet.has(e) ? "pending" : "ignored";
+      const r = clearGridSelection(s, i, this.pendingIdsSet, this.ignoredIdsSet, g(this, w, "f"));
+      await this.selectCallback(s, r);
+    }));
+    j.set(this, (t => {
+      this.commentsValue = t.detail;
+      if (this.commentsValue.length && this.commentInputHasError) {
+        // remove error style and tooltip
+        this.commentInputHasError = false;
+      }
+    }));
+    // filter related
+        W.set(this, (() => {
+      this.pendingObjectsAfterFilter = g(this, S, "f").call(this, this.pendingAndIgnored.pendingForCommit);
+      this.ignoredObjectsAfterFilter = g(this, S, "f").call(this, this.pendingAndIgnored.ignoredObjects);
+    }));
+    S.set(this, (t => {
+      let i = t;
+      // name or description
+            if (this.searchValue.length) {
+        i = i.filter((t => {
+          const i = t.name.toLowerCase().includes(this.searchValue.toLowerCase());
+          const e = t.description.toLowerCase().includes(this.searchValue.toLowerCase());
+          return i || e;
+        }));
+      }
+      // status
+            if (this.selectedState && this.selectedState !== o) {
+        i = i.filter((t => t.state === this.selectedState));
+      }
+      return i;
+    }));
+    z.set(this, (() => {
+      if (
+      // this.selectedChangeset !== ALL_VALUE ||
+      this.selectedFolder !== o) {
+        this.filterSecondaryHasConditions = true;
+      } else {
+        this.filterSecondaryHasConditions = false;
+      }
+    }));
+    I.set(this, (() => {
+      this.filterSecondaryIsHidden = !this.filterSecondaryIsHidden;
+    }));
+    A.set(this, (t => {
+      this.searchValue = t.detail.trim();
+      g(this, W, "f").call(this);
+    }));
+    T.set(this, (t => {
+      this.selectedType = t.detail;
+      g(this, D, "f").call(this);
+    }));
+    O.set(this, (t => {
+      this.selectedState = t.detail;
+      g(this, W, "f").call(this);
+    }));
+    // changeset is a WIP.
+    // #changesetChangedHandler = (event: CustomEvent<string> | InputEvent) => {
+    //   this.selectedChangeset = event.detail as string;
+    //   this.#loadData();
+    //   this.#evaluateSecondaryFilterHasConditions();
+    // };
+        N.set(this, (t => {
+      this.selectedFolder = t.detail;
+      g(this, D, "f").call(this);
+      g(this, z, "f").call(this);
+    }));
+    // #categoryChangedHandler = (event: CustomEvent<string> | InputEvent) => {
+    //   this.selectedCategory = event.detail as string;
+    //   this.#loadData();
+    //   this.#evaluateSecondaryFilterHasConditions();
+    // };
+        E.set(this, (() => async t => {
+      t.preventDefault();
+      t.stopPropagation();
+      const i = await g(this, w, "f").getSelectedRows();
+      const e = i[0];
+      const s = this.pendingIdsSet.has(e) ? "pending" : "ignored";
+      await this.objectsContextMenuCallback(s, {
+        selection: i,
+        clientX: t.detail.clientX,
+        clientY: t.detail.clientY
+      });
+    }));
+    // other methods
+        L.set(this, (async t => {
+      u(this, _, false, "f");
+      const i = t.detail.addedRowsId;
+      const e = t.detail.removedRowsId;
+      const s = await this.pendingItemsCheckedCallback({
+        itemsChecked: i,
+        itemsUnchecked: e
+      });
+      if (s === undefined) {
+        // undo check/uncheck
+        await g(this, F, "f").call(this, i, e);
+      } else {
+        await g(this, G, "f").call(this, s);
+      }
+      u(this, _, true, "f");
+    }));
+    P.set(this, (() => {
+      this.pendingAndIgnored.pendingForCommit.forEach((t => {
+        const i = "pending";
+        this.objectsStatusMap.set(t.id, i);
+      }));
+      this.pendingAndIgnored.ignoredObjects.forEach((t => {
+        const i = "ignored";
+        this.objectsStatusMap.set(t.id, i);
+      }));
+    }));
+    D.set(this, (async () => {
+      this.loading = true;
+      this.pendingAndIgnored = await this.loadCallback({
+        search: this.searchValue,
+        type: this.selectedType,
+        changeset: this.selectedChangeset,
+        folder: this.selectedFolder,
+        category: this.selectedCategory
+      });
+      this.loading = false;
+      // Is is required to mark/check all objects after loadCallback.
+      // this.#markPendingObjects();
+        }));
+    /**
+         * Marks all pending objects that have not been committed yet.
+         *
+         * Iterates through all pending object IDs and adds them to the marked objects set
+         * if they are not already in the committed objects set. This effectively identifies
+         * and marks all the pending objects that still need to be processed.
+         **/    R.set(this, (() => {
+      for (const t of this.pendingIdsSet) {
+        if (!this.alreadyCommitedObjectsIdsSet.has(t)) {
+          this.markedObjectsSet = new Set([ ...this.markedObjectsSet, t ]);
+        }
+      }
+    }));
+    // render methods
+        F.set(this, (async (t, i) => {
+      if (g(this, w, "f")) {
+        for (const i of t) {
+          await g(this, w, "f").markRow(i, false);
+        }
+        for (const t of i) {
+          await g(this, w, "f").markRow(t, true);
+        }
+      }
+    }));
+    G.set(this, (async t => {
+      if (g(this, w, "f")) {
+        const i = t.itemsToCheck;
+        const e = t.itemsToUncheck;
+        // check
+                for (const t of i) {
+          await g(this, w, "f").markRow(t, true);
+        }
+        // uncheck
+                for (const t of e) {
+          await g(this, w, "f").markRow(t, false);
+        }
+      }
+    }));
+    H.set(this, (t => {
+      const i = t.detail.columnId;
+      let e;
+      let s = "string";
+      if (i === p.type) {
+        e = "name";
+ // the type name
+                s = "object";
+      } else if (i === p.modifiedOn || i === p.lastSynchronized) {
+        s = "dateString";
+      }
+      this.pendingObjectsAfterFilter = [ ...f(t, this.pendingObjectsAfterFilter, s, e) ];
+      this.ignoredObjectsAfterFilter = [ ...f(t, this.ignoredObjectsAfterFilter, s, e) ];
+    }));
+    /**
+         * WA: Ignored objects must always remain unchecked.
+         * Because `tabular-grid` selects all rows when the checkbox column is toggled,
+         * we need to manually unselect the ignored IDs. // TODO: Move this function
+         * to common
+         */    U.set(this, (async t => {
+      const i = t.detail;
+      if (i) {
+        const t = await g(this, w, "f").getMarkedRows();
+        const i = t.filter((t => this.ignoredIdsSet.has(t)));
+        if (i.length) {
+          a(i, g(this, w, "f"));
+        }
+      }
+    }));
+    this.allPendingAreCommited = false;
+    this.alreadyCommitedObjectsIdsSet = new Set([]);
+    this.ignoredIdsSet = new Set([]);
+    this.pendingIdsSet = new Set([]);
+    this.markedObjectsSet = new Set([]);
+    this.objectsStatusMap = new Map;
+    this.objectsMessagesDataMap = new Map;
+    this.atLeastOneObjectIsChecked = false;
+    this.commentInputHasError = false;
+    this.commiting = false;
+    this.filterSecondaryIsHidden = true;
+    this.filterSecondaryHasConditions = false;
+    this.loading = true;
+    this.changesetsComboBoxModel = undefined;
+    this.pendingObjectsAfterFilter = [];
+    this.ignoredObjectsAfterFilter = [];
+    this.typesComboBoxModel = [];
+    this.pendingAndIgnored = {
+      pendingForCommit: [],
+      ignoredObjects: []
+    };
+    this.commentsValue = "";
+    this.searchValue = "";
+    this.selectedType = undefined;
+    this.selectedState = o;
+    this.selectedChangeset = undefined;
+    this.selectedFolder = undefined;
+    this.selectedCategory = undefined;
+    this.foldersComboBoxModel = undefined;
+    this.commitCallback = undefined;
+    this.objectsContextMenuCallback = undefined;
+    this.loadCallback = undefined;
+    this.openServerCallback = undefined;
+    this.pendingItemsCheckedCallback = undefined;
+    this.selectCallback = undefined;
+    this.types = undefined;
+    this.changeset = undefined;
+    this.folders = undefined;
+    this.updatePillAsButton = false;
+    this.serverDetails = undefined;
+  }
+  alreadyCommitedObjectsIdsSetChanged(t) {
+    const i = n(t, this.pendingIdsSet);
+    this.allPendingAreCommited = i && this.pendingIdsSet.size > 0;
+  }
+  markedObjectsSetChanged(t) {
+    this.atLeastOneObjectIsChecked = t.size > 0;
+  }
+  objectsStatusMapChanged(t) {
+    const i = [ ...t.entries() ].find((([, t]) => t === "commiting"));
+    if (!i) {
+      this.commiting = false;
+    }
+  }
+  pendingAndIgnoredChanged(t) {
+    var i, e;
+    // clear previous state
+        this.pendingIdsSet.clear();
+ // before pendingIdsSet.add
+        this.ignoredIdsSet.clear();
+ // before ignoredIdsSet.add
+        this.objectsMessagesDataMap = new Map;
+    this.alreadyCommitedObjectsIdsSet = new Set;
+    this.commentInputHasError = false;
+    this.markedObjectsSet = new Set;
+ // before #markPendingObjects
+        (i = t.pendingForCommit) === null || i === void 0 ? void 0 : i.forEach((t => {
+      this.pendingIdsSet.add(t.id);
+    }));
+    (e = t.ignoredObjects) === null || e === void 0 ? void 0 : e.forEach((t => {
+      this.ignoredIdsSet.add(t.id);
+    }));
+    g(this, R, "f").call(this);
+ // after pendingIdsSet.add and ignoredIdsSet.add
+        g(this, P, "f").call(this);
+ // after pendingIdsSet.add and ignoredIdsSet.add
+        g(this, W, "f").call(this);
+  }
+  typesChanged(t) {
+    this.typesComboBoxModel = typesToComboBoxItemModel(t);
+  }
+  changesetChanged(t) {
+    this.changesetsComboBoxModel = changesetToComboBoxModel(t);
+  }
+  folderChanged(t) {
+    this.foldersComboBoxModel = foldersToComboBoxModel(t);
+  }
+  async componentWillLoad() {
+    u(this, b, await r.getComponentStrings(this.el), "f");
+    // Initiate "actions" combo box filter
+        u(this, v, [ {
+      caption: g(this, b, "f").states.all,
+      value: o
+    }, {
+      caption: g(this, b, "f").states.inserted,
+      value: "inserted"
+    }, {
+      caption: g(this, b, "f").states.modified,
+      value: "modified"
+    }, {
+      caption: g(this, b, "f").states.conflicted,
+      value: "conflicted"
+    }, {
+      caption: g(this, b, "f").states.deleted,
+      value: "deleted"
+    } ], "f");
+    // intialize combo-box models
+        this.typesComboBoxModel = typesToComboBoxItemModel(this.types);
+    this.selectedType = this.typesComboBoxModel[0].value;
+    this.selectedState = g(this, v, "f")[0].value;
+    this.changesetChanged(this.changeset);
+    this.selectedChangeset = this.changesetsComboBoxModel.length > 0 ? this.changesetsComboBoxModel[0].value : o;
+    this.folderChanged(this.folders);
+    this.selectedFolder = this.foldersComboBoxModel && this.foldersComboBoxModel.length > 0 ? this.foldersComboBoxModel[0].value : o;
+    // this.categoryChanged(this.categories);
+    // this.selectedCategory =
+    //   this.categoriesComboBoxModel.length > 0
+    //     ? this.categoriesComboBoxModel[0].value
+    //     : ALL_VALUE;
+        g(this, z, "f").call(this);
+  }
+  async componentDidLoad() {
+    await g(this, D, "f").call(this);
+    // initialize "allPendingAreCommited"
+        this.alreadyCommitedObjectsIdsSetChanged(this.alreadyCommitedObjectsIdsSet);
+  }
+  /**
+     * Used by the host to instruct the component to force a data reload in the grids.
+     */  async reload() {
+    await g(this, D, "f").call(this);
+  }
+  render() {
+    const i = this.commiting || this.loading;
+    const s = this.pendingObjectsAfterFilter.length === 0 && this.ignoredObjectsAfterFilter.length === 0;
+    const r = this.filterSecondaryHasConditions ? d.filterWithConditions : d.filter;
+    const a = this.atLeastOneObjectIsChecked && this.commentsValue.length > 0 && !this.allPendingAreCommited;
+    return t(e, {
+      class: "widget"
+    }, t("ch-theme", {
+      model: $
+    }), t("section", {
+      class: "section"
+    }, t("header", {
+      class: {
+        [l.HEADER]: true
+      }
+    }, t("div", {
+      // header details
+      class: {
+        [l.HEADER_DETAILS]: true
+      }
+    }, headerTitle(g(this, b, "f").commitDetail.title), 
+    // genexus server
+    headerDetail("link", g(this, b, "f").commitDetail.genexusServer, this.serverDetails ? this.serverDetails.serverUrl : "", this.openServerCallback, "detail__genexus-server"), 
+    // knowledge base
+    headerDetail("text", g(this, b, "f").commitDetail.knowledgeBase, this.serverDetails ? this.serverDetails.kbName : "", undefined, "detail__knowledge-base"), 
+    // version
+    headerDetail("text", g(this, b, "f").commitDetail.version, this.serverDetails ? this.serverDetails.versionName : "", undefined, "detail__version"))), t("div", {
+      class: "filter-container spacing-body-inline"
+    }, t("div", {
+      class: {
+        [l.FILTER]: true,
+        "filter-primary": true
+      }
+    }, t("ch-edit", {
+      // searchch-edit
+      class: "input filter__combo",
+      disabled: i,
+      startImgSrc: d.search,
+      accessibleName: g(this, b, "f").filter.searchAccessibleName,
+      placeholder: g(this, b, "f").filter.searchPlaceholder,
+      type: "search",
+      onInput: g(this, A, "f")
+    }), t("ch-combo-box-render", {
+      // types
+      class: "combo-box filter__combo",
+      disabled: i,
+      model: this.typesComboBoxModel,
+      value: this.selectedType,
+      accessibleName: g(this, b, "f").filter.typeAccesibleName,
+      placeholder: g(this, b, "f").filter.typePlaceholder,
+      onInput: g(this, T, "f")
+    }), t("ch-combo-box-render", {
+      // local states
+      class: "combo-box filter__combo",
+      disabled: i,
+      model: g(this, v, "f"),
+      value: this.selectedState,
+      onInput: g(this, O, "f"),
+      accessibleName: g(this, b, "f").filter.localStateAccesibleName,
+      placeholder: g(this, b, "f").filter.localStatePlaceholder
+    })), t("button", {
+      // toggle secondary filter button
+      id: Y,
+      class: "button-secondary button-icon-only",
+      disabled: i,
+      "aria-label": g(this, b, "f").filter.secondaryFilterAriaLabel,
+      "aria-expanded": this.filterSecondaryIsHidden ? "false" : "true",
+      "aria-controls": X,
+      onClick: g(this, I, "f"),
+      title: g(this, b, "f").filter.secondaryFilterAriaLabel
+    }, t("ch-image", {
+      class: "icon-md",
+      src: r
+    })), t("div", {
+      class: "buttons-spacer"
+    }, t("button", {
+      // reload button
+      class: "button-secondary button-icon-and-text",
+      disabled: i,
+      onClick: g(this, D, "f")
+    }, t("ch-image", {
+      class: "icon-md",
+      src: d.refresh
+    }), g(this, b, "f").filter.reload), t("button", {
+      // commit button
+      class: "button-primary",
+      disabled: !a || i,
+      onClick: g(this, y, "f")
+    }, g(this, b, "f").filter.commit)), t("div", {
+      // secondary filter
+      id: X,
+      "aria-labelledby": Y,
+      class: {
+        [l.FILTER]: true,
+        "filter-secondary": true,
+        "filter-secondary--visible": !this.filterSecondaryIsHidden
+      },
+      inert: this.filterSecondaryIsHidden,
+      hidden: this.filterSecondaryIsHidden
+    }, t("div", null, t("ch-combo-box-render", {
+      // folder
+      class: "combo-box",
+      disabled: i,
+      model: this.foldersComboBoxModel,
+      value: this.selectedFolder,
+      onInput: g(this, N, "f"),
+      accessibleName: g(this, b, "f").filter.folderAccesibleName,
+      placeholder: g(this, b, "f").filter.folderPlaceholder
+    }))), t("ch-edit", {
+      // commit comments
+      class: "input comments",
+      multiline: true,
+      autoGrow: true,
+      placeholder: g(this, b, "f").commitCommentPlaceholder,
+      onInput: g(this, j, "f")
+    })), t("div", {
+      class: l.MAIN
+    }, !this.loading ? t("ch-tabular-grid", {
+      class: {
+        "tabular-grid": true,
+        "objects-tabular-grid": true,
+        "disabled-custom-selector": this.commiting,
+        "empty-result": s
+      },
+      keyboardNavigationMode: "focus",
+      rowSelectionMode: "multiple",
+      onSelectionChanged: g(this, C, "f"),
+      onRowMarkingChanged: g(this, M, "f"),
+      onRowContextMenu: g(this, E, "f").call(this),
+      ref: t => u(this, w, t, "f")
+    }, c([ "action" ], s, g(this, H, "f"), g(this, U, "f"), g(this, b, "f"), !this.allPendingAreCommited), !s ? [ t("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, t("ch-tabular-grid-rowset-legend", {
+      class: "tabular-grid-rowset-legend"
+    }, g(this, b, "f").objects.pendingCommits), h("pending", this.pendingObjectsAfterFilter, this.ignoredObjectsAfterFilter, this.alreadyCommitedObjectsIdsSet, this.markedObjectsSet, this.objectsMessagesDataMap, this.updatePillAsButton, g(this, x, "f"), this.objectsStatusMap, this.searchValue, g(this, b, "f"))), t("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, t("ch-tabular-grid-rowset-legend", {
+      class: "tabular-grid-rowset-legend"
+    }, g(this, b, "f").objects.ignoredObjects), h("ignored", this.pendingObjectsAfterFilter, this.ignoredObjectsAfterFilter, this.alreadyCommitedObjectsIdsSet, this.markedObjectsSet, this.objectsMessagesDataMap, this.updatePillAsButton, g(this, x, "f"), this.objectsStatusMap, this.searchValue, g(this, b, "f"))) ] : null, t("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, s && t("ch-tabular-grid-rowset-empty", null, t("gx-ide-empty-state", {
+      class: "empty-state",
+      isAnimated: true,
+      stateIconSrc: d.filter,
+      stateTitle: "No object matched your filter"
+    })))) : t("gx-ide-loader", {
+      cancelLabel: g(this, b, "f").loader.cancelLabel,
+      loaderTitle: g(this, b, "f").loader.title,
+      description: g(this, b, "f").loader.description,
+      show: true,
+      class: "loader"
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-commit" ];
+  }
+  get el() {
+    return s(this);
+  }
+  static get watchers() {
+    return {
+      alreadyCommitedObjectsIdsSet: [ "alreadyCommitedObjectsIdsSetChanged" ],
+      markedObjectsSet: [ "markedObjectsSetChanged" ],
+      objectsStatusMap: [ "objectsStatusMapChanged" ],
+      pendingAndIgnored: [ "pendingAndIgnoredChanged" ],
+      types: [ "typesChanged" ],
+      changeset: [ "changesetChanged" ],
+      folders: [ "folderChanged" ]
+    };
+  }
+};
+
+b = new WeakMap, v = new WeakMap, _ = new WeakMap, w = new WeakMap, y = new WeakMap, 
+x = new WeakMap, k = new WeakMap, M = new WeakMap, C = new WeakMap, j = new WeakMap, 
+W = new WeakMap, S = new WeakMap, z = new WeakMap, I = new WeakMap, A = new WeakMap, 
+T = new WeakMap, O = new WeakMap, N = new WeakMap, E = new WeakMap, L = new WeakMap, 
+P = new WeakMap, D = new WeakMap, R = new WeakMap, F = new WeakMap, G = new WeakMap, 
+H = new WeakMap, U = new WeakMap;
+
+q.style = m;
+
+export { q as gx_ide_team_dev_commit };
+//# sourceMappingURL=p-a7883e6b.entry.js.map