@genexus/genexus-ide-ui 1.0.36 → 1.0.38

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

@@ -1 +0,0 @@
-{"version":3,"names":["aiMessageCss","GxIdeAiMessage","this","copyable","evaluateMessageIsCopyable","messageType","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","setTimeout","visible","messagesList","parentElement","scrollTo","render","h","class","message","hidden","showCopiedMessage","you","message__role","assistant","message__caption","hiChar","filterValue"],"sources":["src/components/ai-assistant/ai-message.scss?tag=gx-ide-ai-message&encapsulation=shadow","src/components/ai-assistant/ai-message.tsx"],"sourcesContent":["@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  font-family: var(--mer-font-family--primary);\n}\n/*--- Messages ---*/\n.message {\n  color: var(--mer-color__neutral-gray--100);\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 100ms;\n  transition: grid-template-rows 100ms, -ms-grid-rows 100ms;\n  &__outer-wrapper {\n    overflow: hidden;\n  }\n  &__inner-wrapper {\n    padding: var(--mer-spacing--sm) var(--mer-spacing--sm);\n    border-radius: var(--mer-border__radius--sm);\n    border-inline-start: var(--mer-border__width--md) solid transparent;\n    background-color: var(--mer-color__neutral-gray--1200);\n    margin-block-start: var(--mer-spacing--xs);\n  }\n  &__role {\n    display: inline-block;\n    font-weight: var(--mer-font__weight--semi-bold);\n    margin-block-end: var(--mer-spacing--xs);\n    display: inline-grid;\n    grid-template-columns: max-content max-content;\n    gap: 6px;\n    &:before {\n      content: \"\";\n      display: grid;\n      place-self: center flex-end;\n      inline-size: 4px;\n      block-size: 4px;\n      border-radius: 50%;\n      background-color: currentcolor;\n    }\n\n    &--user {\n      color: var(--mer-color__primary--300);\n    }\n    &--assistant {\n    }\n    &--hidden {\n      display: none;\n    }\n  }\n  &__caption {\n    font-size: var(--mer-font__size--xs);\n    line-height: var(--mer-line-height--regular);\n    position: relative;\n  }\n  &--visible {\n    grid-template-rows: 1fr;\n  }\n  &--copying {\n    pointer-events: none;\n    span:not(.copied),\n    .message__caption {\n      color: transparent;\n      -webkit-user-select: none; /* Safari */\n      -ms-user-select: none; /* IE 10 and IE 11 */\n      user-select: none; /* Standard syntax */\n    }\n  }\n  /*--- Types of messages ---*/\n  &--user {\n    .message__inner-wrapper {\n      background-color: rgba(91, 167, 255, 0.08);\n      border-color: var(--mer-border-color__primary);\n    }\n  }\n  &--assistant-action {\n    .message__inner-wrapper {\n      background-color: rgba(63, 168, 155, 0.05);\n      border-color: var(--mer-border-color__success);\n    }\n  }\n  &--assistant-chat {\n    .message__inner-wrapper {\n      background-color: var(--mer-surface__elevation--01);\n    }\n  }\n  &--assistant-in-progress {\n    color: var(--mer-color__neutral-gray--500);\n    .message__inner-wrapper {\n      font-style: italic;\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: var(--mer-spacing--xs);\n\n      .message__caption {\n        @include ellipsis;\n        flex: 1;\n      }\n      .animation-wrapper {\n        flex: none;\n      }\n    }\n  }\n  &--assistant-error {\n    .message__inner-wrapper {\n      background-color: rgba(251, 124, 132, 0.05);\n      border-color: var(--mer-border-color__error);\n    }\n  }\n  &--copyable {\n  }\n  &:last-child {\n    margin-block-end: 0;\n  }\n}\n:host(:first-child) {\n  .message {\n    &__inner-wrapper {\n      margin-block-end: 0;\n    }\n  }\n}\n\n/*--- Dot Pulse Sweet Animation ---*/\n.animation-wrapper {\n  width: 45px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n$color: var(--mer-color__neutral-gray--400);\n.dot-pulse {\n  position: relative;\n  left: -9999px;\n  width: 5px;\n  height: 5px;\n  border-radius: 2.5px;\n  background-color: $color;\n  color: $color;\n  box-shadow: 9999px 0 0 -5px;\n  animation: dot-pulse 1.5s infinite linear;\n  animation-delay: 0.25s;\n  &::before,\n  &::after {\n    content: \"\";\n    display: inline-block;\n    position: absolute;\n    top: 0;\n    width: 5px;\n    height: 5px;\n    border-radius: 2.5px;\n    background-color: $color;\n    color: $color;\n  }\n  &::before {\n    box-shadow: 9984px 0 0 -5px;\n    animation: dot-pulse-before 1.5s infinite linear;\n    animation-delay: 0s;\n  }\n  &::after {\n    box-shadow: 10014px 0 0 -5px;\n    animation: dot-pulse-after 1.5s infinite linear;\n    animation-delay: 0.5s;\n  }\n}\n@keyframes dot-pulse-before {\n  0% {\n    box-shadow: 9984px 0 0 -5px;\n  }\n  30% {\n    box-shadow: 9984px 0 0 2px;\n  }\n  60%,\n  100% {\n    box-shadow: 9984px 0 0 -5px;\n  }\n}\n@keyframes dot-pulse {\n  0% {\n    box-shadow: 9999px 0 0 -5px;\n  }\n  30% {\n    box-shadow: 9999px 0 0 2px;\n  }\n  60%,\n  100% {\n    box-shadow: 9999px 0 0 -5px;\n  }\n}\n@keyframes dot-pulse-after {\n  0% {\n    box-shadow: 10014px 0 0 -5px;\n  }\n  30% {\n    box-shadow: 10014px 0 0 2px;\n  }\n  60%,\n  100% {\n    box-shadow: 10014px 0 0 -5px;\n  }\n}\n\n/*--- Copy Message ---*/\n.copied {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mer-color__neutral-gray--300);\n  display: flex;\n  gap: var(--mer-spacing--2xs);\n}\n\n@include hiChar;\n","/* STENCIL IMPORTS */\nimport { Component, h, Prop, Element, State } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { MessageType } from \"./ai-assistant\";\nimport { hiChar } from \"../../common/helpers\";\n\n@Component({\n  tag: \"gx-ide-ai-message\",\n  styleUrl: \"ai-message.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ai-message\"]\n})\nexport class GxIdeAiMessage {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /* The message allows to be copied*/\n  private _componentLocale: any;\n  private copyable = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeAiMessageElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * This wil display the message if true\n   */\n  @State() visible = false;\n\n  /**\n   * This wil show the user a text, indicating that the message has been copied\n   */\n  @State() showCopiedMessage = false;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The actual message\n   */\n  @Prop() readonly message: string;\n\n  /**\n   * The message type\n   */\n  @Prop() readonly messageType: MessageType;\n\n  /**\n   * The filter value\n   */\n  @Prop() readonly filterValue: string;\n\n  /**\n   * It hides the message (used for the filter)\n   */\n  @Prop() readonly hidden: boolean;\n\n  /**\n   * An object with the needed string translations.\n   */\n  @Prop() readonly translations: Translations;\n\n  // 5.EVENTS (EMIT) //\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateMessageIsCopyable();\n  }\n\n  componentDidRender() {\n    setTimeout(() => {\n      /* Without the timeout it appears instantly (no apparent transition)*/\n      this.visible = true;\n      const messagesList = this.el.parentElement;\n      messagesList.scrollTo(0, 0);\n    }, 0);\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateMessageIsCopyable = () => {\n    this.copyable =\n      this.messageType !== \"assistant-in-progress\" &&\n      this.messageType !== \"assistant-action\";\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <li\n        class={{\n          \"message\": true,\n          \"message--visible\": this.visible && !this.hidden,\n          [`message--${[this.messageType]}`]: true,\n          \"message--assistant\": this.messageType !== \"user\",\n          \"message--copyable\": this.copyable,\n          \"message--copying\": this.showCopiedMessage\n        }}\n      >\n        <div class=\"message__outer-wrapper\">\n          <div\n            class={{\n              \"message__inner-wrapper\": true\n            }}\n          >\n            {this.messageType === \"user\" ? (\n              <span class=\"message__role message__role--user\">\n                {this._componentLocale.you}\n              </span>\n            ) : (\n              <span\n                class={{\n                  \"message__role\": this.messageType !== \"assistant-in-progress\",\n                  \"message__role--hidden\":\n                    this.messageType === \"assistant-in-progress\",\n                  \"message__role--assistant\": true\n                }}\n              >\n                {this._componentLocale.assistant}\n              </span>\n            )}\n            <div\n              class={{\n                \"message__caption\": true,\n                \"message__caption--in-progress\":\n                  this.messageType === \"assistant-in-progress\"\n              }}\n            >\n              {hiChar(this.message, this.filterValue)}\n            </div>\n            {this.messageType === \"assistant-in-progress\" ? (\n              <div class=\"animation-wrapper\">\n                <div class=\"dot-pulse\"></div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </li>\n    );\n  }\n}\n\nexport type Translations = {\n  [key: string]: string;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAe;;MCcRC,IAAc;;;IAmBjBC,KAAAC,WAAW;;;;QAqEXD,KAAAE,4BAA4B;MAClCF,KAAKC,WACHD,KAAKG,gBAAgB,2BACrBH,KAAKG,gBAAgB;AAAkB;mBA7DxB;6BAKU;;;;;;;;;EAiC7B,uBAAMC;IACJJ,KAAKK,yBAAyBC,EAAOC,oBAAoBP,KAAKQ;IAC9DR,KAAKE;;EAGP,kBAAAO;IACEC,YAAW;;MAETV,KAAKW,UAAU;MACf,MAAMC,IAAeZ,KAAKQ,GAAGK;MAC7BD,EAAaE,SAAS,GAAG;AAAE,QAC1B;;;EAiBL,MAAAC;IACE,OACEC,EAAA;MACEC,OAAO;QACLC,SAAW;QACX,oBAAoBlB,KAAKW,YAAYX,KAAKmB;QAC1C,CAAC,YAAY,EAACnB,KAAKG,kBAAiB;QACpC,sBAAsBH,KAAKG,gBAAgB;QAC3C,qBAAqBH,KAAKC;QAC1B,oBAAoBD,KAAKoB;;OAG3BJ,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAO;QACL,0BAA0B;;OAG3BjB,KAAKG,gBAAgB,SACpBa,EAAA;MAAMC,OAAM;OACTjB,KAAKK,iBAAiBgB,OAGzBL,EAAA;MACEC,OAAO;QACLK,eAAiBtB,KAAKG,gBAAgB;QACtC,yBACEH,KAAKG,gBAAgB;QACvB,4BAA4B;;OAG7BH,KAAKK,iBAAiBkB,YAG3BP,EAAA;MACEC,OAAO;QACLO,kBAAoB;QACpB,iCACExB,KAAKG,gBAAgB;;OAGxBsB,EAAOzB,KAAKkB,SAASlB,KAAK0B,eAE5B1B,KAAKG,gBAAgB,0BACpBa,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;UAEX"}

package/dist/genexus-ide-ui/p-b189e45d.entry.js

@@ -1,113 +0,0 @@
-import { a as e, r as i, h as t, H as s, g as a } from "./p-49712340.js";
-
-import { L as r } from "./p-311eedf3.js";
-
-const mapTeamsToComboBoxItemModel = e => e.map((e => ({
-  value: e.id,
-  caption: e.name
-})));
-
-const n = ":host{display:grid;block-size:100%;inline-size:100%;align-items:center;justify-content:center;padding:var(--mer-spacing--xl)}.slide{display:grid;max-inline-size:1100px;grid-template-columns:1fr 550px;background-color:var(--mer-surface__elevation--01);border-radius:var(--mer-spacing--md);overflow:hidden;transition:var(--slide-fade-duration) opacity}.slide__illustration{overflow:hidden;max-block-size:700px}.slide__select-team{display:grid;block-size:100%;inline-size:100%;padding:var(--mer-spacing--3xl)}.slide__select-team-container{display:grid;gap:var(--mer-spacing--lg);max-inline-size:480px;place-self:center}.slide__select-team-header{display:grid;gap:var(--mer-spacing--lg)}.slide__select-team-title{font-size:var(--mer-font__size--xl);color:var(--mer-text__on-surface);letter-spacing:0.02em;font-weight:var(--mer-font__weight--semi-bold)}.slide__select-team-description{display:grid;color:var(--mer-text__complementary);gap:var(--mer-spacing--md);font-size:var(--mer-font__size--sm);font-weight:var(--mer-font__weight--light);line-height:var(--mer-line-height--spaced)}.info-message{font-weight:bold;color:var(--mer-text__on-surface)}.continue-button{padding-inline-start:var(--mer-spacing--3xl) !important;padding-inline-end:var(--mer-spacing--3xl) !important}";
-
-var o = undefined && undefined.__classPrivateFieldGet || function(e, i, t, s) {
-  if (t === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof i === "function" ? e !== i || !s : !i.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return t === "m" ? s : t === "a" ? s.call(e) : s ? s.value : i.get(e);
-};
-
-var l = undefined && undefined.__classPrivateFieldSet || function(e, i, t, s, a) {
-  if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof i === "function" ? e !== i || !a : !i.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? a.call(e, t) : a ? a.value = t : i.set(e, t), t;
-};
-
-var c, d, m, p;
-
-const f = e(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
-
-const g = e(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
-
-const h = [ "resets/box-sizing", "utils/typography", "components/combo-box", "components/button", "utils/form" ];
-
-const u = class {
-  constructor(e) {
-    i(this, e);
-    /**
-         * The component hard-coded strings translations.
-         */
-    // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        c.set(this, void 0);
-    d.set(this, []);
-    m.set(this, void 0);
-    p.set(this, (async () => {
-      await this.continueCallback(o(this, m, "f").value);
-    }));
-    this.teams = undefined;
-    this.continueCallback = undefined;
-  }
-  async componentWillLoad() {
-    l(this, c, await r.getComponentStrings(this.el), "f");
-    l(this, d, mapTeamsToComboBoxItemModel(this.teams), "f");
-  }
-  render() {
-    return t(s, null, t("ch-theme", {
-      model: h
-    }), t("section", {
-      class: "slide"
-    }, t("div", {
-      class: "slide__illustration",
-      role: "img",
-      "aria-label": o(this, c, "f").illustrationAriaLabel
-    }, t("img", {
-      // base image (acts like a background)
-      src: f,
-      class: "slide__illustration",
-      alt: o(this, c, "f").illustrationFigureAriaLabel
-    })), t("section", {
-      class: "slide__select-team"
-    }, t("div", {
-      class: "slide__select-team-container"
-    }, t("header", {
-      class: "slide__select-team-header"
-    }, t("img", {
-      src: g,
-      alt: o(this, c, "f").illustrationAlternativeText
-    }), t("h2", {
-      class: "slide__select-team-title"
-    }, o(this, c, "f").title)), t("div", {
-      class: "slide__select-team-description"
-    }, t("p", null, t("span", {
-      class: "info-message"
-    }, o(this, c, "f").infoMessage))), t("div", {
-      class: "field-group"
-    }, t("div", {
-      class: "field field-block"
-    }, t("label", {
-      htmlFor: "teams"
-    }, o(this, c, "f").teams), t("ch-combo-box-render", {
-      id: "teams",
-      accessibleName: "Teams",
-      class: "combo-box",
-      model: o(this, d, "f"),
-      value: o(this, d, "f")[0].value,
-      ref: e => l(this, m, e, "f")
-    }))), t("div", null, t("button", {
-      class: "button-primary continue-button",
-      onClick: o(this, p, "f")
-    }, o(this, c, "f").continueButtonCaption))))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/select-user-team" ];
-  }
-  get el() {
-    return a(this);
-  }
-};
-
-c = new WeakMap, d = new WeakMap, m = new WeakMap, p = new WeakMap;
-
-u.style = n;
-
-export { u as gx_ide_select_user_team };
-//# sourceMappingURL=p-b189e45d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapTeamsToComboBoxItemModel","teams","map","team","value","id","caption","name","selectUserTeamCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","_GxIdeUiSplash_userTeamsModel","_GxIdeUiSplash_chSelectTeamEl","_GxIdeUiSplash_continueHandle","async","continueCallback","__classPrivateFieldGet","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","h","Host","model","class","role","illustrationAriaLabel","src","alt","illustrationFigureAriaLabel","illustrationAlternativeText","title","infoMessage","htmlFor","accessibleName","ref","onClick","continueButtonCaption"],"sources":["src/components/select-user-team/helpers.tsx","src/components/select-user-team/select-user-team.scss?tag=gx-ide-select-user-team&encapsulation=shadow","src/components/select-user-team/select-user-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./select-user-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n  teams: TeamData[]\n): ComboBoxItemModel[] => {\n  return teams.map(team => {\n    return {\n      value: team.id,\n      caption: team.name\n    };\n  });\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mer-spacing--xl);\n}\n\n.slide {\n  display: grid;\n  max-inline-size: 1100px;\n  grid-template-columns: 1fr 550px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--md);\n  overflow: hidden;\n  transition: var(--slide-fade-duration) opacity;\n\n  &__illustration {\n    overflow: hidden;\n    max-block-size: 700px;\n  }\n\n  &__select-team {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: var(--mer-spacing--3xl);\n  }\n\n  &__select-team-container {\n    display: grid;\n    gap: var(--mer-spacing--lg);\n    max-inline-size: 480px;\n    place-self: center;\n  }\n\n  &__select-team-header {\n    display: grid;\n    gap: var(--mer-spacing--lg);\n  }\n\n  &__select-team-title {\n    font-size: var(--mer-font__size--xl);\n    color: var(--mer-text__on-surface);\n    letter-spacing: 0.02em;\n    font-weight: var(--mer-font__weight--semi-bold);\n  }\n\n  &__select-team-description {\n    display: grid;\n    color: var(--mer-text__complementary);\n    gap: var(--mer-spacing--md);\n    font-size: var(--mer-font__size--sm);\n    font-weight: var(--mer-font__weight--light);\n    line-height: var(--mer-line-height--spaced);\n  }\n}\n\n.info-message {\n  font-weight: bold;\n  color: var(--mer-text__on-surface);\n}\n.continue-button {\n  padding-inline-start: var(--mer-spacing--3xl) !important;\n  padding-inline-end: var(--mer-spacing--3xl) !important;\n}\n","// Stencil\nimport { Component, Host, h, Prop, Element, getAssetPath } from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { mapTeamsToComboBoxItemModel } from \"./helpers\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/combo-box\",\n  \"components/button\",\n  \"utils/form\"\n];\n\n@Component({\n  tag: \"gx-ide-select-user-team\",\n  styleUrl: \"select-user-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-user-team\"]\n})\nexport class GxIdeUiSplash {\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  #userTeamsModel: ComboBoxItemModel[] = [];\n  #chSelectTeamEl: HTMLChComboBoxRenderElement;\n\n  /**\n   * Array that contain the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n\n  /**\n   * Callback executed when the user click the 'continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  @Element() el: HTMLGxIdeSelectUserTeamElement;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#userTeamsModel = mapTeamsToComboBoxItemModel(this.teams);\n  }\n\n  #continueHandle = async () => {\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <div\n            class=\"slide__illustration\"\n            role=\"img\"\n            aria-label={this.#componentLocale.illustrationAriaLabel}\n          >\n            <img\n              // base image (acts like a background)\n              src={COPYRIGHTS_ILLUSTRATION}\n              class=\"slide__illustration\"\n              alt={this.#componentLocale.illustrationFigureAriaLabel}\n            />\n          </div>\n\n          <section class=\"slide__select-team\">\n            <div class=\"slide__select-team-container\">\n              <header class=\"slide__select-team-header\">\n                <img\n                  src={ICON_NEXT}\n                  alt={this.#componentLocale.illustrationAlternativeText}\n                />\n                <h2 class=\"slide__select-team-title\">\n                  {this.#componentLocale.title}\n                </h2>\n              </header>\n\n              <div class=\"slide__select-team-description\">\n                <p>\n                  <span class=\"info-message\">\n                    {this.#componentLocale.infoMessage}\n                  </span>\n                </p>\n              </div>\n\n              <div class=\"field-group\">\n                <div class=\"field field-block\">\n                  <label htmlFor=\"teams\">{this.#componentLocale.teams}</label>\n                  <ch-combo-box-render\n                    id=\"teams\"\n                    accessibleName=\"Teams\"\n                    class=\"combo-box\"\n                    model={this.#userTeamsModel}\n                    value={this.#userTeamsModel[0].value}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#chSelectTeamEl = el as HTMLChComboBoxRenderElement)\n                    }\n                  ></ch-combo-box-render>\n                </div>\n              </div>\n\n              <div>\n                <button\n                  class=\"button-primary continue-button\"\n                  onClick={this.#continueHandle}\n                >\n                  {this.#componentLocale.continueButtonCaption}\n                </button>\n              </div>\n            </div>\n          </section>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type TeamData = {\n  id: string;\n  name: string;\n};\n"],"mappings":";;;;AAGO,MAAMA,8BACXC,KAEOA,EAAMC,KAAIC,MACR;EACLC,OAAOD,EAAKE;EACZC,SAASH,EAAKI;;;ACTpB,MAAMC,IAAoB;;;;;;;;;;;;;;;;;ACS1B,MAAMC,IAA0BC,EAC9B;;AAEF,MAAMC,IAAYD,EAChB;;AAGF,MAAME,IAA8B,EAClC,qBACA,oBACA,wBACA,qBACA;;MASWC,IAAa;;;;;;;QAKxBC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAuC;IACvCE,EAAAH,IAAAC,WAAA;IAmBAG,EAAAJ,IAAAC,OAAkBI;YACVJ,KAAKK,iBAAiBC,EAAAN,MAAIE,GAAA,KAAiBd;AAAM;;;;EANzD,uBAAMmB;IACJC,EAAAR,MAAIF,SAA0BW,EAAOC,oBAAoBV,KAAKW,KAAG;IACjEH,EAAAR,MAAIC,GAAmBjB,4BAA4BgB,KAAKf,QAAM;;EAOhE,MAAA2B;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOnB;QACjBiB,EAAA;MAASG,OAAM;OACbH,EAAA;MACEG,OAAM;MACNC,MAAK;MAAK,cACEX,EAAAN,MAAIF,GAAA,KAAkBoB;OAElCL,EAAA;;MAEEM,KAAK1B;MACLuB,OAAM;MACNI,KAAKd,EAAAN,MAAIF,GAAA,KAAkBuB;SAI/BR,EAAA;MAASG,OAAM;OACbH,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAQG,OAAM;OACZH,EAAA;MACEM,KAAKxB;MACLyB,KAAKd,EAAAN,MAAIF,GAAA,KAAkBwB;QAE7BT,EAAA;MAAIG,OAAM;OACPV,EAAAN,MAAIF,GAAA,KAAkByB,SAI3BV,EAAA;MAAKG,OAAM;OACTH,EAAA,WACEA,EAAA;MAAMG,OAAM;OACTV,EAAAN,MAAIF,GAAA,KAAkB0B,gBAK7BX,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAOY,SAAQ;OAASnB,EAAAN,MAAIF,GAAA,KAAkBb,QAC9C4B,EAAA;MACExB,IAAG;MACHqC,gBAAe;MACfV,OAAM;MACND,OAAOT,EAAAN,MAAIC,GAAA;MACXb,OAAOkB,EAAAN,MAAIC,GAAA,KAAiB,GAAGb;MAC/BuC,KAAMhB,KACHH,EAAAR,MAAIE,GAAmBS,GAAiC;UAMjEE,EAAA,aACEA,EAAA;MACEG,OAAM;MACNY,SAAStB,EAAAN,MAAIG,GAAA;OAEZG,EAAAN,MAAIF,GAAA,KAAkB+B"}