@genexus/genexus-ide-ui 1.1.34 → 1.1.35

package/dist/collection/components/team-dev/update-partial-selection/update-partial-selection.js

@@ -1,39 +1,54 @@
-/* STENCIL IMPORTS */
-import { Host, h, getAssetPath } from "@stencil/core";
-/* CUSTOM IMPORTS */
-import { Locale } from "../../../common/locale";
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeTeamDevUpdatePartialSelection__componentLocale, _GxIdeTeamDevUpdatePartialSelection_renderedFirstTime, _GxIdeTeamDevUpdatePartialSelection_shortcutsSrc, _GxIdeTeamDevUpdatePartialSelection_chGridEl, _GxIdeTeamDevUpdatePartialSelection_cancelHandler, _GxIdeTeamDevUpdatePartialSelection_confirmHandler, _GxIdeTeamDevUpdatePartialSelection_getObjectsHandler, _GxIdeTeamDevUpdatePartialSelection_listenChanges, _GxIdeTeamDevUpdatePartialSelection_removeAllHandler, _GxIdeTeamDevUpdatePartialSelection_removeSelectedObjectsHandler, _GxIdeTeamDevUpdatePartialSelection_renderObjects;
+// Stencil
+import { Host, getAssetPath, h } from "@stencil/core";
+// Other Libraries
+import { getIconPath } from "@genexus/mercury";
+// Custom Imports
 import { config } from "../../../common/config";
+import { Locale } from "../../../common/locale";
+import { formatDate } from "../../../common/helpers";
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    // "utils/form",
-    // "utils/layout",
-    // "utils/typography",
-    // "components/button",
-    // "components/checkbox",
-    // "components/edit",
-    "components/tabular-grid"
+    "components/button",
+    "components/edit",
+    "components/radio-group",
+    "components/tabular-grid",
+    "utils/form",
+    "utils/layout",
+    "utils/spacing",
+    "utils/typography"
 ];
