@genexus/genexus-ide-ui 1.1.34 → 1.1.36

package/dist/genexus-ide-ui/p-723d25ae.entry.js

@@ -0,0 +1,912 @@
+import { h as e, r as t, H as i, a as r } from "./p-97107ecc.js";
+
+import { L as s } from "./p-311eedf3.js";
+
+import { g as a } from "./p-401bfc97.js";
+
+import { r as l } from "./p-a24571ca.js";
+
+import { f as o } from "./p-8c15538c.js";
+
+import { h as n } from "./p-edcd0022.js";
+
+import { c } from "./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 = (e, t, i, r, s) => {
+  let a = [];
+  if (t.length > 1 && e === "pending") {
+    t.forEach((async e => {
+      if (r.has(e)) {
+        await s.selectRow(e, false);
+      } else {
+        a.push(e);
+      }
+    }));
+  } else if (t.length > 1 && e === "ignored") {
+    t.forEach((async e => {
+      if (i.has(e)) {
+        await s.selectRow(e, false);
+      } else {
+        a.push(e);
+      }
+    }));
+  } else {
+    a = t;
+  }
+  return a;
+};
+
+const headerDetail = (t = "text", i, r, s, a) => e("div", {
+  class: {
+    [a]: true,
+    "field field-block": true
+  }
+}, e("span", {
+  class: "detail__label body-semi-bold-s"
+}, i), t === "text" ? e("p", {
+  class: "body-regular-s"
+}, r) : e("button", {
+  class: "detail__link body-regular-s",
+  onClick: s
+}, r));
+
+const headerTitle = (t, i) => e("h2", {
+  class: {
+    [i]: true,
+    "header__title subtitle-semi-bold-s": true
+  }
+}, t);
+
+const changesetToComboBoxModel = e => {
+  if (!e) return [];
+  return e.map((e => ({
+    value: e.id,
+    caption: e.name === "All" ? "All Changesets" : e.label || e.name || ""
+  })));
+};
+
+const foldersToComboBoxModel = e => e.map((e => ({
+  value: e.name,
+  caption: e.name === "All" ? "All Modules" : e.label || e.name || ""
+})));
+
+const typesToComboBoxItemModel = e => e.map((e => ({
+  value: e.id,
+  caption: e.name === "All" ? "All Types" : e.name || "",
+  startImgSrc: e.icon
+})));
+
+const d = "All";
+
+const h = {
+  HEADER: "header spacing-body-inline spacing-body-block-start field-group",
+  HEADER_DETAILS: "header__details",
+  FILTER: "filter",
+  MAIN: "main spacing-body",
+  GRID_CELL_DESCRIPTION: "tabular-grid-cell-description-custom-selector"
+};
+
+const u = {
+  add: a({
+    category: "system",
+    name: "add",
+    colorType: "on-elevation"
+  }),
+  edit: a({
+    category: "system",
+    name: "edit",
+    colorType: "on-elevation"
+  }),
+  error: a({
+    category: "system",
+    name: "error",
+    colorType: "error"
+  }),
+  filter: a({
+    category: "window-tools",
+    name: "filter",
+    colorType: "neutral"
+  }),
+  filterWithConditions: a({
+    category: "window-tools",
+    name: "filter-conditions",
+    colorType: "neutral"
+  }),
+  info: a({
+    category: "system",
+    name: "information",
+    colorType: "on-elevation"
+  }),
+  refresh: a({
+    category: "gemini-tools",
+    name: "reset",
+    colorType: "neutral"
+  }),
+  search: a({
+    category: "system",
+    name: "search",
+    colorType: "on-elevation"
+  }),
+  success: a({
+    category: "system",
+    name: "check",
+    colorType: "success"
+  }),
+  substract: a({
+    category: "system",
+    name: "substract",
+    colorType: "on-elevation"
+  }),
+  warning: a({
+    category: "system",
+    name: "warning",
+    colorType: "warning"
+  })
+};
+
+// stencil
+const p = "button-action-custom-selector";
+
+const renderStateCellContent = (t, i) => {
+  let r;
+  let s;
+  let a;
+  if (t === "deleted") {
+    r = u.substract;
+    s = i.states.deleted;
+    a = "--mer-icon__error";
+  } else if (t === "inserted") {
+    r = u.add;
+    s = i.states.inserted;
+    a = "--mer-icon__success";
+  } else if (t === "modified") {
+    r = u.edit;
+    s = i.states.modified;
+    a = "--mer-icon__warning";
+  } else if (t === "conflicted") {
+    r = u.warning;
+    s = i.states.conflicted;
+    a = "--mer-icon__warning";
+  } else if (!t) {
+    // proably is "ignored"
+    return null;
+  }
+  return e("span", {
+    class: "custom-icon-text-wrapper"
+  }, e("ch-image", {
+    type: "mask",
+    class: "icon-md",
+    src: r,
+    style: {
+      backgroundColor: `var(${a})`
+    }
+  }), `${s}`);
+};
+
+const renderObjectStatus = (t, i, r, s, a) => {
+  const l = i.get(t);
+  const o = l === "pending" && r ? a.status.commit : a.status[l];
+  if (l === "commiting") {
+    return e("span", {
+      class: "spinner-caption"
+    }, o);
+  }
+  const n = `pill pill--${l}`;
+  if (r && l === "pending") {
+    return e("button", {
+      class: {
+        "button-secondary": true,
+        "button-icon-and-text": true,
+        pill: true,
+        "pill--update": true,
+        [p]: true
+      },
+      onClick: s(t)
+    }, o);
+  } else {
+    return e("span", {
+      class: n
+    }, o);
+  }
+};
+
+const renderTabularGridRows = (t, i, r, s, a, c, d, p, m, g, f) => {
+  let b;
+  if (t === "pending") {
+    b = i;
+  } else if (t === "ignored") {
+    b = r;
+  }
+  g = g.toLowerCase();
+  const y = b.map((i => {
+    const r = s.has(i.id);
+    const b = r || t === "ignored";
+    const y = a.has(i.id);
+    const v = c.get(i.id);
+    return e("ch-tabular-grid-row", {
+      class: "tabular-grid-row",
+      key: i.id,
+      rowid: i.id,
+      ref: e => y && (e === null || e === void 0 ? void 0 : e.setAttribute("marked", "true"))
+    }, e("ch-tabular-grid-cell", {
+      "cell-type": "rich",
+      "row-selector": "true",
+      class: {
+        "tabular-grid-cell": true,
+        "no-checkbox-custom-selector": b
+      },
+      size: "max-content"
+    }, e("div", null, n(i.name, g))), e("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, l(i.type)), e("ch-tabular-grid-cell", {
+      class: {
+        "tabular-grid-cell": true,
+        [h.GRID_CELL_DESCRIPTION]: true
+      }
+    }, e("div", null, n(i.description, g))), e("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, o(i.modifiedOn)), e("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, i.module), e("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, renderStateCellContent(i.state, f)), e("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell"
+    }, o(i.lastSynchronized)), e("ch-tabular-grid-cell", {
+      class: "tabular-grid-cell tabular-grid-cell--for-pill"
+    }, renderObjectStatus(i.id, m, d, p, f)), (v === null || v === void 0 ? void 0 : v.length) && e("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, e("ch-tabular-grid-rowset-empty", {
+      class: {
+        "tabular-grid-rowset-empty": true
+      }
+    }, e("ul", {
+      class: "messages-list"
+    }, v.map((t => {
+      let i;
+      if (t.type === "error") {
+        i = u.error;
+      } else if (t.type === "warning") {
+        i = u.warning;
+      } else if (t.type === "success") {
+        i = u.success;
+      } else {
+        // info
+        i = u.info;
+      }
+      return e("li", {
+        class: "message-description"
+      }, e("ch-image", {
+        class: "icon-md message-icon",
+        src: i
+      }), t.text);
+    }))))));
+  }));
+  // this.objectsRenderedAlready = true;
+    return y;
+};
+
+const renderTabularGridColumns = (t, i = false, r) => {
+  const s = i ? c.tabularGrid.colSize.auto : c.tabularGrid.colSize.maxContent;
+  return e("ch-tabular-grid-columnset", {
+    class: "tabular-grid-column-set"
+  }, !t.includes("name") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "name",
+    columnName: r.objects.name,
+    columnType: "rich",
+    richRowSelector: true,
+    richRowSelectorMode: "mark",
+    settingable: false,
+    size: s
+  }), !t.includes("type") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "type",
+    columnName: r.objects.type,
+    settingable: false,
+    size: s
+  }), !t.includes("description") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "description",
+    columnName: r.objects.description,
+    settingable: false,
+    size: c.tabularGrid.colSize.description
+  }), !t.includes("modifiedOn") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "modifiedOn",
+    columnName: r.objects.modifiedOn,
+    settingable: false,
+    size: s
+  }), !t.includes("module") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "module",
+    columnName: r.objects.module,
+    settingable: false,
+    size: s
+  }), !t.includes("localState") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "localState",
+    columnName: r.objects.localState,
+    settingable: false,
+    size: s
+  }), !t.includes("lastSynchronized") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "lastSynchronized",
+    columnName: r.objects.lastSynchronized,
+    settingable: false,
+    size: s
+  }), !t.includes("action") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "action",
+    columnName: r.objects.action,
+    settingable: false,
+    size: s
+  }), !t.includes("status") && e("ch-tabular-grid-column", {
+    class: "tabular-grid-column",
+    columnId: "status",
+    columnName: r.objects.status,
+    settingable: false,
+    size: i ? "auto" : "100px"
+  }));
+};
+
+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}.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(e, t, i, r) {
+  if (i === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !r : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? r : i === "a" ? r.call(e) : r ? r.value : t.get(e);
+};
+
+var f = undefined && undefined.__classPrivateFieldSet || function(e, t, i, r, s) {
+  if (r === "m") throw new TypeError("Private method is not writable");
+  if (r === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return r === "a" ? s.call(e, i) : s ? s.value = i : t.set(e, i), i;
+};
+
+var b, y, v, _, w, x, k, M, z, C, W, I, S, T, j, N, A, E, R, L, D, O, P, $, H;
+
+const F = "filters-secondary-container";
+
+const G = "filter-toggle-button";
+
+const U = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const X = class {
+  constructor(e) {
+    t(this, e);
+    /**
+         * 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.
+         */    y.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.
+         */    v.set(this, true);
+    /**
+         * A reference to the tablar grid. Used to call methods.
+         */    _.set(this, void 0);
+    // commit related
+        w.set(this, (() => {
+      g(this, k, "f").call(this, [ ...this.markedObjectsSet ]);
+    }));
+    x.set(this, (e => async () => {
+      const t = new Map(this.objectsStatusMap);
+      t.set(e, "commiting");
+      this.objectsStatusMap = t;
+      g(this, k, "f").call(this, [ e ]);
+    }));
+    k.set(this, (async e => {
+      if (this.commentsValue.length === 0) {
+        // A comment is required to commit.
+        this.commentInputHasError = true;
+        return;
+      }
+      this.commentInputHasError = false;
+      this.commiting = true;
+      e.forEach((e => {
+        this.objectsStatusMap.set(e, "commiting");
+      }));
+      const t = await this.commitCallback(e, this.commentsValue);
+      t.forEach((async e => {
+        const t = e.messages;
+        if (t.length) {
+          this.objectsMessagesDataMap.set(e.id, e.messages);
+        } else {
+          // clear messages
+          this.objectsMessagesDataMap.delete(e.id);
+        }
+        if (e.result === "commited") {
+          this.alreadyCommitedObjectsIdsSet.add(e.id);
+          this.objectsStatusMap.set(e.id, "commited");
+          await g(this, _, "f").markRow(e.id, false);
+        } else {
+          this.objectsStatusMap.set(e.id, "pending");
+        }
+      }));
+      this.commiting = false;
+    }));
+    // handlers
+        M.set(this, (async e => {
+      const t = e.detail.rowsId;
+      this.markedObjectsSet = new Set(t.filter((e => !this.alreadyCommitedObjectsIdsSet.has(e))));
+      if (g(this, v, "f")) {
+        g(this, L, "f").call(this, e);
+      }
+    }));
+    z.set(this, (async e => {
+      const t = e.detail.rowsId;
+      const i = t[0];
+      const r = this.pendingIdsSet.has(i) ? "pending" : "ignored";
+      const s = clearGridSelection(r, t, this.pendingIdsSet, this.ignoredIdsSet, g(this, _, "f"));
+      await this.selectCallback(r, s);
+    }));
+    C.set(this, (e => {
+      this.commentsValue = e.detail;
+      if (this.commentsValue.length && this.commentInputHasError) {
+        // remove error style and tooltip
+        this.commentInputHasError = false;
+      }
+    }));
+    // filter related
+        W.set(this, (() => {
+      this.pendingObjectsAfterFilter = g(this, I, "f").call(this, this.pendingAndIgnored.pendingForCommit);
+      this.ignoredObjectsAfterFilter = g(this, I, "f").call(this, this.pendingAndIgnored.ignoredObjects);
+    }));
+    I.set(this, (e => {
+      let t = e;
+      // name or description
+            if (this.searchValue.length) {
+        t = t.filter((e => {
+          const t = e.name.toLowerCase().includes(this.searchValue.toLowerCase());
+          const i = e.description.toLowerCase().includes(this.searchValue.toLowerCase());
+          return t || i;
+        }));
+      }
+      // status
+            if (this.selectedState && this.selectedState !== d) {
+        t = t.filter((e => e.state === this.selectedState));
+      }
+      return t;
+    }));
+    S.set(this, (() => {
+      if (
+      // this.selectedChangeset !== ALL_VALUE ||
+      this.selectedFolder !== d) {
+        this.filterSecondaryHasConditions = true;
+      } else {
+        this.filterSecondaryHasConditions = false;
+      }
+    }));
+    T.set(this, (() => {
+      this.filterSecondaryIsHidden = !this.filterSecondaryIsHidden;
+    }));
+    j.set(this, (e => {
+      this.searchValue = e.detail.trim();
+      g(this, W, "f").call(this);
+    }));
+    N.set(this, (e => {
+      this.selectedType = e.detail;
+      g(this, O, "f").call(this);
+    }));
+    A.set(this, (e => {
+      this.selectedState = e.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();
+    // };
+        E.set(this, (e => {
+      this.selectedFolder = e.detail;
+      g(this, O, "f").call(this);
+      g(this, S, "f").call(this);
+    }));
+    // #categoryChangedHandler = (event: CustomEvent<string> | InputEvent) => {
+    //   this.selectedCategory = event.detail as string;
+    //   this.#loadData();
+    //   this.#evaluateSecondaryFilterHasConditions();
+    // };
+        R.set(this, (() => async e => {
+      e.preventDefault();
+      e.stopPropagation();
+      const t = await g(this, _, "f").getSelectedRows();
+      const i = t[0];
+      const r = this.pendingIdsSet.has(i) ? "pending" : "ignored";
+      await this.objectsContextMenuCallback(r, {
+        selection: t,
+        clientX: e.detail.clientX,
+        clientY: e.detail.clientY
+      });
+    }));
+    // other methods
+        L.set(this, (async e => {
+      f(this, v, false, "f");
+      const t = e.detail.addedRowsId;
+      const i = e.detail.removedRowsId;
+      const r = await this.pendingItemsCheckedCallback({
+        itemsChecked: t,
+        itemsUnchecked: i
+      });
+      if (r === undefined) {
+        // undo check/uncheck
+        await g(this, $, "f").call(this, t, i);
+      } else {
+        await g(this, H, "f").call(this, r);
+      }
+      f(this, v, true, "f");
+    }));
+    D.set(this, (() => {
+      if (this.objectsRenderedAlready) {
+        return;
+      }
+      this.pendingAndIgnored.pendingForCommit.forEach((e => {
+        const t = "pending";
+        this.objectsStatusMap.set(e.id, t);
+      }));
+      this.pendingAndIgnored.ignoredObjects.forEach((e => {
+        const t = "ignored";
+        this.objectsStatusMap.set(e.id, t);
+      }));
+    }));
+    O.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
+      });
+      g(this, D, "f").call(this);
+      this.loading = false;
+      // Is is required to mark/check all objects after loadCallback.
+            g(this, P, "f").call(this);
+    }));
+    /**
+         * 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.
+         **/    P.set(this, (() => {
+      for (const e of this.pendingIdsSet) {
+        if (!this.alreadyCommitedObjectsIdsSet.has(e)) {
+          this.markedObjectsSet = new Set([ ...this.markedObjectsSet, e ]);
+        }
+      }
+    }));
+    // render methods
+        $.set(this, (async (e, t) => {
+      if (g(this, _, "f")) {
+        for (const t of e) {
+          await g(this, _, "f").markRow(t, false);
+        }
+        for (const e of t) {
+          await g(this, _, "f").markRow(e, true);
+        }
+      }
+    }));
+    H.set(this, (async e => {
+      if (g(this, _, "f")) {
+        const t = e.itemsToCheck;
+        const i = e.itemsToUncheck;
+        // check
+                for (const e of t) {
+          await g(this, _, "f").markRow(e, true);
+        }
+        // uncheck
+                for (const e of i) {
+          await g(this, _, "f").markRow(e, 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.objectsRenderedAlready = false;
+    this.changesetsComboBoxModel = undefined;
+    this.pendingObjectsAfterFilter = [];
+    this.ignoredObjectsAfterFilter = [];
+    this.typesComboBoxModel = [];
+    this.pendingAndIgnored = {
+      pendingForCommit: [],
+      ignoredObjects: []
+    };
+    this.commentsValue = "";
+    this.searchValue = "";
+    this.selectedType = undefined;
+    this.selectedState = d;
+    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;
+  }
+  markedObjectsSetChanged(e) {
+    this.atLeastOneObjectIsChecked = e.size > 0;
+  }
+  objectsStatusMapChanged(e) {
+    const t = [ ...e.entries() ].find((([, e]) => e === "commiting"));
+    if (!t) {
+      this.commiting = false;
+    }
+  }
+  pendingAndIgnoredChanged() {
+    var e, t;
+    g(this, W, "f").call(this);
+    this.pendingIdsSet.clear();
+    (e = this.pendingAndIgnored.pendingForCommit) === null || e === void 0 ? void 0 : e.forEach((e => {
+      this.pendingIdsSet.add(e.id);
+    }));
+    this.ignoredIdsSet.clear();
+    (t = this.pendingAndIgnored.ignoredObjects) === null || t === void 0 ? void 0 : t.forEach((e => {
+      this.ignoredIdsSet.add(e.id);
+    }));
+  }
+  typesChanged(e) {
+    this.typesComboBoxModel = typesToComboBoxItemModel(e);
+  }
+  changesetChanged(e) {
+    this.changesetsComboBoxModel = changesetToComboBoxModel(e);
+  }
+  folderChanged(e) {
+    this.foldersComboBoxModel = foldersToComboBoxModel(e);
+  }
+  async componentWillLoad() {
+    f(this, b, await s.getComponentStrings(this.el), "f");
+    // Initiate "actions" combo box filter
+        f(this, y, [ {
+      caption: g(this, b, "f").states.all,
+      value: d
+    }, {
+      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, y, "f")[0].value;
+    this.changesetChanged(this.changeset);
+    this.selectedChangeset = this.changesetsComboBoxModel.length > 0 ? this.changesetsComboBoxModel[0].value : d;
+    this.folderChanged(this.folders);
+    this.selectedFolder = this.foldersComboBoxModel && this.foldersComboBoxModel.length > 0 ? this.foldersComboBoxModel[0].value : d;
+    // this.categoryChanged(this.categories);
+    // this.selectedCategory =
+    //   this.categoriesComboBoxModel.length > 0
+    //     ? this.categoriesComboBoxModel[0].value
+    //     : ALL_VALUE;
+        g(this, S, "f").call(this);
+  }
+  async componentDidLoad() {
+    await g(this, O, "f").call(this);
+  }
+  /**
+     * Used by the host to instruct the component to force a data reload in the grids.
+     */  async reload() {
+    g(this, O, "f").call(this);
+  }
+  render() {
+    const t = this.commiting || this.loading;
+    const r = this.pendingObjectsAfterFilter.length === 0 && this.ignoredObjectsAfterFilter.length === 0;
+    const s = this.filterSecondaryHasConditions ? u.filterWithConditions : u.filter;
+    const a = this.atLeastOneObjectIsChecked && this.commentsValue.length > 0;
+    return e(i, {
+      class: "widget"
+    }, e("ch-theme", {
+      model: U
+    }), e("section", {
+      class: "section"
+    }, e("header", {
+      class: {
+        [h.HEADER]: true
+      }
+    }, e("div", {
+      // header details
+      class: {
+        [h.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"))), e("div", {
+      class: "filter-container spacing-body-inline"
+    }, e("div", {
+      class: {
+        [h.FILTER]: true,
+        "filter-primary": true
+      }
+    }, e("ch-edit", {
+      // searchch-edit
+      class: "input filter__combo",
+      disabled: t,
+      startImgSrc: u.search,
+      accessibleName: g(this, b, "f").filter.searchAccessibleName,
+      placeholder: g(this, b, "f").filter.searchPlaceholder,
+      type: "search",
+      onInput: g(this, j, "f")
+    }), e("ch-combo-box-render", {
+      // types
+      class: "combo-box filter__combo",
+      disabled: t,
+      model: this.typesComboBoxModel,
+      value: this.selectedType,
+      accessibleName: g(this, b, "f").filter.typeAccesibleName,
+      placeholder: g(this, b, "f").filter.typePlaceholder,
+      onInput: g(this, N, "f")
+    }), e("ch-combo-box-render", {
+      // local states
+      class: "combo-box filter__combo",
+      disabled: t,
+      model: g(this, y, "f"),
+      value: this.selectedState,
+      onInput: g(this, A, "f"),
+      accessibleName: g(this, b, "f").filter.localStateAccesibleName,
+      placeholder: g(this, b, "f").filter.localStatePlaceholder
+    })), e("button", {
+      // toggle secondary filter button
+      id: G,
+      class: "button-secondary button-icon-only",
+      disabled: t,
+      "aria-label": g(this, b, "f").filter.secondaryFilterAriaLabel,
+      "aria-expanded": this.filterSecondaryIsHidden ? "false" : "true",
+      "aria-controls": F,
+      onClick: g(this, T, "f"),
+      title: g(this, b, "f").filter.secondaryFilterAriaLabel
+    }, e("ch-image", {
+      class: "icon-md",
+      src: s
+    })), e("div", {
+      class: "buttons-spacer"
+    }, e("button", {
+      // reload button
+      class: "button-secondary button-icon-and-text",
+      disabled: t,
+      onClick: g(this, O, "f")
+    }, e("ch-image", {
+      class: "icon-md",
+      src: u.refresh
+    }), g(this, b, "f").filter.reload), e("button", {
+      // commit button
+      class: "button-primary",
+      disabled: !a || t,
+      onClick: g(this, w, "f")
+    }, g(this, b, "f").filter.commit)), e("div", {
+      // secondary filter
+      id: F,
+      "aria-labelledby": G,
+      class: {
+        [h.FILTER]: true,
+        "filter-secondary": true,
+        "filter-secondary--visible": !this.filterSecondaryIsHidden
+      },
+      inert: this.filterSecondaryIsHidden,
+      hidden: this.filterSecondaryIsHidden
+    }, e("div", null, e("ch-combo-box-render", {
+      // folder
+      class: "combo-box",
+      disabled: t,
+      model: this.foldersComboBoxModel,
+      value: this.selectedFolder,
+      onInput: g(this, E, "f"),
+      accessibleName: g(this, b, "f").filter.folderAccesibleName,
+      placeholder: g(this, b, "f").filter.folderPlaceholder
+    }))), e("ch-edit", {
+      // commit comments
+      class: "input comments",
+      multiline: true,
+      autoGrow: true,
+      placeholder: g(this, b, "f").commitCommentPlaceholder,
+      onInput: g(this, C, "f")
+    })), e("div", {
+      class: h.MAIN
+    }, !this.loading ? e("ch-tabular-grid", {
+      class: {
+        "tabular-grid": true,
+        "objects-tabular-grid": true,
+        "disabled-custom-selector": this.commiting,
+        "empty-result": r
+      },
+      keyboardNavigationMode: "focus",
+      rowSelectionMode: "multiple",
+      onSelectionChanged: g(this, z, "f"),
+      onRowMarkingChanged: g(this, M, "f"),
+      onRowContextMenu: g(this, R, "f").call(this),
+      ref: e => f(this, _, e, "f")
+    }, renderTabularGridColumns([ "action" ], r, g(this, b, "f")), !r ? [ e("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, e("ch-tabular-grid-rowset-legend", {
+      class: "tabular-grid-rowset-legend"
+    }, g(this, b, "f").objects.pendingCommits), renderTabularGridRows("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"))), e("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, e("ch-tabular-grid-rowset-legend", {
+      class: "tabular-grid-rowset-legend"
+    }, g(this, b, "f").objects.ignoredObjects), renderTabularGridRows("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, e("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, r && e("ch-tabular-grid-rowset-empty", null, e("gx-ide-empty-state", {
+      class: "empty-state",
+      isAnimated: true,
+      stateIconSrc: u.filter,
+      stateTitle: "No object matched your filter"
+    })))) : e("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 r(this);
+  }
+  static get watchers() {
+    return {
+      markedObjectsSet: [ "markedObjectsSetChanged" ],
+      objectsStatusMap: [ "objectsStatusMapChanged" ],
+      pendingAndIgnored: [ "pendingAndIgnoredChanged" ],
+      types: [ "typesChanged" ],
+      changeset: [ "changesetChanged" ],
+      folders: [ "folderChanged" ]
+    };
+  }
+};
+
+b = new WeakMap, y = new WeakMap, v = new WeakMap, _ = new WeakMap, w = new WeakMap, 
+x = new WeakMap, k = new WeakMap, M = new WeakMap, z = new WeakMap, C = new WeakMap, 
+W = new WeakMap, I = new WeakMap, S = new WeakMap, T = new WeakMap, j = new WeakMap, 
+N = new WeakMap, A = new WeakMap, E = new WeakMap, R = new WeakMap, L = new WeakMap, 
+D = new WeakMap, O = new WeakMap, P = new WeakMap, $ = new WeakMap, H = new WeakMap;
+
+X.style = m;
+
+export { X as gx_ide_team_dev_commit };
+//# sourceMappingURL=p-723d25ae.entry.js.map