@genexus/genexus-ide-ui 1.1.13 → 1.1.14

package/dist/genexus-ide-ui/p-84c1c1bb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pluginDetailsCss","USER_ICON","getIconPath","category","name","colorType","CHEVRON_DOWN_ICON","CHECK_CIRCLE_ICON","EXTENSION_ICON_IMG","getAssetPath","CSS_BUNDLES","GxIdePluginDetails","_GxIdePluginDetails_componentLocale","set","this","_GxIdePluginDetails_docSectionIdDescriptionMap","Map","_GxIdePluginDetails_versionsMenuOptionsModel","versionsToUpdateMenusModel","_a","data","versions","map","version","id","caption","_GxIdePluginDetails_menuVersionSelectedHandler","event","selectedVersion","detail","installCallback","_GxIdePluginDetails_renderUninstallButton","h","class","onClick","__classPrivateFieldGet","_GxIdePluginDetails_uninstallClickedHandler","actions","uninstall","_GxIdePluginDetails_installClickedHandler","_GxIdePluginDetails_updateVersionHandler","_GxIdePluginDetails_openLinkHandler","link","preventDefault","openLinkCallback","uninstallCallback","_GxIdePluginDetails_renderActionButtons","actionButtonCaption","actionButtonClasses","actionButtonCallback","moreVersionsToUpdate","length","installed","install","updateVersion","updateTo","call","blockAlign","inlineAlign","model","onButtonClick","src","_GxIdePluginDetails_tabSelectionChangedHandler","selectedTabId","newSelectedId","_GxIdePluginDetails_renderDocSectionsSlots","docsTabModel","docSectionTab","markdownValue","get","slot","key","theme","value","_GxIdePluginDetails_returnFormatedId","rawId","toLowerCase","replace","_GxIdePluginDetails_renderAsideContent","infoCategories","infoCategory","fields__list","displayAsTags","fields","field","fieldValue","url","text","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","docSections","docSection","i","formatedId","content","render","renderActionButtons","titleLinkDataText","titleLinkDataUrl","titleHasLink","titleText","publisherDataText","publisher","publisherDataUrl","publisherHasLink","publisherText","Host","iconUrl","alt","href","description","tabListPosition","overflow","contain","onSelectedItemChange","selectedId"],"sources":["src/components/plugin-details/plugin-details.scss?tag=gx-ide-plugin-details&encapsulation=shadow","src/components/plugin-details/plugin-details.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-areas:\n    \"header header\"\n    \"main aside\";\n  grid-template-rows: max-content 1fr;\n  grid-template-columns: 1fr 280px;\n  row-gap: 12px;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.header {\n  display: grid;\n  grid-area: header;\n  grid-template-areas: \"plugin-icon plugin-details\";\n  grid-template-columns: 64px 1fr;\n  column-gap: 16px;\n  padding: 24px 24px 16px 24px;\n}\n.plugin__icon {\n  grid-area: plugin-icon;\n  max-width: 100%;\n}\n.plugin__details {\n  grid-area: plugin-details;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.plugin__publisher {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.plugin__description {\n  line-height: 1.5; // WA: Text appears too tight.\n}\n.plugin__actions-container {\n  margin-block-start: 8px;\n  align-items: center;\n}\n.action-button {\n  min-inline-size: 100px;\n\n  &.more-versions-available {\n    border-start-end-radius: 0 !important;\n    border-end-end-radius: 0 !important;\n  }\n}\n.installed-container {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  // WA Biggest Mercury icon (icon-md) looks small in this case.\n  // Mercury should expose more icon sizes.\n  ch-image {\n    --ch-image-size: 20px;\n  }\n}\n\n// main\n.main {\n  grid-area: main;\n}\n.docsTab {\n  block-size: 100%;\n}\n\n// aside\n.aside {\n  grid-area: aside;\n  overflow: auto;\n  border-block-start: 1px solid var(--items-container__border-color);\n}\n.fields__list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  font-size: 12px;\n}\n.plugin__info-category {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &:not(:first-child) {\n    $space: 16px;\n    padding-block-start: $space;\n    margin-block-start: $space;\n    border-block-start: 1px solid var(--mer-border-color__on-elevation--01);\n  }\n}\n.fields__list:not(.fields__list--as-tags) {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  .field__li {\n    display: flex;\n    gap: 16px;\n  }\n}\n.fields__list--as-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n\n  .field__li {\n    border: 1px solid var(--mer-border-color__on-elevation--01);\n    padding: 2px 8px;\n    border-radius: 4px;\n\n    text-transform: lowercase;\n  }\n  .field__link {\n    color: var(--mer-text__on-surface);\n\n    &:hover {\n      color: var(--mer-accent__primary);\n    }\n    &:active {\n      color: var(--mer-accent__primary--hover);\n    }\n  }\n}\n\n.field__name,\n.field__value {\n  flex: 1;\n}\n// WA: Link styles should be defined Mercury\n.field__link {\n  color: var(--mer-accent__primary);\n  &:hover {\n    color: var(--mer-accent__primary--hover);\n  }\n  &:active {\n    color: var(--mer-accent__primary--active);\n  }\n}\n// WA: Remove tab elevation background color\n.docsTab {\n  background-color: transparent !important;\n}\n\n// WA: Styles for \"button-icon-only\" should be defined on mercury\n.dropdown.button-icon-only::part(expandable-button) {\n  padding: calc(\n    (\n        var(--control__block-size) - 2 * var(--control__border-width) -\n          var(--mer-icon__box--md)\n      ) / 2\n  ) !important;\n  border-start-start-radius: 0 !important;\n  border-end-start-radius: 0 !important;\n}\n\n.version-buttons-container {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n}\n\nch-markdown-viewer {\n  block-size: 100%;\n  overflow: auto;\n}\n\n// WA: Need text with underline. This should be defined on Mercury\n.text-underline {\n  text-decoration: underline;\n}\n","import {\n  Component,\n  Host,\n  State,\n  Prop,\n  Element,\n  h,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ActionMenuModel, TabModel } from \"@genexus/chameleon-controls-library\";\nimport { TabItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/tab/types\";\n\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"system\",\n  name: \"chevron-down\",\n  colorType: \"on-primary\"\n});\nconst CHECK_CIRCLE_ICON = getIconPath({\n  category: \"system\",\n  name: \"check-circle\",\n  colorType: \"success\"\n});\n\n// plugin icon if no iconUri was provided\nconst EXTENSION_ICON_IMG = getAssetPath(\n  `./gx-ide-assets/plugin-manager/images/plugin-icon.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/dropdown\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/list-box\",\n  \"components/tab\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-plugin-details\",\n  styleUrl: \"plugin-details.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/plugin-details\"]\n})\nexport class GxIdePluginDetails {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  // A map between docSection \"id\", and docSection \"description\".\n  // \"id\" is generated inside this component.\n  #docSectionIdDescriptionMap: Map<string, string> = new Map();\n\n  @Element() el: HTMLGxIdePluginDetailsElement;\n\n  @State() docsTabModel: TabModel = [];\n  @State() selectedTabId: string;\n\n  /**\n   * Specifies all the information related to a plugin.\n   */\n  @Prop() readonly data!: PluginDetailsData;\n\n  /**\n   * Callback that should be invoked when the user performs the install or update action.\n   * Receives an optional version string when a specific version is selected.\n   */\n  @Prop() readonly installCallback!: (version?: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user attempts to open any link displayed in this component.\n   */\n  @Prop() readonly openLinkCallback!: (url: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user performs the uninstall action.\n   */\n  @Prop() readonly uninstallCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    if (this.data.docSections?.length) {\n      this.docsTabModel = this.data.docSections.map((docSection, i) => {\n        const formatedId = this.#returnFormatedId(docSection.name);\n\n        this.#docSectionIdDescriptionMap.set(formatedId, docSection.content);\n\n        if (i === 0) {\n          this.selectedTabId = formatedId;\n        }\n        return {\n          id: formatedId,\n          name: docSection.name\n        } as TabItemModel;\n      });\n    }\n  }\n\n  #versionsMenuOptionsModel = (): ActionMenuModel => {\n    const versionsToUpdateMenusModel: ActionMenuModel = this.data.versions?.map(\n      version => {\n        return { id: version, caption: version };\n      }\n    );\n    return versionsToUpdateMenusModel;\n  };\n\n  #menuVersionSelectedHandler = (\n    event: CustomEvent<{\n      id?: string;\n    }>\n  ) => {\n    const selectedVersion = event.detail.id;\n    this.installCallback(selectedVersion);\n  };\n\n  #renderUninstallButton = (): JSX.Element => {\n    return (\n      <button class=\"button-tertiary\" onClick={this.#uninstallClickedHandler}>\n        {this.#componentLocale.actions.uninstall}\n      </button>\n    );\n  };\n\n  #installClickedHandler = () => {\n    this.installCallback();\n  };\n\n  #updateVersionHandler = (id: string) => () => {\n    this.installCallback(id);\n  };\n\n  #openLinkHandler = (link: string) => (event: MouseEvent) => {\n    event.preventDefault();\n    this.openLinkCallback(link);\n  };\n\n  #uninstallClickedHandler = () => {\n    this.uninstallCallback();\n  };\n\n  #renderActionButtons = (): JSX.Element => {\n    let actionButtonCaption;\n    let actionButtonClasses = \"button-primary action-button\";\n    let actionButtonCallback;\n    const moreVersionsToUpdate = this.data.versions?.length;\n\n    if (!this.data.installed) {\n      actionButtonCaption = this.#componentLocale.actions.install;\n      actionButtonCallback = this.#installClickedHandler;\n    } else if (this.data.updateVersion) {\n      actionButtonCaption = `${this.#componentLocale.actions.updateTo} ${\n        this.data.updateVersion\n      }`;\n      actionButtonCallback = this.#updateVersionHandler(\n        this.data.updateVersion\n      );\n    } else {\n      actionButtonCaption = this.#componentLocale.actions.installed;\n    }\n\n    if (moreVersionsToUpdate) {\n      actionButtonClasses = `${actionButtonClasses} more-versions-available`;\n    }\n\n    return [\n      <div class=\"version-buttons-container\">\n        <button class={actionButtonClasses} onClick={actionButtonCallback}>\n          {actionButtonCaption}\n        </button>\n        {moreVersionsToUpdate ? (\n          <ch-action-menu-render\n            class=\"dropdown button-primary button-icon-only\"\n            blockAlign=\"outside-end\"\n            inlineAlign=\"inside-start\"\n            model={this.#versionsMenuOptionsModel()}\n            onButtonClick={this.#menuVersionSelectedHandler}\n          >\n            <ch-image src={CHEVRON_DOWN_ICON} class=\"icon-md\"></ch-image>\n          </ch-action-menu-render>\n        ) : null}\n      </div>\n    ];\n  };\n\n  #tabSelectionChangedHandler = (\n    event: CustomEvent<{\n      lastSelectedIndex: number;\n      newSelectedId: string;\n      newSelectedIndex: number;\n    }>\n  ): void => {\n    this.selectedTabId = event.detail.newSelectedId;\n  };\n\n  #renderDocSectionsSlots = (): JSX.Element => {\n    return this.docsTabModel.map(docSectionTab => {\n      if (docSectionTab.id === this.selectedTabId) {\n        const markdownValue = this.#docSectionIdDescriptionMap.get(\n          docSectionTab.id\n        );\n\n        return (\n          <ch-markdown-viewer\n            slot={docSectionTab.id}\n            key={docSectionTab.id}\n            class=\"markdown spacing-body scrollable\"\n            theme=\"components/markdown-viewer\"\n            value={markdownValue}\n          ></ch-markdown-viewer>\n        );\n      }\n    });\n  };\n\n  #returnFormatedId = (rawId: string): string => {\n    return rawId.toLowerCase().replace(/\\s+/g, \"-\");\n  };\n\n  #renderAsideContent = (): JSX.Element => {\n    return this.data.infoCategories.map(infoCategory => {\n      return (\n        <div class=\"plugin__info-category\">\n          <h3 class=\"subtitle-semi-bold-s\">{infoCategory.name}</h3>\n          <ul\n            class={{\n              \"fields__list\": true,\n              \"fields__list--as-tags\": infoCategory.displayAsTags\n            }}\n          >\n            {infoCategory.fields.map(field => {\n              // If the field name isn’t specified, only the value is shown — usually a link.\n              const fieldValue: string | HTMLAnchorElement =\n                typeof field.value === \"string\" ? (\n                  (field.value as string)\n                ) : (\n                  <a\n                    class=\"field__link\"\n                    onClick={this.#openLinkHandler(\n                      (field.value as LinkData).url\n                    )}\n                  >\n                    {(field.value as LinkData).text}\n                  </a>\n                );\n              return (\n                <li class=\"field__li\">\n                  {field.name && !infoCategory.displayAsTags\n                    ? // displaysAsTags forces the items to be displayed as tags\n                      // no span.field__name and span.field__value\n                      [\n                        <span class=\"field__name body-semi-bold-s\">\n                          {field.name}\n                        </span>,\n                        <span class=\"field__value body-regular-s\">\n                          {fieldValue}\n                        </span>\n                      ]\n                    : fieldValue}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      );\n    });\n  };\n\n  render() {\n    const renderActionButtons =\n      !this.data.installed ||\n      (this.data.installed && !!this.data.updateVersion);\n\n    const titleLinkDataText = (this.data.name as LinkData).text;\n    const titleLinkDataUrl = (this.data.name as LinkData).url;\n    const titleHasLink = titleLinkDataText && titleLinkDataUrl;\n    const titleText = titleLinkDataText || this.data.name;\n\n    const publisherDataText = (this.data.publisher as LinkData).text;\n    const publisherDataUrl = (this.data.publisher as LinkData).url;\n    const publisherHasLink = publisherDataText && publisherDataUrl;\n    const publisherText = publisherDataText || this.data.publisher;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class=\"header\">\n            <img\n              class=\"plugin__icon\"\n              src={this.data.iconUrl || EXTENSION_ICON_IMG}\n              alt=\"plugin extension icon\"\n            />\n            <div class=\"plugin__details\">\n              {titleHasLink ? (\n                <h2 class=\"heading-5\">\n                  <a\n                    href={titleLinkDataUrl}\n                    onClick={this.#openLinkHandler(titleLinkDataUrl)}\n                    class=\"text-underline\"\n                  >\n                    {titleText}\n                  </a>\n                </h2>\n              ) : (\n                <h2 class=\"heading-5\">{titleText}</h2>\n              )}\n\n              {publisherHasLink ? (\n                <a\n                  href={publisherDataUrl}\n                  onClick={this.#openLinkHandler(publisherDataUrl)}\n                  class=\"text-underline plugin__publisher tiny-semi-bold-l\"\n                >\n                  <ch-image src={USER_ICON} class=\"icon-md\"></ch-image>\n                  {publisherText}\n                </a>\n              ) : (\n                <p class=\"plugin__publisher tiny-semi-bold-l\">\n                  <ch-image src={USER_ICON} class=\"icon-md\"></ch-image>\n                  {publisherText}\n                </p>\n              )}\n\n              <p class=\"plugin__description\">{this.data.description}</p>\n              <div class=\"buttons-spacer plugin__actions-container\">\n                {renderActionButtons ? (\n                  this.#renderActionButtons()\n                ) : (\n                  // installed and no updates\n                  <p class=\"installed-container subtitle-semi-bold-s\">\n                    <ch-image\n                      src={CHECK_CIRCLE_ICON}\n                      class=\"icon-md\"\n                    ></ch-image>\n                    {this.#componentLocale.actions.installed}\n                  </p>\n                )}\n                {this.data.installed && this.#renderUninstallButton()}\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            {this.docsTabModel.length > 0 && (\n              <ch-tab-render\n                class=\"tab docsTab scrollable\"\n                tabListPosition=\"block-start\"\n                overflow=\"auto\"\n                contain=\"size\"\n                model={this.docsTabModel}\n                onSelectedItemChange={this.#tabSelectionChangedHandler}\n                selectedId={this.selectedTabId}\n              >\n                {this.#renderDocSectionsSlots()}\n              </ch-tab-render>\n            )}\n          </div>\n          <div class=\"aside spacing-body scrollable\">\n            {this.#renderAsideContent()}\n          </div>\n        </section>\n        {/* <slot></slot> */}\n      </Host>\n    );\n  }\n}\n\n// plugin-details.types.ts\n\nexport type LinkData = {\n  text: string;\n  url: string;\n};\n\nexport type PluginFieldData = {\n  name?: string;\n  value: string | LinkData;\n};\n\nexport type PluginInfoCategoryData = {\n  name: string;\n  fields: PluginFieldData[];\n  displayAsTags: boolean;\n};\n\nexport type DocSectionData = {\n  name: string;\n  content: string;\n};\n\nexport type PluginDetailsData = {\n  id: string;\n  name: string | LinkData;\n  publisher: string | LinkData;\n  installed: boolean;\n  updateVersion?: string;\n  versions: string[];\n  iconUrl: string;\n  description: string;\n  docSections: DocSectionData[];\n  infoCategories: PluginInfoCategoryData[];\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-844b7117.entry.js → p-86365635.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as r, H as a, a as t } from "./p-25a9f1d7.js";
 
