@genexus/genexus-ide-ui 1.1.33 → 1.1.35

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

@@ -1 +1 @@
-{"file":"gx-ide-team-dev-update-partial-selection.js","mappings":"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","names":["GxIdeTeamDevUpdatePartialSelection"],"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"],"version":3}
+{"file":"gx-ide-team-dev-update-partial-selection.js","mappings":";;;;;;AAAA,MAAM,yBAAyB,GAAG,ohBAAohB;;;;;;;;;;;;;;;;;;;ACsBtjB,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;MAOUA,oCAAkC;;;;;;;QAC7C,uEAAuB;QACvB,gEAAqB,KAAK,EAAC;QAC3B,2DAAgB,YAAY,CAC1B,kEAAkE,CACnE,EAAC;QAIF,+DAAqC;QA+DrC,4DAAiB;YACf,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB,EAAC;QAEF,6DAAkB;YAChB,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,MAAM,UAAU,GAAa,EAAE,CAAC;gBAChC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG;oBACxB,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;iBACzB,CAAC,CAAC;gBAEH,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;aAClC;SACF,EAAC;QAEF,gEAAqB;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,KAAmB;gBAC1C,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;aACF,CAAC,CAAC;SACJ,EAAC;QAEF,4DAAiB;YACf,uBAAA,IAAI,oDAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,CAAC,EAAO;gBAC1D,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;aAC5C,CAAC,CAAC;SACJ,EAAC;QAEF,+DAAoB;YAClB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;SACrB,EAAC;QAEF,2EAAgC;YAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CACrC,IAAI,IAAI,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;SAC9B,EAAC;QAEF,4DAAiB;YACf,QACE,uBACE,kBAAkB,EAAE,KAAK,EACzB,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAC,gCAAgC,wBACnB,UAAU,EAC7B,sBAAsB,EAAC,OAAO,EAC9B,GAAG,EAAE,CAAC,EAA4B,MAAM,uBAAA,IAAI,gDAAa,EAAE,MAAA,CAAC,EAC5D,IAAI,EAAC,iBAAiB,IAEtB,iCAA2B,KAAK,EAAC,yBAAyB,IACxD,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,EAC1B,8BACE,UAAU,EAAE,uBAAA,IAAI,4DAAkB,CAAC,SAAS,CAAC,IAAI,EACjD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,qBAAqB,GACH,EAC1B,8BACE,UAAU,EAAE,uBAAA,IAAI,4DAAkB,CAAC,SAAS,CAAC,IAAI,EACjD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,qBAAqB,GACH,EAC1B,8BACE,UAAU,EAAE,uBAAA,IAAI,4DAAkB,CAAC,SAAS,CAAC,WAAW,EACxD,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,qBAAqB,GACH,EAC1B,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,EAC3B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAe,MAClC,2BACE,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAC,kBAAkB,IAExB,4BAAsB,KAAK,EAAC,mBAAmB,IAC7C,gBAAU,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAY,CACnC,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,IAAI,CACY,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,IAAI,CACY,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,CAAC,WAAW,CACK,EACvB,4BAAsB,KAAK,EAAC,mBAAmB,IAC5C,GAAG,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CACX,CACH,CACvB,CAAC,CACc,EAClB;SACH,EAAC;kCAzKsC,EAAE;;;;yBAoBS,EAAE;;IAYrD,gBAAgB;QACd,uBAAA,IAAI,yDAAe,MAAnB,IAAI,CAAiB,CAAC;KACvB;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;KACF;IACD,MAAM,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;KACvC;;;;IAMD,MAAM,QAAQ;QACZ,MAAM,OAAO,GAAG,IAAI,CAAC;QACrB,OAAO,OAAO,CAAC;KAChB;IAmHD,MAAM;QACJ,MAAM,4BAA4B,GAAG,EAAE,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC3E,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,IAClB,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,oBAAc,GAAG,EAAE,uBAAA,IAAI,wDAAc,GAAiB,EACtD,eAAS,KAAK,EAAC,SAAS,IACtB,cAAQ,KAAK,EAAC,uGAAuG,IACnH,WAAK,KAAK,EAAC,gBAAgB,IACzB;;YAEE,KAAK,EAAC,kBAAkB,EACxB,OAAO,EACL,CAAC,4BAA4B;gBAC7B,uBAAA,IAAI,wEAA8B,EAEpC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,4BAA4B;WAErC,uBAAA,IAAI,4DAAkB,CAAC,wBAAwB,CACzC,EAET;;YAEE,KAAK,EAAC,uCAAuC,EAC7C,OAAO,EAAE,uBAAA,IAAI,6DAAmB,EAChC,IAAI,EAAC,KAAK;WAEV,gBACE,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,qBAAqB,GAChB,EACX,uBAAA,IAAI,4DAAkB,CAAC,YAAY,CAC7B,CACL,CACC,EACR,uBAAA,IAAI,yDAAe,MAAnB,IAAI,CAAiB,EACtB,cAAQ,KAAK,EAAC,wFAAwF,IACpG;;YAEE,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,uBAAA,IAAI,4DAAkB,EAC/B,QAAQ,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,EACtC,IAAI,EAAC,OAAO;WAEX,uBAAA,IAAI,4DAAkB,CAAC,MAAM,CAAC,YAAY,CACpC,EAET,WAAK,KAAK,EAAC,gBAAgB,IACzB;;YAEE,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,uBAAA,IAAI,yDAAe,EAC5B,IAAI,EAAC,QAAQ;WAEZ,uBAAA,IAAI,4DAAkB,CAAC,MAAM,CAAC,SAAS,CACjC,EAET;;YAEE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,uBAAA,IAAI,0DAAgB,EAC7B,IAAI,EAAC,SAAS;WAEb,uBAAA,IAAI,4DAAkB,CAAC,MAAM,CAAC,UAAU,CAClC,CACL,CACC,CACD,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GxIdeTeamDevUpdatePartialSelection"],"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 \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.header {\n  justify-content: end;\n}\n\n.tabular-grid-main {\n  overflow: auto;\n  block-size: 100%;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-main\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n","// 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"],"version":3}

