@genexus/genexus-ide-ui 1.1.60 → 1.1.61

package/dist/cjs/gx-ide-gam-installation-settings.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-gam-installation-settings.entry.cjs.js","mappings":"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","names":["h","Locale","Host"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  height: 100%;\n}\n\n.control-header {\n  margin-block-end: var(--mer-spacing--md);\n}\n\n.main-content {\n  grid-auto-rows: max-content;\n}\n\n.footer-info {\n  margin-bottom: var(--mer-spacing--sm);\n}\n\n.description {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: 8px;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/edit\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n  /**\n   * The component hard-coded strings translations.\n   */\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n  #futureUpgradesComboEl!: HTMLChComboBoxRenderElement;\n  #panelsCheckboxEl!: HTMLChCheckboxElement;\n  #webPanelsCheckboxEl!: HTMLChCheckboxElement;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Determines 'Panels' checkbox activation, enabled only if an SD generator is in the KB.\n   * Otherwise, the checkbox is disabled.\n   */\n  @Prop() readonly canSelectPanels: boolean = false;\n\n  /**\n   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Defines default config for initializing the dialog with stored gam config data\n   */\n  @Prop() readonly defaultConfiguration: GamConfigData | undefined = {\n    importWebPanels: true,\n    importPanels: false,\n    futureUpgrades: \"prompt\"\n  };\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user initiates the export process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  #repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: !!this.#webPanelsCheckboxEl.value,\n        importPanels: !!this.#panelsCheckboxEl.value,\n        futureUpgrades: this.#futureUpgradesComboEl.value\n          ? (this.#futureUpgradesComboEl.value as ComboValues)\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  #renderFilters = () => {\n    return (\n      <div\n        class=\"field-group\"\n        role=\"region\"\n        aria-label={this.#_componentLocale.filters.filtersHeading}\n      >\n        <h5 class=\"subtitle-regular-s margin-block-end-s\">\n          {this.#_componentLocale.filters.filtersHeading}\n        </h5>\n\n        <div class=\"filters__wrapper\">\n          <div\n            class=\"field-group\"\n            role=\"group\"\n            aria-labelledby=\"frontend-objects-label\"\n          >\n            <div class=\"field field-block\">\n              <label id=\"frontend-objects-label\" class=\"label\">\n                {this.#_componentLocale.filters.frontEndObjects}\n              </label>\n\n              <div class=\"field-group-inline\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  checkedValue=\"webPanels\"\n                  value={\n                    this.defaultConfiguration?.importWebPanels\n                      ? \"webPanels\"\n                      : undefined\n                  }\n                  caption={this.#_componentLocale.filters.webPanelsCheckbox}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#webPanelsCheckboxEl = el as HTMLChCheckboxElement)\n                  }\n                  part=\"web-panels-checkbox\"\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox\"\n                  checkedValue=\"panels\"\n                  value={\n                    this.defaultConfiguration.importPanels &&\n                    this.canSelectPanels\n                      ? \"panels\"\n                      : undefined\n                  }\n                  caption={this.#_componentLocale.filters.panelsCheckbox}\n                  disabled={!this.canSelectPanels}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#panelsCheckboxEl = el as HTMLChCheckboxElement)\n                  }\n                  part=\"panels-checkbox\"\n                ></ch-checkbox>\n              </div>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"future-upgrades-combo\">\n                {this.#_componentLocale.filters.futureUpgradesComboLabel}\n              </label>\n              <ch-combo-box-render\n                id=\"future-upgrades-combo\"\n                class=\"combo-box\"\n                value={this.defaultConfiguration.futureUpgrades}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#futureUpgradesComboEl =\n                    el as HTMLChComboBoxRenderElement)\n                }\n                model={[\n                  {\n                    value: \"automatic\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades\n                        .installAutomatically\n                  },\n                  {\n                    value: \"prompt\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades.promptMe\n                  },\n                  {\n                    value: \"never\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades.neverUpdate\n                  }\n                ]}\n                part=\"future-upgrades-combo\"\n              ></ch-combo-box-render>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderDescription = () => {\n    return (\n      <div class=\"description\">\n        {this.configurationType === \"installation\"\n          ? [\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </p>,\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </p>,\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </p>\n            ]\n          : [\n              <p class=\"text-body\">\n                {this.#_componentLocale.header.headerTextUpdate.firstSentence}\n              </p>,\n              <p class=\"text-body\">\n                {this.#_componentLocale.header.headerTextUpdate.secondSentence}\n              </p>\n            ]}\n        {/* header text */}\n      </div>\n    );\n  };\n\n  #saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: !!this.#webPanelsCheckboxEl.value,\n        importPanels: !!this.#panelsCheckboxEl.value,\n        futureUpgrades: this.#futureUpgradesComboEl.value\n          ? (this.#futureUpgradesComboEl.value as ComboValues)\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <div class=\"control-header control-header-with-border\">\n          {this.#renderDescription()}\n        </div>\n        <div class=\"main-content field-group\">{this.#renderFilters()}</div>\n\n        <div class=\"footer\">\n          {this.configurationType === \"update\" && (\n            <div class=\"footer-info\">\n              <p>Use Repair to import GAM components again</p>\n            </div>\n          )}\n\n          <div class=\"control-footer-with-border control-footer-space-between\">\n            {this.configurationType === \"update\" && (\n              <button\n                id=\"repair-button\"\n                class=\"button-secondary\"\n                onClick={this.#repairCallbackHandler}\n                part=\"button button--repair\"\n              >\n                Repair\n              </button>\n            )}\n            <div class=\"buttons-spacer\">\n              <button\n                id=\"cancel-button\"\n                class=\"button-secondary\"\n                onClick={this.#cancelCallbackHandler}\n                part=\"button button--cancel\"\n              >\n                Cancel\n              </button>\n              <button\n                id=\"confirm-button\"\n                class=\"button-primary\"\n                onClick={this.#saveCallbackHandler}\n                part=\"button button--confirm\"\n              >\n                Save\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\ntype ComboValues = \"automatic\" | \"prompt\" | \"never\";\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\n"],"version":3}
+{"file":"gx-ide-gam-installation-settings.entry.cjs.js","mappings":"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","names":["h","Locale","Host"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  height: 100%;\n}\n\n.control-header {\n  margin-block-end: var(--mer-spacing--md);\n}\n\n.main-content {\n  grid-auto-rows: max-content;\n}\n\n.footer-info {\n  margin-bottom: var(--mer-spacing--sm);\n}\n\n.description {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: 8px;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport { Component, Host, h, Prop, Element } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/checkbox\",\n  \"components/combo-box\",\n  \"components/edit\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-gam-installation-settings\",\n  styleUrl: \"gam-installation-settings.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n  /**\n   * The component hard-coded strings translations.\n   */\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n  #futureUpgradesComboEl!: HTMLChComboBoxRenderElement;\n  #panelsCheckboxEl!: HTMLChCheckboxElement;\n  #webPanelsCheckboxEl!: HTMLChCheckboxElement;\n\n  /**\n   * Callback invoked when the user wants to cancel the exportation process\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Determines 'Panels' checkbox activation, enabled only if an SD generator is in the KB.\n   * Otherwise, the checkbox is disabled.\n   */\n  @Prop() readonly canSelectPanels: boolean = false;\n\n  /**\n   * Specifies the configuration type to be used\n   */\n  @Prop() readonly configurationType: \"installation\" | \"update\" =\n    \"installation\";\n\n  /**\n   * Defines default config for initializing the dialog with stored gam config data\n   */\n  @Prop() readonly defaultConfiguration: GamConfigData | undefined = {\n    importWebPanels: true,\n    importPanels: false,\n    futureUpgrades: \"prompt\"\n  };\n\n  /**\n   * Callback invoked when the user press repair button\n   */\n  @Prop() readonly repairCallback: RepairCallback;\n\n  /**\n   * Callback invoked when the user initiates the export process\n   */\n  @Prop() readonly saveCallback: SaveCallback;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #cancelCallbackHandler = () => {\n    this.cancelCallback();\n  };\n\n  #repairCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: !!this.#webPanelsCheckboxEl.value,\n        importPanels: !!this.#panelsCheckboxEl.value,\n        futureUpgrades: this.#futureUpgradesComboEl.value\n          ? (this.#futureUpgradesComboEl.value as ComboValues)\n          : null\n      };\n      await this.repairCallback(data);\n    }\n  };\n\n  #renderFilters = () => {\n    return (\n      <div\n        class=\"field-group\"\n        role=\"region\"\n        aria-label={this.#_componentLocale.filters.filtersHeading}\n      >\n        <h5 class=\"subtitle-regular-s margin-block-end-s\">\n          {this.#_componentLocale.filters.filtersHeading}\n        </h5>\n\n        <div class=\"filters__wrapper\">\n          <div\n            class=\"field-group\"\n            role=\"group\"\n            aria-labelledby=\"frontend-objects-label\"\n          >\n            <div class=\"field field-block\">\n              <label id=\"frontend-objects-label\" class=\"label\">\n                {this.#_componentLocale.filters.frontEndObjects}\n              </label>\n\n              <div class=\"field-group-inline\">\n                <ch-checkbox\n                  class=\"checkbox\"\n                  checkedValue=\"webPanels\"\n                  value={\n                    this.defaultConfiguration?.importWebPanels\n                      ? \"webPanels\"\n                      : undefined\n                  }\n                  caption={this.#_componentLocale.filters.webPanelsCheckbox}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#webPanelsCheckboxEl = el as HTMLChCheckboxElement)\n                  }\n                  part=\"web-panels-checkbox\"\n                ></ch-checkbox>\n\n                <ch-checkbox\n                  class=\"checkbox\"\n                  checkedValue=\"panels\"\n                  value={\n                    this.defaultConfiguration.importPanels &&\n                    this.canSelectPanels\n                      ? \"panels\"\n                      : undefined\n                  }\n                  caption={this.#_componentLocale.filters.panelsCheckbox}\n                  disabled={!this.canSelectPanels}\n                  ref={(el: HTMLChCheckboxElement) =>\n                    (this.#panelsCheckboxEl = el as HTMLChCheckboxElement)\n                  }\n                  part=\"panels-checkbox\"\n                ></ch-checkbox>\n              </div>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"future-upgrades-combo\">\n                {this.#_componentLocale.filters.futureUpgradesComboLabel}\n              </label>\n              <ch-combo-box-render\n                id=\"future-upgrades-combo\"\n                class=\"combo-box\"\n                value={this.defaultConfiguration.futureUpgrades}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#futureUpgradesComboEl =\n                    el as HTMLChComboBoxRenderElement)\n                }\n                model={[\n                  {\n                    value: \"automatic\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades\n                        .installAutomatically\n                  },\n                  {\n                    value: \"prompt\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades.promptMe\n                  },\n                  {\n                    value: \"never\",\n                    caption:\n                      this.#_componentLocale.manageFutureUpgrades.neverUpdate\n                  }\n                ]}\n                part=\"future-upgrades-combo\"\n              ></ch-combo-box-render>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderDescription = () => {\n    return (\n      <div class=\"description\">\n        {this.configurationType === \"installation\"\n          ? [\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .firstSentence\n                }\n              </p>,\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .secondSentence\n                }\n              </p>,\n              <p class=\"text-body\">\n                {\n                  this.#_componentLocale.header.headerTextInstallation\n                    .thirdSentence\n                }\n              </p>\n            ]\n          : [\n              <p class=\"text-body\">\n                {this.#_componentLocale.header.headerTextUpdate.firstSentence}\n              </p>,\n              <p class=\"text-body\">\n                {this.#_componentLocale.header.headerTextUpdate.secondSentence}\n              </p>\n            ]}\n        {/* header text */}\n      </div>\n    );\n  };\n\n  #saveCallbackHandler = async () => {\n    if (this.saveCallback) {\n      const data: GamConfigData = {\n        importWebPanels: !!this.#webPanelsCheckboxEl.value,\n        importPanels: !!this.#panelsCheckboxEl.value,\n        futureUpgrades: this.#futureUpgradesComboEl.value\n          ? (this.#futureUpgradesComboEl.value as ComboValues)\n          : null\n      };\n      await this.saveCallback(data);\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <div class=\"control-header control-header-with-border\">\n          {this.#renderDescription()}\n        </div>\n        <div class=\"main-content field-group\">{this.#renderFilters()}</div>\n\n        <div class=\"footer\">\n          {this.configurationType === \"update\" && (\n            <div class=\"footer-info\">\n              <p>Use Repair to import GAM components again</p>\n            </div>\n          )}\n\n          <div class=\"control-footer-with-border control-footer-space-between\">\n            {this.configurationType === \"update\" && (\n              <button\n                id=\"repair-button\"\n                class=\"button-secondary\"\n                onClick={this.#repairCallbackHandler}\n                part=\"button button--repair\"\n              >\n                Repair\n              </button>\n            )}\n            <div class=\"buttons-spacer\">\n              <button\n                id=\"cancel-button\"\n                class=\"button-secondary\"\n                onClick={this.#cancelCallbackHandler}\n                part=\"button button--cancel\"\n              >\n                Cancel\n              </button>\n              <button\n                id=\"confirm-button\"\n                class=\"button-primary\"\n                onClick={this.#saveCallbackHandler}\n                part=\"button button--confirm\"\n              >\n                Save\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\ntype ComboValues = \"automatic\" | \"prompt\" | \"never\";\nexport type GamConfigData = {\n  importWebPanels: boolean;\n  importPanels: boolean;\n  futureUpgrades: \"never\" | \"prompt\" | \"automatic\";\n};\n\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\n"],"version":3}

package/dist/cjs/gx-ide-list-selector_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75aef097.js');
 
