@genexus/genexus-ide-ui 1.1.34 → 1.1.36

package/dist/genexus-ide-ui/p-69da0cd9.entry.js

@@ -1,201 +0,0 @@
-import { r as t, c as e, g as r, h as a, H as o, a as i } from "./p-97107ecc.js";
-
-import { L as s } from "./p-311eedf3.js";
-
-import { c as l } from "./p-44e5e972.js";
-
-const n = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.top-actions{display:flex;gap:var(--gx-ide-grid-column-gap);padding:var(--mer-spacing--xs) var(--gx-ide-container__padding);flex-direction:row-reverse;border-bottom:1px solid var(--gx-ide-container-border-color)}.tabular-grid{block-size:100%}";
-
-const c = [ "resets/box-sizing", 
-// "utils/form",
-// "utils/layout",
-// "utils/typography",
-// "components/button",
-// "components/checkbox",
-// "components/edit",
-"components/tabular-grid" ];
-
-const g = class {
-  constructor(o) {
-    t(this, o);
-    this.componentDidLoadEvent = e(this, "componentDidLoadEvent", 7);
-    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = r(`./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`);
-    // 9.LOCAL METHODS //
-        this.renderObjects = () => a("ch-tabular-grid", {
-      class: "tabular-grid",
-      "row-selection-mode": "multiple",
-      ref: t => this.chGridEl = t,
-      part: "ch-grid-objects"
-    }, a("ch-tabular-grid-columnset", {
-      class: "tabular-grid-column-set"
-    }, a("ch-tabular-grid-column", {
-      columnName: "",
-      settingable: false,
-      sortable: false,
-      size: l.tabularGrid.colSize.minContent,
-      class: "tabular-grid-column"
-    }), a("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.name,
-      settingable: false,
-      size: l.tabularGrid.colSize.auto,
-      class: "tabular-grid-column"
-    }), a("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.type,
-      settingable: false,
-      size: l.tabularGrid.colSize.auto,
-      class: "tabular-grid-column"
-    }), a("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.description,
-      settingable: false,
-      size: l.tabularGrid.colSize.auto,
-      class: "tabular-grid-column"
-    }), a("ch-tabular-grid-column", {
-      columnName: this._componentLocale.tableHead.modifiedOn,
-      settingable: false,
-      size: l.tabularGrid.colSize.auto,
-      class: "tabular-grid-column"
-    })), this.selection.map((t => a("ch-tabular-grid-row", {
-      rowid: t.id,
-      key: t.id,
-      class: "tabular-grid-row"
-    }, a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, a("ch-image", {
-      src: t.typeIcon,
-      class: "icon-md"
-    })), a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.name), a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.type), a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, t.description), a("ch-tabular-grid-cell", {
-      class: "tabular-grid-cell"
-    }, `${t.modifiedOn.toISOString().slice(0, 10)}`)))));
-    this.getObjectsHandler = () => {
-      this.addCallback().then((t => {
-        if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
-          this.selection = [ ...this.selection, ...t ];
-          this.selectedObjectsIds = [];
-        }
-      }));
-    };
-    this.removeSelectedObjectsHandler = () => {
-      this.selection = this.selection.filter((t => !this.selectedObjectsIds.includes(t.id)));
-      this.selectedObjectsIds = [];
-    };
-    this.confirmHandler = () => {
-      if (this.confirmCallback) {
-        const t = [];
-        this.selection.forEach((e => {
-          t.push(e.id);
-        }));
-        this.confirmCallback(t);
-      }
-    };
-    this.cancelHandler = () => {
-      this.cancelCallback();
-    };
-    this.removeAllHandler = () => {
-      this.selection = [];
-    };
-    this.listenChanges = () => {
-      // for grid selection
-      this.chGridEl.addEventListener("selectionChanged", (t => {
-        this.selectedObjectsIds = t.detail.rowsId;
-      }));
-    };
-    this.selectedObjectsIds = [];
-    this.displayTitle = false;
-    this.addCallback = undefined;
-    this.cancelCallback = undefined;
-    this.confirmCallback = undefined;
-    this.selection = [];
-  }
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  async componentWillLoad() {
-    this._componentLocale = await s.getComponentStrings(this.el);
-    this.componentDidLoadEvent.emit(true);
-  }
-  componentDidLoad() {
-    this.listenChanges();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  /**
-     * Validate necessary data input
-     */
-  async validate() {
-    const t = true;
-    return t;
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return a(o, {
-      class: "gx-ide-component"
-    }, a("ch-theme", {
-      model: c
-    }), a("div", {
-      class: "gx-ide-main-wrapper"
-    }, a("gx-ide-container", {
-      noContentPadding: true,
-      noContentGap: true,
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      slimmerFooter: l.gxIdeContainer.slimmerFooter
-    }, a("div", {
-      class: "top-actions"
-    }, a("gxg-button", {
-      id: "button-add",
-      type: "outlined",
-      icon: "gemini-tools/add",
-      onClick: this.getObjectsHandler,
-      part: "add"
-    }, this._componentLocale.btnAddObject), a("gxg-button", {
-      id: "button-remove",
-      type: "secondary-text-only",
-      onClick: this.removeSelectedObjectsHandler,
-      part: "remove",
-      disabled: !(this.selectedObjectsIds.length > 0)
-    }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), a("gxg-button", {
-      id: "button-clear",
-      onClick: this.removeAllHandler,
-      disabled: !(this.selection.length > 0),
-      part: "clear",
-      slot: "footer-start",
-      type: "secondary-text-only"
-    }, this._componentLocale.footer.btnRemoveAll), a("gxg-button", {
-      id: "button-cancel",
-      type: "outlined",
-      onClick: this.cancelHandler,
-      part: "cancel",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnCancel), a("gxg-button", {
-      id: "button-ok",
-      type: "primary-text-only",
-      onClick: this.confirmHandler,
-      part: "confirm",
-      slot: "footer-end"
-    }, this._componentLocale.footer.btnConfirm))), a("gxg-shortcuts", {
-      src: this.shortcutsSrc
-    }));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/team-dev-update-partial-selection" ];
-  }
-  get el() {
-    return i(this);
-  }
-};
-
-g.style = n;
-
-export { g as gx_ide_team_dev_update_partial_selection };
-//# sourceMappingURL=p-69da0cd9.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["updatePartialSelectionCss","CSS_BUNDLES","GxIdeTeamDevUpdatePartialSelection","this","renderedFirstTime","shortcutsSrc","getAssetPath","renderObjects","h","class","ref","el","chGridEl","part","columnName","settingable","sortable","size","config","tabularGrid","colSize","minContent","_componentLocale","tableHead","name","auto","type","description","modifiedOn","selection","map","obj","rowid","id","key","src","typeIcon","toISOString","slice","getObjectsHandler","addCallback","then","items","length","selectedObjectsIds","removeSelectedObjectsHandler","filter","item","includes","confirmHandler","confirmCallback","allRowsIds","forEach","row","push","cancelHandler","cancelCallback","removeAllHandler","listenChanges","addEventListener","ev","detail","rowsId","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","componentDidRender","componentDidRenderFirstTime","componentName","validate","isValid","render","Host","model","noContentPadding","noContentGap","containerTitle","displayTitle","slimmerFooter","gxIdeContainer","icon","onClick","btnAddObject","disabled","btnRemoveSelectedObjects","slot","footer","btnRemoveAll","btnCancel","btnConfirm"],"sources":["src/components/team-dev/update-partial-selection/update-partial-selection.scss?tag=gx-ide-team-dev-update-partial-selection&encapsulation=shadow","src/components/team-dev/update-partial-selection/update-partial-selection.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n.top-actions {\n  display: flex;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--mer-spacing--xs) var(--gx-ide-container__padding);\n  flex-direction: row-reverse;\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n}\n\n.tabular-grid {\n  block-size: 100%;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  // \"utils/form\",\n  // \"utils/layout\",\n  // \"utils/typography\",\n  // \"components/button\",\n  // \"components/checkbox\",\n  // \"components/edit\",\n  \"components/tabular-grid\"\n];\n@Component({\n  tag: \"gx-ide-team-dev-update-partial-selection\",\n  styleUrl: \"update-partial-selection.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update-partial-selection\"]\n})\nexport class GxIdeTeamDevUpdatePartialSelection {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevUpdatePartialSelectionElement;\n\n  /* References needed to collect data */\n  private chGridEl!: HTMLElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * This is a function provided by the developer that return a list of new objects to populate the table of objects.\n   */\n  @Prop() readonly addCallback!: AddCallback;\n\n  /**\n   * This is a function provided by the developer for execute when cancel button is pressed.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop({ mutable: true }) selection: ObjectData[] = [];\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  componentDidLoad() {\n    this.listenChanges();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLElement) => (this.chGridEl = el)}\n        part=\"ch-grid-objects\"\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            columnName=\"\"\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.minContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.description}\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.modifiedOn}\n            settingable={false}\n            size={config.tabularGrid.colSize.auto}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.selection.map((obj: ObjectData) => (\n          <ch-tabular-grid-row\n            rowid={obj.id}\n            key={obj.id}\n            class=\"tabular-grid-row\"\n          >\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${obj.modifiedOn.toISOString().slice(0, 10)}`}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private getObjectsHandler = (): void => {\n    this.addCallback().then((items: ObjectData[]) => {\n      if (items?.length > 0) {\n        this.selection = [...this.selection, ...items];\n        this.selectedObjectsIds = [];\n      }\n    });\n  };\n\n  private removeSelectedObjectsHandler = (): void => {\n    this.selection = this.selection.filter(\n      item => !this.selectedObjectsIds.includes(item.id)\n    );\n    this.selectedObjectsIds = [];\n  };\n\n  private confirmHandler = (): void => {\n    if (this.confirmCallback) {\n      const allRowsIds: string[] = [];\n      this.selection.forEach(row => {\n        allRowsIds.push(row.id);\n      });\n      this.confirmCallback(allRowsIds);\n    }\n  };\n\n  private cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  private removeAllHandler = (): void => {\n    this.selection = [];\n  };\n\n  private listenChanges = (): void => {\n    // for grid selection\n    this.chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n    });\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noContentGap\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <div class=\"top-actions\">\n              {/* add button*/}\n              <gxg-button\n                id=\"button-add\"\n                type=\"outlined\"\n                icon=\"gemini-tools/add\"\n                onClick={this.getObjectsHandler}\n                part=\"add\"\n              >\n                {this._componentLocale.btnAddObject}\n              </gxg-button>\n\n              {/* remove button*/}\n              <gxg-button\n                id=\"button-remove\"\n                type=\"secondary-text-only\"\n                onClick={this.removeSelectedObjectsHandler}\n                part=\"remove\"\n                disabled={!(this.selectedObjectsIds.length > 0)}\n              >\n                {this._componentLocale.btnRemoveSelectedObjects}\n              </gxg-button>\n            </div>\n\n            {this.renderObjects()}\n\n            {/* remove all button*/}\n            <gxg-button\n              id=\"button-clear\"\n              onClick={this.removeAllHandler}\n              disabled={!(this.selection.length > 0)}\n              part=\"clear\"\n              slot=\"footer-start\"\n              type=\"secondary-text-only\"\n            >\n              {this._componentLocale.footer.btnRemoveAll}\n            </gxg-button>\n\n            {/* cancel button*/}\n            <gxg-button\n              id=\"button-cancel\"\n              type=\"outlined\"\n              onClick={this.cancelHandler}\n              part=\"cancel\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n\n            {/* confirm button*/}\n            <gxg-button\n              id=\"button-ok\"\n              type=\"primary-text-only\"\n              onClick={this.confirmHandler}\n              part=\"confirm\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnConfirm}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type AddCallback = () => Promise<ObjectData[]>;\nexport type CancelCallback = () => Promise<void>;\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport interface ObjectData {\n  id: string;\n  typeIcon: string;\n  name: string;\n  type: string;\n  description: string;\n  modifiedOn: Date;\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAA4B;;ACmBlC,MAAMC,IAA8B,EAClC;;;;;;;AAOA;;MAQWC,IAAkC;;;;;IAOrCC,KAAAC,oBAAoB;IACpBD,KAAAE,eAAeC,EACrB;;QA2FMH,KAAAI,gBAAgB,MAEpBC,EAAA;MACEC,OAAM;MAAc,sBACD;MACnBC,KAAMC,KAAqBR,KAAKS,WAAWD;MAC3CE,MAAK;OAELL,EAAA;MAA2BC,OAAM;OAC/BD,EAAA;MACEM,YAAW;MACXC,aAAa;MACbC,UAAU;MACVC,MAAMC,EAAOC,YAAYC,QAAQC;MACjCZ,OAAM;QAERD,EAAA;MACEM,YAAYX,KAAKmB,iBAAiBC,UAAUC;MAC5CT,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQK;MACjChB,OAAM;QAERD,EAAA;MACEM,YAAYX,KAAKmB,iBAAiBC,UAAUG;MAC5CX,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQK;MACjChB,OAAM;QAERD,EAAA;MACEM,YAAYX,KAAKmB,iBAAiBC,UAAUI;MAC5CZ,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQK;MACjChB,OAAM;QAERD,EAAA;MACEM,YAAYX,KAAKmB,iBAAiBC,UAAUK;MAC5Cb,aAAa;MACbE,MAAMC,EAAOC,YAAYC,QAAQK;MACjChB,OAAM;SAGTN,KAAK0B,UAAUC,KAAKC,KACnBvB,EAAA;MACEwB,OAAOD,EAAIE;MACXC,KAAKH,EAAIE;MACTxB,OAAM;OAEND,EAAA;MAAsBC,OAAM;OAC1BD,EAAA;MAAU2B,KAAKJ,EAAIK;MAAU3B,OAAM;SAErCD,EAAA;MAAsBC,OAAM;OACzBsB,EAAIP,OAEPhB,EAAA;MAAsBC,OAAM;OACzBsB,EAAIL,OAEPlB,EAAA;MAAsBC,OAAM;OACzBsB,EAAIJ,cAEPnB,EAAA;MAAsBC,OAAM;OACzB,GAAGsB,EAAIH,WAAWS,cAAcC,MAAM,GAAG;IAQ9CnC,KAAAoC,oBAAoB;MAC1BpC,KAAKqC,cAAcC,MAAMC;QACvB,KAAIA,MAAK,QAALA,WAAK,aAALA,EAAOC,UAAS,GAAG;UACrBxC,KAAK0B,YAAY,KAAI1B,KAAK0B,cAAca;UACxCvC,KAAKyC,qBAAqB;;;AAE5B;IAGIzC,KAAA0C,+BAA+B;MACrC1C,KAAK0B,YAAY1B,KAAK0B,UAAUiB,QAC9BC,MAAS5C,KAAKyC,mBAAmBI,SAASD,EAAKd;MAEjD9B,KAAKyC,qBAAqB;AAAE;IAGtBzC,KAAA8C,iBAAiB;MACvB,IAAI9C,KAAK+C,iBAAiB;QACxB,MAAMC,IAAuB;QAC7BhD,KAAK0B,UAAUuB,SAAQC;UACrBF,EAAWG,KAAKD,EAAIpB;AAAG;QAEzB9B,KAAK+C,gBAAgBC;;;IAIjBhD,KAAAoD,gBAAgB;MACtBpD,KAAKqD;AAAgB;IAGfrD,KAAAsD,mBAAmB;MACzBtD,KAAK0B,YAAY;AAAE;IAGb1B,KAAAuD,gBAAgB;;MAEtBvD,KAAKS,SAAS+C,iBAAiB,qBAAqBC;QAClDzD,KAAKyC,qBAAqBgB,EAAGC,OAAOC;AAAM;AAC1C;8BAtLoC;wBAOR;;;;qBAoBmB;;;EAgBnD,uBAAMC;IACJ5D,KAAKmB,yBAAyB0C,EAAOC,oBAAoB9D,KAAKQ;IAC9DR,KAAK+D,sBAAsBC,KAAK;;EAGlC,gBAAAC;IACEjE,KAAKuD;;EAGP,kBAAAW;IACE,KAAKlE,KAAKC,mBAAmB;MAC3BD,KAAKmE,4BAA4BH,KAC/BhE,KAAKmB,iBAAiBiD;MAExBpE,KAAKC,oBAAoB;;;;;;;;EAY7B,cAAMoE;IACJ,MAAMC,IAAU;IAChB,OAAOA;;;EAoHT,MAAAC;IACE,OACElE,EAACmE,GAAI;MAAClE,OAAM;OACVD,EAAA;MAAUoE,OAAO3E;QACjBO,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEqE,kBAAgB;MAChBC,cAAY;MACZC,gBACE5E,KAAK6E,eAAe7E,KAAKmB,iBAAiBiD,gBAAgB;MAE5DU,eAAe/D,EAAOgE,eAAeD;OAErCzE,EAAA;MAAKC,OAAM;OAETD,EAAA;MACEyB,IAAG;MACHP,MAAK;MACLyD,MAAK;MACLC,SAASjF,KAAKoC;MACd1B,MAAK;OAEJV,KAAKmB,iBAAiB+D,eAIzB7E,EAAA;MACEyB,IAAG;MACHP,MAAK;MACL0D,SAASjF,KAAK0C;MACdhC,MAAK;MACLyE,YAAYnF,KAAKyC,mBAAmBD,SAAS;OAE5CxC,KAAKmB,iBAAiBiE,4BAI1BpF,KAAKI,iBAGNC,EAAA;MACEyB,IAAG;MACHmD,SAASjF,KAAKsD;MACd6B,YAAYnF,KAAK0B,UAAUc,SAAS;MACpC9B,MAAK;MACL2E,MAAK;MACL9D,MAAK;OAEJvB,KAAKmB,iBAAiBmE,OAAOC,eAIhClF,EAAA;MACEyB,IAAG;MACHP,MAAK;MACL0D,SAASjF,KAAKoD;MACd1C,MAAK;MACL2E,MAAK;OAEJrF,KAAKmB,iBAAiBmE,OAAOE,YAIhCnF,EAAA;MACEyB,IAAG;MACHP,MAAK;MACL0D,SAASjF,KAAK8C;MACdpC,MAAK;MACL2E,MAAK;OAEJrF,KAAKmB,iBAAiBmE,OAAOG,eAIpCpF,EAAA;MAAe2B,KAAKhC,KAAKE"}