package/dist/components/gx-ide-team-dev-update-to-revision.js

@@ -1,11 +1,43 @@
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { c as config } from './config.js';
-import { d as defineCustomElement$3 } from './container.js';
-import { d as defineCustomElement$2 } from './title.js';
 
-const updateToRevisionCss = ":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}.revision-number{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.revision-number>:nth-child(2){width:auto !important}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--gx-ide-grid-row-gap)}";
+const stringIsNumber = (stringToCheck) => {
+    let isNumber = false;
+    isNumber = !isNaN(+stringToCheck) && stringToCheck.toString().length !== 0;
+    return isNumber;
+};
 
+const updateToRevisionCss = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content max-content}.main{display:grid;grid-template-areas:\"radio-group revision-number\" \"footer footer\";grid-template-columns:max-content minmax(200px, 1fr);grid-template-rows:max-content max-content;column-gap:var(--controls__container-row-gap)}.radio-group{grid-area:radio-group}.revision-number{grid-area:revision-number}.footer{grid-area:footer}";
+
+var __classPrivateFieldGet = (undefined && undefined.__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 = (undefined && undefined.__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 _GxIdeTeamDevUpdateToRevision__componentLocale, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, _GxIdeTeamDevUpdateToRevision_renderedFirstTime, _GxIdeTeamDevUpdateToRevision_shortcutsSrc, _GxIdeTeamDevUpdateToRevision_radioGroupEl, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, _GxIdeTeamDevUpdateToRevision_cancel, _GxIdeTeamDevUpdateToRevision_confirm, _GxIdeTeamDevUpdateToRevision_inputChangeHandler, _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler, _GxIdeTeamDevUpdateToRevision_renderFooter, _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form",
+    "utils/layout",
+    "utils/spacing",
+    "utils/typography",
+    "components/radio-group",
+    "components/button",
+    "components/edit"
+];
+const RD_BTN_LATEST_REVISION_VALUE = "latestRevision";
+const RD_BTN_UPDATE_TO_REVISION_VALUE = "updateToRevision";
 const GxIdeTeamDevUpdateToRevision$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeTeamDevUpdateToRevision extends HTMLElement {
     constructor() {
         super();
@@ -13,52 +45,80 @@ const GxIdeTeamDevUpdateToRevision$1 = /*@__PURE__*/ proxyCustomElement(class Gx
         this.__attachShadow();
         this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
         this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
-        this.renderedFirstTime = false;
-        this.shortcutsSrc = getAssetPath(`./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`);
-        // 9.LOCAL METHODS //
-        this.setInitialCheckedRadio = () => {
+        _GxIdeTeamDevUpdateToRevision__componentLocale.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_chShortcutsEl.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_radioGroupOptions.set(this, [
+            { value: RD_BTN_LATEST_REVISION_VALUE, caption: "" },
+            { value: RD_BTN_UPDATE_TO_REVISION_VALUE, caption: "" }
+        ]);
+        _GxIdeTeamDevUpdateToRevision_renderedFirstTime.set(this, false);
+        _GxIdeTeamDevUpdateToRevision_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`));
+        _GxIdeTeamDevUpdateToRevision_radioGroupEl.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_revisionNumberEl.set(this, void 0);
+        _GxIdeTeamDevUpdateToRevision_cancel.set(this, () => {
+            this.cancelCallback();
+        });
+        _GxIdeTeamDevUpdateToRevision_confirm.set(this, () => {
+            let revision = undefined;
+            if (__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, "f").value === RD_BTN_UPDATE_TO_REVISION_VALUE) {
+                revision = __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").value;
+            }
+            this.confirmCallback(revision);
+        });
+        _GxIdeTeamDevUpdateToRevision_inputChangeHandler.set(this, (event) => {
+            this.isValid = stringIsNumber(event.detail);
+        });
+        _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler.set(this, (event) => {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").disabled =
+                event.detail !== RD_BTN_UPDATE_TO_REVISION_VALUE;
+            this.isValid = true;
+            if (event.detail === RD_BTN_LATEST_REVISION_VALUE) {
+                this.isValid = true;
+            }
+            else if (event.detail === RD_BTN_UPDATE_TO_REVISION_VALUE &&
+                !stringIsNumber(__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").value)) {
+                this.isValid = false;
+                setTimeout(() => {
+                    __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").focus();
+                }, 2000);
+            }
+        });
+        _GxIdeTeamDevUpdateToRevision_renderFooter.set(this, () => {
+            return (h("footer", { class: "footer control-footer spacing-body-block-start" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_cancel, "f"), part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_confirm, "f"), part: "button-update", disabled: !this.isValid }, __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").footer.btnUpdate))));
+        });
+        _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio.set(this, () => {
             if (this.currentRevision === undefined) {
-                this.updateToLatestEl.checked = true;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, "f").value = RD_BTN_LATEST_REVISION_VALUE;
+                this.isValid = true;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").disabled = true;
             }
             else {
-                this.updateToRevisionEl.checked = true;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").disabled = false;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, "f").value = this.currentRevision;
+                __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, "f").value = RD_BTN_UPDATE_TO_REVISION_VALUE;
             }
-        };
-        this.confirm = () => {
-            let revision = undefined;
-            if (this.updateToRevisionEl.checked) {
-                revision = this.revisionNumberEl.value;
-            }
-            this.confirmCallback(revision);
-        };
-        this.cancel = () => {
-            this.cancelCallback();
-        };
-        this.updateToRevisionOnFocusHandler = () => {
-            this.updateToRevisionEl.checked = true;
-        };
-        this.displayTitle = false;
+        });
+        this.isValid = undefined;
         this.cancelCallback = undefined;
         this.confirmCallback = undefined;
         this.currentRevision = undefined;
     }
-    // 6.COMPONENT LIFECYCLE EVENTS //
-    async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-    }
     componentDidLoad() {
         this.componentDidLoadEvent.emit(true);
-        this.setInitialCheckedRadio();
-        this.revisionNumberEl.focus();
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio, "f").call(this);
     }
     componentDidRender() {
-        if (!this.renderedFirstTime) {
-            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-            this.renderedFirstTime = true;
+        if (!__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_renderedFirstTime, "f")) {
+            this.componentDidRenderFirstTime.emit(__classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").componentName);
+            __classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_renderedFirstTime, true, "f");
         }
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, "f").find(rg => rg.value === RD_BTN_LATEST_REVISION_VALUE).caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").options.updateToLatest;
+        __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, "f").find(rg => rg.value === RD_BTN_UPDATE_TO_REVISION_VALUE).caption = __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, "f").options.updateToRevision;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision__componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.isValid = true;
     }
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
     /**
      * Validate necessary data input
      */
@@ -66,41 +126,45 @@ const GxIdeTeamDevUpdateToRevision$1 = /*@__PURE__*/ proxyCustomElement(class Gx
         const isValid = true;
         return isValid;
     }
-    // 10.RENDER() FUNCTION //
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, "f").suspend = false;
+        }
+    }
     render() {
-        return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { slimmerFooter: config.gxIdeContainer.slimmerFooter, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" }))), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel", slot: "footer-end" }, this._componentLocale.footer.btnCancel), h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update", slot: "footer-end" }, this._componentLocale.footer.btnUpdate))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
+        return (h(Host, { class: "widget scrollable" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_chShortcutsEl, el, "f")) }), h("section", { class: "main spacing-body-block spacing-body-inline" }, h("ch-radio-group-render", { class: "radio-group", model: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupOptions, "f"), direction: "horizontal", onChange: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler, "f"), ref: (el) => {
+                __classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_radioGroupEl, el, "f");
+            } }), h("ch-edit", { autoFocus: true, class: "input revision-number", onInput: __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_inputChangeHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeTeamDevUpdateToRevision_revisionNumberEl, el, "f")) }), __classPrivateFieldGet(this, _GxIdeTeamDevUpdateToRevision_renderFooter, "f").call(this))));
     }
     static get assetsDirs() { return ["gx-ide-assets/team-dev-update-to-revision"]; }
     get el() { return this; }
     static get style() { return updateToRevisionCss; }
 }, [1, "gx-ide-team-dev-update-to-revision", {
-        "displayTitle": [4, "display-title"],
         "cancelCallback": [16],
         "confirmCallback": [16],
         "currentRevision": [1, "current-revision"],
-        "validate": [64]
+        "isValid": [32],
+        "validate": [64],
+        "suspendShortcuts": [64]
     }]);
+_GxIdeTeamDevUpdateToRevision__componentLocale = new WeakMap(), _GxIdeTeamDevUpdateToRevision_chShortcutsEl = new WeakMap(), _GxIdeTeamDevUpdateToRevision_radioGroupOptions = new WeakMap(), _GxIdeTeamDevUpdateToRevision_renderedFirstTime = new WeakMap(), _GxIdeTeamDevUpdateToRevision_shortcutsSrc = new WeakMap(), _GxIdeTeamDevUpdateToRevision_radioGroupEl = new WeakMap(), _GxIdeTeamDevUpdateToRevision_revisionNumberEl = new WeakMap(), _GxIdeTeamDevUpdateToRevision_cancel = new WeakMap(), _GxIdeTeamDevUpdateToRevision_confirm = new WeakMap(), _GxIdeTeamDevUpdateToRevision_inputChangeHandler = new WeakMap(), _GxIdeTeamDevUpdateToRevision_radioGroupChangeHandler = new WeakMap(), _GxIdeTeamDevUpdateToRevision_renderFooter = new WeakMap(), _GxIdeTeamDevUpdateToRevision_setInitialCheckedRadio = new WeakMap();
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["gx-ide-team-dev-update-to-revision", "gx-ide-container", "gx-ide-title"];
+    const components = ["gx-ide-team-dev-update-to-revision"];
     components.forEach(tagName => { switch (tagName) {
         case "gx-ide-team-dev-update-to-revision":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, GxIdeTeamDevUpdateToRevision$1);
             }
             break;
-        case "gx-ide-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "gx-ide-title":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
     } });
 }
 

package/dist/components/gx-ide-team-dev-update-to-revision.js.map

@@ -1 +1 @@
-{"file":"gx-ide-team-dev-update-to-revision.js","mappings":"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","names":["GxIdeTeamDevUpdateToRevision"],"sources":["src/components/team-dev/update-to-revision/update-to-revision.scss?tag=gx-ide-team-dev-update-to-revision&encapsulation=shadow","src/components/team-dev/update-to-revision/update-to-revision.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n\n.revision-number {\n  display: flex;\n  align-items: center;\n  gap: var(--gx-ide-grid-row-gap);\n  > :nth-child(2) {\n    width: auto !important;\n  }\n}\n\n/* Objects Table */\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--gx-ide-grid-row-gap);\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\n\n@Component({\n  tag: \"gx-ide-team-dev-update-to-revision\",\n  styleUrl: \"update-to-revision.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update-to-revision\"]\n})\nexport class GxIdeTeamDevUpdateToRevision {\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE EVENTS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n\n*/\n\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-to-revision/shortcuts.json`\n  );\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevUpdateToRevisionElement;\n\n  /* References needed to collect data */\n  private revisionNumberEl!: HTMLGxgFormTextElement;\n  private updateToRevisionEl!: HTMLGxgFormRadioElement;\n  private updateToLatestEl!: HTMLGxgFormRadioElement;\n\n  // 3.STATE() VARIABLES //\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 for execute when cancel button is pressed.\n   */\n  @Prop() readonly cancelCallback!: cancelCallbackFn;\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!: confirmCallbackFn;\n\n  /**\n   * Set an initial value for the review\n   */\n  @Prop() readonly currentRevision: string | undefined;\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  }\n\n  componentDidLoad() {\n    this.componentDidLoadEvent.emit(true);\n    this.setInitialCheckedRadio();\n    this.revisionNumberEl.focus();\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 setInitialCheckedRadio = () => {\n    if (this.currentRevision === undefined) {\n      this.updateToLatestEl.checked = true;\n    } else {\n      this.updateToRevisionEl.checked = true;\n    }\n  };\n\n  private confirm = (): void => {\n    let revision = undefined;\n    if (this.updateToRevisionEl.checked) {\n      revision = this.revisionNumberEl.value;\n    }\n    this.confirmCallback(revision);\n  };\n\n  private cancel = (): void => {\n    this.cancelCallback();\n  };\n\n  private updateToRevisionOnFocusHandler = () => {\n    this.updateToRevisionEl.checked = true;\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <gxg-form-radio-group>\n              <gxg-form-radio\n                label={this._componentLocale.options.updateToLatest}\n                value=\"updateToLatest\"\n                ref={(el: HTMLGxgFormRadioElement) =>\n                  (this.updateToLatestEl = el as HTMLGxgFormRadioElement)\n                }\n                part=\"radio-to-latest\"\n              ></gxg-form-radio>\n              <div class=\"revision-number\">\n                <gxg-form-radio\n                  label={this._componentLocale.options.updateToRevision}\n                  value=\"updateToRevision\"\n                  ref={(el: HTMLGxgFormRadioElement) =>\n                    (this.updateToRevisionEl = el as HTMLGxgFormRadioElement)\n                  }\n                  part=\"radio-to-revision\"\n                ></gxg-form-radio>\n                <gxg-form-text\n                  ref={(el: HTMLGxgFormTextElement) =>\n                    (this.revisionNumberEl = el as HTMLGxgFormTextElement)\n                  }\n                  onFocus={this.updateToRevisionOnFocusHandler}\n                  value={this.currentRevision}\n                  part=\"revision-number\"\n                ></gxg-form-text>\n              </div>\n            </gxg-form-radio-group>\n            <gxg-button\n              id=\"button-cancel\"\n              type=\"outlined\"\n              onClick={this.cancel}\n              part=\"cancel\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnCancel}\n            </gxg-button>\n            <gxg-button\n              id=\"button-ok\"\n              type=\"primary-text-only\"\n              onClick={this.confirm}\n              part=\"update\"\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnUpdate}\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 addCallbackFn = () => Promise<ObjectData[]>;\nexport type cancelCallbackFn = () => Promise<void>;\nexport type confirmCallbackFn = (revision: string | undefined) => 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":"gx-ide-team-dev-update-to-revision.js","mappings":"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","names":["GxIdeTeamDevUpdateToRevision"],"sources":["src/components/team-dev/update-to-revision/helpers.ts","src/components/team-dev/update-to-revision/update-to-revision.scss?tag=gx-ide-team-dev-update-to-revision&encapsulation=shadow","src/components/team-dev/update-to-revision/update-to-revision.tsx"],"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",":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content max-content;\n}\n\n.main {\n  display: grid;\n  grid-template-areas:\n    \"radio-group revision-number\"\n    \"footer footer\";\n  grid-template-columns: max-content minmax(200px, 1fr);\n  grid-template-rows: max-content max-content;\n  column-gap: var(--controls__container-row-gap);\n}\n\n.radio-group {\n  grid-area: radio-group;\n}\n.revision-number {\n  grid-area: revision-number;\n}\n.footer {\n  grid-area: footer;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  getAssetPath,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { Locale } from \"../../../common/locale\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { stringIsNumber } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\",\n  \"components/radio-group\",\n  \"components/button\",\n  \"components/edit\"\n];\n\nconst RD_BTN_LATEST_REVISION_VALUE = \"latestRevision\";\nconst RD_BTN_UPDATE_TO_REVISION_VALUE = \"updateToRevision\";\n\n@Component({\n  tag: \"gx-ide-team-dev-update-to-revision\",\n  styleUrl: \"update-to-revision.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update-to-revision\"]\n})\nexport class GxIdeTeamDevUpdateToRevision {\n  #_componentLocale: any;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #radioGroupOptions: RadioGroupItemModel[] = [\n    { value: RD_BTN_LATEST_REVISION_VALUE, caption: \"\" },\n    { value: RD_BTN_UPDATE_TO_REVISION_VALUE, caption: \"\" }\n  ];\n  #renderedFirstTime = false;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/team-dev-update-to-revision/shortcuts.json`\n  );\n\n  @Element() el: HTMLGxIdeTeamDevUpdateToRevisionElement;\n\n  #radioGroupEl!: HTMLChRadioGroupRenderElement;\n  #revisionNumberEl!: HTMLChEditElement;\n\n  /**\n   * To check if the status of the information is valid\n   */\n  @State() isValid: boolean;\n\n  /**\n   * This is a function provided by the developer for execute when cancel button is pressed.\n   */\n  @Prop() readonly cancelCallback!: cancelCallbackFn;\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!: confirmCallbackFn;\n\n  /**\n   * Set an initial value for the review\n   */\n  @Prop() readonly currentRevision: string | undefined;\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  componentDidLoad() {\n    this.componentDidLoadEvent.emit(true);\n    this.#setInitialCheckedRadio();\n  }\n\n  componentDidRender() {\n    if (!this.#renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this.#_componentLocale.componentName\n      );\n      this.#renderedFirstTime = true;\n    }\n\n    this.#radioGroupOptions.find(\n      rg => rg.value === RD_BTN_LATEST_REVISION_VALUE\n    ).caption = this.#_componentLocale.options.updateToLatest;\n\n    this.#radioGroupOptions.find(\n      rg => rg.value === RD_BTN_UPDATE_TO_REVISION_VALUE\n    ).caption = this.#_componentLocale.options.updateToRevision;\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.isValid = 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  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancel = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirm = (): void => {\n    let revision = undefined;\n    if (this.#radioGroupEl.value === RD_BTN_UPDATE_TO_REVISION_VALUE) {\n      revision = this.#revisionNumberEl.value;\n    }\n    this.confirmCallback(revision);\n  };\n\n  #inputChangeHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.isValid = stringIsNumber(event.detail);\n  };\n\n  #radioGroupChangeHandler = (event: CustomEvent<string>) => {\n    this.#revisionNumberEl.disabled =\n      event.detail !== RD_BTN_UPDATE_TO_REVISION_VALUE;\n    this.isValid = true;\n    if (event.detail === RD_BTN_LATEST_REVISION_VALUE) {\n      this.isValid = true;\n    } else if (\n      event.detail === RD_BTN_UPDATE_TO_REVISION_VALUE &&\n      !stringIsNumber(this.#revisionNumberEl.value)\n    ) {\n      this.isValid = false;\n      setTimeout(() => {\n        this.#revisionNumberEl.focus();\n      }, 2000);\n    }\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer control-footer spacing-body-block-start\">\n        <div class=\"buttons-spacer\">\n          <button\n            class=\"button-secondary\"\n            onClick={this.#cancel}\n            part=\"button-cancel\"\n          >\n            {this.#_componentLocale.footer.btnCancel}\n          </button>\n\n          <button\n            class=\"button-primary\"\n            onClick={this.#confirm}\n            part=\"button-update\"\n            disabled={!this.isValid}\n          >\n            {this.#_componentLocale.footer.btnUpdate}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #setInitialCheckedRadio = () => {\n    if (this.currentRevision === undefined) {\n      this.#radioGroupEl.value = RD_BTN_LATEST_REVISION_VALUE;\n      this.isValid = true;\n      this.#revisionNumberEl.disabled = true;\n    } else {\n      this.#revisionNumberEl.disabled = false;\n      this.#revisionNumberEl.value = this.currentRevision;\n      this.#radioGroupEl.value = RD_BTN_UPDATE_TO_REVISION_VALUE;\n    }\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget scrollable\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"main spacing-body-block spacing-body-inline\">\n          <ch-radio-group-render\n            class=\"radio-group\"\n            model={this.#radioGroupOptions}\n            direction=\"horizontal\"\n            onChange={this.#radioGroupChangeHandler}\n            ref={(el: HTMLChRadioGroupRenderElement) => {\n              this.#radioGroupEl = el as HTMLChRadioGroupRenderElement;\n            }}\n          ></ch-radio-group-render>\n\n          <ch-edit\n            autoFocus\n            class=\"input revision-number\"\n            onInput={this.#inputChangeHandler}\n            ref={(el: HTMLChEditElement) =>\n              (this.#revisionNumberEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type cancelCallbackFn = () => Promise<void>;\nexport type confirmCallbackFn = (revision: string | undefined) => Promise<void>;\n"],"version":3}