-const listSelectorCss = ":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)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}*,::after,::before{box-sizing:border-box}:host{display:flex;flex-direction:column;max-height:100%;font-size:var(--item__font-size)}.list{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0;list-style-type:none;margin:0;padding:0;color:var(--gx-ide-component-text-color);background-color:var(--gx-ide-component-background-color);font-size:var(--gx-ide-component-text-size);font-weight:var(--mer-font__weight--regular);display:grid;background-color:var(--mer-color__surface);max-height:100%;overflow-y:auto;gap:var(--mer-spacing--2xs);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);gap:var(--items-container__gap);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline)}.list::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.list::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.list::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.list::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.list::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host([no-list-border]) .list{border:none}";
+const listSelectorCss = ":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)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}*,::after,::before{box-sizing:border-box}:host{display:flex;flex-direction:column;max-height:100%;font-size:var(--item__font-size)}.list{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0;list-style-type:none;margin:0;padding:0;color:var(--gx-ide-component-text-color);background-color:var(--gx-ide-component-background-color);font-size:var(--gx-ide-component-text-size);font-weight:var(--mer-font__weight--regular);display:grid;background-color:var(--mer-color__surface);max-height:100%;overflow-y:auto;gap:var(--mer-spacing--2xs);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);gap:var(--items-container__gap);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline)}.list::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.list::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.list::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.list::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.list::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host([no-list-border]) .list{border:none}";
 
 const GxIdeListSelector = class {
     constructor(hostRef) {

package/dist/cjs/gx-ide-list-selector_2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-list-selector.gx-ide-list-selector-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,uqcAAuqc;;MCqBlrc,iBAAiB;;;;;;;QAsGpB,oBAAe,GAAG;YACxB,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CACtD,CAAC;YACF,MAAM,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;;;;;;;YAQnE,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9C,YAAY,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC;aACpC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,kBAAkB,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;;gBAEtE,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;oBAC3B,IAAI,CAAC,KAAK,CAAC,EAAE;wBACX,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;qBAC1B;iBACF,CAAC,CAAC;aACJ;SACF,CAAC;;;;QAKM,yBAAoB,GAAG;YAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YACvC,IAAI,IAAI,CAAC,IAAI,KAAK,kBAAkB,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/D,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;aACxC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBACrE,MAAM,MAAM,GAAa,EAAE,CAAC;gBAC5B,YAAY,CAAC,OAAO,CAAC,OAAO;oBAC1B,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;iBAChC,CAAC,CAAC;gBACH,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;aACrB;SACF,CAAC;QAEM,eAAU,GAAG;YACnB,MAAM,YAAY,GAAuC,EAAE,CAAC;YAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC;YACvE,QAAQ,CAAC,OAAO,CAAC,IAAI;gBACnB,IAAI,IAAI,CAAC,WAAW,EAAE;oBACpB,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACzB;aACF,CAAC,CAAC;YACH,OAAO,YAAY,CAAC;SACrB,CAAC;QAEM,sBAAiB,GAAG,CAAC,eAAyB;YACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC;YACvE,QAAQ,CAAC,OAAO,CAAC,IAAI;gBACnB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,KAAK,eAAe,CAAC,MAAM,EAAE;oBAC9D,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;iBAC1B;aACF,CAAC,CAAC;SACJ,CAAC;uBA1JkC,KAAK;wBAKJ,KAAK;oBAMxC,kBAAkB;wBAKiB,KAAK;wBAKL,KAAK;;;6BAwBA,KAAK;4BAKW,KAAK;;IAO/D,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;IAGD,2BAA2B,CAAC,KAA4B;QACtD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;QAClC,IAAI,IAAI,CAAC,IAAI,KAAK,kBAAkB,EAAE;YACpC,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;SACtC;QACD,MAAM,gBAAgB,GAAqB,EAAE,CAAC;QAC9C,MAAM,YAAY,GAAuC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC3E,MAAM,QAAQ,GAAsB,EAAE,CAAC;QACvC,YAAY,CAAC,OAAO,CAAC,IAAI;YACvB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;YAC7B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,gBAAgB,CAAC,IAAI,CAAC;gBACpB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,IAAI,CAAC,IAAI;gBACnB,WAAW,EAAE,IAAI;aAClB,CAAC,CAAC;SACJ,CAAC,CAAC;;QAEH,IAAI,IAAI,CAAC,IAAI,KAAK,kBAAkB,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3D,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC;SACvC;aAAM;;YAEL,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;SACvB;;QAED,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAC9C;IAiED,MAAM;QACJ,QACEA,QAACC,UAAI,IAAC,WAAW,EAAC,aAAa,IAC5B,IAAI,CAAC,OAAO,IACXD,gBAAI,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAC1BA,qBAAa,CACV,KAELA,gBAAI,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAC1BA,qBAAa,CACV,CACN,CACI,EACP;KACH;;;;;ACrMH,MAAM,mBAAmB,GAAG,2lDAA2lD;;MCgB1mD,qBAAqB;;;;QAQxB,qBAAgB,GAAG,KAAK,CAAC;QACzB,UAAK,GAAW,SAAS,CAAC;;;;;;;;QAgF1B,iCAA4B,GAAG;YACrC,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAA6C,CAAC;YACzE,IAAI,CAAC,oBAAoB,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,MAAK,sBAAsB,CAAC;YAC5E,IAAI,CAAC,oBAAoB,KAAK,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;SAC7D,CAAC;;;;QAKM,iBAAY,GAAG;YACrB,MAAM,UAAU,GAAiC,IAAI,CAAC,EAAE;iBACrD,aAA6C,CAAC;YACjD,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,KAAK,kBAAkB,GAAG,OAAO,GAAG,UAAU,CAAC;SAC3E,CAAC;;;;QAKM,uBAAkB,GAAG;YAC3B,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;aAC1C;SACF,CAAC;;;;QAKM,qBAAgB,GAAG;YACzB,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;aAC1C;SACF,CAAC;;;;QAKM,oBAAe,GAAG;YACxB,IACE,IAAI,CAAC,OAAO,KAAK,SAAS;gBAC1B,IAAI,CAAC,oBAAoB;gBACzB,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,SAAS;gBACnC,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,EACxC;gBACA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;aACrB;SACF,CAAC;QAEM,mBAAc,GAAG;YACvB,IAAI,IAAI,CAAC,oBAAoB,EAAE;gBAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;aAC/C;SACF,CAAC;QAEM,0BAAqB,GAAG;YAC9B,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;SACrE,CAAC;;;;QAKM,eAAU,GAAG;YACnB,IAAI,CAAC,oBAAoB;gBACvB,IAAI,CAAC,UAAU,CAAC,QAAQ;iBACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SAC1C,CAAC;QAEM,wBAAmB,GAAG;YAC5B,IAAI,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;gBACxD,IAAI,KAAK,GACP,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC5D,IAAI,KAAK,GAAG,EAAE,EAAE;;oBAEd,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;iBACrB;qBAAM;oBACL,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;iBACpB;gBACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;aACpB;SACF,CAAC;QAEM,oBAAe,GAAG,CAAC,CAAQ;YACjC,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;YAC1D,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;gBAC7B,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,IAAI,CAAC,IAAI;gBACnB,WAAW,EAAE,IAAI,CAAC,WAAW;aAC9B,CAAC,CAAC;SACJ,CAAC;;;2BAjJqC,KAAK;;;;wBAoBO,KAAK;gCAKH,KAAK;;;IAI1D,iBAAiB;QACf,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACpC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC5B;;IA8GD,MAAM;QACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,UAAU,IACnBD,mBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,eAAe,EAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,GACZ,EACFA,mBAAO,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,IACrDA,iBAAK,KAAK,EAAC,gBAAgB,IACxB,IAAI,CAAC,KAAK,IACTA,kBAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,OAAU,IAC9C,IAAI,EACP,IAAI,CAAC,gBAAgB,IACpBA,kBAAM,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,gBAAgB,IACvDA,kBAAM,IAAI,EAAC,WAAW,GAAQ,CACzB,IACL,IAAI,EACP,IAAI,CAAC,IAAI,IACRA,sBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,GAAY,IAC/D,IAAI,EACRA,kBAAM,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAC,aAAa,IAChD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAGA,qBAAa,CAC3C,CACH,CACA,CACH,EACP;KACH;;;;;;;;","names":["h","Host"],"sources":["src/components/_helpers/list-selector/list-selector.scss?tag=gx-ide-list-selector&encapsulation=shadow","src/components/_helpers/list-selector/list-selector.tsx","src/components/_helpers/list-selector/list-selector-item/list-selector-item.scss?tag=gx-ide-list-selector-item","src/components/_helpers/list-selector/list-selector-item/list-selector-item.tsx"],"sourcesContent":["@import \"../../../global/reset.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/gx-ide-common.scss\";\n@include box-sizing;\n\n:host {\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  font-size: var(--item__font-size);\n}\n.list {\n  @include reset-defaults;\n  @include reset-list;\n  @include base-component-styles;\n  @include gxg-scrollbar;\n  display: grid;\n  background-color: var(--mer-color__surface);\n  max-height: 100%;\n  overflow-y: auto;\n  gap: var(--mer-spacing--2xs);\n  border-style: var(--items-container__border-style);\n  border-width: var(--items-container__border-width);\n  border-radius: var(--items-container__border-radius);\n  background-color: var(--items-container__bg-color);\n  border-color: var(--items-container__border-color);\n  gap: var(--items-container__gap);\n  padding-block: var(--items-container__padding-block);\n  padding-inline: var(--items-container__padding-inline);\n}\n/*no border*/\n:host([no-list-border]) {\n  .list {\n    border: none;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Listen,\n  // Watch,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\n// Custom Imports\nimport { ItemData } from \"./list-selector-item/list-selector-item\";\n\n@Component({\n  tag: \"gx-ide-list-selector\",\n  styleUrl: \"list-selector.scss\",\n  shadow: true\n})\nexport class GxIdeListSelector {\n  @Element() el: HTMLGxIdeListSelectorElement;\n\n  /**\n   * It determines if the list is ordered, or unordered\n   */\n  @Prop() readonly ordered: boolean = false;\n\n  /**\n   * Makes the list readonly\n   */\n  @Prop() readonly readonly: boolean = false;\n\n  /**\n   * It determines the type of list: single-selection or multi-selection\n   */\n  @Prop() readonly type: \"single-selection\" | \"multi-selection\" =\n    \"single-selection\";\n\n  /**\n   * Makes the list required\n   */\n  @Prop() readonly required: boolean = false;\n\n  /**\n   * The presence of this property will force all the items to not-wrap, and have ellipsis\n   */\n  @Prop() readonly ellipsis: boolean = false;\n\n  /**\n   * The value of the initial (or initials) checked list-item/s\n   */\n  @Prop({ mutable: true }) value: string | string[];\n\n  // @Watch(\"value\")\n  // valueHandler(newValue: string) {\n  //   const foundItem = this.getItemByValue(newValue);\n  //   if (foundItem) {\n  //     const input = foundItem.querySelector(\"input\");\n  //     input.checked = true;\n  //   }\n  // }\n\n  /**\n   * The name of this list. This is a required attribute for the list to work.\n   */\n  @Prop() readonly listName!: string;\n\n  /**\n   * Disables the items border\n   */\n  @Prop() readonly noItemsBorder: boolean = false;\n\n  /**\n   * Disables the list border\n   */\n  @Prop({ reflect: true }) readonly noListBorder: boolean = false;\n\n  /**\n   * Emits the actual selection\n   */\n  @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n  componentWillLoad() {\n    this.evaluateChecked();\n    this.evaluateInitialValue();\n  }\n\n  @Listen(\"itemSelectionChanged\", { capture: true })\n  itemSelectionChangedHandler(event: CustomEvent<ItemData>) {\n    event.stopPropagation();\n    const selectedItem = event.detail;\n    if (this.type === \"single-selection\") {\n      this.clearPrevSelected(selectedItem);\n    }\n    const checkedItemsInfo: CheckedItemsInfo = [];\n    const checkedItems: HTMLGxIdeListSelectorItemElement[] = this.getChecked();\n    const newValue: string | string[] = [];\n    checkedItems.forEach(item => {\n      const value = item.itemValue;\n      newValue.push(value);\n      checkedItemsInfo.push({\n        itemId: item.itemId,\n        itemValue: value,\n        itemIcon: item.icon,\n        itemChecked: true\n      });\n    });\n    /* update this.value*/\n    if (this.type === \"single-selection\" && newValue.length > 0) {\n      this.value = newValue[0] || undefined;\n    } else {\n      /* multi-selection*/\n      this.value = newValue;\n    }\n    /* emit selectionChanged*/\n    this.selectionChanged.emit(checkedItemsInfo);\n  }\n\n  /**\n   * It evaluates the checked items, and checks or unchecks if needed\n   */\n  private evaluateChecked = () => {\n    const allListItems = Array.from(\n      this.el.querySelectorAll(\"gx-ide-list-selector-item\")\n    );\n    const checkedItems = allListItems.filter(item => item.itemChecked);\n    /**\n     * INDEX\n     * 1.required and no one checked\n     * 2.single-selection, and more than one checked\n     */\n\n    /* 1.required and no one checked*/\n    if (this.required && checkedItems.length === 0) {\n      allListItems[0].itemChecked = true;\n    } else if (this.type === \"single-selection\" && checkedItems.length > 1) {\n      /* 2.single-selection, and more than one checked*/\n      checkedItems.forEach((item, i) => {\n        if (i !== 0) {\n          item.itemChecked = false;\n        }\n      });\n    }\n  };\n\n  /**\n   * It evaluates the initial value/s\n   */\n  private evaluateInitialValue = () => {\n    const checkedItems = this.getChecked();\n    if (this.type === \"single-selection\" && checkedItems.length > 0) {\n      this.value = checkedItems[0].itemValue;\n    } else if (this.type === \"multi-selection\" && checkedItems.length > 0) {\n      const values: string[] = [];\n      checkedItems.forEach(checked => {\n        values.push(checked.itemValue);\n      });\n      this.value = values;\n    }\n  };\n\n  private getChecked = (): HTMLGxIdeListSelectorItemElement[] => {\n    const checkedItems: HTMLGxIdeListSelectorItemElement[] = [];\n    const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n    allItems.forEach(item => {\n      if (item.itemChecked) {\n        checkedItems.push(item);\n      }\n    });\n    return checkedItems;\n  };\n\n  private clearPrevSelected = (currentSelected: ItemData) => {\n    const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n    allItems.forEach(item => {\n      if (item.itemChecked && item.itemId !== currentSelected.itemId) {\n        item.itemChecked = false;\n      }\n    });\n  };\n\n  render() {\n    return (\n      <Host exportparts=\"input:input\">\n        {this.ordered ? (\n          <ol class=\"list\" part=\"list\">\n            <slot></slot>\n          </ol>\n        ) : (\n          <ul class=\"list\" part=\"list\">\n            <slot></slot>\n          </ul>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type CheckedItemsInfo = ItemData[];\n","@import \"../../../../global/gx-ide-mixins.scss\";\n@import \"../../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n@include box-sizing;\n\ngx-ide-list-selector-item {\n  display: block;\n  max-width: 100%;\n  display: flex;\n  font-size: inherit;\n  font-weight: var(--item__font-weight);\n\n  &:hover {\n    .label {\n      background-color: var(--item__bg-color--hover);\n      cursor: pointer;\n    }\n    input:checked + .label {\n      border-color: var(--item__border-color--selected-hover);\n    }\n  }\n}\n\n/*readonly*/\ngx-ide-list-selector-item[readonly]:not([readonly=\"false\"]) {\n  .label {\n    pointer-events: none;\n    background-color: transparent;\n  }\n}\n/*ellipsis*/\ngx-ide-list-selector-item[ellipsis]:not([ellipsis=\"false\"]) {\n  .label {\n    &__description {\n      @include ellipsis;\n    }\n  }\n}\n\ngx-ide-list-selector-item input {\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin: 0;\n\n  &:focus + .label {\n    @include focus-outline();\n  }\n  &:checked + .label {\n    background-color: var(--item__bg-color--selected);\n    color: var(--item__color--selected);\n    border-color: var(--item__border-color--selected);\n  }\n}\n\n/*label-wrapper*/\ngx-ide-list-selector-item .label {\n  width: 100%;\n  border: 1px solid transparent;\n  border-radius: var(--item__border-radius);\n}\n\n/*label*/\ngx-ide-list-selector-item .label {\n  &__index {\n  }\n  &__wrapper {\n    display: flex;\n    min-height: 28px; /*this prevents height difference between items that have icons and items that do not*/\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    padding: var(--mer-spacing--2xs) var(--mer-spacing--xs);\n    width: 100%;\n  }\n  &__description {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n}\n\n/*no border*/\ngx-ide-list-selector-item[no-border] {\n  border-block-start: none;\n}\n\n/*universal slot*/\ngx-ide-list-selector-item .label__universal-slot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element\n} from \"@stencil/core\";\n\n@Component({\n  tag: \"gx-ide-list-selector-item\",\n  styleUrl: \"list-selector-item.scss\",\n  shadow: false\n})\nexport class GxIdeListSelectorItem {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  private parentIsListSelector: boolean;\n  private parentList: HTMLGxIdeListSelectorElement;\n  private checked: boolean;\n  private name: string;\n  private type: string;\n  private hasUniversalSlot = false;\n  private index: string = undefined;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeListSelectorItemElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The item id\n   */\n  @Prop({ reflect: true }) readonly itemId!: string;\n\n  /**\n   * The item value, that acts as a label as well\n   */\n  @Prop() readonly itemValue!: string;\n\n  /**\n   * This will set the input as checked\n   */\n  @Prop({ mutable: true }) itemChecked = false;\n\n  /**\n   * It allows to select the item by clicking on it. It will emit the item-id\n   */\n  @Prop({ mutable: true, reflect: true }) readonly: boolean;\n\n  /**\n   * The presence of this property will force the item text to not-wrap, and have ellipsis\n   */\n  @Prop({ mutable: true, reflect: true }) ellipsis: boolean;\n\n  /**\n   * The gemini icon name\n   */\n  @Prop() readonly icon: string;\n\n  /**\n   * Disables the item border\n   */\n  @Prop({ mutable: true, reflect: true }) noBorder = false;\n\n  /**\n   * Displays the universal slot at the end, instead of at the benign\n   */\n  @Prop({ reflect: true }) readonly universalSlotEnd = false;\n\n  // 5.EVENTS (EMIT) //\n\n  componentWillLoad() {\n    this.evaluateParentIsListSelector();\n    this.evaluateType();\n    this.evaluateSelectable();\n    this.evaluateEllipsis();\n    this.evaluateChecked();\n    this.evaluateBorder();\n    this.evaluateUniversalSlot();\n    this.assignName();\n    this.evaluateOrderedList();\n  }\n\n  /**\n   * Emits the item data\n   */\n  @Event() itemSelectionChanged: EventEmitter<ItemData>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Checks if this item parentElement is a gx-ide-list-selector, and assigns a reference\n   */\n  private evaluateParentIsListSelector = () => {\n    const parentList = this.el.parentElement as HTMLGxIdeListSelectorElement;\n    this.parentIsListSelector = parentList?.nodeName === \"GX-IDE-LIST-SELECTOR\";\n    this.parentIsListSelector && (this.parentList = parentList);\n  };\n\n  /**\n   * Determines the type of item, based on the parent list-selector 'type' property value\n   */\n  private evaluateType = () => {\n    const parentList: HTMLGxIdeListSelectorElement = this.el\n      .parentElement as HTMLGxIdeListSelectorElement;\n    this.type = parentList.type === \"single-selection\" ? \"radio\" : \"checkbox\";\n  };\n\n  /**\n   * Evaluates if is selectable, considering the parent list-selector 'selectable' property value, only if it is undefined on this item\n   */\n  private evaluateSelectable = () => {\n    if (this.readonly === undefined && this.parentIsListSelector) {\n      this.readonly = this.parentList.readonly;\n    }\n  };\n\n  /**\n   * Evaluates if text should truncate with ellipsis, considering the parent list-selector 'ellipsis' property value, only if it is undefined on this item\n   */\n  private evaluateEllipsis = () => {\n    if (this.ellipsis === undefined && this.parentIsListSelector) {\n      this.ellipsis = this.parentList.ellipsis;\n    }\n  };\n\n  /**\n   * Evaluates if this item should be initially checked, only if the parent list-selector listValue equals this item value.\n   */\n  private evaluateChecked = () => {\n    if (\n      this.checked === undefined &&\n      this.parentIsListSelector &&\n      this.parentList.value !== undefined &&\n      this.parentList.value === this.itemValue\n    ) {\n      this.checked = true;\n    }\n  };\n\n  private evaluateBorder = () => {\n    if (this.parentIsListSelector) {\n      this.noBorder = this.parentList.noItemsBorder;\n    }\n  };\n\n  private evaluateUniversalSlot = () => {\n    this.hasUniversalSlot = !!this.el.querySelector(\"[slot=universal]\");\n  };\n\n  /**\n   * Gets the listName required value, that is needed for the list selection to properly work\n   */\n  private assignName = () => {\n    this.parentIsListSelector &&\n      this.parentList.listName &&\n      (this.name = this.parentList.listName);\n  };\n\n  private evaluateOrderedList = () => {\n    if (this.parentIsListSelector && this.parentList.ordered) {\n      let index: number | string =\n        Array.from(this.parentList.children).indexOf(this.el) + 1;\n      if (index < 10) {\n        // This will make descriptions to be nicely aligned, between one digit, and two digit indexes items.\n        index = `0${index}`;\n      } else {\n        index = `${index}`;\n      }\n      this.index = index;\n    }\n  };\n\n  private onChangeHandler = (e: Event) => {\n    this.itemChecked = (e.target as HTMLInputElement).checked;\n    this.itemSelectionChanged.emit({\n      itemId: this.itemId,\n      itemValue: this.itemValue,\n      itemIcon: this.icon,\n      itemChecked: this.itemChecked\n    });\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <input\n          type={this.type}\n          id={this.itemId}\n          name={this.name}\n          value={this.itemValue}\n          checked={this.itemChecked}\n          onChange={this.onChangeHandler}\n          disabled={this.readonly}\n          part=\"input\"\n        />\n        <label class=\"label\" htmlFor={this.itemId} part=\"label\">\n          <div class=\"label__wrapper\">\n            {this.index ? (\n              <span class=\"label__index\">{this.index}. </span>\n            ) : null}\n            {this.hasUniversalSlot ? (\n              <span class=\"label__universal-slot\" part=\"universal-slot\">\n                <slot name=\"universal\"></slot>\n              </span>\n            ) : null}\n            {this.icon ? (\n              <ch-image class=\"icon-md\" src={this.icon} part=\"icon\"></ch-image>\n            ) : null}\n            <span class=\"label__description\" part=\"description\">\n              {this.itemValue ? this.itemValue : <slot></slot>}\n            </span>\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n\nexport type ItemData = {\n  itemId: string;\n  itemValue: string;\n  itemIcon?: string;\n  itemChecked: boolean;\n};\n"],"version":3}
+{"file":"gx-ide-list-selector.gx-ide-list-selector-item.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/_helpers/list-selector/list-selector.scss?tag=gx-ide-list-selector&encapsulation=shadow","src/components/_helpers/list-selector/list-selector.tsx","src/components/_helpers/list-selector/list-selector-item/list-selector-item.scss?tag=gx-ide-list-selector-item","src/components/_helpers/list-selector/list-selector-item/list-selector-item.tsx"],"sourcesContent":["@import \"../../../global/reset.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/gx-ide-common.scss\";\n@include box-sizing;\n\n:host {\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  font-size: var(--item__font-size);\n}\n.list {\n  @include reset-defaults;\n  @include reset-list;\n  @include base-component-styles;\n  @include gxg-scrollbar;\n  display: grid;\n  background-color: var(--mer-color__surface);\n  max-height: 100%;\n  overflow-y: auto;\n  gap: var(--mer-spacing--2xs);\n  border-style: var(--items-container__border-style);\n  border-width: var(--items-container__border-width);\n  border-radius: var(--items-container__border-radius);\n  background-color: var(--items-container__bg-color);\n  border-color: var(--items-container__border-color);\n  gap: var(--items-container__gap);\n  padding-block: var(--items-container__padding-block);\n  padding-inline: var(--items-container__padding-inline);\n}\n/*no border*/\n:host([no-list-border]) {\n  .list {\n    border: none;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Listen,\n  // Watch,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\n// Custom Imports\nimport { ItemData } from \"./list-selector-item/list-selector-item\";\n\n@Component({\n  tag: \"gx-ide-list-selector\",\n  styleUrl: \"list-selector.scss\",\n  shadow: true\n})\nexport class GxIdeListSelector {\n  @Element() el: HTMLGxIdeListSelectorElement;\n\n  /**\n   * It determines if the list is ordered, or unordered\n   */\n  @Prop() readonly ordered: boolean = false;\n\n  /**\n   * Makes the list readonly\n   */\n  @Prop() readonly readonly: boolean = false;\n\n  /**\n   * It determines the type of list: single-selection or multi-selection\n   */\n  @Prop() readonly type: \"single-selection\" | \"multi-selection\" =\n    \"single-selection\";\n\n  /**\n   * Makes the list required\n   */\n  @Prop() readonly required: boolean = false;\n\n  /**\n   * The presence of this property will force all the items to not-wrap, and have ellipsis\n   */\n  @Prop() readonly ellipsis: boolean = false;\n\n  /**\n   * The value of the initial (or initials) checked list-item/s\n   */\n  @Prop({ mutable: true }) value: string | string[];\n\n  // @Watch(\"value\")\n  // valueHandler(newValue: string) {\n  //   const foundItem = this.getItemByValue(newValue);\n  //   if (foundItem) {\n  //     const input = foundItem.querySelector(\"input\");\n  //     input.checked = true;\n  //   }\n  // }\n\n  /**\n   * The name of this list. This is a required attribute for the list to work.\n   */\n  @Prop() readonly listName!: string;\n\n  /**\n   * Disables the items border\n   */\n  @Prop() readonly noItemsBorder: boolean = false;\n\n  /**\n   * Disables the list border\n   */\n  @Prop({ reflect: true }) readonly noListBorder: boolean = false;\n\n  /**\n   * Emits the actual selection\n   */\n  @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n  componentWillLoad() {\n    this.evaluateChecked();\n    this.evaluateInitialValue();\n  }\n\n  @Listen(\"itemSelectionChanged\", { capture: true })\n  itemSelectionChangedHandler(event: CustomEvent<ItemData>) {\n    event.stopPropagation();\n    const selectedItem = event.detail;\n    if (this.type === \"single-selection\") {\n      this.clearPrevSelected(selectedItem);\n    }\n    const checkedItemsInfo: CheckedItemsInfo = [];\n    const checkedItems: HTMLGxIdeListSelectorItemElement[] = this.getChecked();\n    const newValue: string | string[] = [];\n    checkedItems.forEach(item => {\n      const value = item.itemValue;\n      newValue.push(value);\n      checkedItemsInfo.push({\n        itemId: item.itemId,\n        itemValue: value,\n        itemIcon: item.icon,\n        itemChecked: true\n      });\n    });\n    /* update this.value*/\n    if (this.type === \"single-selection\" && newValue.length > 0) {\n      this.value = newValue[0] || undefined;\n    } else {\n      /* multi-selection*/\n      this.value = newValue;\n    }\n    /* emit selectionChanged*/\n    this.selectionChanged.emit(checkedItemsInfo);\n  }\n\n  /**\n   * It evaluates the checked items, and checks or unchecks if needed\n   */\n  private evaluateChecked = () => {\n    const allListItems = Array.from(\n      this.el.querySelectorAll(\"gx-ide-list-selector-item\")\n    );\n    const checkedItems = allListItems.filter(item => item.itemChecked);\n    /**\n     * INDEX\n     * 1.required and no one checked\n     * 2.single-selection, and more than one checked\n     */\n\n    /* 1.required and no one checked*/\n    if (this.required && checkedItems.length === 0) {\n      allListItems[0].itemChecked = true;\n    } else if (this.type === \"single-selection\" && checkedItems.length > 1) {\n      /* 2.single-selection, and more than one checked*/\n      checkedItems.forEach((item, i) => {\n        if (i !== 0) {\n          item.itemChecked = false;\n        }\n      });\n    }\n  };\n\n  /**\n   * It evaluates the initial value/s\n   */\n  private evaluateInitialValue = () => {\n    const checkedItems = this.getChecked();\n    if (this.type === \"single-selection\" && checkedItems.length > 0) {\n      this.value = checkedItems[0].itemValue;\n    } else if (this.type === \"multi-selection\" && checkedItems.length > 0) {\n      const values: string[] = [];\n      checkedItems.forEach(checked => {\n        values.push(checked.itemValue);\n      });\n      this.value = values;\n    }\n  };\n\n  private getChecked = (): HTMLGxIdeListSelectorItemElement[] => {\n    const checkedItems: HTMLGxIdeListSelectorItemElement[] = [];\n    const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n    allItems.forEach(item => {\n      if (item.itemChecked) {\n        checkedItems.push(item);\n      }\n    });\n    return checkedItems;\n  };\n\n  private clearPrevSelected = (currentSelected: ItemData) => {\n    const allItems = this.el.querySelectorAll(\"gx-ide-list-selector-item\");\n    allItems.forEach(item => {\n      if (item.itemChecked && item.itemId !== currentSelected.itemId) {\n        item.itemChecked = false;\n      }\n    });\n  };\n\n  render() {\n    return (\n      <Host exportparts=\"input:input\">\n        {this.ordered ? (\n          <ol class=\"list\" part=\"list\">\n            <slot></slot>\n          </ol>\n        ) : (\n          <ul class=\"list\" part=\"list\">\n            <slot></slot>\n          </ul>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type CheckedItemsInfo = ItemData[];\n","@import \"../../../../global/gx-ide-mixins.scss\";\n@import \"../../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n@include box-sizing;\n\ngx-ide-list-selector-item {\n  display: block;\n  max-width: 100%;\n  display: flex;\n  font-size: inherit;\n  font-weight: var(--item__font-weight);\n\n  &:hover {\n    .label {\n      background-color: var(--item__bg-color--hover);\n      cursor: pointer;\n    }\n    input:checked + .label {\n      border-color: var(--item__border-color--selected-hover);\n    }\n  }\n}\n\n/*readonly*/\ngx-ide-list-selector-item[readonly]:not([readonly=\"false\"]) {\n  .label {\n    pointer-events: none;\n    background-color: transparent;\n  }\n}\n/*ellipsis*/\ngx-ide-list-selector-item[ellipsis]:not([ellipsis=\"false\"]) {\n  .label {\n    &__description {\n      @include ellipsis;\n    }\n  }\n}\n\ngx-ide-list-selector-item input {\n  width: 0;\n  height: 0;\n  opacity: 0;\n  margin: 0;\n\n  &:focus + .label {\n    @include focus-outline();\n  }\n  &:checked + .label {\n    background-color: var(--item__bg-color--selected);\n    color: var(--item__color--selected);\n    border-color: var(--item__border-color--selected);\n  }\n}\n\n/*label-wrapper*/\ngx-ide-list-selector-item .label {\n  width: 100%;\n  border: 1px solid transparent;\n  border-radius: var(--item__border-radius);\n}\n\n/*label*/\ngx-ide-list-selector-item .label {\n  &__index {\n  }\n  &__wrapper {\n    display: flex;\n    min-height: 28px; /*this prevents height difference between items that have icons and items that do not*/\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    padding: var(--mer-spacing--2xs) var(--mer-spacing--xs);\n    width: 100%;\n  }\n  &__description {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n}\n\n/*no border*/\ngx-ide-list-selector-item[no-border] {\n  border-block-start: none;\n}\n\n/*universal slot*/\ngx-ide-list-selector-item .label__universal-slot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element\n} from \"@stencil/core\";\n\n@Component({\n  tag: \"gx-ide-list-selector-item\",\n  styleUrl: \"list-selector-item.scss\",\n  shadow: false\n})\nexport class GxIdeListSelectorItem {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  private parentIsListSelector: boolean;\n  private parentList: HTMLGxIdeListSelectorElement;\n  private checked: boolean;\n  private name: string;\n  private type: string;\n  private hasUniversalSlot = false;\n  private index: string = undefined;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeListSelectorItemElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The item id\n   */\n  @Prop({ reflect: true }) readonly itemId!: string;\n\n  /**\n   * The item value, that acts as a label as well\n   */\n  @Prop() readonly itemValue!: string;\n\n  /**\n   * This will set the input as checked\n   */\n  @Prop({ mutable: true }) itemChecked = false;\n\n  /**\n   * It allows to select the item by clicking on it. It will emit the item-id\n   */\n  @Prop({ mutable: true, reflect: true }) readonly: boolean;\n\n  /**\n   * The presence of this property will force the item text to not-wrap, and have ellipsis\n   */\n  @Prop({ mutable: true, reflect: true }) ellipsis: boolean;\n\n  /**\n   * The gemini icon name\n   */\n  @Prop() readonly icon: string;\n\n  /**\n   * Disables the item border\n   */\n  @Prop({ mutable: true, reflect: true }) noBorder = false;\n\n  /**\n   * Displays the universal slot at the end, instead of at the benign\n   */\n  @Prop({ reflect: true }) readonly universalSlotEnd = false;\n\n  // 5.EVENTS (EMIT) //\n\n  componentWillLoad() {\n    this.evaluateParentIsListSelector();\n    this.evaluateType();\n    this.evaluateSelectable();\n    this.evaluateEllipsis();\n    this.evaluateChecked();\n    this.evaluateBorder();\n    this.evaluateUniversalSlot();\n    this.assignName();\n    this.evaluateOrderedList();\n  }\n\n  /**\n   * Emits the item data\n   */\n  @Event() itemSelectionChanged: EventEmitter<ItemData>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Checks if this item parentElement is a gx-ide-list-selector, and assigns a reference\n   */\n  private evaluateParentIsListSelector = () => {\n    const parentList = this.el.parentElement as HTMLGxIdeListSelectorElement;\n    this.parentIsListSelector = parentList?.nodeName === \"GX-IDE-LIST-SELECTOR\";\n    this.parentIsListSelector && (this.parentList = parentList);\n  };\n\n  /**\n   * Determines the type of item, based on the parent list-selector 'type' property value\n   */\n  private evaluateType = () => {\n    const parentList: HTMLGxIdeListSelectorElement = this.el\n      .parentElement as HTMLGxIdeListSelectorElement;\n    this.type = parentList.type === \"single-selection\" ? \"radio\" : \"checkbox\";\n  };\n\n  /**\n   * Evaluates if is selectable, considering the parent list-selector 'selectable' property value, only if it is undefined on this item\n   */\n  private evaluateSelectable = () => {\n    if (this.readonly === undefined && this.parentIsListSelector) {\n      this.readonly = this.parentList.readonly;\n    }\n  };\n\n  /**\n   * Evaluates if text should truncate with ellipsis, considering the parent list-selector 'ellipsis' property value, only if it is undefined on this item\n   */\n  private evaluateEllipsis = () => {\n    if (this.ellipsis === undefined && this.parentIsListSelector) {\n      this.ellipsis = this.parentList.ellipsis;\n    }\n  };\n\n  /**\n   * Evaluates if this item should be initially checked, only if the parent list-selector listValue equals this item value.\n   */\n  private evaluateChecked = () => {\n    if (\n      this.checked === undefined &&\n      this.parentIsListSelector &&\n      this.parentList.value !== undefined &&\n      this.parentList.value === this.itemValue\n    ) {\n      this.checked = true;\n    }\n  };\n\n  private evaluateBorder = () => {\n    if (this.parentIsListSelector) {\n      this.noBorder = this.parentList.noItemsBorder;\n    }\n  };\n\n  private evaluateUniversalSlot = () => {\n    this.hasUniversalSlot = !!this.el.querySelector(\"[slot=universal]\");\n  };\n\n  /**\n   * Gets the listName required value, that is needed for the list selection to properly work\n   */\n  private assignName = () => {\n    this.parentIsListSelector &&\n      this.parentList.listName &&\n      (this.name = this.parentList.listName);\n  };\n\n  private evaluateOrderedList = () => {\n    if (this.parentIsListSelector && this.parentList.ordered) {\n      let index: number | string =\n        Array.from(this.parentList.children).indexOf(this.el) + 1;\n      if (index < 10) {\n        // This will make descriptions to be nicely aligned, between one digit, and two digit indexes items.\n        index = `0${index}`;\n      } else {\n        index = `${index}`;\n      }\n      this.index = index;\n    }\n  };\n\n  private onChangeHandler = (e: Event) => {\n    this.itemChecked = (e.target as HTMLInputElement).checked;\n    this.itemSelectionChanged.emit({\n      itemId: this.itemId,\n      itemValue: this.itemValue,\n      itemIcon: this.icon,\n      itemChecked: this.itemChecked\n    });\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <input\n          type={this.type}\n          id={this.itemId}\n          name={this.name}\n          value={this.itemValue}\n          checked={this.itemChecked}\n          onChange={this.onChangeHandler}\n          disabled={this.readonly}\n          part=\"input\"\n        />\n        <label class=\"label\" htmlFor={this.itemId} part=\"label\">\n          <div class=\"label__wrapper\">\n            {this.index ? (\n              <span class=\"label__index\">{this.index}. </span>\n            ) : null}\n            {this.hasUniversalSlot ? (\n              <span class=\"label__universal-slot\" part=\"universal-slot\">\n                <slot name=\"universal\"></slot>\n              </span>\n            ) : null}\n            {this.icon ? (\n              <ch-image class=\"icon-md\" src={this.icon} part=\"icon\"></ch-image>\n            ) : null}\n            <span class=\"label__description\" part=\"description\">\n              {this.itemValue ? this.itemValue : <slot></slot>}\n            </span>\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n\nexport type ItemData = {\n  itemId: string;\n  itemValue: string;\n  itemIcon?: string;\n  itemChecked: boolean;\n};\n"],"version":3}