-const o = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--mer-timing--fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--mer-spacing--md);padding:var(--mer-spacing--md)}.main-container__icon-wrapper{border:var(--mer-border__width--sm) dashed var(--mer-accent__primary);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--mer-spacing--sm)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";
+const o = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--mer-timing--fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--mer-spacing--md);padding:var(--mer-spacing--md)}.main-container__icon-wrapper{border:var(--mer-border__width--sm) dashed var(--mer-accent__primary);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--mer-spacing--sm)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}.description{line-height:1.5 !important}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";
 
 const i = [ "resets/box-sizing", "components/button", "components/icon", "utils/typography" ];
 
@@ -31,7 +31,7 @@ const n = class {
     }, this.stateTitle && r("h2", {
       class: "body-regular-m"
     }, this.stateTitle), this.stateDescription && r("p", {
-      class: "body-regular-s"
+      class: "body-regular-s description"
     }, this.stateDescription)), r("slot", null)));
   }
   get el() {
@@ -42,4 +42,4 @@ const n = class {
 n.style = o;
 
 export { n as gx_ide_empty_state };
-//# sourceMappingURL=p-844b7117.entry.js.map
+//# sourceMappingURL=p-86365635.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["gxIdeEmptyStateCss","CSS_BUNDLES","GxIdeEmptyState","render","h","Host","class","animate","this","isAnimated","model","stateIconSrc","src","stateTitle","stateDescription"],"sources":["src/components/_helpers/empty-state/gx-ide-empty-state.scss?tag=gx-ide-empty-state&encapsulation=shadow","src/components/_helpers/empty-state/gx-ide-empty-state.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n\n:host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  inline-size: 100%;\n  position: relative;\n}\n:host(.animate) {\n  animation: fadeIn var(--mer-timing--fast) forwards;\n  inset-block-start: 0;\n}\n.main-container {\n  max-width: 320px;\n  margin: 0 auto;\n  gap: var(--mer-spacing--md);\n  padding: var(--mer-spacing--md);\n\n  &__icon-wrapper {\n    border: var(--mer-border__width--sm) dashed var(--mer-accent__primary);\n    border-radius: 50%;\n    min-width: 40px;\n    min-height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  &__content {\n    gap: var(--mer-spacing--sm);\n  }\n}\n.main-container,\n.main-container__content {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.description {\n  // WA: current font style (.body-regular-m) has a tight line-height\n  line-height: 1.5 !important;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    inset-block-start: 5px;\n  }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-empty-state\",\n  styleUrl: \"gx-ide-empty-state.scss\",\n  shadow: true\n})\nexport class GxIdeEmptyState {\n  @Element() el: HTMLGxIdeEmptyStateElement;\n\n  /**\n   * Includes a subtle entry animation\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() readonly isAnimated: boolean = false;\n\n  /**\n   * The state description\n   */\n  @Prop() readonly stateDescription?: string;\n\n  /**\n   * The state icon\n   */\n  @Prop() readonly stateIconSrc?: string;\n\n  /**\n   * The state title\n   */\n  @Prop() readonly stateTitle!: string;\n\n  render() {\n    return (\n      <Host class={{ animate: this.isAnimated }}>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <article class=\"main-container\">\n          {this.stateIconSrc && (\n            <span class=\"main-container__icon-wrapper\">\n              <ch-image src={this.stateIconSrc} class=\"icon-md\"></ch-image>\n            </span>\n          )}\n          <div class=\"main-container__content\">\n            {this.stateTitle && (\n              <h2 class=\"body-regular-m\">{this.stateTitle}</h2>\n            )}\n            {this.stateDescription && (\n              <p class=\"body-regular-s description\">{this.stateDescription}</p>\n            )}\n          </div>\n          <slot></slot>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;AAAA,MAAMA,IAAqB;;ACG3B,MAAMC,IAA8B,EAClC,qBACA,qBACA,mBACA;;MAQWC,IAAe;;;sBAOa;;;;;EAiBvC,MAAAC;IACE,OACEC,EAACC,GAAI;MAACC,OAAO;QAAEC,SAASC,KAAKC;;OAC3BL,EAAA;MAAUM,OAAOT;QACjBG,EAAA;MAASE,OAAM;OACZE,KAAKG,gBACJP,EAAA;MAAME,OAAM;OACVF,EAAA;MAAUQ,KAAKJ,KAAKG;MAAcL,OAAM;SAG5CF,EAAA;MAAKE,OAAM;OACRE,KAAKK,cACJT,EAAA;MAAIE,OAAM;OAAkBE,KAAKK,aAElCL,KAAKM,oBACJV,EAAA;MAAGE,OAAM;OAA8BE,KAAKM,oBAGhDV,EAAA"}

package/dist/types/components/{_branding/about → about}/about.d.ts

@@ -2,17 +2,9 @@ export declare class GxIdeAbout {
     #private;
     el: HTMLGxIdeAboutElement;
     /**
-     * The version of GeneXus
+     * GeneXus Next version, and also related dependencies versions
      */
-    readonly version: string;
-    /**
-     * The version of GeneXus IDE
-     */
-    readonly ideVersion: string;
-    /**
-     * The version of GeneXus BL
-     */
-    readonly blVersion: string;
+    readonly versions: string[];
     /**
      * Callback invoked when the user clicks on "Details & Acknowledgements"
      */
@@ -25,6 +17,10 @@ export declare class GxIdeAbout {
      * Callback invoked when the user clicks on "Terms and conditions"
      */
     readonly termsAndConditionsCallback: TermsAndConditionsCallback;
+    /**
+     * True when the user copies the versions
+     */
+    copying: boolean;
     componentWillLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/plugin-details/plugin-details.d.ts

@@ -0,0 +1,55 @@
+import { TabModel } from "@genexus/chameleon-controls-library";
+export declare class GxIdePluginDetails {
+    #private;
+    el: HTMLGxIdePluginDetailsElement;
+    docsTabModel: TabModel;
+    selectedTabId: string;
+    /**
+     * Specifies all the information related to a plugin.
+     */
+    readonly data: PluginDetailsData;
+    /**
+     * Callback that should be invoked when the user performs the install or update action.
+     * Receives an optional version string when a specific version is selected.
+     */
+    readonly installCallback: (version?: string) => Promise<void>;
+    /**
+     * Callback that should be invoked when the user attempts to open any link displayed in this component.
+     */
+    readonly openLinkCallback: (url: string) => Promise<void>;
+    /**
+     * Callback that should be invoked when the user performs the uninstall action.
+     */
+    readonly uninstallCallback: () => Promise<void>;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}
+export type LinkData = {
+    text: string;
+    url: string;
+};
+export type PluginFieldData = {
+    name?: string;
+    value: string | LinkData;
+};
+export type PluginInfoCategoryData = {
+    name: string;
+    fields: PluginFieldData[];
+    displayAsTags: boolean;
+};
+export type DocSectionData = {
+    name: string;
+    content: string;
+};
+export type PluginDetailsData = {
+    id: string;
+    name: string | LinkData;
+    publisher: string | LinkData;
+    installed: boolean;
+    updateVersion?: string;
+    versions: string[];
+    iconUrl: string;
+    description: string;
+    docSections: DocSectionData[];
+    infoCategories: PluginInfoCategoryData[];
+};

package/dist/types/components/plugin-explorer/plugin-explorer.d.ts

@@ -0,0 +1,43 @@
+import { ActionListModel } from "@genexus/chameleon-controls-library";
+export declare class GxIdePluginManager {
+    #private;
+    el: HTMLGxIdePluginExplorerElement;
+    /**
+     * If true it will hide the content, and display a loader
+     */
+    loading: boolean;
+    /**
+     * The plugins model as ActionListModel, which is the model the ch-action-list expects
+     */
+    pluginsActionListModel: ActionListModel;
+    /**
+     * List of plugins to display. Usually used to initialize the component.
+     */
+    plugins: PluginData[];
+    pluginsChangedHandler(newPlugins: PluginData[]): void;
+    /**
+     * Callback that should be invoked when the user updates the filter.
+     * A debounce should be applied before invoking this function.
+     */
+    readonly filterCallback: (text: string) => Promise<PluginData[]>;
+    /**
+     * Callback that should be invoked when the user clicks or presses Enter
+     * on a selected plugin item.
+     */
+    readonly showDetailsCallback: (pluginId: string) => Promise<void>;
+    /**
+     * Callback that should be invoked when the user clicks on a plugin's action button.
+     */
+    readonly executeActionCallback: (pluginId: string, action: PluginAction) => Promise<void>;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}
+export type PluginData = {
+    id: string;
+    iconUrl: string;
+    name: string;
+    description: string;
+    publisher: string;
+    action?: PluginAction;
+};
+export type PluginAction = "install" | "update";

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { DetailsCallback, PrivacyPolicyCallback, TermsAndConditionsCallback } from "./components/_branding/about/about";
+import { DetailsCallback, PrivacyPolicyCallback, TermsAndConditionsCallback } from "./components/about/about";
 import { AiStatus, Message, UserMessageCallback } from "./components/ai-assistant/ai-assistant";
 import { MessageType } from "./components/ai-assistant/ai-assistant";
 import { Translations } from "./components/ai-assistant/ai-message";
@@ -52,6 +52,8 @@ import { NewVersionData } from "./components/new-version/new-version";
 import { ContextMenuInfo as ContextMenuInfo1, FormSubmitResult as FormSubmitResult1 } from "./components";
 import { CancelCallback as CancelCallback14, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
 import { CancelCallback as CancelCallback15, ImportCallback as ImportCallback1, LoadCallback as LoadCallback3, SelectParentCallback } from "./components/open-api-import/open-api-import";
+import { PluginDetailsData } from "./components/plugin-details/plugin-details";
+import { PluginAction, PluginData } from "./components/plugin-explorer/plugin-explorer";
 import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 import { TeamData } from "./components/select-user-team/select-user-team";
@@ -74,7 +76,7 @@ import { WFConfigData } from "./components/wf-settings/wf-settings";
 import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback7, ObjectActionCallback, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback } from "./components/ww-attributes/ww-attributes";
 import { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as DeleteSelectionCallback1, LoadCallback as LoadCallback8, NewFileCallback, OpenSelectionCallback as OpenSelectionCallback2, SelectionChangeCallback as SelectionChangeCallback1, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-files/ww-files";
 import { ContextMenuCallback as ContextMenuCallback2, DeleteSelectionCallback as DeleteSelectionCallback2, LoadCallback as LoadCallback9, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback3, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback4 } from "./components/ww-images/ww-images";
-export { DetailsCallback, PrivacyPolicyCallback, TermsAndConditionsCallback } from "./components/_branding/about/about";
+export { DetailsCallback, PrivacyPolicyCallback, TermsAndConditionsCallback } from "./components/about/about";
 export { AiStatus, Message, UserMessageCallback } from "./components/ai-assistant/ai-assistant";
 export { MessageType } from "./components/ai-assistant/ai-assistant";
 export { Translations } from "./components/ai-assistant/ai-message";
@@ -121,6 +123,8 @@ export { NewVersionData } from "./components/new-version/new-version";
 export { ContextMenuInfo as ContextMenuInfo1, FormSubmitResult as FormSubmitResult1 } from "./components";
 export { CancelCallback as CancelCallback14, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
 export { CancelCallback as CancelCallback15, ImportCallback as ImportCallback1, LoadCallback as LoadCallback3, SelectParentCallback } from "./components/open-api-import/open-api-import";
+export { PluginDetailsData } from "./components/plugin-details/plugin-details";
+export { PluginAction, PluginData } from "./components/plugin-explorer/plugin-explorer";
 export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 export { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 export { TeamData } from "./components/select-user-team/select-user-team";
@@ -145,18 +149,10 @@ export { ContextMenuCallback as ContextMenuCallback1, DeleteSelectionCallback as
 export { ContextMenuCallback as ContextMenuCallback2, DeleteSelectionCallback as DeleteSelectionCallback2, LoadCallback as LoadCallback9, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback3, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback4 } from "./components/ww-images/ww-images";
 export namespace Components {
     interface GxIdeAbout {
-        /**
-          * The version of GeneXus BL
-         */
-        "blVersion": string;
         /**
           * Callback invoked when the user clicks on "Details & Acknowledgements"
          */
         "detailsCallback": DetailsCallback;
-        /**
-          * The version of GeneXus IDE
-         */
-        "ideVersion": string;
         /**
           * Callback invoked when the user clicks on "Privacy policy"
          */
@@ -166,9 +162,9 @@ export namespace Components {
          */
         "termsAndConditionsCallback": TermsAndConditionsCallback;
         /**
-          * The version of GeneXus
+          * GeneXus Next version, and also related dependencies versions
          */
-        "version": string;
+        "versions": string[];
     }
     interface GxIdeAiAssistant {
         /**
@@ -1773,6 +1769,45 @@ export namespace Components {
          */
         "suspendShortcuts": (suspendShortcuts: boolean) => Promise<void>;
     }
+    interface GxIdePluginDetails {
+        /**
+          * Specifies all the information related to a plugin.
+         */
+        "data": PluginDetailsData;
+        /**
+          * Callback that should be invoked when the user performs the install or update action. Receives an optional version string when a specific version is selected.
+         */
+        "installCallback": (version?: string) => Promise<void>;
+        /**
+          * Callback that should be invoked when the user attempts to open any link displayed in this component.
+         */
+        "openLinkCallback": (url: string) => Promise<void>;
+        /**
+          * Callback that should be invoked when the user performs the uninstall action.
+         */
+        "uninstallCallback": () => Promise<void>;
+    }
+    interface GxIdePluginExplorer {
+        /**
+          * Callback that should be invoked when the user clicks on a plugin's action button.
+         */
+        "executeActionCallback": (
+    pluginId: string,
+    action: PluginAction
+  ) => Promise<void>;
+        /**
+          * Callback that should be invoked when the user updates the filter. A debounce should be applied before invoking this function.
+         */
+        "filterCallback": (text: string) => Promise<PluginData[]>;
+        /**
+          * List of plugins to display. Usually used to initialize the component.
+         */
+        "plugins": PluginData[];
+        /**
+          * Callback that should be invoked when the user clicks or presses Enter on a selected plugin item.
+         */
+        "showDetailsCallback": (pluginId: string) => Promise<void>;
+    }
     interface GxIdeReferences {
         /**
           * Callback invoked when a node is expanded in any references panels
@@ -3283,6 +3318,18 @@ declare global {
         prototype: HTMLGxIdeOpenApiImportElement;
         new (): HTMLGxIdeOpenApiImportElement;
     };
+    interface HTMLGxIdePluginDetailsElement extends Components.GxIdePluginDetails, HTMLStencilElement {
+    }
+    var HTMLGxIdePluginDetailsElement: {
+        prototype: HTMLGxIdePluginDetailsElement;
+        new (): HTMLGxIdePluginDetailsElement;
+    };
+    interface HTMLGxIdePluginExplorerElement extends Components.GxIdePluginExplorer, HTMLStencilElement {
+    }
+    var HTMLGxIdePluginExplorerElement: {
+        prototype: HTMLGxIdePluginExplorerElement;
+        new (): HTMLGxIdePluginExplorerElement;
+    };
     interface HTMLGxIdeReferencesElement extends Components.GxIdeReferences, HTMLStencilElement {
     }
     var HTMLGxIdeReferencesElement: {
@@ -3624,6 +3671,8 @@ declare global {
         "gx-ide-new-version": HTMLGxIdeNewVersionElement;
         "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
         "gx-ide-open-api-import": HTMLGxIdeOpenApiImportElement;
+        "gx-ide-plugin-details": HTMLGxIdePluginDetailsElement;
+        "gx-ide-plugin-explorer": HTMLGxIdePluginExplorerElement;
         "gx-ide-references": HTMLGxIdeReferencesElement;
         "gx-ide-sc-chat-container": HTMLGxIdeScChatContainerElement;
         "gx-ide-select-kb-items": HTMLGxIdeSelectKbItemsElement;
@@ -3656,18 +3705,10 @@ declare global {
 }
 declare namespace LocalJSX {
     interface GxIdeAbout {
-        /**
-          * The version of GeneXus BL
-         */
-        "blVersion"?: string;
         /**
           * Callback invoked when the user clicks on "Details & Acknowledgements"
          */
         "detailsCallback"?: DetailsCallback;
-        /**
-          * The version of GeneXus IDE
-         */
-        "ideVersion"?: string;
         /**
           * Callback invoked when the user clicks on "Privacy policy"
          */
@@ -3677,9 +3718,9 @@ declare namespace LocalJSX {
          */
         "termsAndConditionsCallback"?: TermsAndConditionsCallback;
         /**
-          * The version of GeneXus
+          * GeneXus Next version, and also related dependencies versions
          */
-        "version"?: string;
+        "versions"?: string[];
     }
     interface GxIdeAiAssistant {
         /**
@@ -5332,6 +5373,45 @@ declare namespace LocalJSX {
          */
         "selectParentCallback"?: SelectParentCallback;
     }
+    interface GxIdePluginDetails {
+        /**
+          * Specifies all the information related to a plugin.
+         */
+        "data": PluginDetailsData;
+        /**
+          * Callback that should be invoked when the user performs the install or update action. Receives an optional version string when a specific version is selected.
+         */
+        "installCallback": (version?: string) => Promise<void>;
+        /**
+          * Callback that should be invoked when the user attempts to open any link displayed in this component.
+         */
+        "openLinkCallback": (url: string) => Promise<void>;
+        /**
+          * Callback that should be invoked when the user performs the uninstall action.
+         */
+        "uninstallCallback": () => Promise<void>;
+    }
+    interface GxIdePluginExplorer {
+        /**
+          * Callback that should be invoked when the user clicks on a plugin's action button.
+         */
+        "executeActionCallback": (
+    pluginId: string,
+    action: PluginAction
+  ) => Promise<void>;
+        /**
+          * Callback that should be invoked when the user updates the filter. A debounce should be applied before invoking this function.
+         */
+        "filterCallback": (text: string) => Promise<PluginData[]>;
+        /**
+          * List of plugins to display. Usually used to initialize the component.
+         */
+        "plugins"?: PluginData[];
+        /**
+          * Callback that should be invoked when the user clicks or presses Enter on a selected plugin item.
+         */
+        "showDetailsCallback": (pluginId: string) => Promise<void>;
+    }
     interface GxIdeReferences {
         /**
           * Callback invoked when a node is expanded in any references panels
@@ -6227,6 +6307,8 @@ declare namespace LocalJSX {
         "gx-ide-new-version": GxIdeNewVersion;
         "gx-ide-object-selector": GxIdeObjectSelector;
         "gx-ide-open-api-import": GxIdeOpenApiImport;
+        "gx-ide-plugin-details": GxIdePluginDetails;
+        "gx-ide-plugin-explorer": GxIdePluginExplorer;
         "gx-ide-references": GxIdeReferences;
         "gx-ide-sc-chat-container": GxIdeScChatContainer;
         "gx-ide-select-kb-items": GxIdeSelectKbItems;
@@ -6306,6 +6388,8 @@ declare module "@stencil/core" {
             "gx-ide-new-version": LocalJSX.GxIdeNewVersion & JSXBase.HTMLAttributes<HTMLGxIdeNewVersionElement>;
             "gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
             "gx-ide-open-api-import": LocalJSX.GxIdeOpenApiImport & JSXBase.HTMLAttributes<HTMLGxIdeOpenApiImportElement>;
+            "gx-ide-plugin-details": LocalJSX.GxIdePluginDetails & JSXBase.HTMLAttributes<HTMLGxIdePluginDetailsElement>;
+            "gx-ide-plugin-explorer": LocalJSX.GxIdePluginExplorer & JSXBase.HTMLAttributes<HTMLGxIdePluginExplorerElement>;
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
             "gx-ide-sc-chat-container": LocalJSX.GxIdeScChatContainer & JSXBase.HTMLAttributes<HTMLGxIdeScChatContainerElement>;
             "gx-ide-select-kb-items": LocalJSX.GxIdeSelectKbItems & JSXBase.HTMLAttributes<HTMLGxIdeSelectKbItemsElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/collection/components/_branding/about/about.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"about.js","sourceRoot":"","sources":["../../../../src/components/_branding/about/about.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;CACpB,CAAC;AAQF,MAAM,OAAO,UAAU;;QACrB,8CAAsB;QACtB,+BAAY,YAAY,CAAC,4CAA4C,CAAC,EAAC;;;;;;;;IAkCvE,KAAK,CAAC,iBAAiB;QACrB,uBAAA,IAAI,+BAAoB,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,MAAA,CAAC;IACpE,CAAC;IAED,MAAM;QACJ,MAAM,qBAAqB,GACzB,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,0BAA0B,CAAC;QAChE,MAAM,oBAAoB,GACxB,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,0BAA0B,CAAC;QAEhE,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,YAAY;YACtB,gBAAU,KAAK,EAAE,WAAW,GAAa;YACzC,eAAS,KAAK,EAAC,SAAS;gBACtB,WAAK,KAAK,EAAC,MAAM;oBACf,cAAQ,KAAK,EAAC,iBAAiB;wBAC7B,WACE,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,uBAAA,IAAI,4BAAU,EACnB,GAAG,EAAE,uBAAA,IAAI,mCAAiB,CAAC,OAAO,GAClC;wBACF,kBAAY,KAAK,EAAC,kBAAkB,mBAA0B,CACvD;oBAET,WAAK,KAAK,EAAC,oBAAoB;wBAC7B,SAAG,KAAK,EAAC,kBAAkB;4BACxB,uBAAA,IAAI,mCAAiB,CAAC,OAAO;;4BAAG,IAAI,CAAC,OAAO,CAC3C;wBACJ,SAAG,KAAK,EAAC,gBAAgB,IACtB,IAAI,uBAAA,IAAI,mCAAiB,CAAC,GAAG,IAAI,IAAI,CAAC,UAAU,KAC/C,uBAAA,IAAI,mCAAiB,CAAC,EACxB,IAAI,IAAI,CAAC,SAAS,GAAG,CACnB,CACA;oBAEL,IAAI,CAAC,eAAe,IAAI,CACvB,cACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,eAAe,IAE5B,uBAAA,IAAI,mCAAiB,CAAC,0BAA0B,CAC1C,CACV;oBAEA,oBAAoB,IAAI,CACvB,WAAK,KAAK,EAAC,iBAAiB,EAAC,MAAM,EAAE,CAAC,qBAAqB;wBACxD,IAAI,CAAC,qBAAqB,IAAI,CAC7B,cACE,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,qBAAqB,IAElC,uBAAA,IAAI,mCAAiB,CAAC,aAAa,CAC7B,CACV;wBAEA,qBAAqB,IAAI,GAAG;wBAE5B,IAAI,CAAC,0BAA0B,IAAI,CAClC,cACE,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,0BAA0B,IAEvC,uBAAA,IAAI,mCAAiB,CAAC,kBAAkB,CAClC,CACV,CACG,CACP,CACG;gBAEN,cAAQ,KAAK,EAAC,2BAA2B,IACtC,uBAAA,IAAI,mCAAiB,CAAC,SAAS,CACzB,CACD,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Element, getAssetPath } from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\"\n];\n\n@Component({\n  tag: \"gx-ide-about\",\n  styleUrl: \"about.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/about\"]\n})\nexport class GxIdeAbout {\n  #componentLocale: any;\n  #nextLogo = getAssetPath(`./gx-ide-assets/about/images/next-logo.svg`);\n\n  @Element() el: HTMLGxIdeAboutElement;\n\n  /**\n   * The version of GeneXus\n   */\n  @Prop() readonly version: string;\n\n  /**\n   * The version of GeneXus IDE\n   */\n  @Prop() readonly ideVersion: string;\n\n  /**\n   * The version of GeneXus BL\n   */\n  @Prop() readonly blVersion: string;\n\n  /**\n   * Callback invoked when the user clicks on \"Details & Acknowledgements\"\n   */\n  @Prop() readonly detailsCallback: DetailsCallback;\n\n  /**\n   * Callback invoked when the user clicks on \"Privacy policy\"\n   */\n  @Prop() readonly privacyPolicyCallback: PrivacyPolicyCallback;\n\n  /**\n   * Callback invoked when the user clicks on \"Terms and conditions\"\n   */\n  @Prop() readonly termsAndConditionsCallback: TermsAndConditionsCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  render() {\n    const renderPrivacyAndTerms =\n      this.privacyPolicyCallback && this.termsAndConditionsCallback;\n    const renderPrivacyOrTerms =\n      this.privacyPolicyCallback || this.termsAndConditionsCallback;\n\n    return (\n      <Host class=\"scrollable\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"main\">\n            <figure class=\"logo__container\">\n              <img\n                class=\"logo__img\"\n                src={this.#nextLogo}\n                alt={this.#componentLocale.logoAlt}\n              />\n              <figcaption class=\"body-semi-bold-m\">GeneXus Next</figcaption>\n            </figure>\n\n            <div class=\"version__container\">\n              <p class=\"body-semi-bold-s\">\n                {this.#componentLocale.version} {this.version}\n              </p>\n              <p class=\"body-regular-m\">\n                {`(${this.#componentLocale.ide}=${this.ideVersion}, ${\n                  this.#componentLocale.bl\n                }=${this.blVersion})`}\n              </p>\n            </div>\n\n            {this.detailsCallback && (\n              <button\n                class=\"button-tertiary\"\n                type=\"button\"\n                onClick={this.detailsCallback}\n              >\n                {this.#componentLocale.detailsAndAcknowledgmentes}\n              </button>\n            )}\n\n            {renderPrivacyOrTerms && (\n              <div class=\"links-container\" hidden={!renderPrivacyAndTerms}>\n                {this.privacyPolicyCallback && (\n                  <button\n                    class=\"link-underlined tiny-regular-s\"\n                    type=\"button\"\n                    onClick={this.privacyPolicyCallback}\n                  >\n                    {this.#componentLocale.privacyPolicy}\n                  </button>\n                )}\n\n                {renderPrivacyAndTerms && \"|\"}\n\n                {this.termsAndConditionsCallback && (\n                  <button\n                    class=\"link-underlined tiny-regular-s\"\n                    type=\"button\"\n                    onClick={this.termsAndConditionsCallback}\n                  >\n                    {this.#componentLocale.termsAndConditions}\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n\n          <footer class=\"body-regular-s copyrights\">\n            {this.#componentLocale.copyright}\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type DetailsCallback = () => Promise<void>;\nexport type PrivacyPolicyCallback = () => Promise<void>;\nexport type TermsAndConditionsCallback = () => Promise<void>;\n"]}