@genexus/genexus-ide-ui 1.1.34 → 1.1.36

package/dist/genexus-ide-ui/p-42f37527.entry.js

@@ -0,0 +1,732 @@
+import { r as e, h as n, H as t, a as i } from "./p-97107ecc.js";
+
+import { g as a } from "./p-401bfc97.js";
+
+import { L as r } from "./p-311eedf3.js";
+
+import { r as s } from "./p-a24571ca.js";
+
+import { f as l } from "./p-8c15538c.js";
+
+import { c as o } from "./p-9a03ac9f.js";
+
+const mapObjectTypeToComboBoxItemModel = e => e.map((e => ({
+  value: e.id,
+  caption: e.name,
+  startImgSrc: e.icon
+})));
+
+const c = '.custom-icon-text-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  --pill-border-radius: 12px;\n  --pill-padding-inline: 8px;\n  --pill-padding-block: 2px;\n  --pill-font-size: var(--font-size-body-s);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content 1fr;\n}\n\n.detail__version, .detail__knowledge-base {\n  padding-inline: 24px;\n  border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);\n}\n\n.detail__genexus-server {\n  padding-inline-end: 24px;\n  border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);\n}\n\n.detail__last-full-update {\n  padding-inline-start: 24px;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr max-content;\n}\n\n.header__detail {\n  display: grid;\n  row-gap: var(--mer-spacing--md);\n  grid-auto-columns: max-content;\n  grid-auto-rows: max-content;\n  grid-template-areas: "detail-heading-gx . . ." "detail-genexus-server detail-knowledge-base detail-version detail-last-full-update";\n}\n\n.detail__label {\n  color: var(--mer-color__neutral-gray--400);\n}\n\n.detail__heading-genexus-server {\n  grid-area: detail-heading-gx;\n}\n\n.detail__genexus-server {\n  grid-area: detail-genexus-server;\n}\n.detail__genexus-server > a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n}\n\n.detail__link {\n  align-items: start;\n  color: var(--mer-text__primary);\n  text-decoration: underline;\n}\n.detail__link:hover {\n  color: var(--mer-text__primary--hover);\n}\n.detail__link:active {\n  color: var(--mer-text__primary--active);\n}\n\n.detail__knowledge-base {\n  grid-area: detail-knowledge-base;\n}\n\n.detail__version {\n  grid-area: detail-version;\n}\n\n.detail__last-full-update {\n  grid-area: detail-last-full-update;\n}\n\n.filter-container {\n  container-type: inline-size;\n  box-sizing: border-box;\n}\n\n.filter {\n  display: grid;\n  margin-block-start: var(--mer-spacing--lg);\n  grid-template-areas: "filter-search filter-types filter-actions filter-kb-properties filter-buttons";\n  grid-template-columns: 200px 200px 200px max-content 1fr;\n  gap: 12px;\n}\n\n@container (max-width: 1100px) {\n  .filter-container > .filter {\n    grid-template-columns: 200px 200px 200px 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions filter-buttons" "filter-kb-properties . . .";\n    grid-auto-rows: max-content;\n  }\n}\n@container (max-width: 900px) {\n  .filter-container > .filter {\n    grid-template-columns: 1fr 1fr 1fr;\n    grid-template-areas: "filter-search filter-types filter-actions" "filter-kb-properties filter-buttons filter-buttons";\n    grid-auto-rows: max-content;\n  }\n}\n.filter__search {\n  grid-area: filter-search;\n}\n\n.filter__types {\n  grid-area: filter-types;\n}\n\n.filter__actions {\n  grid-area: filter-actions;\n}\n\n.filter__kb-properties {\n  grid-area: filter-kb-properties;\n}\n\n.filter__buttons {\n  margin-inline-start: auto;\n  grid-area: filter-buttons;\n}\n\n.main {\n  position: relative;\n  display: grid;\n  overflow: auto;\n}\n\n.loader {\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  inset-block-start: 0;\n}\n\n.tabular-grid {\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.empty-state {\n  block-size: 100%;\n}\n\n.loader {\n  --elevation-background-color: var(--mer-surface__elevation--01);\n}\n\n.messages-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  max-inline-size: 800px;\n  padding: 8px 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--3xs);\n}\n\n.message-description {\n  line-height: 1.5;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.message-icon {\n  flex-shrink: 0;\n}\n\n.tabular-grid.empty-result::part(main) {\n  overflow: hidden;\n}\n\n.input-comments-container {\n  position: relative;\n}\n\n.input-comments {\n  --control__border-color: transparent;\n  padding-block: 0 !important;\n  padding-inline: 0 !important;\n  --line-height-tight: 1.4;\n  block-size: 100%;\n  background-color: var(--mer-surface);\n  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;\n}\n\n.input-comments:focus {\n  position: absolute;\n  block-size: 200px;\n  inline-size: 100%;\n  z-index: 99;\n  background-color: var(--mer-surface__elevation--01);\n  padding-block: var(--control__padding-block) !important;\n  padding-inline: var(--control__padding-inline) !important;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  background-size: contain;\n  margin-inline-end: 0;\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--enabled);\n  cursor: pointer;\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):hover {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--hover);\n}\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon):active {\n  --icon-path: var(--icon__gemini-tools_show-more-vertical_neutral--active);\n}\n\n.tabular-grid-row-actions::part(main),\n.property-grid-row-actions::part(main) {\n  gap: 0 !important;\n}\n\n.tabular-grid-row-actions > button {\n  justify-content: start;\n}\n\n.pill {\n  --pill-background-color: transparent;\n  --pill-color: transparent;\n  --pill-border-color: transparent;\n  background-color: var(--pill-background-color);\n  color: var(--pill-color);\n  border: 1px solid var(--pill-border-color);\n  inline-size: 100%;\n  padding: var(--pill-padding-block) var(--pill-padding-inline);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pill-border-radius);\n  position: relative;\n  font-weight: var(--font-weight-semi-bold);\n}\n.pill--update, .pill--pending {\n  --pill-background-color: var();\n  --pill-color: var(--mer-color__neutral-gray--400);\n  --pill-border-color: var();\n}\n.pill--to-merge-marked {\n  --pill-background-color: var();\n  --pill-color: var(--mer-border-color__primary);\n  --pill-border-color: var();\n}\n.pill--ignored {\n  --pill-background-color: var(--mer-surface__elevation--02);\n  --pill-color: var(--mer-text__on-disabled);\n  --pill-border-color: var(--mer-border-color__primary--disabled);\n}\n.pill--pending {\n  --pill-background-color: var(--mer-color__tinted-primary--8);\n  --pill-color: var(--mer-border-color__primary);\n  --pill-border-color: var(--mer-color__tinted-primary--50);\n}\n.pill--warning {\n  --pill-background-color: var(--mer-color__tinted-yellow--5);\n  --pill-color: var(--mer-border-color__warning);\n  --pill-border-color: var(--mer-color__tinted-yellow--60);\n}\n.pill--error {\n  --pill-background-color: var(--mer-color__tinted-red--5);\n  --pill-color: var(--mer-border-color__error);\n  --pill-border-color: var(--mer-color__tinted-red--60);\n}\n.pill--updated {\n  --pill-background-color: var(--mer-color__tinted-green--5);\n  --pill-color: var(--mer-border-color__success);\n  --pill-border-color: var(--mer-color__tinted-green--60);\n}\n.pill--transitioning {\n  --pill-color: transparent;\n}\n\n.updating-spinner-caption {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  --status-circle-color: transparent;\n  --status-circle-size: $size;\n  --status-circle-inset-inline-start: 14px;\n  --pill-color: var(--mer-border-color__primary);\n}\n.updating-spinner-caption::before {\n  display: inline-block;\n  content: "";\n  width: 14px;\n  height: 14px;\n  border: calc(14px / 7) solid var(--mer-color__tinted-primary--50);\n  border-top: calc(14px / 7) solid var(--mer-color__primary--300);\n  border-radius: 50%;\n  animation: spin var(--mer-timing--regular) linear infinite;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.tabular-grid .button-secondary {\n  --control__padding-block: var(--pill-padding-block);\n  --control__padding-inline: var(--pill-padding-inline);\n  font-size: inherit;\n  font-weight: inherit;\n  /* font-size: var(--pill-font-size); */\n}\n\n.tabular-grid .tabular-grid-cell--for-pill {\n  --grid-cell__padding-block: 4px;\n  align-items: center;\n  justify-content: center;\n}\n\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(selector-label),\n.tabular-grid.disabled-custom-selector .tabular-grid-column::part(bar-selector),\n.tabular-grid.disabled-custom-selector .tabular-grid-cell::part(actions-icon) {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.tabular-grid-column--settings-custom-selector,\n.tabular-grid-cell--settings-custom-selector {\n  --grid-cell__padding-inline: 0;\n  --grid-cell__padding-block: 0;\n}\n\n.tabular-grid-cell::part(actions-icon) {\n  padding-block: 6px;\n}\n\nch-tabular-grid-cell.tabular-grid-cell::part(actions-icon) {\n  block-size: 100%;\n  display: block;\n  background-size: 14px;\n  padding-inline: 16px;\n}\n\n.tabular-grid-cell.no-checkbox-custom-selector::part(selector-label) {\n  visibility: hidden;\n}\n\n.tabular-grid-row-actions::part(window) {\n  background-color: var(--mer-surface__elevation--02) !important;\n}\n\n.tabular-grid-row .tabular-grid-cell:nth-child(3) {\n  min-inline-size: 200px;\n}';
+
+var d = undefined && undefined.__classPrivateFieldGet || function(e, n, t, i) {
+  if (t === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof n === "function" ? e !== n || !i : !n.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? i : t === "a" ? i.call(e) : i ? i.value : n.get(e);
+};
+
+var p = undefined && undefined.__classPrivateFieldSet || function(e, n, t, i, a) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof n === "function" ? e !== n || !a : !n.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? a.call(e, t) : a ? a.value = t : n.set(e, t), t;
+};
+
+var h, u, g, f, m, b, _, v, w, y, k, x, M, z, W, j, T, C, I, S, N, E, A, L;
+
+const O = [ "resets/box-sizing", "components/tabular-grid", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const P = "true";
+
+const R = "false";
+
+const $ = "detail__label body-semi-bold-s";
+
+// icons
+const D = a({
+  category: "system",
+  name: "add",
+  colorType: "on-elevation"
+});
+
+const F = a({
+  category: "system",
+  name: "edit",
+  colorType: "on-elevation"
+});
+
+const U = a({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-elevation"
+});
+
+const q = a({
+  category: "system",
+  name: "search",
+  colorType: "on-elevation"
+});
+
+const G = a({
+  category: "system",
+  name: "substract",
+  colorType: "on-elevation"
+});
+
+const H = a({
+  category: "system",
+  name: "warning",
+  colorType: "warning"
+});
+
+const V = a({
+  category: "system",
+  name: "error",
+  colorType: "error"
+});
+
+const X = a({
+  category: "system",
+  name: "check ",
+  colorType: "success"
+});
+
+const Y = a({
+  category: "system",
+  name: "information",
+  colorType: "on-elevation"
+});
+
+const B = a({
+  category: "gemini-tools",
+  name: "reset",
+  colorType: "neutral"
+});
+
+const J = class {
+  constructor(t) {
+    e(this, t);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        h.set(this, void 0);
+    u.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.
+         */    g.set(this, true);
+    f.set(this, void 0);
+    m.set(this, (async () => {
+      d(this, _, "f").call(this, [ ...this.markedObjectsSet ]);
+    }));
+    b.set(this, (async () => {
+      d(this, C, "f").call(this, true);
+    }));
+    _.set(this, (async e => {
+      p(this, g, false, "f");
+      this.updating = true;
+      e.forEach((e => {
+        this.objectsStatusMap.set(e, "updating");
+      }));
+      const n = await this.updateCallback(e);
+      n.forEach((async e => {
+        const n = e.messages;
+        if (n.length) {
+          this.objectsMessagesDataMap.set(e.id, e.messages);
+        } else {
+          // clear messages
+          this.objectsMessagesDataMap.delete(e.id);
+        }
+        if (e.result === "updated") {
+          this.alreadyUpdatedObjectsIdsSet.add(e.id);
+          this.objectsStatusMap.set(e.id, "updated");
+          await d(this, f, "f").markRow(e.id, false);
+        } else {
+          this.objectsStatusMap.set(e.id, "pending");
+        }
+      }));
+      this.updating = false;
+    }));
+    v.set(this, (e => {
+      let t;
+      let i;
+      let a;
+      if (e === "deleted") {
+        t = G;
+        i = d(this, h, "f").actions.delete;
+        a = "--mer-icon__error";
+      } else if (e === "inserted") {
+        t = D;
+        i = d(this, h, "f").actions.insert;
+        a = "--mer-icon__success";
+      } else if (e === "modified") {
+        t = F;
+        i = d(this, h, "f").actions.modify;
+        a = "--mer-icon__warning";
+      } else if (e === "modified-with-conflicts") {
+        t = H;
+        i = d(this, h, "f").actions.modifyWithConflicts;
+        a = "--mer-icon__warning";
+      } else if (!e) {
+        // proably is "ignored"
+        return null;
+      }
+      return n("span", {
+        class: "custom-icon-text-wrapper"
+      }, n("ch-image", {
+        type: "mask",
+        class: "icon-md",
+        src: t,
+        style: {
+          backgroundColor: `var(${a})`
+        }
+      }), `${i}`);
+    }));
+    w.set(this, (e => async () => {
+      const n = new Map(this.objectsStatusMap);
+      n.set(e, "updating");
+      this.objectsStatusMap = n;
+      d(this, _, "f").call(this, [ e ]);
+    }));
+    y.set(this, (e => {
+      const t = this.objectsStatusMap.get(e);
+      const i = t === "pending" && this.updatePillAsButton ? d(this, h, "f").status.update : d(this, h, "f").status[t];
+      if (t === "updating") {
+        return n("span", {
+          class: "updating-spinner-caption"
+        }, i);
+      }
+      const a = `pill pill--${t}`;
+      if (this.updatePillAsButton && t === "pending") {
+        return n("button", {
+          class: "button-secondary pill pill--update",
+          onClick: d(this, w, "f").call(this, e)
+        }, i);
+      } else {
+        return n("span", {
+          class: a
+        }, i);
+      }
+    }));
+    k.set(this, (e => {
+      let t;
+      if (e === "pending") {
+        t = this.pendingObjectsAfterActionFilter;
+      } else if (e === "ignored") {
+        t = this.ignoredObjectsAfterActionFilter;
+      }
+      return t.map((t => {
+        const i = {
+          id: t.id,
+          icon: t.typeIcon,
+          name: t.name
+        };
+        const a = this.alreadyUpdatedObjectsIdsSet.has(t.id);
+        const r = a || e === "ignored";
+        const o = this.markedObjectsSet.has(t.id);
+        const c = this.objectsMessagesDataMap.get(t.id);
+        return n("ch-tabular-grid-row", {
+          class: "tabular-grid-row",
+          key: t.id,
+          rowid: t.id,
+          ref: e => o && (e === null || e === void 0 ? void 0 : e.setAttribute("marked", "true"))
+        }, n("ch-tabular-grid-cell", {
+          "cell-type": "rich",
+          "row-selector": "true",
+          class: {
+            "tabular-grid-cell": true,
+            "no-checkbox-custom-selector": r
+          },
+          size: "max-content"
+        }, t.name), n("ch-tabular-grid-cell", {
+          class: "tabular-grid-cell"
+        }, s(i)), n("ch-tabular-grid-cell", {
+          class: "tabular-grid-cell"
+        }, t.description), n("ch-tabular-grid-cell", {
+          class: "tabular-grid-cell"
+        }, l(t.modifiedOn)), n("ch-tabular-grid-cell", {
+          class: "tabular-grid-cell"
+        }, d(this, v, "f").call(this, t.action)), n("ch-tabular-grid-cell", {
+          class: "tabular-grid-cell tabular-grid-cell--for-pill"
+        }, d(this, y, "f").call(this, t.id)), (c === null || c === void 0 ? void 0 : c.length) && n("ch-tabular-grid-rowset", {
+          class: "tabular-grid-rowset"
+        }, n("ch-tabular-grid-rowset-empty", {
+          class: {
+            "tabular-grid-rowset-empty": true
+          }
+        }, n("ul", {
+          class: "messages-list"
+        }, c.map((e => {
+          let t;
+          if (e.type === "error") {
+            t = V;
+          } else if (e.type === "warning") {
+            t = H;
+          } else if (e.type === "success") {
+            t = X;
+          } else {
+            // info
+            t = Y;
+          }
+          return n("li", {
+            class: "message-description"
+          }, n("ch-image", {
+            class: "icon-md message-icon",
+            src: t
+          }), e.text);
+        }))))));
+      }));
+    }));
+    x.set(this, (async e => {
+      const n = e.detail.rowsId;
+      this.markedObjectsSet = new Set(n.filter((e => !this.alreadyUpdatedObjectsIdsSet.has(e))));
+      if (d(this, g, "f")) {
+        d(this, M, "f").call(this, e);
+      }
+    }));
+    M.set(this, (async e => {
+      const n = e.detail.addedRowsId;
+      const t = e.detail.removedRowsId;
+      const i = await this.pendingItemsCheckedCallback({
+        itemsChecked: n,
+        itemsUnchecked: t
+      });
+      if (i === undefined) {
+        // undo check/uncheck
+        await d(this, E, "f").call(this, n, t);
+      } else {
+        await d(this, A, "f").call(this, i);
+      }
+    }));
+    z.set(this, (e => {
+      this.searchValue = e.detail;
+      d(this, C, "f").call(this);
+    }));
+    // Local Methods Update
+        W.set(this, (e => {
+      this.selectedAction = e.detail;
+      d(this, C, "f").call(this);
+    }));
+    j.set(this, (async e => {
+      this.selectedType = e.detail;
+      d(this, C, "f").call(this);
+    }));
+    T.set(this, (() => {
+      this.pendingAndIgnored.pendingForUpdate.forEach((e => {
+        var n;
+        const t = (n = e.status) !== null && n !== void 0 ? n : "pending";
+        this.objectsStatusMap.set(e.id, t);
+        if (t === "updated") {
+          this.alreadyUpdatedObjectsIdsSet.add(e.id);
+        }
+      }));
+      this.pendingAndIgnored.ignoredObjects.forEach((e => {
+        var n;
+        const t = (n = e.status) !== null && n !== void 0 ? n : "ignored";
+        this.objectsStatusMap.set(e.id, t);
+      }));
+    }));
+    C.set(this, (async (e = false) => {
+      const n = {
+        search: this.searchValue,
+        type: this.selectedType,
+        kbProperties: this.kbPropertiesChecked,
+        action: this.selectedAction
+      };
+      this.loading = true;
+      this.objectsMessagesDataMap.clear();
+      this.pendingAndIgnored = await this.loadCallback(n, e);
+      d(this, T, "f").call(this);
+      this.loading = false;
+      // Is is required to mark/check all objects after loadCallback.
+            d(this, I, "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.
+         **/    I.set(this, (() => {
+      for (const e of this.pendingIdsSet) {
+        if (!this.alreadyUpdatedObjectsIdsSet.has(e)) {
+          this.markedObjectsSet = new Set([ ...this.markedObjectsSet, e ]);
+        }
+      }
+    }));
+    S.set(this, (() => {
+      // this.pendingObjectsAfterActionFilter = this.#filteredObjects(
+      //   this.pendingAndIgnored.pendingForUpdate
+      // );
+      this.pendingObjectsAfterActionFilter = this.pendingAndIgnored.pendingForUpdate;
+      // this.ignoredObjectsAfterActionFilter = this.#filteredObjects(
+      //   this.pendingAndIgnored.ignoredObjects
+      // );
+            this.ignoredObjectsAfterActionFilter = this.pendingAndIgnored.ignoredObjects;
+    }));
+    // #filteredObjects = (objects: ModifiedObject[]): ModifiedObject[] => {
+    //   let filtered = objects;
+    //   // name or description
+    //   if (this.searchValue.length) {
+    //     filtered = filtered.filter(object => {
+    //       const nameFiltered = object.name
+    //         .toLowerCase()
+    //         .includes(this.searchValue.toLowerCase());
+    //       const descriptionFiltered = object.description
+    //         .toLowerCase()
+    //         .includes(this.searchValue.toLowerCase());
+    //       return nameFiltered || descriptionFiltered;
+    //     });
+    //   }
+    //   return filtered;
+    // };
+        N.set(this, (() => async e => {
+      e.preventDefault();
+      e.stopPropagation();
+      const n = await d(this, f, "f").getSelectedRows();
+      const t = (await d(this, f, "f").getSelectedCell()).rowId;
+      const i = this.pendingIdsSet.has(t) ? "pending" : "ignored";
+      let a = [];
+      // remove selected rows from the other source, if any.
+            if (n.length > 1 && i === "pending") {
+        n.forEach((async e => {
+          if (this.ignoredIdsSet.has(e)) {
+            await d(this, f, "f").selectRow(e, false);
+          } else {
+            a.push(e);
+          }
+        }));
+      } else if (n.length > 1 && i === "ignored") {
+        n.forEach((async e => {
+          if (this.pendingIdsSet.has(e)) {
+            await d(this, f, "f").selectRow(e, false);
+          } else {
+            a.push(e);
+          }
+        }));
+      } else {
+        a = n;
+      }
+      await this.contextMenuCallback(i, {
+        selection: a,
+        clientX: e.detail.clientX,
+        clientY: e.detail.clientY
+      });
+    }));
+    E.set(this, (async (e, n) => {
+      if (d(this, f, "f")) {
+        for (const n of e) {
+          await d(this, f, "f").markRow(n, false);
+        }
+        for (const e of n) {
+          await d(this, f, "f").markRow(e, true);
+        }
+      }
+    }));
+    A.set(this, (async e => {
+      if (d(this, f, "f")) {
+        const n = e.itemsToCheck;
+        const t = e.itemsToUncheck;
+        // check
+                for (const e of n) {
+          await d(this, f, "f").markRow(e, true);
+        }
+        // uncheck
+                for (const e of t) {
+          await d(this, f, "f").markRow(e, false);
+        }
+      }
+    }));
+    L.set(this, (e => {
+      this.kbPropertiesChecked = e.detail === P;
+      d(this, C, "f").call(this, true);
+    }));
+    this.atLeastOneObjectIsChecked = false;
+    this.loading = true;
+    this.menuContextAction = undefined;
+    this.searchValue = "";
+    this.selectedAction = "all-actions";
+    this.markedObjectsSet = new Set([]);
+    this.alreadyUpdatedObjectsIdsSet = new Set([]);
+    this.pendingIdsSet = new Set([]);
+    this.ignoredIdsSet = new Set([]);
+    this.objectsMessagesDataMap = new Map;
+    this.updating = false;
+    this.kbPropertiesChecked = false;
+    this.typesComboBoxModel = undefined;
+    this.selectedType = undefined;
+    this.objectsStatusMap = new Map;
+    this.contextMenuCallback = undefined;
+    this.pendingAndIgnored = {
+      pendingForUpdate: [],
+      ignoredObjects: []
+    };
+    this.pendingObjectsAfterActionFilter = [];
+    this.ignoredObjectsAfterActionFilter = [];
+    this.loadCallback = undefined;
+    this.pendingItemsCheckedCallback = undefined;
+    this.types = undefined;
+    this.updatePillAsButton = false;
+    this.updateCallback = undefined;
+    this.openServerCallback = undefined;
+    this.updateFrom = undefined;
+  }
+  markedObjectsSetChanged(e) {
+    this.atLeastOneObjectIsChecked = e.size > 0;
+  }
+  objectsStatusMapChanged(e) {
+    const n = [ ...e.entries() ].find((([, e]) => e === "updating"));
+    if (!n) {
+      this.updating = false;
+    }
+  }
+  pendingAndIgnoredChanged() {
+    d(this, S, "f").call(this);
+    this.pendingIdsSet.clear();
+    this.pendingAndIgnored.pendingForUpdate.forEach((e => {
+      this.pendingIdsSet.add(e.id);
+    }));
+    this.ignoredIdsSet.clear();
+    this.pendingAndIgnored.ignoredObjects.forEach((e => {
+      this.ignoredIdsSet.add(e.id);
+    }));
+  }
+  async componentWillLoad() {
+    var e;
+    p(this, h, await r.getComponentStrings(this.el), "f");
+    // Initiate "actions" combo box filter
+        p(this, u, [ {
+      caption: d(this, h, "f").actions.allActions,
+      value: "all-actions"
+    }, {
+      caption: d(this, h, "f").actions.insert,
+      value: "inserted"
+    }, {
+      caption: d(this, h, "f").actions.modify,
+      value: "modified"
+    }, {
+      caption: d(this, h, "f").actions.modifyWithConflicts,
+      value: "modified-with-conflicts"
+    }, {
+      caption: d(this, h, "f").actions.delete,
+      value: "deleted"
+    } ], "f");
+    // Set type initial value
+        this.selectedType = (e = this.types[0]) === null || e === void 0 ? void 0 : e.id;
+    this.typesComboBoxModel = mapObjectTypeToComboBoxItemModel(this.types);
+  }
+  async componentDidLoad() {
+    await d(this, C, "f").call(this, true);
+  }
+  /**
+     * Used by the host to instruct the component to force a data reload in the grids.
+     */  async reload() {
+    d(this, C, "f").call(this, true);
+  }
+  render() {
+    const e = true;
+    const i = this.updating || this.loading;
+    const a = this.pendingObjectsAfterActionFilter.length === 0 && this.ignoredObjectsAfterActionFilter.length === 0;
+    return n(t, {
+      class: "widget"
+    }, n("ch-theme", {
+      model: O
+    }), n("section", {
+      class: "section"
+    }, n("header", {
+      class: "header spacing-body-inline spacing-body-block-start"
+    }, n("div", {
+      // header details
+      class: "header__detail header__detail-1"
+    }, n("p", {
+      class: "detail__heading-genexus-server subtitle-semi-bold-s"
+    }, d(this, h, "f").commitDetail.title), n("div", {
+      // genexus server
+      class: "detail__genexus-server field field-block"
+    }, n("span", {
+      class: $
+    }, d(this, h, "f").commitDetail.genexusServer), n("button", {
+      class: "detail__link body-regular-s",
+      onClick: this.openServerCallback
+    }, this.updateFrom ? this.updateFrom.serverUrl : "")), n("div", {
+      // knowledge base
+      class: "detail__knowledge-base field field-block"
+    }, n("span", {
+      class: $
+    }, d(this, h, "f").commitDetail.knowledgeBase), n("p", {
+      class: "body-regular-s"
+    }, this.updateFrom ? this.updateFrom.kbName : "")), n("div", {
+      // version
+      class: "detail__version field field-block"
+    }, n("span", {
+      class: $
+    }, d(this, h, "f").commitDetail.version), n("p", {
+      class: "body-regular-s"
+    }, this.updateFrom ? this.updateFrom.versionName : "")), n("div", {
+      // last full update
+      class: "detail__last-full-update field field-block"
+    }, n("span", {
+      class: $
+    }, d(this, h, "f").commitDetail.lastFullUpdate), n("p", {
+      class: "body-regular-s"
+    }, l(this.updateFrom.lastFullUpdate))))), n("div", {
+      class: "filter-container spacing-body-inline"
+    }, n("div", {
+      class: "filter"
+    }, n("ch-edit", {
+      // search
+      class: "input filter__search",
+      disabled: i,
+      startImgSrc: q,
+      accessibleName: d(this, h, "f").filter.searchAccessibleName,
+      placeholder: d(this, h, "f").filter.searchPlaceholder,
+      type: "search",
+      onInput: d(this, z, "f"),
+      debounce: o.inputDebounce
+    }), n("ch-combo-box-render", {
+      // types
+      class: "combo-box filter__types",
+      disabled: i,
+      model: this.typesComboBoxModel,
+      value: this.selectedType,
+      accessibleName: d(this, h, "f").filter.typeAccesibleName,
+      placeholder: d(this, h, "f").filter.typePlaceholder,
+      onInput: d(this, j, "f")
+    }), n("ch-combo-box-render", {
+      // actions
+      class: "combo-box filter__actions",
+      disabled: i,
+      model: d(this, u, "f"),
+      value: this.selectedAction,
+      onInput: d(this, W, "f"),
+      accessibleName: d(this, h, "f").filter.actionAccesibleName,
+      placeholder: d(this, h, "f").filter.actionPlaceholder
+    }), n("ch-checkbox", {
+      // kb properties
+      class: "checkbox filter__kb-properties",
+      caption: d(this, h, "f").filter.kbProperties,
+      checkedValue: P,
+      value: R,
+      onInput: d(this, L, "f"),
+      disabled: i
+    }), n("div", {
+      class: "buttons-spacer filter__buttons"
+    }, n("button", {
+      // reload button
+      class: "button-secondary button-icon-and-text",
+      disabled: i,
+      onClick: d(this, b, "f")
+    }, n("ch-image", {
+      class: "icon-md",
+      src: B
+    }), d(this, h, "f").filter.reload), n("button", {
+      // update button
+      class: "button-primary button-update",
+      disabled: !this.atLeastOneObjectIsChecked || i,
+      onClick: d(this, m, "f")
+    }, d(this, h, "f").filter.update)))), n("div", {
+      class: "main spacing-body"
+    }, !this.loading ? n("ch-tabular-grid", {
+      class: {
+        "tabular-grid": true,
+        "objects-tabular-grid": true,
+        "disabled-custom-selector": this.updating,
+        "empty-result": a
+      },
+      keyboardNavigationMode: "focus",
+      rowSelectionMode: "multiple",
+      onRowMarkingChanged: d(this, x, "f"),
+      onRowContextMenu: d(this, N, "f").call(this),
+      ref: e => p(this, f, e, "f")
+    }, n("ch-tabular-grid-columnset", {
+      class: "tabular-grid-column-set"
+    }, n("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "name",
+      columnName: d(this, h, "f").objects.name,
+      columnType: "rich",
+      richRowSelector: e,
+      richRowSelectorMode: "mark",
+      settingable: false,
+      size: "max-content"
+    }), n("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "type",
+      columnName: d(this, h, "f").objects.type,
+      settingable: false,
+      size: "max-content"
+    }), n("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "description",
+      columnName: d(this, h, "f").objects.description,
+      settingable: false,
+      size: o.tabularGrid.colSize.description
+    }), n("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "modified-on",
+      columnName: d(this, h, "f").objects.modifiedOn,
+      settingable: false,
+      size: "max-content"
+    }), n("ch-tabular-grid-column", {
+      class: "tabular-grid-column",
+      columnId: "action",
+      columnName: d(this, h, "f").objects.action,
+      settingable: false,
+      size: "max-content"
+    }), n("ch-tabular-grid-column", {
+      // size of this column should the enough for the largest pill, and no more.
+      // this prevents layout shifts when pills state changes.
+      class: "tabular-grid-column",
+      columnId: "status",
+      columnName: d(this, h, "f").objects.status,
+      settingable: false,
+      size: "100px"
+    })), !a ? [ n("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, n("ch-tabular-grid-rowset-legend", {
+      class: "tabular-grid-rowset-legend"
+    }, d(this, h, "f").objects.pending), d(this, k, "f").call(this, "pending")), n("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, n("ch-tabular-grid-rowset-legend", {
+      class: "tabular-grid-rowset-legend"
+    }, d(this, h, "f").objects.ignored), d(this, k, "f").call(this, "ignored")) ] : null, n("ch-tabular-grid-rowset", {
+      class: "tabular-grid-rowset"
+    }, a && n("ch-tabular-grid-rowset-empty", null, n("gx-ide-empty-state", {
+      class: "empty-state",
+      isAnimated: true,
+      stateIconSrc: U,
+      stateTitle: "No object matched your filter"
+    })))) : n("gx-ide-loader", {
+      cancelLabel: d(this, h, "f").loader.cancelLabel,
+      loaderTitle: d(this, h, "f").loader.title,
+      description: d(this, h, "f").loader.description,
+      show: true,
+      class: "loader"
+    }))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/team-dev-update" ];
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      markedObjectsSet: [ "markedObjectsSetChanged" ],
+      objectsStatusMap: [ "objectsStatusMapChanged" ],
+      pendingAndIgnored: [ "pendingAndIgnoredChanged" ]
+    };
+  }
+};
+
+h = new WeakMap, u = new WeakMap, g = new WeakMap, f = new WeakMap, m = new WeakMap, 
+b = new WeakMap, _ = new WeakMap, v = new WeakMap, w = new WeakMap, y = new WeakMap, 
+k = new WeakMap, x = new WeakMap, M = new WeakMap, z = new WeakMap, W = new WeakMap, 
+j = new WeakMap, T = new WeakMap, C = new WeakMap, I = new WeakMap, S = new WeakMap, 
+N = new WeakMap, E = new WeakMap, A = new WeakMap, L = new WeakMap;
+
+J.style = c;
+
+export { J as gx_ide_team_dev_update };
+//# sourceMappingURL=p-42f37527.entry.js.map