package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js

@@ -11,7 +11,7 @@ require('lit/directives/if-defined.js');
 const common = require('./common-f2540d3e.js');
 const locale = require('./locale-ff30a5f3.js');
 
-const manageModuleReferencesCss = ":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)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}p,ul{font-size:var(--font-size-lg);margin:0}p{line-height:1.6em}.header{align-items:center;grid-template-columns:1fr auto;grid-template-rows:1fr}.main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%;overflow:auto}ch-grid-columnset{display:none}ch-grid-row[selected] gxg-icon[data-action=install]{filter:brightness(2)}.grid-cell-module__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mer-spacing--3xs)}.grid-cell-module__name{font-weight:var(--mer-font__weight--bold)}.grid-cell-module__name,.grid-cell-module__description{line-height:1.55em}.grid-container{height:100%;overflow:auto}.grid-container gx-ide-empty-state{height:100%}.servers-container{display:none;height:100%}.servers-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding) 0 var(--gxg-list-box-main__padding)}.servers-container__header gxg-button{width:100%}.modules__header{padding:var(--gxg-list-box-main__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__combo-container{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__server-commands{display:flex;gap:var(--mer-spacing--xs)}.modules__combo{display:flex;flex-direction:row;gap:var(--mer-spacing--xs)}.modules__combo gxg-combo-box{flex:1}.modules__container{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main-header{display:flex;padding:var(--mer-spacing--xs);flex-direction:column;gap:var(--mer-spacing--xs)}.module-info{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info__title{display:flex;align-items:center;gap:var(--mer-spacing--xs)}.module-info__name{display:flex;align-items:center;gap:var(--mer-spacing--sm);--ds-icon-size-box--regular:24px;--ds-icon-size--regular:24px;font-weight:var(--mer-font__weight--bold)}.module-info__header{padding:var(--gx-ide-container__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs);border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__action-container{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.module-info__action-container:before{content:\"\";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;display:block;background-color:var(--mer-icon__primary--disabled)}.module-info__action-container--installed:before{background-color:var(--mer-icon__primary)}.module-info__action-container--uninstallable:before{background-color:var(--mer-icon__warning)}.module-info__warning-message{margin-block-start:var(--mer-spacing--2xs);background-color:var(--mer-color__tinted-yellow--5);color:var(--mer-text__on-elevation);border:var(--mer-border__width--sm) solid var(--mer-border-color__warning);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--xs) var(--mer-spacing--md)}.module-info__divider{width:calc(100% - var(--gx-ide-container__padding) * 4);padding:0 var(--gx-ide-container__padding);margin:0 auto;border:0;border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__properties{display:flex;flex-direction:column;padding:var(--gx-ide-container__padding);gap:var(--mer-spacing--xs);overflow:auto}.md-property{display:grid;gap:var(--mer-spacing--xs)}.md-property--inline{grid-template-columns:auto 1fr}.md-property__key{font-weight:var(--font-weight-bold);max-width:150px}.md-property__value{font-size:var(--mer-font__size--2xs)}.md-property__key>*,.md-property__value>*{display:inline-block}.md-property__list{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.md-property__list>ul{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--2xs);margin-inline-start:var(--mer-spacing--xs)}.md-property__list>ul li{position:relative;padding-inline-start:12px;line-height:var(--ds-base-font-line-height--comfortable)}.md-property__list>ul li::before{content:\"\";position:absolute;left:0;top:7px;display:inline-block;width:var(--mer-spacing--2xs);height:var(--mer-spacing--2xs);background-color:var(--mer-text__on-surface)}.md-property,.md-property__list{border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);padding-block-end:var(--mer-spacing--xs)}.md-property:last-child,.md-property__list:last-child{border-block-end:0;padding-block-end:0}gxg-ide-loader{border-radius:var(--mer-border__radius--md)}.button-wrapper{display:grid;align-items:center;justify-content:center}";
+const manageModuleReferencesCss = ":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)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--mer-surface__elevation--01));padding-inline:var(--mer-spacing--xs);color:var(--mer-text__on-elevation);font-size:var(--font-size-body-s);line-height:1.4;font-weight:var(--font-weight-regular);border-radius:var(--mer-border__width--lg);min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--mer-spacing--xs)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}p,ul{font-size:var(--font-size-lg);margin:0}p{line-height:1.6em}.header{align-items:center;grid-template-columns:1fr auto;grid-template-rows:1fr}.main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%;overflow:auto}ch-grid-columnset{display:none}ch-grid-row[selected] gxg-icon[data-action=install]{filter:brightness(2)}.grid-cell-module__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mer-spacing--3xs)}.grid-cell-module__name{font-weight:var(--mer-font__weight--bold)}.grid-cell-module__name,.grid-cell-module__description{line-height:1.55em}.grid-container{height:100%;overflow:auto}.grid-container gx-ide-empty-state{height:100%}.servers-container{display:none;height:100%}.servers-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding) 0 var(--gxg-list-box-main__padding)}.servers-container__header gxg-button{width:100%}.modules__header{padding:var(--gxg-list-box-main__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__combo-container{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__server-commands{display:flex;gap:var(--mer-spacing--xs)}.modules__combo{display:flex;flex-direction:row;gap:var(--mer-spacing--xs)}.modules__combo gxg-combo-box{flex:1}.modules__container{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main-header{display:flex;padding:var(--mer-spacing--xs);flex-direction:column;gap:var(--mer-spacing--xs)}.module-info{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info__title{display:flex;align-items:center;gap:var(--mer-spacing--xs)}.module-info__name{display:flex;align-items:center;gap:var(--mer-spacing--sm);--ds-icon-size-box--regular:24px;--ds-icon-size--regular:24px;font-weight:var(--mer-font__weight--bold)}.module-info__header{padding:var(--gx-ide-container__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs);border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__action-container{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.module-info__action-container:before{content:\"\";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;display:block;background-color:var(--mer-icon__primary--disabled)}.module-info__action-container--installed:before{background-color:var(--mer-icon__primary)}.module-info__action-container--uninstallable:before{background-color:var(--mer-icon__warning)}.module-info__warning-message{margin-block-start:var(--mer-spacing--2xs);background-color:var(--mer-color__tinted-yellow--5);color:var(--mer-text__on-elevation);border:var(--mer-border__width--sm) solid var(--mer-border-color__warning);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--xs) var(--mer-spacing--md)}.module-info__divider{width:calc(100% - var(--gx-ide-container__padding) * 4);padding:0 var(--gx-ide-container__padding);margin:0 auto;border:0;border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__properties{display:flex;flex-direction:column;padding:var(--gx-ide-container__padding);gap:var(--mer-spacing--xs);overflow:auto}.md-property{display:grid;gap:var(--mer-spacing--xs)}.md-property--inline{grid-template-columns:auto 1fr}.md-property__key{font-weight:var(--font-weight-bold);max-width:150px}.md-property__value{font-size:var(--mer-font__size--2xs)}.md-property__key>*,.md-property__value>*{display:inline-block}.md-property__list{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.md-property__list>ul{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--2xs);margin-inline-start:var(--mer-spacing--xs)}.md-property__list>ul li{position:relative;padding-inline-start:12px;line-height:var(--ds-base-font-line-height--comfortable)}.md-property__list>ul li::before{content:\"\";position:absolute;left:0;top:7px;display:inline-block;width:var(--mer-spacing--2xs);height:var(--mer-spacing--2xs);background-color:var(--mer-text__on-surface)}.md-property,.md-property__list{border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);padding-block-end:var(--mer-spacing--xs)}.md-property:last-child,.md-property__list:last-child{border-block-end:0;padding-block-end:0}gxg-ide-loader{border-radius:var(--mer-border__radius--md)}.button-wrapper{display:grid;align-items:center;justify-content:center}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)