+const GEMINI_TOOLS_ADD_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "add-circle",
+    colorType: "primary"
+});
 export class GxIdeTeamDevUpdatePartialSelection {
     constructor() {
-        this.renderedFirstTime = false;
-        this.shortcutsSrc = getAssetPath(`./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`);
-        // 9.LOCAL METHODS //
-        this.renderObjects = () => {
-            return (h("ch-tabular-grid", { class: "tabular-grid", "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { columnName: "", settingable: false, sortable: false, size: config.tabularGrid.colSize.minContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: config.tabularGrid.colSize.auto, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: config.tabularGrid.colSize.auto, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false, size: config.tabularGrid.colSize.auto, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false, size: config.tabularGrid.colSize.auto, class: "tabular-grid-column" })), this.selection.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, key: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.typeIcon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${obj.modifiedOn.toISOString().slice(0, 10)}`))))));
-        };
-        this.getObjectsHandler = () => {
-            this.addCallback().then((items) => {
-                if ((items === null || items === void 0 ? void 0 : items.length) > 0) {
-                    this.selection = [...this.selection, ...items];
-                    this.selectedObjectsIds = [];
-                }
-            });
-        };
-        this.removeSelectedObjectsHandler = () => {
-            this.selection = this.selection.filter(item => !this.selectedObjectsIds.includes(item.id));
-            this.selectedObjectsIds = [];
-        };
-        this.confirmHandler = () => {
+        _GxIdeTeamDevUpdatePartialSelection__componentLocale.set(this, void 0);
+        _GxIdeTeamDevUpdatePartialSelection_renderedFirstTime.set(this, false);
+        _GxIdeTeamDevUpdatePartialSelection_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`));
+        _GxIdeTeamDevUpdatePartialSelection_chGridEl.set(this, void 0);
+        _GxIdeTeamDevUpdatePartialSelection_cancelHandler.set(this, () => {
+            this.cancelCallback();
+        });
+        _GxIdeTeamDevUpdatePartialSelection_confirmHandler.set(this, () => {
             if (this.confirmCallback) {
                 const allRowsIds = [];
                 this.selection.forEach(row => {
@@ -41,42 +56,50 @@ export class GxIdeTeamDevUpdatePartialSelection {
                 });
                 this.confirmCallback(allRowsIds);
             }
-        };
-        this.cancelHandler = () => {
-            this.cancelCallback();
-        };
-        this.removeAllHandler = () => {
-            this.selection = [];
-        };
-        this.listenChanges = () => {
-            // for grid selection
-            this.chGridEl.addEventListener("selectionChanged", (ev) => {
+        });
+        _GxIdeTeamDevUpdatePartialSelection_getObjectsHandler.set(this, () => {
+            this.addCallback().then((items) => {
+                if ((items === null || items === void 0 ? void 0 : items.length) > 0) {
+                    this.selection = [...this.selection, ...items];
+                    this.selectedObjectsIds = [];
+                }
+            });
+        });
+        _GxIdeTeamDevUpdatePartialSelection_listenChanges.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_chGridEl, "f").addEventListener("selectionChanged", (ev) => {
                 this.selectedObjectsIds = ev.detail.rowsId;
             });
-        };
+        });
+        _GxIdeTeamDevUpdatePartialSelection_removeAllHandler.set(this, () => {
+            this.selection = [];
+        });
+        _GxIdeTeamDevUpdatePartialSelection_removeSelectedObjectsHandler.set(this, () => {
+            const selection = this.selection.filter(item => !this.selectedObjectsIds.includes(item.id));
+            this.selection = selection;
+            this.selectedObjectsIds = [];
+        });
+        _GxIdeTeamDevUpdatePartialSelection_renderObjects.set(this, () => {
+            return (h("ch-tabular-grid", { allowColumnReorder: false, columnResizeMode: "single", class: "tabular-grid tabular-grid-main", "row-selection-mode": "multiple", keyboardNavigationMode: "focus", ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevUpdatePartialSelection_chGridEl, el, "f")), part: "ch-grid-objects" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { columnName: "", settingable: false, sortable: false, size: config.tabularGrid.colSize.minContent, class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").tableHead.name, settingable: false, size: "1fr", class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").tableHead.type, settingable: false, size: "minmax(120px,auto)", class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").tableHead.description, settingable: false, size: "minmax(120px,auto)", class: "tabular-grid-column" }), h("ch-tabular-grid-column", { columnName: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").tableHead.modifiedOn, settingable: false, size: config.tabularGrid.colSize.maxContent, class: "tabular-grid-column" })), this.selection.map((obj) => (h("ch-tabular-grid-row", { rowid: obj.id, key: obj.id, class: "tabular-grid-row" }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("ch-image", { src: obj.typeIcon, class: "icon-md" })), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.name), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, `${formatDate(obj.modifiedOn)}`))))));
+        });
         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 Locale.getComponentStrings(this.el);
-        this.componentDidLoadEvent.emit(true);
-    }
     componentDidLoad() {
-        this.listenChanges();
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_listenChanges, "f").call(this);
     }
     componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
+        if (!__classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_renderedFirstTime, "f")) {
+            this.componentDidRenderFirstTime.emit(__classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").componentName);
+            __classPrivateFieldSet(this, _GxIdeTeamDevUpdatePartialSelection_renderedFirstTime, true, "f");
         }
     }
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.componentDidLoadEvent.emit(true);
+    }
     /**
      * Validate necessary data input
      */
@@ -84,9 +107,25 @@ export class GxIdeTeamDevUpdatePartialSelection {
         const isValid = true;
         return isValid;
     }
-    // 10.RENDER() FUNCTION //
     render() {
-        return (h(Host, { class: "gx-ide-component" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null, slimmerFooter: config.gxIdeContainer.slimmerFooter }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "outlined", icon: "gemini-tools/add", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.btnAddObject), h("gxg-button", { id: "button-remove", type: "secondary-text-only", onClick: this.removeSelectedObjectsHandler, part: "remove", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.btnRemoveSelectedObjects)), this.renderObjects(), h("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), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm", slot: "footer-end" }, this._componentLocale.footer.btnConfirm))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
+        const buttonRemoveSelectedDisabled = !(this.selectedObjectsIds.length > 0);
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_shortcutsSrc, "f") }), h("section", { class: "section" }, h("header", { class: "header field-group control-header header header-two-cols spacing-body-block-start spacing-body-inline" }, h("div", { class: "buttons-spacer" }, h("button", {
+            // remove selected button
+            class: "button-secondary", onClick: !buttonRemoveSelectedDisabled &&
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_removeSelectedObjectsHandler, "f"), part: "remove", disabled: buttonRemoveSelectedDisabled
+        }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").btnRemoveSelectedObjects), h("button", {
+            // add button
+            class: "button-secondary button-icon-and-text", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_getObjectsHandler, "f"), part: "add"
+        }, h("ch-image", { class: "icon-sm", src: GEMINI_TOOLS_ADD_ICON }), __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").btnAddObject))), __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_renderObjects, "f").call(this), h("footer", { class: "control-footer control-footer-space-between spacing-body-block-end spacing-body-inline" }, h("button", {
+            // remove all button
+            class: "button-tertiary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_removeAllHandler, "f"), disabled: !(this.selection.length > 0), part: "clear"
+        }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").footer.btnRemoveAll), h("div", { class: "buttons-spacer" }, h("button", {
+            // cancel button
+            class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_cancelHandler, "f"), part: "cancel"
+        }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").footer.btnCancel), h("button", {
+            // confirm button
+            class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection_confirmHandler, "f"), part: "confirm"
+        }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdatePartialSelection__componentLocale, "f").footer.btnConfirm))))));
     }
     static get is() { return "gx-ide-team-dev-update-partial-selection"; }
     static get encapsulation() { return "shadow"; }
@@ -103,24 +142,6 @@ export class GxIdeTeamDevUpdatePartialSelection {
     static get assetsDirs() { return ["gx-ide-assets/team-dev-update-partial-selection"]; }
     static get properties() {
         return {
-            "displayTitle": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "false",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If true it displays the component title on the header"
-                },
-                "attribute": "display-title",
-                "reflect": false,
-                "defaultValue": "false"
-            },
             "addCallback": {
                 "type": "unknown",
                 "mutable": false,
@@ -139,7 +160,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "This is a function provided by the developer that return a list of new objects to populate the table of objects."
+                    "text": "Callback invoked to return a list of new objects to populate objects table."
                 }
             },
             "cancelCallback": {
@@ -160,7 +181,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "This is a function provided by the developer for execute when cancel button is pressed."
+                    "text": "Callback invoked when the user wishes to cancel the selection of objects."
                 }
             },
             "confirmCallback": {
@@ -181,7 +202,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid"
+                    "text": "Callback invoked when confirm action is executed passing the selected objects ids."
                 }
             },
             "selection": {
@@ -202,7 +223,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The categories render in the filter category selector"
+                    "text": "Current objects selection in the grid"
                 },
                 "defaultValue": "[]"
             }
@@ -222,7 +243,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
+                    "text": "Emitted once just after the component is fully loaded and the first render() occurs."
                 },
                 "complexType": {
                     "original": "boolean",
@@ -272,4 +293,5 @@ export class GxIdeTeamDevUpdatePartialSelection {
     }
     static get elementRef() { return "el"; }
 }
+_GxIdeTeamDevUpdatePartialSelection__componentLocale = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_renderedFirstTime = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_shortcutsSrc = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_chGridEl = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_cancelHandler = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_confirmHandler = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_getObjectsHandler = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_listenChanges = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_removeAllHandler = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_removeSelectedObjectsHandler = new WeakMap(), _GxIdeTeamDevUpdatePartialSelection_renderObjects = new WeakMap();
 //# sourceMappingURL=update-partial-selection.js.map

package/dist/collection/components/team-dev/update-partial-selection/update-partial-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-partial-selection.js","sourceRoot":"","sources":["../../../../src/components/team-dev/update-partial-selection/update-partial-selection.tsx"],"names":[],"mappings":"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","sourcesContent":["/* 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"]}
+{"version":3,"file":"update-partial-selection.js","sourceRoot":"","sources":["../../../../src/components/team-dev/update-partial-selection/update-partial-selection.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,UAAU;AACV,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,CAAC,EACF,MAAM,eAAe,CAAC;AAEvB,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAkB,MAAM,kBAAkB,CAAC;AAE/D,iBAAiB;AACjB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,wBAAwB;IACxB,yBAAyB;IACzB,YAAY;IACZ,cAAc;IACd,eAAe;IACf,kBAAkB;CACnB,CAAC;AAEF,MAAM,qBAAqB,GAAG,WAAW,CAAC;IACxC,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAOH,MAAM,OAAO,kCAAkC;;QAC7C,uEAAuB;QACvB,gEAAqB,KAAK,EAAC;QAC3B,2DAAgB,YAAY,CAC1B,kEAAkE,CACnE,EAAC;QAIF,+DAAqC;QA+DrC,4DAAiB,GAAS,EAAE;YAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,EAAC;QAEF,6DAAkB,GAAS,EAAE;YAC3B,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,MAAM,UAAU,GAAa,EAAE,CAAC;gBAChC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBAC3B,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBAC1B,CAAC,CAAC,CAAC;gBAEH,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;aAClC;QACH,CAAC,EAAC;QAEF,gEAAqB,GAAS,EAAE;YAC9B,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;gBAC9C,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,EAAE;oBACrB,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,CAAC;oBAC/C,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;iBAC9B;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EAAC;QAEF,4DAAiB,GAAS,EAAE;YAC1B,uBAAA,IAAI,oDAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,CAAC,EAAO,EAAQ,EAAE;gBACpE,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;YAC7C,CAAC,CAAC,CAAC;QACL,CAAC,EAAC;QAEF,+DAAoB,GAAS,EAAE;YAC7B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACtB,CAAC,EAAC;QAEF,2EAAgC,GAAS,EAAE;YACzC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CACrC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CACnD,CAAC;YACF,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;YAC3B,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;QAC/B,CAAC,EAAC;QAEF,4DAAiB,GAAY,EAAE;YAC7B,OAAO,CACL,uBACE,kBAAkB,EAAE,KAAK,EACzB,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAC,gCAAgC,wBACnB,UAAU,EAC7B,sBAAsB,EAAC,OAAO,EAC9B,GAAG,EAAE,CAAC,EAA4B,EAAE,EAAE,CAAC,CAAC,uBAAA,IAAI,gDAAa,EAAE,MAAA,CAAC,EAC5D,IAAI,EAAC,iBAAiB;gBAEtB,iCAA2B,KAAK,EAAC,yBAAyB;oBACxD,8BACE,UAAU,EAAC,EAAE,EACb,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,EAC3C,KAAK,EAAC,qBAAqB,GACH;oBAC1B,8BACE,UAAU,EAAE,uBAAA,IAAI,4DAAkB,CAAC,SAAS,CAAC,IAAI,EACjD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,qBAAqB,GACH;oBAC1B,8BACE,UAAU,EAAE,uBAAA,IAAI,4DAAkB,CAAC,SAAS,CAAC,IAAI,EACjD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,qBAAqB,GACH;oBAC1B,8BACE,UAAU,EAAE,uBAAA,IAAI,4DAAkB,CAAC,SAAS,CAAC,WAAW,EACxD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,qBAAqB,GACH;oBAC1B,8BACE,UAAU,EAAE,uBAAA,IAAI,4DAAkB,CAAC,SAAS,CAAC,UAAU,EACvD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,EAC3C,KAAK,EAAC,qBAAqB,GACH,CACA;gBAC3B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAe,EAAE,EAAE,CAAC,CACvC,2BACE,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAC,kBAAkB;oBAExB,4BAAsB,KAAK,EAAC,mBAAmB;wBAC7C,gBAAU,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAY,CACnC;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,IAAI,CACY;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,IAAI,CACY;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,WAAW,CACK;oBACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CACX,CACH,CACvB,CAAC,CACc,CACnB,CAAC;QACJ,CAAC,EAAC;kCAzKsC,EAAE;;;;yBAoBS,EAAE;;IAYrD,gBAAgB;QACd,uBAAA,IAAI,yDAAe,MAAnB,IAAI,CAAiB,CAAC;IACxB,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,uBAAA,IAAI,6DAAmB,EAAE;YAC5B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,uBAAA,IAAI,4DAAkB,CAAC,aAAa,CACrC,CAAC;YACF,uBAAA,IAAI,yDAAsB,IAAI,MAAA,CAAC;SAChC;IACH,CAAC;IACD,KAAK,CAAC,iBAAiB;QACrB,uBAAA,IAAI,wDAAqB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;QACnE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,QAAQ;QACZ,MAAM,OAAO,GAAG,IAAI,CAAC;QACrB,OAAO,OAAO,CAAC;IACjB,CAAC;IAmHD,MAAM;QACJ,MAAM,4BAA4B,GAAG,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC3E,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;YAClB,gBAAU,KAAK,EAAE,WAAW,GAAa;YACzC,oBAAc,GAAG,EAAE,uBAAA,IAAI,wDAAc,GAAiB;YACtD,eAAS,KAAK,EAAC,SAAS;gBACtB,cAAQ,KAAK,EAAC,uGAAuG;oBACnH,WAAK,KAAK,EAAC,gBAAgB;wBACzB;4BACE,yBAAyB;4BACzB,KAAK,EAAC,kBAAkB,EACxB,OAAO,EACL,CAAC,4BAA4B;gCAC7B,uBAAA,IAAI,wEAA8B,EAEpC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,4BAA4B,IAErC,uBAAA,IAAI,4DAAkB,CAAC,wBAAwB,CACzC;wBAET;4BACE,aAAa;4BACb,KAAK,EAAC,uCAAuC,EAC7C,OAAO,EAAE,uBAAA,IAAI,6DAAmB,EAChC,IAAI,EAAC,KAAK;4BAEV,gBACE,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,qBAAqB,GAChB;4BACX,uBAAA,IAAI,4DAAkB,CAAC,YAAY,CAC7B,CACL,CACC;gBACR,uBAAA,IAAI,yDAAe,MAAnB,IAAI,CAAiB;gBACtB,cAAQ,KAAK,EAAC,wFAAwF;oBACpG;wBACE,oBAAoB;wBACpB,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,uBAAA,IAAI,4DAAkB,EAC/B,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,EACtC,IAAI,EAAC,OAAO,IAEX,uBAAA,IAAI,4DAAkB,CAAC,MAAM,CAAC,YAAY,CACpC;oBAET,WAAK,KAAK,EAAC,gBAAgB;wBACzB;4BACE,gBAAgB;4BAChB,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,uBAAA,IAAI,yDAAe,EAC5B,IAAI,EAAC,QAAQ,IAEZ,uBAAA,IAAI,4DAAkB,CAAC,MAAM,CAAC,SAAS,CACjC;wBAET;4BACE,iBAAiB;4BACjB,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,uBAAA,IAAI,0DAAgB,EAC7B,IAAI,EAAC,SAAS,IAEb,uBAAA,IAAI,4DAAkB,CAAC,MAAM,CAAC,UAAU,CAClC,CACL,CACC,CACD,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["// Stencil\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  getAssetPath,\n  h\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { formatDate } from \"../../../common/helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/radio-group\",\n  \"components/tabular-grid\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_ADD_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"add-circle\",\n  colorType: \"primary\"\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  #_componentLocale: any;\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-update-partial-selection/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeTeamDevUpdatePartialSelectionElement;\n\n  #chGridEl!: HTMLChTabularGridElement;\n\n  /**\n   * Selected objects in objects table\n   */\n  @State() selectedObjectsIds: string[] = [];\n\n  /**\n   * Callback invoked to return a list of new objects to populate objects table.\n   */\n  @Prop() readonly addCallback!: AddCallback;\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   *Callback invoked when confirm action is executed passing the selected objects ids.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * Current objects selection in the grid\n   */\n  @Prop({ mutable: true }) selection: ObjectData[] = [];\n\n  /**\n   * 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  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  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\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  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirmHandler = (): void => {\n    if (this.confirmCallback) {\n      const allRowsIds: string[] = [];\n      this.selection.forEach(row => {\n        allRowsIds.push(row.id);\n      });\n\n      this.confirmCallback(allRowsIds);\n    }\n  };\n\n  #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  #listenChanges = (): void => {\n    this.#chGridEl.addEventListener(\"selectionChanged\", (ev: any): void => {\n      this.selectedObjectsIds = ev.detail.rowsId;\n    });\n  };\n\n  #removeAllHandler = (): void => {\n    this.selection = [];\n  };\n\n  #removeSelectedObjectsHandler = (): void => {\n    const selection = this.selection.filter(\n      item => !this.selectedObjectsIds.includes(item.id)\n    );\n    this.selection = selection;\n    this.selectedObjectsIds = [];\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        allowColumnReorder={false}\n        columnResizeMode=\"single\"\n        class=\"tabular-grid tabular-grid-main\"\n        row-selection-mode=\"multiple\"\n        keyboardNavigationMode=\"focus\"\n        ref={(el: HTMLChTabularGridElement) => (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=\"1fr\"\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=\"minmax(120px,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=\"minmax(120px,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.maxContent}\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              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  render(): void {\n    const buttonRemoveSelectedDisabled = !(this.selectedObjectsIds.length > 0);\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"header field-group control-header header header-two-cols spacing-body-block-start spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                // remove selected button\n                class=\"button-secondary\"\n                onClick={\n                  !buttonRemoveSelectedDisabled &&\n                  this.#removeSelectedObjectsHandler\n                }\n                part=\"remove\"\n                disabled={buttonRemoveSelectedDisabled}\n              >\n                {this.#_componentLocale.btnRemoveSelectedObjects}\n              </button>\n\n              <button\n                // add button\n                class=\"button-secondary button-icon-and-text\"\n                onClick={this.#getObjectsHandler}\n                part=\"add\"\n              >\n                <ch-image\n                  class=\"icon-sm\"\n                  src={GEMINI_TOOLS_ADD_ICON}\n                ></ch-image>\n                {this.#_componentLocale.btnAddObject}\n              </button>\n            </div>\n          </header>\n          {this.#renderObjects()}\n          <footer class=\"control-footer control-footer-space-between spacing-body-block-end spacing-body-inline\">\n            <button\n              // remove all button\n              class=\"button-tertiary\"\n              onClick={this.#removeAllHandler}\n              disabled={!(this.selection.length > 0)}\n              part=\"clear\"\n            >\n              {this.#_componentLocale.footer.btnRemoveAll}\n            </button>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // cancel button\n                class=\"button-secondary\"\n                onClick={this.#cancelHandler}\n                part=\"cancel\"\n              >\n                {this.#_componentLocale.footer.btnCancel}\n              </button>\n\n              <button\n                // confirm button\n                class=\"button-primary\"\n                onClick={this.#confirmHandler}\n                part=\"confirm\"\n              >\n                {this.#_componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\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"]}

package/dist/collection/components/team-dev/update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.zh.json

@@ -1,11 +1,11 @@
 {
-  "componentName": "Team Dev Update To Revision",
+  "componentName": "",
   "options": {
-    "updateToLatest": "Update to Latest Revision",
-    "updateToRevision": "Update to Revision #"
+    "updateToLatest": "",
+    "updateToRevision": ""
   },
   "footer": {
-    "btnUpdate": "Update",
-    "btnCancel": "Cancel"
+    "btnUpdate": "",
+    "btnCancel": ""
   }
 }

package/dist/collection/components/team-dev/update-to-revision/gx-ide-assets/team-dev-update-to-revision/shortcuts.json

@@ -1,14 +1,14 @@
 [
   {
-    "selector": "[part='update']",
+    "selector": "[part='button-update']",
     "keyShortcuts": "Enter",
     "action": "click",
     "conditions": {
-      "focusExclude": "[part='cancel']"
+      "focusExclude": "[part='button-cancel']"
     }
   },
   {
-    "selector": "[part='cancel']",
+    "selector": "[part='button-cancel']",
     "keyShortcuts": "Escape",
     "action": "click"
   }

package/dist/collection/components/team-dev/update-to-revision/helpers.js

@@ -0,0 +1,6 @@
+export const stringIsNumber = (stringToCheck) => {
+    let isNumber = false;
+    isNumber = !isNaN(+stringToCheck) && stringToCheck.toString().length !== 0;
+    return isNumber;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/team-dev/update-to-revision/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/team-dev/update-to-revision/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,aAA8B,EAAW,EAAE;IACxE,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IAC3E,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC","sourcesContent":["export const stringIsNumber = (stringToCheck: string | number): boolean => {\n  let isNumber = false;\n  isNumber = !isNaN(+stringToCheck) && stringToCheck.toString().length !== 0;\n  return isNumber;\n};\n"]}