@genexus/genexus-ide-ui 1.0.31 → 1.0.32

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

@@ -0,0 +1 @@
+{"version":3,"names":["signInCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","h","Host","model","class","role","__classPrivateFieldGet","illustrationAriaLabel","src","alt","illustrationFigureAriaLabel","illustrationAlternativeText","title","hidden","descriptionText","byContinuingTextFirstPart","onClick","termsCallback","byContinuingCallBackText","signInCallback","signInButtonCaption"],"sources":["src/components/sign-in/sign-in.scss?tag=gx-ide-sign-in&encapsulation=shadow","src/components/sign-in/sign-in.tsx"],"sourcesContent":[":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\n  &__illustration {\n    overflow: hidden;\n    max-block-size: 700px;\n  }\n\n  &__sign-in {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: var(--mer-spacing--3xl);\n  }\n\n  &__sign-in-container {\n    display: grid;\n    gap: var(--mer-spacing--lg);\n    max-inline-size: 480px;\n    place-self: center;\n  }\n\n  &__sign-in-header {\n    display: grid;\n    gap: var(--mer-spacing--lg);\n  }\n\n  &__sign-in-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  &__sign-in-description {\n    display: grid;\n    color: var(--mer-text__complementary);\n    gap: var(--mer-spacing--2xl);\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.terms-conditions {\n  text-decoration: underline;\n}\n.sign-in-btn {\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\";\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);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\"\n];\n\n@Component({\n  tag: \"gx-ide-sign-in\",\n  styleUrl: \"sign-in.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/sign-in\"]\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\n  @Element() el: HTMLGxIdeSignInElement;\n\n  /**\n   * Callback executed when the user click on the \"term and conditions\" link\n   */\n  @Prop() readonly termsCallback: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click the Sign In button\n   */\n  @Prop() readonly signInCallback: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\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          <div class=\"slide__sign-in\">\n            <div class=\"slide__sign-in-container\">\n              <header class=\"slide__sign-in-header\">\n                <img\n                  src={ICON_NEXT}\n                  alt={this.#componentLocale.illustrationAlternativeText}\n                />\n                <h2 class=\"slide__sign-in-title\">\n                  {this.#componentLocale.title}\n                </h2>\n              </header>\n              <div class=\"slide__sign-in-description\">\n                <p hidden>\n                  <span>{this.#componentLocale.descriptionText}</span>\n                </p>\n                <span>\n                  {this.#componentLocale.byContinuingTextFirstPart}\n                  <a class=\"terms-conditions\" onClick={this.termsCallback}>\n                    {this.#componentLocale.byContinuingCallBackText}\n                  </a>\n                </span>\n              </div>\n              <div>\n                <button\n                  class=\"button-primary sign-in-btn\"\n                  onClick={this.signInCallback}\n                >\n                  {this.#componentLocale.signInButtonCaption}\n                </button>\n              </div>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,MAAMA,IAAY;;;;;;;;;;;;;;;;;ACOlB,MAAMC,IAA0BC,EAC9B;;AAEF,MAAMC,IAAYD,EAChB;;AAEF,MAAME,IAA8B,EAClC,qBACA,oBACA;;MASWC,IAAa;;;;;;;QAKxBC,EAAAC,IAAAC,WAAA;;;;EAcA,uBAAMC;IACJC,EAAAF,MAAIF,SAA0BK,EAAOC,oBAAoBJ,KAAKK,KAAG;;EAGnE,MAAAC;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOb;QACjBW,EAAA;MAASG,OAAM;OACbH,EAAA;MACEG,OAAM;MACNC,MAAK;MAAK,cACEC,EAAAZ,MAAIF,GAAA,KAAkBe;OAElCN,EAAA;;MAEEO,KAAKrB;MACLiB,OAAM;MACNK,KAAKH,EAAAZ,MAAIF,GAAA,KAAkBkB;SAI/BT,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAQG,OAAM;OACZH,EAAA;MACEO,KAAKnB;MACLoB,KAAKH,EAAAZ,MAAIF,GAAA,KAAkBmB;QAE7BV,EAAA;MAAIG,OAAM;OACPE,EAAAZ,MAAIF,GAAA,KAAkBoB,SAG3BX,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAGY,QAAM;OACPZ,EAAA,cAAOK,EAAAZ,MAAIF,GAAA,KAAkBsB,mBAE/Bb,EAAA,cACGK,EAAAZ,MAAIF,GAAA,KAAkBuB,2BACvBd,EAAA;MAAGG,OAAM;MAAmBY,SAAStB,KAAKuB;OACvCX,EAAAZ,MAAIF,GAAA,KAAkB0B,6BAI7BjB,EAAA,aACEA,EAAA;MACEG,OAAM;MACNY,SAAStB,KAAKyB;OAEbb,EAAAZ,MAAIF,GAAA,KAAkB4B"}

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

@@ -0,0 +1,113 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/genexus-ide-ui/{p-63f198f5.entry.js → p-fe063c9e.entry.js}

@@ -1,76 +1,78 @@
-import { a as n, r as i, h as e, H as t, g as s } from "./p-49712340.js";
+import { a as e, r as n, h as i, H as t, g as s } from "./p-49712340.js";
 
 import { L as a } from "./p-311eedf3.js";
 
-const mapTeamsToComboBoxItemModel = n => {
-  if (!n) {
+const mapTeamsToComboBoxItemModel = e => {
+  if (!e) {
     return [];
   }
-  return n.map((n => ({
-    value: n.id,
-    caption: n.name
+  return e.map((e => ({
+    value: e.id,
+    caption: e.name
   })));
 };
 
 const r = ":host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\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  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--md);\n  overflow: hidden;\n}\n.slide__illustration {\n  overflow: hidden;\n  object-fit: cover;\n  object-position: left;\n  block-size: 100%;\n  inline-size: 100%;\n}\n.slide__main {\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  padding: var(--mer-spacing--3xl);\n  transform: translateY(var(--mer-spacing--2xs));\n  transition: var(--switch-step-transtion-time) all;\n  opacity: 0;\n}\n.slide__main--visible {\n  transform: translateY(0);\n  opacity: 1;\n}\n.slide__main-container {\n  display: grid;\n  place-self: center;\n  gap: var(--mer-spacing--lg);\n  max-inline-size: 480px;\n}\n.slide__main-header {\n  display: grid;\n  gap: var(--mer-spacing--lg);\n}\n.slide__main-title {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--mer-font__size--xl);\n  font-weight: var(--mer-font__weight--semi-bold);\n  letter-spacing: 0.02em;\n  color: var(--mer-text__on-surface);\n}\n.slide__main-description {\n  display: grid;\n  gap: var(--mer-spacing--2xl);\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  color: var(--mer-text__complementary);\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.main-btn {\n  inline-size: 100%;\n  max-inline-size: 124px;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}";
 
-var o = undefined && undefined.__classPrivateFieldGet || function(n, i, e, t) {
-  if (e === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof i === "function" ? n !== i || !t : !i.has(n)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return e === "m" ? t : e === "a" ? t.call(n) : t ? t.value : i.get(n);
+var o = undefined && undefined.__classPrivateFieldGet || function(e, n, i, t) {
+  if (i === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof n === "function" ? e !== n || !t : !n.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? t : i === "a" ? t.call(e) : t ? t.value : n.get(e);
 };
 
-var l = undefined && undefined.__classPrivateFieldSet || function(n, i, e, t, s) {
+var l = undefined && undefined.__classPrivateFieldSet || function(e, n, i, t, s) {
   if (t === "m") throw new TypeError("Private method is not writable");
   if (t === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof i === "function" ? n !== i || !s : !i.has(n)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return t === "a" ? s.call(n, e) : s ? s.value = e : i.set(n, e), e;
+  if (typeof n === "function" ? e !== n || !s : !n.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return t === "a" ? s.call(e, i) : s ? s.value = i : n.set(e, i), i;
 };
 
-var d, c, h, m, p, f, g;
+var c, d, h, m, p, f;
 
-const u = n(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
+const g = e(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
 
-const _ = n(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
+const u = e(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
 
-const v = [ "resets/box-sizing", "utils/typography", "components/button", "components/combo-box" ];
+const _ = [ "resets/box-sizing", "utils/typography", "components/button", "components/combo-box" ];
 
-const w = class {
-  constructor(n) {
-    i(this, n);
+const v = class {
+  constructor(e) {
+    n(this, e);
     /**
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        d.set(this, void 0);
+        c.set(this, void 0);
     // Select User Team References :
-        c.set(this, []);
+        d.set(this, []);
     h.set(this, void 0);
     m.set(this, 100);
-    p.set(this, "signIn");
-    f.set(this, (() => {
+    p.set(this, (() => {
+      console.log("authStepCallback called");
       if (this.authStep === "signIn") {
         this.signInCallback();
       } else if (this.authStep === "selectUserTeam") {
-        o(this, g, "f").call(this);
+        o(this, f, "f").call(this);
       }
     }));
-    g.set(this, (async () => {
+    f.set(this, (async () => {
+      console.log("continueHandler called");
       await this.continueCallback(o(this, h, "f").value);
     }));
-    this.authStepInternal = o(this, p, "f");
+    this.authStepInternal = undefined;
     this.slideIsVisible = true;
-    this.authStep = o(this, p, "f");
+    this.authStep = "signIn";
     this.continueCallback = undefined;
     this.signInCallback = undefined;
     this.teams = undefined;
     this.termsCallback = undefined;
   }
-  authStepChanged(n) {
+  authStepChanged(e) {
+    console.log("authStep changed");
     this.slideIsVisible = false;
     // switch step
         setTimeout((() => {
-      this.authStepInternal = n;
+      this.authStepInternal = e;
     }), o(this, m, "f"));
     // show slide
         setTimeout((() => {
@@ -78,66 +80,68 @@ const w = class {
     }), o(this, m, "f") * 2);
   }
   async componentWillLoad() {
-    l(this, d, await a.getComponentStrings(this.el), "f");
-    l(this, c, mapTeamsToComboBoxItemModel(this.teams), "f");
+    l(this, c, await a.getComponentStrings(this.el), "f");
+    this.authStepInternal = this.authStep;
+    l(this, d, mapTeamsToComboBoxItemModel(this.teams), "f");
     this.el.style.setProperty("--switch-step-transtion-time", o(this, m, "f").toString() + "ms");
   }
   render() {
-    var n;
-    return e(t, null, e("ch-theme", {
-      model: v
-    }), e("section", {
+    var e;
+    console.log("userTeams comboBox model", o(this, d, "f"));
+    return i(t, null, i("ch-theme", {
+      model: _
+    }), i("section", {
       class: "slide"
-    }, e("img", {
-      src: u,
+    }, i("img", {
+      src: g,
       class: "slide__illustration",
       alt: ""
-    }), e("div", {
+    }), i("div", {
       class: {
         slide__main: true,
         "slide__main--visible": this.slideIsVisible
       }
-    }, e("div", {
+    }, i("div", {
       class: "slide__main-container"
-    }, e("header", {
+    }, i("header", {
       class: "slide__main-header"
-    }, e("img", {
-      src: _,
+    }, i("img", {
+      src: u,
       alt: ""
-    }), e("h2", {
+    }), i("h2", {
       // Split the title into two spans for better styling
       class: "slide__main-title"
-    }, e("span", null, o(this, d, "f")[this.authStepInternal].titlePart1), e("span", null, o(this, d, "f")[this.authStepInternal].titlePart2))), this.authStepInternal === "signIn" ? e("div", {
+    }, i("span", null, o(this, c, "f")[this.authStepInternal].titlePart1), i("span", null, o(this, c, "f")[this.authStepInternal].titlePart2))), this.authStepInternal === "signIn" ? i("div", {
       class: "slide__main-description"
-    }, e("p", {
+    }, i("p", {
       hidden: true
-    }, e("span", null, o(this, d, "f").descriptionText)), e("span", null, o(this, d, "f").signIn.byContinuingText, e("a", {
+    }, i("span", null, o(this, c, "f").descriptionText)), i("span", null, o(this, c, "f").signIn.byContinuingText, i("a", {
       class: "terms-conditions",
       onClick: this.termsCallback
-    }, o(this, d, "f").signIn.byContinuingCallBackText))) : [ e("div", {
+    }, o(this, c, "f").signIn.byContinuingCallBackText))) : [ i("div", {
       class: "slide__select-team-description"
-    }, e("p", {
+    }, i("p", {
       class: "text-body-highlighted-l"
-    }, o(this, d, "f").selectUserTeam.infoMessage)), e("div", {
+    }, o(this, c, "f").selectUserTeam.infoMessage)), i("div", {
       class: "field-group"
-    }, e("div", {
+    }, i("div", {
       class: "field field-block"
-    }, e("label", {
+    }, i("label", {
       htmlFor: "teams"
-    }, o(this, d, "f").teams), e("ch-combo-box-render", {
+    }, o(this, c, "f").teams), i("ch-combo-box-render", {
       id: "teams",
       accessibleName: "Teams",
       class: "combo-box teams-list",
-      model: o(this, c, "f"),
-      value: (n = o(this, c, "f")[0]) === null || n === void 0 ? void 0 : n.value,
-      ref: n => l(this, h, n, "f")
-    }))) ], e("div", null, e("button", {
+      model: o(this, d, "f"),
+      value: (e = o(this, d, "f")[0]) === null || e === void 0 ? void 0 : e.value,
+      ref: e => l(this, h, e, "f")
+    }))) ], i("div", null, i("button", {
       class: "button-primary main-btn",
-      onClick: o(this, f, "f")
-    }, o(this, d, "f")[this.authStepInternal].buttonCaption))))));
+      onClick: o(this, p, "f")
+    }, o(this, c, "f")[this.authStepInternal].buttonCaption))))));
   }
   static get assetsDirs() {
-    return [ "gx-ide-assets/sign-in" ];
+    return [ "gx-ide-assets/sign-in-team" ];
   }
   get el() {
     return s(this);
@@ -149,10 +153,10 @@ const w = class {
   }
 };
 
-d = new WeakMap, c = new WeakMap, h = new WeakMap, m = new WeakMap, p = new WeakMap, 
-f = new WeakMap, g = new WeakMap;
+c = new WeakMap, d = new WeakMap, h = new WeakMap, m = new WeakMap, p = new WeakMap, 
+f = new WeakMap;
 
-w.style = r;
+v.style = r;
 
-export { w as gx_ide_sign_in };
-//# sourceMappingURL=p-63f198f5.entry.js.map
+export { v as gx_ide_sign_in_team };
+//# sourceMappingURL=p-fe063c9e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapTeamsToComboBoxItemModel","teams","map","team","value","id","caption","name","signInTeamCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","CSS_BUNDLES","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","_GxIdeUiSplash_userTeamsModel","_GxIdeUiSplash_chSelectTeamEl","_GxIdeUiSplash_switchStepTransitionTime","_GxIdeUiSplash_authStepCallback","console","log","authStep","signInCallback","__classPrivateFieldGet","_GxIdeUiSplash_continueHandler","call","async","continueCallback","authStepChanged","newAuthStep","slideIsVisible","setTimeout","authStepInternal","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","style","setProperty","toString","render","h","Host","model","class","src","alt","slide__main","titlePart1","titlePart2","hidden","descriptionText","signIn","byContinuingText","onClick","termsCallback","byContinuingCallBackText","selectUserTeam","infoMessage","htmlFor","accessibleName","_a","ref","buttonCaption"],"sources":["src/components/sign-in-team/helpers.ts","src/components/sign-in-team/sign-in-team.scss?tag=gx-ide-sign-in-team&encapsulation=shadow","src/components/sign-in-team/sign-in-team.tsx"],"sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { TeamData } from \"./sign-in-team\";\n\nexport const mapTeamsToComboBoxItemModel = (\n  teams?: TeamData[]\n): ComboBoxItemModel[] | undefined => {\n  if (!teams) {\n    return [];\n  }\n  return teams.map(team => ({\n    value: team.id,\n    caption: team.name\n  }));\n};\n",":host {\n  display: grid;\n  container-type: inline-size;\n  container-name: host-container;\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  grid-template-columns: 1fr 1fr;\n  block-size: 100%;\n  max-block-size: 700px;\n  max-inline-size: 1100px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--md);\n  overflow: hidden;\n\n  &__illustration {\n    overflow: hidden;\n    object-fit: cover;\n    object-position: left;\n    block-size: 100%;\n    inline-size: 100%;\n  }\n\n  &__main {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: var(--mer-spacing--3xl);\n    transform: translateY(var(--mer-spacing--2xs));\n    transition: var(--switch-step-transtion-time) all;\n    opacity: 0;\n\n    &--visible {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  &__main-container {\n    display: grid;\n    place-self: center;\n    gap: var(--mer-spacing--lg);\n    max-inline-size: 480px;\n  }\n\n  &__main-header {\n    display: grid;\n    gap: var(--mer-spacing--lg);\n  }\n\n  &__main-title {\n    display: flex;\n    flex-direction: column;\n    font-size: var(--mer-font__size--xl);\n    font-weight: var(--mer-font__weight--semi-bold);\n    letter-spacing: 0.02em;\n    color: var(--mer-text__on-surface);\n  }\n\n  &__main-description {\n    display: grid;\n    gap: var(--mer-spacing--2xl);\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    color: var(--mer-text__complementary);\n  }\n}\n\n.terms-conditions {\n  text-decoration: underline;\n}\n\n.teams-list {\n  inline-size: 100%;\n  max-inline-size: 400px;\n}\n\n.main-btn {\n  inline-size: 100%;\n  max-inline-size: 124px;\n}\n\n@container host-container (max-width: 768px) {\n  .slide {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n\n@container host-container (max-width: 640px) {\n  .slide {\n    grid-template-columns: 1fr 5fr;\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch,\n  Element,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\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);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"components/button\",\n  \"components/combo-box\"\n];\n\n@Component({\n  tag: \"gx-ide-sign-in-team\",\n  styleUrl: \"sign-in-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/sign-in-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  // Select User Team References :\n  #userTeamsModel: ComboBoxItemModel[] = [];\n  #chSelectTeamEl: HTMLChComboBoxRenderElement;\n  #switchStepTransitionTime: number = 100;\n\n  @Element() el: HTMLGxIdeSignInTeamElement;\n\n  /**\n   * This is a handover from \"authStep\" that allows updating descriptions once\n   * the slide is hidden. This enables a smooth transition between descriptions.\n   */\n\n  @State() authStepInternal: AuthStep;\n\n  /**\n   * Defines if the main slide is visible or not. Used for smooth transitions\n   * between slides.\n   */\n  @State() slideIsVisible: boolean = true;\n\n  /**\n   * The authentication step to display\n   */\n  @Prop() readonly authStep: AuthStep = \"signIn\";\n  @Watch(\"authStep\")\n  authStepChanged(newAuthStep: AuthStep) {\n    console.log(\"authStep changed\");\n    this.slideIsVisible = false;\n    // switch step\n    setTimeout(() => {\n      this.authStepInternal = newAuthStep;\n    }, this.#switchStepTransitionTime);\n    // show slide\n    setTimeout(() => {\n      this.slideIsVisible = true;\n    }, this.#switchStepTransitionTime * 2);\n  }\n\n  /**\n   * Callback executed when the user clicks the 'Continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  /**\n   * Callback executed when the user click the \"Sign In\" button\n   */\n  @Prop() readonly signInCallback: () => Promise<void>;\n\n  /**\n   * Array that contains the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n\n  /**\n   * Callback executed when the user clicks on the \"term and conditions\" link\n   */\n  @Prop() readonly termsCallback: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.authStepInternal = this.authStep;\n    this.#userTeamsModel = mapTeamsToComboBoxItemModel(this.teams);\n    this.el.style.setProperty(\n      \"--switch-step-transtion-time\",\n      this.#switchStepTransitionTime.toString() + \"ms\"\n    );\n  }\n\n  #authStepCallback = () => {\n    console.log(\"authStepCallback called\");\n    if (this.authStep === \"signIn\") {\n      this.signInCallback();\n    } else if (this.authStep === \"selectUserTeam\") {\n      this.#continueHandler();\n    }\n  };\n\n  #continueHandler = async () => {\n    console.log(\"continueHandler called\");\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  render() {\n    console.log(\"userTeams comboBox model\", this.#userTeamsModel);\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"slide\">\n          <img\n            src={COPYRIGHTS_ILLUSTRATION}\n            class=\"slide__illustration\"\n            alt=\"\" // decorative\n          />\n\n          <div\n            class={{\n              \"slide__main\": true,\n              \"slide__main--visible\": this.slideIsVisible\n            }}\n          >\n            <div class=\"slide__main-container\">\n              <header class=\"slide__main-header\">\n                <img\n                  src={ICON_NEXT}\n                  alt=\"\" // decorative\n                />\n                <h2\n                  // Split the title into two spans for better styling\n                  class=\"slide__main-title\"\n                >\n                  <span>\n                    {this.#componentLocale[this.authStepInternal].titlePart1}\n                  </span>\n                  <span>\n                    {this.#componentLocale[this.authStepInternal].titlePart2}\n                  </span>\n                </h2>\n              </header>\n\n              {this.authStepInternal === \"signIn\" ? (\n                <div class=\"slide__main-description\">\n                  <p hidden>\n                    <span>{this.#componentLocale.descriptionText}</span>\n                  </p>\n                  <span>\n                    {this.#componentLocale.signIn.byContinuingText}\n                    <a class=\"terms-conditions\" onClick={this.termsCallback}>\n                      {this.#componentLocale.signIn.byContinuingCallBackText}\n                    </a>\n                  </span>\n                </div>\n              ) : (\n                [\n                  <div class=\"slide__select-team-description\">\n                    <p class=\"text-body-highlighted-l\">\n                      {this.#componentLocale.selectUserTeam.infoMessage}\n                    </p>\n                  </div>,\n\n                  <div class=\"field-group\">\n                    <div class=\"field field-block\">\n                      <label htmlFor=\"teams\">\n                        {this.#componentLocale.teams}\n                      </label>\n                      <ch-combo-box-render\n                        id=\"teams\"\n                        accessibleName=\"Teams\"\n                        class=\"combo-box teams-list\"\n                        model={this.#userTeamsModel}\n                        value={this.#userTeamsModel[0]?.value}\n                        ref={(el: HTMLChComboBoxRenderElement) =>\n                          (this.#chSelectTeamEl =\n                            el as HTMLChComboBoxRenderElement)\n                        }\n                      ></ch-combo-box-render>\n                    </div>\n                  </div>\n                ]\n              )}\n\n              <div>\n                <button\n                  class=\"button-primary main-btn\"\n                  onClick={this.#authStepCallback}\n                >\n                  {this.#componentLocale[this.authStepInternal].buttonCaption}\n                </button>\n              </div>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type AuthStep = \"signIn\" | \"selectUserTeam\";\n\nexport type TeamData = {\n  id: string;\n  name: string;\n};\n"],"mappings":"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"}

package/dist/types/components/select-user-team/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ComboBoxItemModel } from "@genexus/chameleon-controls-library/dist/types/components/combo-box/types";
+import { TeamData } from "./select-user-team";
+export declare const mapTeamsToComboBoxItemModel: (teams: TeamData[]) => ComboBoxItemModel[];

package/dist/types/components/select-user-team/select-user-team.d.ts

@@ -0,0 +1,18 @@
+export declare class GxIdeUiSplash {
+    #private;
+    /**
+     * Array that contain the user's teams
+     */
+    readonly teams: TeamData[];
+    /**
+     * Callback executed when the user click the 'continue' button
+     */
+    readonly continueCallback: (teamId: string) => Promise<void>;
+    el: HTMLGxIdeSelectUserTeamElement;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}
+export type TeamData = {
+    id: string;
+    name: string;
+};

package/dist/types/components/sign-in/sign-in.d.ts

@@ -2,39 +2,13 @@ export declare class GxIdeUiSplash {
     #private;
     el: HTMLGxIdeSignInElement;
     /**
-     * This is a hand over from "authStep", that allows updating descriptions once the slide is hidden. This allows a smooth transition between descriptions.
+     * Callback executed when the user click on the "term and conditions" link
      */
-    authStepInternal: AuthStep;
-    /**
-     * Defines iv the main slide is visible or not. Used to do a smooth transition between slides.
-     */
-    slideIsVisible: boolean;
-    /**
-     * The authentication step to display
-     */
-    readonly authStep: AuthStep;
-    authStepChanged(newAuthStep: AuthStep): void;
-    /**
-     * Callback executed when the user clicks the 'Continue' button
-     */
-    readonly continueCallback: (teamId: string) => Promise<void>;
+    readonly termsCallback: () => Promise<void>;
     /**
-     * Callback executed when the user click the "Sign In" button
+     * Callback executed when the user click the Sign In button
      */
     readonly signInCallback: () => Promise<void>;
-    /**
-     * Array that contains the user's teams
-     */
-    readonly teams: TeamData[];
-    /**
-     * Callback executed when the user clicks on the "term and conditions" link
-     */
-    readonly termsCallback: () => Promise<void>;
     componentWillLoad(): Promise<void>;
     render(): any;
 }
-export type AuthStep = "signIn" | "selectUserTeam";
-export type TeamData = {
-    id: string;
-    name: string;
-};

package/dist/types/components/{sign-in → sign-in-team}/helpers.d.ts

@@ -1,3 +1,3 @@
 import { ComboBoxItemModel } from "@genexus/chameleon-controls-library/dist/types/components/combo-box/types";
-import { TeamData } from "./sign-in";
+import { TeamData } from "./sign-in-team";
 export declare const mapTeamsToComboBoxItemModel: (teams?: TeamData[]) => ComboBoxItemModel[] | undefined;

package/dist/types/components/sign-in-team/sign-in-team.d.ts

@@ -0,0 +1,42 @@
+export declare class GxIdeUiSplash {
+    #private;
+    el: HTMLGxIdeSignInTeamElement;
+    /**
+     * This is a handover from "authStep" that allows updating descriptions once
+     * the slide is hidden. This enables a smooth transition between descriptions.
+     */
+    authStepInternal: AuthStep;
+    /**
+     * Defines if the main slide is visible or not. Used for smooth transitions
+     * between slides.
+     */
+    slideIsVisible: boolean;
+    /**
+     * The authentication step to display
+     */
+    readonly authStep: AuthStep;
+    authStepChanged(newAuthStep: AuthStep): void;
+    /**
+     * Callback executed when the user clicks the 'Continue' button
+     */
+    readonly continueCallback: (teamId: string) => Promise<void>;
+    /**
+     * Callback executed when the user click the "Sign In" button
+     */
+    readonly signInCallback: () => Promise<void>;
+    /**
+     * Array that contains the user's teams
+     */
+    readonly teams: TeamData[];
+    /**
+     * Callback executed when the user clicks on the "term and conditions" link
+     */
+    readonly termsCallback: () => Promise<void>;
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}
+export type AuthStep = "signIn" | "selectUserTeam";
+export type TeamData = {
+    id: string;
+    name: string;
+};