package/dist/cjs/gx-ide-manage-module-references.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-manage-module-references.entry.cjs.js","mappings":"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","names":["getIconPath","h","Locale","Host","renderModuleDataProperties"],"sources":["src/components/modules/manage-module-references/manage-module-references.scss?tag=gx-ide-manage-module-references&encapsulation=shadow","src/components/modules/manage-module-references/manage-module-references.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n/*--- General ---*/\np,\nul {\n  font-size: var(--font-size-lg);\n  margin: 0;\n}\np {\n  line-height: 1.6em;\n}\n/*--- Header ---*/\n.header {\n  align-items: center;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: 1fr;\n}\n.main {\n  display: grid;\n  //grid-template-columns: 1fr 2fr 1fr;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: 1fr;\n  height: 100%;\n  overflow: auto;\n}\nch-grid-columnset {\n  display: none;\n}\nch-grid-row[selected] {\n  gxg-icon[data-action=\"install\"] {\n    //WA to improve visibility\n    filter: brightness(2);\n  }\n}\n.grid-cell-module {\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--mer-spacing--3xs);\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--bold);\n  }\n  &__name,\n  &__description {\n    line-height: 1.55em;\n  }\n}\n\n/*--- Servers Container ---*/\n.grid-container {\n  height: 100%;\n  overflow: auto;\n  gx-ide-empty-state {\n    height: 100%;\n  }\n}\n.servers-container {\n  display: none;\n  height: 100%;\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding)\n      0 var(--gxg-list-box-main__padding);\n\n    gxg-button {\n      width: 100%;\n    }\n  }\n}\n\n/*--- Modules (Header) ---*/\n.modules {\n  &__header {\n    padding: var(--gxg-list-box-main__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__server-commands {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo {\n    gxg-combo-box {\n      flex: 1;\n    }\n    display: flex;\n    flex-direction: row;\n    gap: var(--mer-spacing--xs);\n  }\n  &__container {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n  }\n  &__main {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n\n    &-header {\n      display: flex;\n      padding: var(--mer-spacing--xs);\n      flex-direction: column;\n      gap: var(--mer-spacing--xs);\n    }\n  }\n}\n\n/*--- Module Info ---*/\n.module-info {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  height: 100%;\n  overflow: auto;\n\n  &__title {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n\n  &__name {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    --ds-icon-size-box--regular: 24px;\n    --ds-icon-size--regular: 24px;\n    font-weight: var(--mer-font__weight--bold);\n  }\n\n  &__header {\n    padding: var(--gx-ide-container__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n\n  &__action-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    &:before {\n      content: \"\";\n      width: var(--mer-spacing--xs);\n      height: var(--mer-spacing--xs);\n      border-radius: 50%;\n      display: block;\n      background-color: var(--mer-icon__primary--disabled);\n    }\n    &--installed:before {\n      background-color: var(--mer-icon__primary);\n    }\n    &--uninstallable:before {\n      background-color: var(--mer-icon__warning);\n    }\n  }\n\n  &__warning-message {\n    margin-block-start: var(--mer-spacing--2xs);\n    background-color: var(--mer-color__tinted-yellow--5);\n    color: var(--mer-text__on-elevation);\n    border: var(--mer-border__width--sm) solid var(--mer-border-color__warning);\n    border-radius: var(--mer-border__radius--sm);\n    padding: var(--mer-spacing--xs) var(--mer-spacing--md);\n  }\n\n  &__divider {\n    width: calc(100% - var(--gx-ide-container__padding) * 4);\n    padding: 0 var(--gx-ide-container__padding);\n    margin: 0 auto;\n    border: 0;\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__properties {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gx-ide-container__padding);\n    gap: var(--mer-spacing--xs);\n    overflow: auto;\n  }\n}\n\n.md-property {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n\n  &--inline {\n    grid-template-columns: auto 1fr;\n  }\n  &--block {\n  }\n  &__key {\n    font-weight: var(--font-weight-bold);\n    max-width: 150px;\n  }\n  &__value {\n    font-size: var(--mer-font__size--2xs);\n  }\n  &__key,\n  &__value {\n    > * {\n      display: inline-block;\n    }\n  }\n  &__list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    > ul {\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--mer-spacing--2xs);\n      margin-inline-start: var(--mer-spacing--xs);\n\n      li {\n        position: relative;\n        padding-inline-start: 12px;\n        line-height: var(--ds-base-font-line-height--comfortable);\n        &::before {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 7px;\n          display: inline-block;\n          width: var(--mer-spacing--2xs);\n          height: var(--mer-spacing--2xs);\n          background-color: var(--mer-text__on-surface);\n        }\n      }\n    }\n  }\n}\n\n.md-property,\n.md-property__list {\n  border-block-end: var(--mer-border__width--sm) solid\n    var(--gx-ide-container-border-color);\n  padding-block-end: var(--mer-spacing--xs);\n\n  &:last-child {\n    border-block-end: 0;\n    padding-block-end: 0;\n  }\n}\n\ngxg-ide-loader {\n  border-radius: var(--mer-border__radius--md);\n}\n\n.button-wrapper {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  Method,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini\";\nimport { topStateBarType } from \"@genexus/gemini\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport {\n  ModuleServerData,\n  ModuleData,\n  ModuleActionType,\n  ModuleFilterType,\n  ModulePropertyData,\n  ModuleVersionData\n} from \"../types\";\nimport { renderModuleDataProperties } from \"../../../common/common\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../common/types\";\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\n@Component({\n  tag: \"gx-ide-manage-module-references\",\n  styleUrl: \"manage-module-references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/manage-module-references\"]\n})\nexport class GxManageModuleReferences {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  /* selectedServerIdOnModulesAllUpdate is updated every time modulesAll is modified, in order to determine if the server is the same or not.*/\n  private selectedServerIdOnModulesAllUpdate: string;\n\n  #filterIcon = getIconPath({\n    category: \"system\",\n    name: \"filters\",\n    colorType: \"on-elevation\"\n  });\n  #moduleIcon = getIconPath({\n    category: \"objects\",\n    name: \"module\"\n  });\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeManageModuleReferencesElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private serversDetail!: HTMLDivElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() modulesAll: ModuleData[] = [];\n  @Watch(\"modulesAll\")\n  modulesAllWatcher(modulesAll: ModuleData[]) {\n    this.updateModulesSelectedVersion(modulesAll);\n  }\n  @State() filteredModules: ModuleData[] = [];\n  @State() selectedModule: ModuleData;\n  @State() selectedServerId: string;\n  @State() selectedModuleAction: ActionInfo = {\n    message: \"\",\n    progress: 0,\n    state: \"in-progress\"\n  };\n  @State() modulesSelectedVersion: Map<string, string> = new Map();\n  @State() actionCompleted = true;\n  @State() closeProgressBar = true;\n  @State() progressValue: number = 0;\n  @State() progressState: topStateBarType = \"in-progress\";\n  @State() loadingServer = false;\n  @State() reRenderCounter: number = 0;\n  @Watch(\"loadingServer\")\n  loadingServerHandler(loading: boolean) {\n    if (loading) {\n      this.loaderEl.show = true;\n    } else {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * List of module servers currently cataloged\n   */\n  @Prop() readonly servers: ModuleServerData[] = [];\n\n  /**\n   * Callback invoked when a server is selected. Returns the set of modules available on that server.\n   */\n  @Prop() readonly serverSelectedCallback: ServerSelectedCallback;\n\n  /**\n   * Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage.\n   */\n  @Prop() readonly executeActionCallback: ExecuteActionCallback;\n\n  /**\n   * Callback invoked when Add button is clicked\n   */\n  @Prop() readonly addServerCallback: AddServerCallback;\n\n  /**\n   * Callback invoked when an element is right clicked on servers list\n   */\n  @Prop() readonly serverContextMenuCallback: ServerContextMenuCallback;\n\n  /**\n   * Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version\n   */\n  @Prop() readonly showServerCommands: boolean = false;\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() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.serverSelectedCallbackHandler(this.servers[0].id, false);\n  }\n\n  // 7.LISTENERS //\n\n  @Watch(\"modulesAll\")\n  onPropValueChange(newModulesData: ModuleData[]) {\n    this.filteredModules = [...newModulesData];\n  }\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * validate\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    return true;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private updateModulesSelectedVersion = (modulesAll: ModuleData[]) => {\n    if (this.selectedServerId !== this.selectedServerIdOnModulesAllUpdate) {\n      // the server has changed. clear the updateModulesSelectedVersion\n      this.modulesSelectedVersion.clear();\n      modulesAll.forEach(module => {\n        // this.modulesSelectedVersion.set(module.id, module.versions[0].id);\n        this.modulesSelectedVersion.set(\n          module.id,\n          module.versions[module.versions.length - 1].id\n        );\n      });\n    } else {\n      // the server has't changed. only add the module to the map, if it is a new module.\n      modulesAll.forEach(module => {\n        const newModule =\n          this.modulesSelectedVersion.get(module.id) === undefined;\n        if (newModule) {\n          this.modulesSelectedVersion.set(module.id, module.versions[0].id);\n        }\n      });\n    }\n    this.selectedServerIdOnModulesAllUpdate = this.selectedServerId;\n  };\n\n  private getActionFromCurrentModuleVersion = (): ModuleActionType => {\n    const action = this.getModuleData(\n      this.selectedModule,\n      \"action\"\n    ) as ModuleActionType;\n    return action || \"install\";\n  };\n\n  /**\n   * Callback invoked to get the progress when module is performing an action\n   */\n  private onProgress = (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ): void => {\n    const data = { message, progress, state };\n    this.selectedModuleAction = { ...data };\n    this.progressValue = this.selectedModuleAction.progress;\n    this.progressState = this.selectedModuleAction.state;\n  };\n\n  // 10.LOCAL METHODS //\n\n  /**\n   * Used for changing the selected module\n   */\n  private handleModuleChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    const selectedModuleId = event.detail.rowsId[0];\n    const foundModule = this.modulesAll.find(\n      item => item.id === selectedModuleId\n    );\n    if (foundModule) {\n      this.selectedModule = foundModule;\n    }\n  };\n\n  /**\n   * Change the server selected value in response to callbackServerSelected callback\n   */\n  private serverSelectedCallbackHandler = async (id: any, reload: boolean) => {\n    if (this.serverSelectedCallback) {\n      this.loadingServer = true;\n      const resolvedObjects = await this.serverSelectedCallback(id, reload);\n      this.selectedServerId = id;\n      this.modulesAll = [...resolvedObjects];\n      this.filterModulesByType(\"browse\");\n      this.selectedModule = this.filteredModules[0];\n      this.loadingServer = false;\n    }\n  };\n\n  private handleFilterChange = (value: string) => {\n    value = value.trim().toLowerCase();\n    if (value) {\n      this.filteredModules = this.modulesAll.filter(module => {\n        const selectedVersionName = this.getModuleData(\n          module,\n          \"name\"\n        ) as string;\n        return selectedVersionName?.toLowerCase().includes(value);\n      });\n    } else {\n      this.filteredModules = this.modulesAll;\n    }\n  };\n\n  private handleFilterChangeHandler = (e: CustomEvent<string>) => {\n    const value = e.detail;\n    return this.handleFilterChange(value);\n  };\n\n  /**\n   * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback\n   */\n  private executeActionCallbackHandler = async (module: ModuleData) => {\n    if (this.executeActionCallback) {\n      const moduleSelectedVersionId = this.modulesSelectedVersion.get(\n        module.id\n      );\n      const actionCompleted = await this.executeActionCallback(\n        this.selectedServerId,\n        module.id,\n        moduleSelectedVersionId,\n        this.getActionFromCurrentModuleVersion(),\n        this.onProgress\n      );\n      if (actionCompleted) {\n        this.serverSelectedCallbackHandler(this.selectedServerId, false);\n      }\n      this.actionCompleted = actionCompleted;\n    }\n  };\n\n  private filterModulesByType = (type: ModuleFilterType) => {\n    // browse\n    if (type === \"browse\") {\n      this.filteredModules = this.modulesAll;\n    }\n    // installed\n    else if (type === \"installed\") {\n      this.filteredModules = this.modulesAll.filter((module: ModuleData) => {\n        // if the module has a currentVersion (not undefined) it means it is installed\n        return module.currentVersion;\n      });\n    } else if (type === \"updates\") {\n      this.filteredModules = this.modulesAll.filter((module: ModuleData) => {\n        return module.versions.find(version => version.action === \"update\");\n      });\n    }\n  };\n\n  private showModuleMenu = async (e: MouseEvent) => {\n    if (this.serverContextMenuCallback) {\n      const buttonBoundingClientRect = (\n        e.target as HTMLElement\n      ).getBoundingClientRect();\n      await this.serverContextMenuCallback({\n        selection: [this.selectedServerId],\n        clientX: buttonBoundingClientRect.x,\n        clientY: buttonBoundingClientRect.y\n      });\n    }\n  };\n\n  private getModuleData = (\n    module: ModuleData,\n    dataType: keyof ModuleVersionData\n  ): string | ModulePropertyData[] | undefined => {\n    const selectedVersionId = this.modulesSelectedVersion.get(module.id);\n    let selectedVersion;\n    let selectedVersionData;\n    if (selectedVersionId) {\n      selectedVersion = module.versions.find(\n        version => version.id === selectedVersionId\n      );\n    }\n    if (selectedVersion) {\n      selectedVersionData = selectedVersion[dataType];\n    }\n    return selectedVersionData;\n  };\n\n  private moduleActionHandler = (module: ModuleData) => () => {\n    this.actionCompleted = false;\n    this.closeProgressBar = false;\n    this.executeActionCallbackHandler(module);\n  };\n\n  private renderModulesGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        rowSelectionMode=\"single\"\n        part=\"ch-grid-pending-commits\"\n        class=\"tabular-grid servers-detail no-border\"\n        onSelectionChanged={this.handleModuleChange}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"min-content\"\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"min-content\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.filteredModules.map((module: ModuleData) => (\n          <ch-tabular-grid-row\n            class=\"tabular-grid-row\"\n            rowid={module.id}\n            key={module.id}\n            selected={\n              this.selectedModule && this.selectedModule.id === module.id\n            }\n          >\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <gxg-icon\n                type=\"objects/module\"\n                data-action={this.moduleVersionIconColor(module)}\n                color={this.moduleVersionIconColor(module)}\n                size=\"small\"\n              ></gxg-icon>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell grid-cell-module__info\">\n              <span class=\"grid-cell-module__name\">\n                {this.getModuleData(module, \"name\")}\n              </span>\n              <span class=\"grid-cell-module__description\">\n                {this.getModuleData(module, \"description\")}\n              </span>\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.selectedModule && this.selectedModule.id === module.id ? (\n                <div class=\"button-wrapper\">\n                  <gxg-button\n                    disabled={\n                      !this.actionCompleted ||\n                      this.getModuleData(module, \"action\") === \"incompatible\" ||\n                      this.getModuleData(module, \"action\") === \"not-installable\"\n                    }\n                    fit\n                    part=\"module-action\"\n                    onClick={this.moduleActionHandler(module)}\n                  >\n                    {this.getActionFromCurrentModuleVersion()}\n                  </gxg-button>\n                </div>\n              ) : null}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderEmptyStateModules = () => {\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={this.#filterIcon}\n        stateTitle={this._componentLocale.modules.noModulesFilter}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  private moduleVersionIconColor = (module: ModuleData): Color => {\n    const moduleAction = this.getModuleData(module, \"action\");\n    const moduleCurrentVersion = module.currentVersion;\n    if (moduleAction === \"not-installable\" || moduleAction === \"incompatible\") {\n      return \"warning\";\n    } else if (!moduleCurrentVersion) {\n      return \"mercury-primary-disabled\";\n    } else {\n      return \"mercury-primary\";\n    }\n  };\n\n  /* module details/information renders*/\n  private renderVersionName = () => {\n    return (\n      <gxg-title part=\"module-info__name\" type=\"title-05\">\n        <div class=\"module-info__name\">\n          {/* <gxg-icon\n            type=\"objects/module\"\n            color={this.moduleVersionIconColor(this.selectedModule)}\n          ></gxg-icon> */}\n          {this.getModuleData(this.selectedModule, \"name\")}\n        </div>\n      </gxg-title>\n    );\n  };\n\n  private renderVersionWarningMessage = () => {\n    const warningMessage = this.getModuleData(\n      this.selectedModule,\n      \"warningMessage\"\n    );\n    if (warningMessage) {\n      return <p class=\"module-info__alert-message\">{warningMessage}</p>;\n    }\n  };\n\n  private renderInstalledVersion = () => {\n    const currentVersion = this.selectedModule.currentVersion;\n    let caption;\n    let cssClass = \"module-info__action-container\";\n    if (currentVersion) {\n      caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;\n      cssClass += ` module-info__action-container--installed`;\n    } else {\n      caption =\n        this._componentLocale.modulesInformation.moduleProperties.notInstalled;\n    }\n    return (\n      <div class={cssClass}>\n        <gxg-text part=\"module-info__action\">{caption}</gxg-text>\n      </div>\n    );\n  };\n\n  private moduleVersionsValueChangedHandler = (e: CustomEvent<any>) => {\n    const versionId = e.detail;\n    this.updateSelectedModuleVersion(versionId);\n  };\n  private moduleVersionsItemChangedHandler = (e: CustomEvent<any>) => {\n    const versionId = e.detail.value;\n    this.updateSelectedModuleVersion(versionId);\n  };\n  private updateSelectedModuleVersion = (versionId: string) => {\n    if (versionId) {\n      this.modulesSelectedVersion.set(this.selectedModule.id, versionId);\n      this.reRenderCounter++;\n    }\n  };\n\n  private renderModuleVersions = () => {\n    return (\n      <div part=\"available-versions\">\n        <gxg-combo-box\n          id=\"versions-combo-box\"\n          disable-filter\n          value={this.getModuleData(this.selectedModule, \"id\")}\n          part=\"module-versions\"\n          display-validation-styles\n          display-validation-message\n          label={\n            this._componentLocale.modulesInformation.moduleProperties\n              .availableVersions\n          }\n          labelPosition=\"start\"\n          centerLabel\n          onValueChanged={this.moduleVersionsValueChangedHandler}\n          disabled={this.loadingServer}\n        >\n          {this.selectedModule.versions.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.moduleVersionsItemChangedHandler}\n            >\n              {item.id}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n      </div>\n    );\n  };\n\n  private selectedButtonChangedHandler = (e: CustomEvent<string>) => {\n    const type = e.detail.replace(\"btn-\", \"\") as ModuleFilterType;\n    this.filterModulesByType(type);\n  };\n\n  private serverItemSelectedHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    const serverId = e.detail.value;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private serverValueChangedHandler = (e: CustomEvent<any>) => {\n    const serverId = e.detail;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private progressBarCloseHandler = () => {\n    setTimeout(() => {\n      this.actionCompleted = true;\n      this.closeProgressBar = true;\n      // reset\n      this.progressValue = 0;\n      this.progressState = \"in-progress\";\n    }, 400);\n    // delay to force the footer line disappear after the top-state-bar has been closed.\n  };\n\n  private reloadServer = () => {\n    this.serverSelectedCallbackHandler(this.selectedServerId, true);\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"gx-ide-component\": true\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noBorderAboveFooter={this.closeProgressBar}\n            part=\"servers\"\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {/* Servers*/}\n            <main class=\"main\">\n              <div class=\"modules__container\">\n                <header class=\"modules__header\">\n                  <div class=\"modules__combo-container\">\n                    <gxg-label>\n                      {this._componentLocale.modules.selectServer}\n                    </gxg-label>\n                    <div class=\"modules__combo\">\n                      <gxg-combo-box\n                        disableFilter\n                        onValueChanged={this.serverValueChangedHandler}\n                      >\n                        {this.servers.map(item => (\n                          <gxg-combo-box-item\n                            value={item.id}\n                            onItemSelected={this.serverItemSelectedHandler}\n                          >\n                            {item.name}\n                          </gxg-combo-box-item>\n                        ))}\n                      </gxg-combo-box>\n                      {this.showServerCommands ? (\n                        <span class=\"modules__server-commands\">\n                          <gxg-button\n                            type=\"secondary-icon-only\"\n                            icon=\"gemini-tools/show-more-horizontal\"\n                            onClick={this.showModuleMenu}\n                          ></gxg-button>\n                        </span>\n                      ) : null}\n                      <gxg-button\n                        type=\"secondary-icon-only\"\n                        icon=\"gemini-tools/reset\"\n                        onClick={this.reloadServer}\n                      ></gxg-button>\n                    </div>\n                  </div>\n                </header>\n\n                <div class=\"modules__main\">\n                  <div class=\"modules__main-header\">\n                    <gxg-form-text\n                      label={this._componentLocale.modules.searchModules}\n                      labelPosition=\"above\"\n                      centerLabel={false}\n                      onValueChanged={this.handleFilterChangeHandler}\n                      disabled={this.loadingServer}\n                    ></gxg-form-text>\n                    <gxg-buttons-container\n                      reduced\n                      fullWidth\n                      class=\"modules__browser\"\n                      onSelectedButtonChanged={\n                        this.selectedButtonChangedHandler\n                      }\n                    >\n                      <gxg-button\n                        id=\"btn-browse\"\n                        selected\n                        disabled={this.loadingServer}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.browse}\n                      </gxg-button>\n                      <gxg-button\n                        id=\"btn-installed\"\n                        disabled={this.loadingServer}\n                      >\n                        {\n                          this._componentLocale.modules.buttonsContainer\n                            .installed\n                        }\n                      </gxg-button>\n                      <gxg-button\n                        id=\"btn-updates\"\n                        disabled={this.loadingServer}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.updates}\n                      </gxg-button>\n                    </gxg-buttons-container>\n                  </div>\n                  {/* modules grid*/}\n                  <div\n                    class=\"grid-container\"\n                    ref={el => (this.serversDetail = el as HTMLDivElement)}\n                  >\n                    {this.filteredModules.length > 0\n                      ? this.renderModulesGrid()\n                      : this.renderEmptyStateModules()}\n                  </div>\n                </div>\n              </div>\n\n              {/* Module version information*/}\n              {this.selectedModule ? (\n                <div class=\"module-info\">\n                  <header class=\"module-info__header\">\n                    {this.renderVersionName()}\n                    {this.renderInstalledVersion()}\n                    {this.renderModuleVersions()}\n                    {/* {this.renderNotInstallable()} */}\n                    {this.renderVersionWarningMessage()}\n                  </header>\n                  <div class=\"module-info__properties gxg-scrollbar\">\n                    {renderModuleDataProperties(\n                      this.getModuleData(\n                        this.selectedModule,\n                        \"properties\"\n                      ) as ModulePropertyData[]\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <gx-ide-empty-state\n                  class=\"recent-objects__empty-state\"\n                  stateIconSrc={this.#moduleIcon}\n                  stateTitle={\n                    this._componentLocale.modulesInformation.emptyState.title\n                  }\n                  stateDescription={\n                    this._componentLocale.modulesInformation.emptyState\n                      .description\n                  }\n                ></gx-ide-empty-state>\n              )}\n            </main>\n            {/* Top State Bar*/}\n            <gxg-top-state-bar\n              slot=\"footer-above\"\n              part=\"progress-bar\"\n              stateType={this.progressState}\n              noBorder\n              caption={\n                this.selectedModuleAction.message ||\n                this._componentLocale.progressBar.defaultCaption\n              }\n              progress={this.progressValue}\n              active={!this.actionCompleted || !this.closeProgressBar}\n              closeType=\"not-progress\"\n              closedCallback={this.progressBarCloseHandler}\n            ></gxg-top-state-bar>\n          </gx-ide-container>\n        </div>\n        <gxg-ide-loader\n          loaderTitle={this._componentLocale.servers.loading}\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n          container={this.serversDetail}\n          borderRadius=\"0 0 0 8px\"\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n\nexport type ExecuteActionCallback = (\n  serverId: string,\n  moduleId: string,\n  moduleVersionId: string,\n  action: ModuleActionType,\n  onProgress: (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ) => void\n) => Promise<boolean>;\n\nexport type ServerSelectedCallback = (\n  id: string,\n  reload: boolean\n) => Promise<ModuleData[]>;\n\nexport type AddServerCallback = () => Promise<void>;\n\nexport type ServerContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport interface ActionInfo {\n  message: string;\n  progress: number;\n  state: topStateBarType;\n}\n"],"version":3}
+{"file":"gx-ide-manage-module-references.entry.cjs.js","mappings":"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","names":["getIconPath","h","Locale","Host","renderModuleDataProperties"],"sources":["src/components/modules/manage-module-references/manage-module-references.scss?tag=gx-ide-manage-module-references&encapsulation=shadow","src/components/modules/manage-module-references/manage-module-references.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n/*--- General ---*/\np,\nul {\n  font-size: var(--font-size-lg);\n  margin: 0;\n}\np {\n  line-height: 1.6em;\n}\n/*--- Header ---*/\n.header {\n  align-items: center;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: 1fr;\n}\n.main {\n  display: grid;\n  //grid-template-columns: 1fr 2fr 1fr;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: 1fr;\n  height: 100%;\n  overflow: auto;\n}\nch-grid-columnset {\n  display: none;\n}\nch-grid-row[selected] {\n  gxg-icon[data-action=\"install\"] {\n    //WA to improve visibility\n    filter: brightness(2);\n  }\n}\n.grid-cell-module {\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--mer-spacing--3xs);\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--bold);\n  }\n  &__name,\n  &__description {\n    line-height: 1.55em;\n  }\n}\n\n/*--- Servers Container ---*/\n.grid-container {\n  height: 100%;\n  overflow: auto;\n  gx-ide-empty-state {\n    height: 100%;\n  }\n}\n.servers-container {\n  display: none;\n  height: 100%;\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding)\n      0 var(--gxg-list-box-main__padding);\n\n    gxg-button {\n      width: 100%;\n    }\n  }\n}\n\n/*--- Modules (Header) ---*/\n.modules {\n  &__header {\n    padding: var(--gxg-list-box-main__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n  }\n  &__server-commands {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n  }\n  &__combo {\n    gxg-combo-box {\n      flex: 1;\n    }\n    display: flex;\n    flex-direction: row;\n    gap: var(--mer-spacing--xs);\n  }\n  &__container {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n  }\n  &__main {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    height: 100%;\n    overflow: auto;\n\n    &-header {\n      display: flex;\n      padding: var(--mer-spacing--xs);\n      flex-direction: column;\n      gap: var(--mer-spacing--xs);\n    }\n  }\n}\n\n/*--- Module Info ---*/\n.module-info {\n  display: grid;\n  grid-template-rows: auto 1fr;\n  height: 100%;\n  overflow: auto;\n\n  &__title {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n\n  &__name {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    --ds-icon-size-box--regular: 24px;\n    --ds-icon-size--regular: 24px;\n    font-weight: var(--mer-font__weight--bold);\n  }\n\n  &__header {\n    padding: var(--gx-ide-container__padding);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n\n  &__action-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    &:before {\n      content: \"\";\n      width: var(--mer-spacing--xs);\n      height: var(--mer-spacing--xs);\n      border-radius: 50%;\n      display: block;\n      background-color: var(--mer-icon__primary--disabled);\n    }\n    &--installed:before {\n      background-color: var(--mer-icon__primary);\n    }\n    &--uninstallable:before {\n      background-color: var(--mer-icon__warning);\n    }\n  }\n\n  &__warning-message {\n    margin-block-start: var(--mer-spacing--2xs);\n    background-color: var(--mer-color__tinted-yellow--5);\n    color: var(--mer-text__on-elevation);\n    border: var(--mer-border__width--sm) solid var(--mer-border-color__warning);\n    border-radius: var(--mer-border__radius--sm);\n    padding: var(--mer-spacing--xs) var(--mer-spacing--md);\n  }\n\n  &__divider {\n    width: calc(100% - var(--gx-ide-container__padding) * 4);\n    padding: 0 var(--gx-ide-container__padding);\n    margin: 0 auto;\n    border: 0;\n    border-block-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__properties {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gx-ide-container__padding);\n    gap: var(--mer-spacing--xs);\n    overflow: auto;\n  }\n}\n\n.md-property {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n\n  &--inline {\n    grid-template-columns: auto 1fr;\n  }\n  &--block {\n  }\n  &__key {\n    font-weight: var(--font-weight-bold);\n    max-width: 150px;\n  }\n  &__value {\n    font-size: var(--mer-font__size--2xs);\n  }\n  &__key,\n  &__value {\n    > * {\n      display: inline-block;\n    }\n  }\n  &__list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xs);\n    > ul {\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--mer-spacing--2xs);\n      margin-inline-start: var(--mer-spacing--xs);\n\n      li {\n        position: relative;\n        padding-inline-start: 12px;\n        line-height: var(--ds-base-font-line-height--comfortable);\n        &::before {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 7px;\n          display: inline-block;\n          width: var(--mer-spacing--2xs);\n          height: var(--mer-spacing--2xs);\n          background-color: var(--mer-text__on-surface);\n        }\n      }\n    }\n  }\n}\n\n.md-property,\n.md-property__list {\n  border-block-end: var(--mer-border__width--sm) solid\n    var(--gx-ide-container-border-color);\n  padding-block-end: var(--mer-spacing--xs);\n\n  &:last-child {\n    border-block-end: 0;\n    padding-block-end: 0;\n  }\n}\n\ngxg-ide-loader {\n  border-radius: var(--mer-border__radius--md);\n}\n\n.button-wrapper {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  Method,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini\";\nimport { topStateBarType } from \"@genexus/gemini\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport {\n  ModuleServerData,\n  ModuleData,\n  ModuleActionType,\n  ModuleFilterType,\n  ModulePropertyData,\n  ModuleVersionData\n} from \"../types\";\nimport { renderModuleDataProperties } from \"../../../common/common\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../common/types\";\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\n@Component({\n  tag: \"gx-ide-manage-module-references\",\n  styleUrl: \"manage-module-references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/manage-module-references\"]\n})\nexport class GxManageModuleReferences {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  /* selectedServerIdOnModulesAllUpdate is updated every time modulesAll is modified, in order to determine if the server is the same or not.*/\n  private selectedServerIdOnModulesAllUpdate: string;\n\n  #filterIcon = getIconPath({\n    category: \"system\",\n    name: \"filters\",\n    colorType: \"on-elevation\"\n  });\n  #moduleIcon = getIconPath({\n    category: \"objects\",\n    name: \"module\"\n  });\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeManageModuleReferencesElement;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private serversDetail!: HTMLDivElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() modulesAll: ModuleData[] = [];\n  @Watch(\"modulesAll\")\n  modulesAllWatcher(modulesAll: ModuleData[]) {\n    this.updateModulesSelectedVersion(modulesAll);\n  }\n  @State() filteredModules: ModuleData[] = [];\n  @State() selectedModule: ModuleData;\n  @State() selectedServerId: string;\n  @State() selectedModuleAction: ActionInfo = {\n    message: \"\",\n    progress: 0,\n    state: \"in-progress\"\n  };\n  @State() modulesSelectedVersion: Map<string, string> = new Map();\n  @State() actionCompleted = true;\n  @State() closeProgressBar = true;\n  @State() progressValue: number = 0;\n  @State() progressState: topStateBarType = \"in-progress\";\n  @State() loadingServer = false;\n  @State() reRenderCounter: number = 0;\n  @Watch(\"loadingServer\")\n  loadingServerHandler(loading: boolean) {\n    if (loading) {\n      this.loaderEl.show = true;\n    } else {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * List of module servers currently cataloged\n   */\n  @Prop() readonly servers: ModuleServerData[] = [];\n\n  /**\n   * Callback invoked when a server is selected. Returns the set of modules available on that server.\n   */\n  @Prop() readonly serverSelectedCallback: ServerSelectedCallback;\n\n  /**\n   * Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage.\n   */\n  @Prop() readonly executeActionCallback: ExecuteActionCallback;\n\n  /**\n   * Callback invoked when Add button is clicked\n   */\n  @Prop() readonly addServerCallback: AddServerCallback;\n\n  /**\n   * Callback invoked when an element is right clicked on servers list\n   */\n  @Prop() readonly serverContextMenuCallback: ServerContextMenuCallback;\n\n  /**\n   * Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version\n   */\n  @Prop() readonly showServerCommands: boolean = false;\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() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.serverSelectedCallbackHandler(this.servers[0].id, false);\n  }\n\n  // 7.LISTENERS //\n\n  @Watch(\"modulesAll\")\n  onPropValueChange(newModulesData: ModuleData[]) {\n    this.filteredModules = [...newModulesData];\n  }\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * validate\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    return true;\n  }\n\n  // 9.LOCAL METHODS //\n\n  private updateModulesSelectedVersion = (modulesAll: ModuleData[]) => {\n    if (this.selectedServerId !== this.selectedServerIdOnModulesAllUpdate) {\n      // the server has changed. clear the updateModulesSelectedVersion\n      this.modulesSelectedVersion.clear();\n      modulesAll.forEach(module => {\n        // this.modulesSelectedVersion.set(module.id, module.versions[0].id);\n        this.modulesSelectedVersion.set(\n          module.id,\n          module.versions[module.versions.length - 1].id\n        );\n      });\n    } else {\n      // the server has't changed. only add the module to the map, if it is a new module.\n      modulesAll.forEach(module => {\n        const newModule =\n          this.modulesSelectedVersion.get(module.id) === undefined;\n        if (newModule) {\n          this.modulesSelectedVersion.set(module.id, module.versions[0].id);\n        }\n      });\n    }\n    this.selectedServerIdOnModulesAllUpdate = this.selectedServerId;\n  };\n\n  private getActionFromCurrentModuleVersion = (): ModuleActionType => {\n    const action = this.getModuleData(\n      this.selectedModule,\n      \"action\"\n    ) as ModuleActionType;\n    return action || \"install\";\n  };\n\n  /**\n   * Callback invoked to get the progress when module is performing an action\n   */\n  private onProgress = (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ): void => {\n    const data = { message, progress, state };\n    this.selectedModuleAction = { ...data };\n    this.progressValue = this.selectedModuleAction.progress;\n    this.progressState = this.selectedModuleAction.state;\n  };\n\n  // 10.LOCAL METHODS //\n\n  /**\n   * Used for changing the selected module\n   */\n  private handleModuleChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    const selectedModuleId = event.detail.rowsId[0];\n    const foundModule = this.modulesAll.find(\n      item => item.id === selectedModuleId\n    );\n    if (foundModule) {\n      this.selectedModule = foundModule;\n    }\n  };\n\n  /**\n   * Change the server selected value in response to callbackServerSelected callback\n   */\n  private serverSelectedCallbackHandler = async (id: any, reload: boolean) => {\n    if (this.serverSelectedCallback) {\n      this.loadingServer = true;\n      const resolvedObjects = await this.serverSelectedCallback(id, reload);\n      this.selectedServerId = id;\n      this.modulesAll = [...resolvedObjects];\n      this.filterModulesByType(\"browse\");\n      this.selectedModule = this.filteredModules[0];\n      this.loadingServer = false;\n    }\n  };\n\n  private handleFilterChange = (value: string) => {\n    value = value.trim().toLowerCase();\n    if (value) {\n      this.filteredModules = this.modulesAll.filter(module => {\n        const selectedVersionName = this.getModuleData(\n          module,\n          \"name\"\n        ) as string;\n        return selectedVersionName?.toLowerCase().includes(value);\n      });\n    } else {\n      this.filteredModules = this.modulesAll;\n    }\n  };\n\n  private handleFilterChangeHandler = (e: CustomEvent<string>) => {\n    const value = e.detail;\n    return this.handleFilterChange(value);\n  };\n\n  /**\n   * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback\n   */\n  private executeActionCallbackHandler = async (module: ModuleData) => {\n    if (this.executeActionCallback) {\n      const moduleSelectedVersionId = this.modulesSelectedVersion.get(\n        module.id\n      );\n      const actionCompleted = await this.executeActionCallback(\n        this.selectedServerId,\n        module.id,\n        moduleSelectedVersionId,\n        this.getActionFromCurrentModuleVersion(),\n        this.onProgress\n      );\n      if (actionCompleted) {\n        this.serverSelectedCallbackHandler(this.selectedServerId, false);\n      }\n      this.actionCompleted = actionCompleted;\n    }\n  };\n\n  private filterModulesByType = (type: ModuleFilterType) => {\n    // browse\n    if (type === \"browse\") {\n      this.filteredModules = this.modulesAll;\n    }\n    // installed\n    else if (type === \"installed\") {\n      this.filteredModules = this.modulesAll.filter((module: ModuleData) => {\n        // if the module has a currentVersion (not undefined) it means it is installed\n        return module.currentVersion;\n      });\n    } else if (type === \"updates\") {\n      this.filteredModules = this.modulesAll.filter((module: ModuleData) => {\n        return module.versions.find(version => version.action === \"update\");\n      });\n    }\n  };\n\n  private showModuleMenu = async (e: MouseEvent) => {\n    if (this.serverContextMenuCallback) {\n      const buttonBoundingClientRect = (\n        e.target as HTMLElement\n      ).getBoundingClientRect();\n      await this.serverContextMenuCallback({\n        selection: [this.selectedServerId],\n        clientX: buttonBoundingClientRect.x,\n        clientY: buttonBoundingClientRect.y\n      });\n    }\n  };\n\n  private getModuleData = (\n    module: ModuleData,\n    dataType: keyof ModuleVersionData\n  ): string | ModulePropertyData[] | undefined => {\n    const selectedVersionId = this.modulesSelectedVersion.get(module.id);\n    let selectedVersion;\n    let selectedVersionData;\n    if (selectedVersionId) {\n      selectedVersion = module.versions.find(\n        version => version.id === selectedVersionId\n      );\n    }\n    if (selectedVersion) {\n      selectedVersionData = selectedVersion[dataType];\n    }\n    return selectedVersionData;\n  };\n\n  private moduleActionHandler = (module: ModuleData) => () => {\n    this.actionCompleted = false;\n    this.closeProgressBar = false;\n    this.executeActionCallbackHandler(module);\n  };\n\n  private renderModulesGrid = (): Element => {\n    return (\n      <ch-tabular-grid\n        rowSelectionMode=\"single\"\n        part=\"ch-grid-pending-commits\"\n        class=\"tabular-grid servers-detail no-border\"\n        onSelectionChanged={this.handleModuleChange}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"min-content\"\n          ></ch-tabular-grid-column>\n\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            class=\"tabular-grid-column\"\n            settingable={false}\n            size=\"min-content\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.filteredModules.map((module: ModuleData) => (\n          <ch-tabular-grid-row\n            class=\"tabular-grid-row\"\n            rowid={module.id}\n            key={module.id}\n            selected={\n              this.selectedModule && this.selectedModule.id === module.id\n            }\n          >\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <gxg-icon\n                type=\"objects/module\"\n                data-action={this.moduleVersionIconColor(module)}\n                color={this.moduleVersionIconColor(module)}\n                size=\"small\"\n              ></gxg-icon>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell grid-cell-module__info\">\n              <span class=\"grid-cell-module__name\">\n                {this.getModuleData(module, \"name\")}\n              </span>\n              <span class=\"grid-cell-module__description\">\n                {this.getModuleData(module, \"description\")}\n              </span>\n            </ch-tabular-grid-cell>\n\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.selectedModule && this.selectedModule.id === module.id ? (\n                <div class=\"button-wrapper\">\n                  <gxg-button\n                    disabled={\n                      !this.actionCompleted ||\n                      this.getModuleData(module, \"action\") === \"incompatible\" ||\n                      this.getModuleData(module, \"action\") === \"not-installable\"\n                    }\n                    fit\n                    part=\"module-action\"\n                    onClick={this.moduleActionHandler(module)}\n                  >\n                    {this.getActionFromCurrentModuleVersion()}\n                  </gxg-button>\n                </div>\n              ) : null}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderEmptyStateModules = () => {\n    return (\n      <gx-ide-empty-state\n        stateIconSrc={this.#filterIcon}\n        stateTitle={this._componentLocale.modules.noModulesFilter}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  private moduleVersionIconColor = (module: ModuleData): Color => {\n    const moduleAction = this.getModuleData(module, \"action\");\n    const moduleCurrentVersion = module.currentVersion;\n    if (moduleAction === \"not-installable\" || moduleAction === \"incompatible\") {\n      return \"warning\";\n    } else if (!moduleCurrentVersion) {\n      return \"mercury-primary-disabled\";\n    } else {\n      return \"mercury-primary\";\n    }\n  };\n\n  /* module details/information renders*/\n  private renderVersionName = () => {\n    return (\n      <gxg-title part=\"module-info__name\" type=\"title-05\">\n        <div class=\"module-info__name\">\n          {/* <gxg-icon\n            type=\"objects/module\"\n            color={this.moduleVersionIconColor(this.selectedModule)}\n          ></gxg-icon> */}\n          {this.getModuleData(this.selectedModule, \"name\")}\n        </div>\n      </gxg-title>\n    );\n  };\n\n  private renderVersionWarningMessage = () => {\n    const warningMessage = this.getModuleData(\n      this.selectedModule,\n      \"warningMessage\"\n    );\n    if (warningMessage) {\n      return <p class=\"module-info__alert-message\">{warningMessage}</p>;\n    }\n  };\n\n  private renderInstalledVersion = () => {\n    const currentVersion = this.selectedModule.currentVersion;\n    let caption;\n    let cssClass = \"module-info__action-container\";\n    if (currentVersion) {\n      caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;\n      cssClass += ` module-info__action-container--installed`;\n    } else {\n      caption =\n        this._componentLocale.modulesInformation.moduleProperties.notInstalled;\n    }\n    return (\n      <div class={cssClass}>\n        <gxg-text part=\"module-info__action\">{caption}</gxg-text>\n      </div>\n    );\n  };\n\n  private moduleVersionsValueChangedHandler = (e: CustomEvent<any>) => {\n    const versionId = e.detail;\n    this.updateSelectedModuleVersion(versionId);\n  };\n  private moduleVersionsItemChangedHandler = (e: CustomEvent<any>) => {\n    const versionId = e.detail.value;\n    this.updateSelectedModuleVersion(versionId);\n  };\n  private updateSelectedModuleVersion = (versionId: string) => {\n    if (versionId) {\n      this.modulesSelectedVersion.set(this.selectedModule.id, versionId);\n      this.reRenderCounter++;\n    }\n  };\n\n  private renderModuleVersions = () => {\n    return (\n      <div part=\"available-versions\">\n        <gxg-combo-box\n          id=\"versions-combo-box\"\n          disable-filter\n          value={this.getModuleData(this.selectedModule, \"id\")}\n          part=\"module-versions\"\n          display-validation-styles\n          display-validation-message\n          label={\n            this._componentLocale.modulesInformation.moduleProperties\n              .availableVersions\n          }\n          labelPosition=\"start\"\n          centerLabel\n          onValueChanged={this.moduleVersionsValueChangedHandler}\n          disabled={this.loadingServer}\n        >\n          {this.selectedModule.versions.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.moduleVersionsItemChangedHandler}\n            >\n              {item.id}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n      </div>\n    );\n  };\n\n  private selectedButtonChangedHandler = (e: CustomEvent<string>) => {\n    const type = e.detail.replace(\"btn-\", \"\") as ModuleFilterType;\n    this.filterModulesByType(type);\n  };\n\n  private serverItemSelectedHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    const serverId = e.detail.value;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private serverValueChangedHandler = (e: CustomEvent<any>) => {\n    const serverId = e.detail;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private progressBarCloseHandler = () => {\n    setTimeout(() => {\n      this.actionCompleted = true;\n      this.closeProgressBar = true;\n      // reset\n      this.progressValue = 0;\n      this.progressState = \"in-progress\";\n    }, 400);\n    // delay to force the footer line disappear after the top-state-bar has been closed.\n  };\n\n  private reloadServer = () => {\n    this.serverSelectedCallbackHandler(this.selectedServerId, true);\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"gx-ide-component\": true\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noBorderAboveFooter={this.closeProgressBar}\n            part=\"servers\"\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {/* Servers*/}\n            <main class=\"main\">\n              <div class=\"modules__container\">\n                <header class=\"modules__header\">\n                  <div class=\"modules__combo-container\">\n                    <gxg-label>\n                      {this._componentLocale.modules.selectServer}\n                    </gxg-label>\n                    <div class=\"modules__combo\">\n                      <gxg-combo-box\n                        disableFilter\n                        onValueChanged={this.serverValueChangedHandler}\n                      >\n                        {this.servers.map(item => (\n                          <gxg-combo-box-item\n                            value={item.id}\n                            onItemSelected={this.serverItemSelectedHandler}\n                          >\n                            {item.name}\n                          </gxg-combo-box-item>\n                        ))}\n                      </gxg-combo-box>\n                      {this.showServerCommands ? (\n                        <span class=\"modules__server-commands\">\n                          <gxg-button\n                            type=\"secondary-icon-only\"\n                            icon=\"gemini-tools/show-more-horizontal\"\n                            onClick={this.showModuleMenu}\n                          ></gxg-button>\n                        </span>\n                      ) : null}\n                      <gxg-button\n                        type=\"secondary-icon-only\"\n                        icon=\"gemini-tools/reset\"\n                        onClick={this.reloadServer}\n                      ></gxg-button>\n                    </div>\n                  </div>\n                </header>\n\n                <div class=\"modules__main\">\n                  <div class=\"modules__main-header\">\n                    <gxg-form-text\n                      label={this._componentLocale.modules.searchModules}\n                      labelPosition=\"above\"\n                      centerLabel={false}\n                      onValueChanged={this.handleFilterChangeHandler}\n                      disabled={this.loadingServer}\n                    ></gxg-form-text>\n                    <gxg-buttons-container\n                      reduced\n                      fullWidth\n                      class=\"modules__browser\"\n                      onSelectedButtonChanged={\n                        this.selectedButtonChangedHandler\n                      }\n                    >\n                      <gxg-button\n                        id=\"btn-browse\"\n                        selected\n                        disabled={this.loadingServer}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.browse}\n                      </gxg-button>\n                      <gxg-button\n                        id=\"btn-installed\"\n                        disabled={this.loadingServer}\n                      >\n                        {\n                          this._componentLocale.modules.buttonsContainer\n                            .installed\n                        }\n                      </gxg-button>\n                      <gxg-button\n                        id=\"btn-updates\"\n                        disabled={this.loadingServer}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.updates}\n                      </gxg-button>\n                    </gxg-buttons-container>\n                  </div>\n                  {/* modules grid*/}\n                  <div\n                    class=\"grid-container\"\n                    ref={el => (this.serversDetail = el as HTMLDivElement)}\n                  >\n                    {this.filteredModules.length > 0\n                      ? this.renderModulesGrid()\n                      : this.renderEmptyStateModules()}\n                  </div>\n                </div>\n              </div>\n\n              {/* Module version information*/}\n              {this.selectedModule ? (\n                <div class=\"module-info\">\n                  <header class=\"module-info__header\">\n                    {this.renderVersionName()}\n                    {this.renderInstalledVersion()}\n                    {this.renderModuleVersions()}\n                    {/* {this.renderNotInstallable()} */}\n                    {this.renderVersionWarningMessage()}\n                  </header>\n                  <div class=\"module-info__properties gxg-scrollbar\">\n                    {renderModuleDataProperties(\n                      this.getModuleData(\n                        this.selectedModule,\n                        \"properties\"\n                      ) as ModulePropertyData[]\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <gx-ide-empty-state\n                  class=\"recent-objects__empty-state\"\n                  stateIconSrc={this.#moduleIcon}\n                  stateTitle={\n                    this._componentLocale.modulesInformation.emptyState.title\n                  }\n                  stateDescription={\n                    this._componentLocale.modulesInformation.emptyState\n                      .description\n                  }\n                ></gx-ide-empty-state>\n              )}\n            </main>\n            {/* Top State Bar*/}\n            <gxg-top-state-bar\n              slot=\"footer-above\"\n              part=\"progress-bar\"\n              stateType={this.progressState}\n              noBorder\n              caption={\n                this.selectedModuleAction.message ||\n                this._componentLocale.progressBar.defaultCaption\n              }\n              progress={this.progressValue}\n              active={!this.actionCompleted || !this.closeProgressBar}\n              closeType=\"not-progress\"\n              closedCallback={this.progressBarCloseHandler}\n            ></gxg-top-state-bar>\n          </gx-ide-container>\n        </div>\n        <gxg-ide-loader\n          loaderTitle={this._componentLocale.servers.loading}\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n          container={this.serversDetail}\n          borderRadius=\"0 0 0 8px\"\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n\nexport type ExecuteActionCallback = (\n  serverId: string,\n  moduleId: string,\n  moduleVersionId: string,\n  action: ModuleActionType,\n  onProgress: (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ) => void\n) => Promise<boolean>;\n\nexport type ServerSelectedCallback = (\n  id: string,\n  reload: boolean\n) => Promise<ModuleData[]>;\n\nexport type AddServerCallback = () => Promise<void>;\n\nexport type ServerContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport interface ActionInfo {\n  message: string;\n  progress: number;\n  state: topStateBarType;\n}\n"],"version":3}