@genexus/genexus-ide-ui 1.1.56 → 1.1.57

package/dist/genexus-ide-ui/{p-bd0ffc08.entry.js.map → p-f47b08c5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["detailsAcknowledgementsCss","OPEN_WINDOW_ICON","getIconPath","category","name","colorType","IMAGES_PATH","BACKGROUND_SIZE","GENEXUS_NEXT_LOGO_SRC","getAssetPath","BG_IMAGE_TOP_START","BG_IMAGE_BOTTOM_START","BG_IMAGE_BOTTOM_END","CSS_BUNDLES","GxIdeDetailsAcknowledgements","_GxIdeDetailsAcknowledgements_getFormatedDate","set","this","date","toISOString","split","_GxIdeDetailsAcknowledgements_renderLicenseInfo","license","type","packageData","licenseId","__classPrivateFieldGet","_GxIdeDetailsAcknowledgements_getLicenseId","call","showDescription","expandedLicenseId","h","class","key","description","_GxIdeDetailsAcknowledgements_renderLicensesViewButtons","visibleLicenseButton","viewLicenseButtonLabel","_componentLocale","detailsCard","hide","show","onClick","_GxIdeDetailsAcknowledgements_viewLicenseClickedHandler","licenseName","packageName","packageVersion","undefined","_GxIdeDetailsAcknowledgements_openLinkClickedHandler","url","e","openPackageUrlCallback","preventDefault","componentWillLoad","Locale","getComponentStrings","el","render","formatedDate","dateGenerated","Host","style","backgroundImage","backgroundPosition","backgroundRepeat","backgroundSize","model","src","title","mainDescription","secondaryDescription","dateTime","_a","packages","map","packageItem","headingContent","packageURL","href","target","packageCard","declaredLicenses","declaredLicense"],"sources":["src/components/details-acknowledgements/details-acknowledgements.scss?tag=gx-ide-details-acknowledgements&encapsulation=shadow","src/components/details-acknowledgements/details-acknowledgements.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-auto-rows: max-content;\n  justify-content: center;\n  padding: 95px var(--mer-spacing--lg) 95px var(--mer-spacing--lg);\n  overflow: auto;\n}\n\n%resetList {\n  // TODO: Use mixin from common\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.main-wrapper {\n  max-inline-size: 1000px;\n  display: grid;\n  gap: var(--mer-spacing--xl);\n}\n\n.logo {\n  inline-size: 200px;\n  margin: 0 auto;\n  margin-block-end: var(--mer-spacing--2xl);\n  opacity: 0;\n  transform: translateY(var(--mer-spacing--2xs));\n  animation: showLogo var(--mer-timing--regular) ease-out forwards;\n  animation-delay: var(--mer-timing--regular);\n}\n@keyframes showLogo {\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n// general\n\n.card {\n  display: grid;\n  border-radius: var(--mer-border__radius--sm);\n  border-width: var(--mer-border__width--sm);\n  border-color: var(--elevation-border-color);\n  border-style: solid;\n  padding: var(--mer-spacing--lg);\n  gap: var(--mer-spacing--md);\n  opacity: 0;\n  animation: showCard var(--mer-timing--fast) ease-out forwards;\n  animation-delay: calc(var(--mer-timing--regular) * 2);\n}\n@keyframes showCard {\n  100% {\n    opacity: 1;\n  }\n}\n\n// details card\n\nh1.title {\n  font-weight: 600;\n}\n\n.intro-container {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.date-container {\n  display: grid;\n  gap: var(--mer-spacing--sm);\n}\n\n// package card\n\n.card-package {\n  opacity: 0;\n  transition: opacity var(--mer-timing--fast);\n}\n\n.package-name {\n  --package-name-color: var(--mer-text__primary);\n  color: var(--package-name-color);\n\n  a {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  &.has-link {\n    // TODO: This should be a class in Mercury\n    &:hover {\n      --package-name-color: var(--mer-text__primary--hover);\n    }\n    &:active {\n      --package-name-color: var(--mer-text__primary--active);\n    }\n  }\n}\n.package-link {\n  display: inline-block;\n}\n\n.licenses-names-list {\n  @extend %resetList;\n  display: flex;\n  align-items: center;\n}\n.licenses-names-item:not(:first-child)::before {\n  content: \"•\";\n  padding-inline: 8px;\n}\n\n.licenses-descriptions-list {\n  @extend %resetList;\n}\n.licenses-descriptions-description {\n  white-space: break-spaces;\n  max-block-size: 940px;\n  overflow: auto;\n  line-height: 1.5;\n}\n.licenses-descriptions-item {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.code-box {\n  border-radius: var(--mer-border__radius--sm);\n  background-color: var(--mer-surface);\n  border: 1px solid var(--mer-border-color__on-elevation--01);\n  padding: var(--mer-spacing--md);\n  font-family: var(--font-family-code);\n  font-size: var(--font-size-body-s);\n  display: grid;\n  gap: var(--mer-spacing--lg);\n}\n\n.description-list {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  max-inline-size: 400px;\n  margin: 0 auto;\n}\n\n.show-more-button {\n  justify-self: start;\n}\n\n// utilities\n// WA/TODO: This should be defined on Mercury\n.color-default {\n  color: var(--mer-text__highlighted);\n}\n.color-neutral {\n  color: var(--mer-color__neutral-gray--400);\n}\n.color-primary {\n  color: var(--mer-text__primary);\n}\n\np {\n  // TODO: Update line-height values on Mercury\n  --line-height-tight: 1.5;\n  --font-weight-regular: 300;\n}\n\nhr {\n  // WA/TODO: A style for hr should be defined on Mercury\n  border-block-start: 0;\n  border-color: var(--mer-border-color__on-elevation--01);\n  inline-size: 100%;\n  margin: 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nimport type { PackageData, License, OpenPackageURLCallback } from \"./types\";\n\nconst OPEN_WINDOW_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"open-window\",\n  colorType: \"primary\"\n});\n\nconst IMAGES_PATH = \"./gx-ide-assets/details-acknowledgements/images\";\nconst BACKGROUND_SIZE = \"300px\";\n\nconst GENEXUS_NEXT_LOGO_SRC = getAssetPath(\n  `${IMAGES_PATH}/genexus-next-logo.svg`\n);\nconst BG_IMAGE_TOP_START = getAssetPath(`${IMAGES_PATH}/top-start.svg`);\nconst BG_IMAGE_BOTTOM_START = getAssetPath(`${IMAGES_PATH}/bottom-start.svg`);\nconst BG_IMAGE_BOTTOM_END = getAssetPath(`${IMAGES_PATH}/bottom-end.svg`);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"components/button\",\n  \"components/icon\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-details-acknowledgements\",\n  styleUrl: \"details-acknowledgements.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/details-acknowledgements\"]\n})\nexport class GxIdeDetailsAcknowledgements {\n  /**\n   * The component hard-coded strings translations.\n   */\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeDetailsAcknowledgementsElement;\n\n  /**\n   * Identifier of the currently expanded license. Should combine:\n   * packageName + packageVersion + license.name. Example:\n   * @sentry/core-6.7.1-mit\n   */\n  @State() expandedLicenseId?: string;\n\n  /** The date when the current release was published */\n  @Prop() readonly dateGenerated?: Date;\n\n  /** The version of the current release*/\n  @Prop() readonly release?: string;\n\n  /** The list of packages that the current release contains*/\n  @Prop() readonly packages: PackageData[];\n\n  /**\n   * Callback invoked when the user clicks a package with a packageURL.\n   * If openPackageUrlCallback is defined, the default link action is\n   * prevented and the URL is passed to the host via the callback.\n   * Otherwise, the link opens in a new tab as usual.\n   */\n  @Prop() readonly openPackageUrlCallback: OpenPackageURLCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #getFormatedDate = (date: Date) => {\n    return date?.toISOString().split(\"T\")[0];\n  };\n\n  #renderLicenseInfo = (\n    license: License,\n    type: \"name\" | \"description\" = \"name\",\n    packageData: PackageData\n  ): JSX.Element => {\n    const licenseId = this.#getLicenseId(packageData, license.name);\n    const showDescription = licenseId === this.expandedLicenseId;\n    return type === \"name\" ? (\n      <ul class=\"licenses-names-list\">\n        <li class=\"color-default body-regular-m licenses-names-item\">\n          {license.name}\n        </li>\n      </ul>\n    ) : (\n      <ul class=\"licenses-descriptions-list\">\n        <li class=\"licenses-descriptions-item\" key={license.name}>\n          {showDescription ? (\n            <p class=\"code-box color-neutral licenses-descriptions-description scrollable\">\n              {license.description}\n            </p>\n          ) : null}\n        </li>\n      </ul>\n    );\n  };\n\n  #renderLicensesViewButtons = (\n    license: License,\n    packageData?: PackageData\n  ): JSX.Element => {\n    const licenseId = this.#getLicenseId(packageData, license.name);\n    const visibleLicenseButton = licenseId === this.expandedLicenseId;\n    const viewLicenseButtonLabel = visibleLicenseButton\n      ? this._componentLocale.detailsCard.hide\n      : this._componentLocale.detailsCard.show;\n    return (\n      <div class=\"licenses-buttons-container buttons-spacer\">\n        {\n          <button\n            class={{\n              \"button-icon-and-text\": true,\n              \"button-primary\": !visibleLicenseButton,\n              \"button-secondary\": visibleLicenseButton,\n              \"show-more-button\": true\n            }}\n            onClick={this.#viewLicenseClickedHandler(licenseId)}\n          >\n            {viewLicenseButtonLabel}\n          </button>\n        }\n      </div>\n    );\n  };\n\n  #getLicenseId = (packageData: PackageData, licenseName: string): string => {\n    return `${packageData.packageName}-${packageData.packageVersion}-${licenseName}`;\n  };\n\n  #viewLicenseClickedHandler = (licenseId: string) => () => {\n    if (licenseId === this.expandedLicenseId) {\n      // collapse\n      this.expandedLicenseId = undefined;\n    } else {\n      // expand collapse\n      this.expandedLicenseId = licenseId;\n    }\n  };\n\n  #openLinkClickedHandler = (url: string) => (e: MouseEvent) => {\n    if (this.openPackageUrlCallback) {\n      e.preventDefault();\n      this.openPackageUrlCallback(url);\n    }\n  };\n\n  render() {\n    const formatedDate = this.#getFormatedDate(this.dateGenerated);\n    return (\n      <Host\n        class=\"scrollable\"\n        style={{\n          backgroundImage: `url(${BG_IMAGE_TOP_START}), url(${BG_IMAGE_BOTTOM_START}), url(${BG_IMAGE_BOTTOM_END})`,\n          backgroundPosition: \"left top, left bottom, right bottom\",\n          backgroundRepeat: \"no-repeat, no-repeat, no-repeat\",\n          backgroundSize: `${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}`\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"main-wrapper\">\n          <img src={GENEXUS_NEXT_LOGO_SRC} class=\"logo\"></img>\n          <div class=\"card card-details elevation-1\">\n            <div class=\"intro-container\">\n              <h1 class=\"title heading-3 color-default\">\n                {this._componentLocale.detailsCard.title}\n              </h1>\n              <p class=\"color-default body-regular-m\">\n                {this._componentLocale.detailsCard.mainDescription}\n              </p>\n              <p class=\"color-neutral body-italic-s\">\n                {this._componentLocale.detailsCard.secondaryDescription}\n              </p>\n            </div>\n\n            <hr />\n\n            <div class=\"date-container\">\n              <p class=\"color-neutral\">\n                {this._componentLocale.detailsCard.dateGenerated}\n              </p>\n              <time class=\"color-default\" dateTime={formatedDate}>\n                {formatedDate}\n              </time>\n            </div>\n          </div>\n\n          {this.packages?.map(packageItem => {\n            let packageName = `${packageItem.packageName} ${packageItem.packageVersion}`;\n            const headingContent = packageItem.packageURL ? (\n              <a\n                href={packageItem.packageURL}\n                target=\"_blank\"\n                onClick={this.#openLinkClickedHandler(packageItem.packageURL)}\n                class=\"package-link\"\n              >\n                {packageName}\n                <ch-image\n                  src={OPEN_WINDOW_ICON}\n                  class=\"package-icon icon-md\"\n                ></ch-image>\n              </a>\n            ) : (\n              packageName\n            );\n\n            return (\n              <article class=\"card card-package elevation-1\">\n                <h2\n                  class={{\n                    \"subtitle-semi-bold-s\": true,\n                    \"package-name\": true,\n                    \"has-link\": !!packageItem.packageURL\n                  }}\n                >\n                  {headingContent}\n                </h2>\n                <p class=\"color-default subtitle-semi-bold-s\">\n                  {this._componentLocale.packageCard.declaredLicenses}\n                </p>\n                {this.#renderLicenseInfo(\n                  packageItem.declaredLicense,\n                  \"name\",\n                  packageItem\n                )}\n\n                {this.#renderLicenseInfo(\n                  packageItem.declaredLicense,\n                  \"description\",\n                  packageItem\n                )}\n\n                {this.#renderLicensesViewButtons(\n                  packageItem.declaredLicense,\n                  packageItem\n                )}\n              </article>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["detailsAcknowledgementsCss","OPEN_WINDOW_ICON","getIconPath","category","name","colorType","IMAGES_PATH","BACKGROUND_SIZE","GENEXUS_NEXT_LOGO_SRC","getAssetPath","BG_IMAGE_TOP_START","BG_IMAGE_BOTTOM_START","BG_IMAGE_BOTTOM_END","CSS_BUNDLES","GxIdeDetailsAcknowledgements","_GxIdeDetailsAcknowledgements_getFormatedDate","set","this","date","toISOString","split","_GxIdeDetailsAcknowledgements_renderLicenseInfo","license","type","packageData","licenseId","__classPrivateFieldGet","_GxIdeDetailsAcknowledgements_getLicenseId","call","showDescription","expandedLicenseId","h","class","key","description","_GxIdeDetailsAcknowledgements_renderLicensesViewButtons","visibleLicenseButton","viewLicenseButtonLabel","_componentLocale","detailsCard","hide","show","onClick","_GxIdeDetailsAcknowledgements_viewLicenseClickedHandler","licenseName","packageName","packageVersion","undefined","_GxIdeDetailsAcknowledgements_openLinkClickedHandler","url","e","openPackageUrlCallback","preventDefault","componentWillLoad","Locale","getComponentStrings","el","render","formatedDate","dateGenerated","Host","style","backgroundImage","backgroundPosition","backgroundRepeat","backgroundSize","model","src","title","mainDescription","secondaryDescription","dateTime","_a","packages","map","packageItem","headingContent","packageURL","href","target","packageCard","declaredLicenses","declaredLicense"],"sources":["src/components/details-acknowledgements/details-acknowledgements.scss?tag=gx-ide-details-acknowledgements&encapsulation=shadow","src/components/details-acknowledgements/details-acknowledgements.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-auto-rows: max-content;\n  justify-content: center;\n  padding: 95px var(--mer-spacing--lg) 95px var(--mer-spacing--lg);\n  overflow: auto;\n}\n\n%resetList {\n  // TODO: Use mixin from common\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.main-wrapper {\n  max-inline-size: 1000px;\n  display: grid;\n  gap: var(--mer-spacing--xl);\n}\n\n.logo {\n  inline-size: 200px;\n  margin: 0 auto;\n  margin-block-end: var(--mer-spacing--2xl);\n  opacity: 0;\n  transform: translateY(var(--mer-spacing--2xs));\n  animation: showLogo var(--mer-timing--regular) ease-out forwards;\n  animation-delay: var(--mer-timing--regular);\n}\n@keyframes showLogo {\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n// general\n\n.card {\n  display: grid;\n  border-radius: var(--mer-border__radius--sm);\n  border-width: var(--mer-border__width--sm);\n  border-color: var(--elevation-border-color);\n  border-style: solid;\n  padding: var(--mer-spacing--lg);\n  gap: var(--mer-spacing--md);\n  opacity: 0;\n  animation: showCard var(--mer-timing--fast) ease-out forwards;\n  animation-delay: calc(var(--mer-timing--regular) * 2);\n}\n@keyframes showCard {\n  100% {\n    opacity: 1;\n  }\n}\n\n// details card\n\nh1.title {\n  font-weight: 600;\n}\n\n.intro-container {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.date-container {\n  display: grid;\n  gap: var(--mer-spacing--sm);\n}\n\n// package card\n\n.card-package {\n  opacity: 0;\n  transition: opacity var(--mer-timing--fast);\n}\n\n.package-name {\n  --package-name-color: var(--mer-text__primary);\n  color: var(--package-name-color);\n\n  a {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  &.has-link {\n    // TODO: This should be a class in Mercury\n    &:hover {\n      --package-name-color: var(--mer-text__primary--hover);\n    }\n    &:active {\n      --package-name-color: var(--mer-text__primary--active);\n    }\n  }\n}\n.package-link {\n  display: inline-block;\n}\n\n.licenses-names-list {\n  @extend %resetList;\n  display: flex;\n  align-items: center;\n}\n.licenses-names-item:not(:first-child)::before {\n  content: \"•\";\n  padding-inline: 8px;\n}\n\n.licenses-descriptions-list {\n  @extend %resetList;\n}\n.licenses-descriptions-description {\n  white-space: break-spaces;\n  max-block-size: 940px;\n  overflow: auto;\n  line-height: 1.5;\n}\n.licenses-descriptions-item {\n  display: grid;\n  gap: var(--mer-spacing--md);\n}\n\n.code-box {\n  border-radius: var(--mer-border__radius--sm);\n  background-color: var(--mer-surface);\n  border: 1px solid var(--mer-border-color__on-elevation--01);\n  padding: var(--mer-spacing--md);\n  font-family: var(--font-family-code);\n  font-size: var(--font-size-body-s);\n  display: grid;\n  gap: var(--mer-spacing--lg);\n}\n\n.description-list {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  max-inline-size: 400px;\n  margin: 0 auto;\n}\n\n.show-more-button {\n  justify-self: start;\n}\n\n// utilities\n// WA/TODO: This should be defined on Mercury\n.color-default {\n  color: var(--mer-text__highlighted);\n}\n.color-neutral {\n  color: var(--mer-color__neutral-gray--400);\n}\n.color-primary {\n  color: var(--mer-text__primary);\n}\n\np {\n  // TODO: Update line-height values on Mercury\n  --line-height-tight: 1.5;\n  --font-weight-regular: 300;\n}\n\nhr {\n  // WA/TODO: A style for hr should be defined on Mercury\n  border-block-start: 0;\n  border-color: var(--mer-border-color__on-elevation--01);\n  inline-size: 100%;\n  margin: 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nimport type { PackageData, License, OpenPackageURLCallback } from \"./types\";\n\nconst OPEN_WINDOW_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"open-window\",\n  colorType: \"primary\"\n});\n\nconst IMAGES_PATH = \"./gx-ide-assets/details-acknowledgements/images\";\nconst BACKGROUND_SIZE = \"300px\";\n\nconst GENEXUS_NEXT_LOGO_SRC = getAssetPath(\n  `${IMAGES_PATH}/genexus-next-logo.svg`\n);\nconst BG_IMAGE_TOP_START = getAssetPath(`${IMAGES_PATH}/top-start.svg`);\nconst BG_IMAGE_BOTTOM_START = getAssetPath(`${IMAGES_PATH}/bottom-start.svg`);\nconst BG_IMAGE_BOTTOM_END = getAssetPath(`${IMAGES_PATH}/bottom-end.svg`);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"components/button\",\n  \"components/icon\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-details-acknowledgements\",\n  styleUrl: \"details-acknowledgements.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/details-acknowledgements\"]\n})\nexport class GxIdeDetailsAcknowledgements {\n  /**\n   * The component hard-coded strings translations.\n   */\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeDetailsAcknowledgementsElement;\n\n  /**\n   * Identifier of the currently expanded license. Should combine:\n   * packageName + packageVersion + license.name. Example:\n   * @sentry/core-6.7.1-mit\n   */\n  @State() expandedLicenseId?: string;\n\n  /** The date when the current release was published */\n  @Prop() readonly dateGenerated?: Date;\n\n  /** The version of the current release*/\n  @Prop() readonly release?: string;\n\n  /** The list of packages that the current release contains*/\n  @Prop() readonly packages: PackageData[];\n\n  /**\n   * Callback invoked when the user clicks a package with a packageURL.\n   * If openPackageUrlCallback is defined, the default link action is\n   * prevented and the URL is passed to the host via the callback.\n   * Otherwise, the link opens in a new tab as usual.\n   */\n  @Prop() readonly openPackageUrlCallback: OpenPackageURLCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #getFormatedDate = (date: Date) => {\n    return date?.toISOString().split(\"T\")[0];\n  };\n\n  #renderLicenseInfo = (\n    license: License,\n    type: \"name\" | \"description\" = \"name\",\n    packageData: PackageData\n  ): JSX.Element => {\n    const licenseId = this.#getLicenseId(packageData, license.name);\n    const showDescription = licenseId === this.expandedLicenseId;\n    return type === \"name\" ? (\n      <ul class=\"licenses-names-list\">\n        <li class=\"color-default body-regular-m licenses-names-item\">\n          {license.name}\n        </li>\n      </ul>\n    ) : (\n      <ul class=\"licenses-descriptions-list\">\n        <li class=\"licenses-descriptions-item\" key={license.name}>\n          {showDescription ? (\n            <p class=\"code-box color-neutral licenses-descriptions-description scrollable\">\n              {license.description}\n            </p>\n          ) : null}\n        </li>\n      </ul>\n    );\n  };\n\n  #renderLicensesViewButtons = (\n    license: License,\n    packageData?: PackageData\n  ): JSX.Element => {\n    const licenseId = this.#getLicenseId(packageData, license.name);\n    const visibleLicenseButton = licenseId === this.expandedLicenseId;\n    const viewLicenseButtonLabel = visibleLicenseButton\n      ? this._componentLocale.detailsCard.hide\n      : this._componentLocale.detailsCard.show;\n    return (\n      <div class=\"licenses-buttons-container buttons-spacer\">\n        {\n          <button\n            class={{\n              \"button-icon-and-text\": true,\n              \"button-primary\": !visibleLicenseButton,\n              \"button-secondary\": visibleLicenseButton,\n              \"show-more-button\": true\n            }}\n            onClick={this.#viewLicenseClickedHandler(licenseId)}\n          >\n            {viewLicenseButtonLabel}\n          </button>\n        }\n      </div>\n    );\n  };\n\n  #getLicenseId = (packageData: PackageData, licenseName: string): string => {\n    return `${packageData.packageName}-${packageData.packageVersion}-${licenseName}`;\n  };\n\n  #viewLicenseClickedHandler = (licenseId: string) => () => {\n    if (licenseId === this.expandedLicenseId) {\n      // collapse\n      this.expandedLicenseId = undefined;\n    } else {\n      // expand collapse\n      this.expandedLicenseId = licenseId;\n    }\n  };\n\n  #openLinkClickedHandler = (url: string) => (e: MouseEvent) => {\n    if (this.openPackageUrlCallback) {\n      e.preventDefault();\n      this.openPackageUrlCallback(url);\n    }\n  };\n\n  render() {\n    const formatedDate = this.#getFormatedDate(this.dateGenerated);\n    return (\n      <Host\n        class=\"scrollable\"\n        style={{\n          backgroundImage: `url(${BG_IMAGE_TOP_START}), url(${BG_IMAGE_BOTTOM_START}), url(${BG_IMAGE_BOTTOM_END})`,\n          backgroundPosition: \"left top, left bottom, right bottom\",\n          backgroundRepeat: \"no-repeat, no-repeat, no-repeat\",\n          backgroundSize: `${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}`\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"main-wrapper\">\n          <img src={GENEXUS_NEXT_LOGO_SRC} class=\"logo\"></img>\n          <div class=\"card card-details elevation-1\">\n            <div class=\"intro-container\">\n              <h1 class=\"title heading-3 color-default\">\n                {this._componentLocale.detailsCard.title}\n              </h1>\n              <p class=\"color-default body-regular-m\">\n                {this._componentLocale.detailsCard.mainDescription}\n              </p>\n              <p class=\"color-neutral body-italic-s\">\n                {this._componentLocale.detailsCard.secondaryDescription}\n              </p>\n            </div>\n\n            <hr />\n\n            <div class=\"date-container\">\n              <p class=\"color-neutral\">\n                {this._componentLocale.detailsCard.dateGenerated}\n              </p>\n              <time class=\"color-default\" dateTime={formatedDate}>\n                {formatedDate}\n              </time>\n            </div>\n          </div>\n\n          {this.packages?.map(packageItem => {\n            let packageName = `${packageItem.packageName} ${packageItem.packageVersion}`;\n            const headingContent = packageItem.packageURL ? (\n              <a\n                href={packageItem.packageURL}\n                target=\"_blank\"\n                onClick={this.#openLinkClickedHandler(packageItem.packageURL)}\n                class=\"package-link\"\n              >\n                {packageName}\n                <ch-image\n                  src={OPEN_WINDOW_ICON}\n                  class=\"package-icon icon-md\"\n                ></ch-image>\n              </a>\n            ) : (\n              packageName\n            );\n\n            return (\n              <article class=\"card card-package elevation-1\">\n                <h2\n                  class={{\n                    \"subtitle-semi-bold-s\": true,\n                    \"package-name\": true,\n                    \"has-link\": !!packageItem.packageURL\n                  }}\n                >\n                  {headingContent}\n                </h2>\n                <p class=\"color-default subtitle-semi-bold-s\">\n                  {this._componentLocale.packageCard.declaredLicenses}\n                </p>\n                {this.#renderLicenseInfo(\n                  packageItem.declaredLicense,\n                  \"name\",\n                  packageItem\n                )}\n\n                {this.#renderLicenseInfo(\n                  packageItem.declaredLicense,\n                  \"description\",\n                  packageItem\n                )}\n\n                {this.#renderLicensesViewButtons(\n                  packageItem.declaredLicense,\n                  packageItem\n                )}\n              </article>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -1,6 +1,4 @@
 export * from "./components";
-export { renderItemMercury } from "./components/chat/lit-custom-render/render-item.lit";
-export { MercuryChatMessageMetadata } from "./components/chat/lit-custom-render/types";
 import nexaAvatar from "./components/chat/chat-welcome/gx-ide-assets/chat-welcome/images/ai-avatar.svg";
 export { nexaAvatar };
 import nexaAvatarCommon from "./common/images/ai-avatar.svg";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.56",
+  "version": "1.1.57",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,14 +35,15 @@
     "validate.ci": "npm run test && npm run build -- --max-workers 1 --debug"
   },
   "peerDependencies": {
-    "@genexus/chameleon-controls-library": "~6.17.1",
+    "@genexus/chameleon-controls-library": "~6.26.0",
     "@genexus/gemini": "*2.0.1",
-    "@genexus/mercury": "0.28.6"
+    "@genexus/mercury": "0.35.0",
+    "lit": "^3.3.1"
   },
   "devDependencies": {
-    "@genexus/chameleon-controls-library": "~6.17.1",
+    "@genexus/chameleon-controls-library": "~6.26.0",
     "@genexus/gemini": "*2.0.1",
-    "@genexus/mercury": "0.28.6",
+    "@genexus/mercury": "0.35.0",
     "@stencil-community/eslint-plugin": "~0.7.1",
     "@stencil/core": "~4.9.0",
     "@stencil/sass": "~1.4.0",
@@ -59,10 +60,10 @@
     "jest-cli": "~29.7.0",
     "prettier": "^3.6.2",
     "puppeteer": "~15.2.0",
-    "typescript": "~5.2.0"
+    "typescript": "~5.2.0",
+    "lit": "^3.3.1"
   },
   "dependencies": {
-    "date-fns": "^4.1.0",
-    "lit": "~3.3.0"
+    "date-fns": "^4.1.0"
   }
 }