@genexus/genexus-ide-ui 1.0.35 → 1.0.37

package/dist/genexus-ide-ui/{p-a0724750.entry.js → p-bd5316a2.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, H as s, g as n } from "./p-49712340.js";
 
-import { g as a } from "./p-7d4c5a43.js";
+import { g as a } from "./p-b81d21d5.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -127,7 +127,7 @@ var f = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n)
   return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
 };
 
-var m, p, u, g, b, w, k, y, v, _, x, M, W, j, C, T, S, I, $, E, D, F, L, H, O, R;
+var m, p, u, b, g, w, k, y, v, _, x, M, W, j, C, T, S, I, $, E, D, F, L, H, O, R;
 
 const z = [ "resets/box-sizing", "components/button", "components/checkbox", "components/edit", "components/icon", "components/tree-view", "utils/form", "utils/layout", "utils/typography", "utils/spacing" ];
 
@@ -171,8 +171,8 @@ const X = class {
         m.set(this, void 0);
     p.set(this, []);
     u.set(this, void 0);
-    g.set(this, void 0);
     b.set(this, void 0);
+    g.set(this, void 0);
     w.set(this, new Set);
     k.set(this, new Set);
     y.set(this, new Set);
@@ -264,10 +264,10 @@ const X = class {
     }));
     D.set(this, (() => {
       this.selectedFile = null;
-      d(this, g, "f").value = null;
+      d(this, b, "f").value = null;
     }));
     F.set(this, (() => {
-      d(this, g, "f").click();
+      d(this, b, "f").click();
     }));
     L.set(this, (t => {
       var e;
@@ -315,9 +315,9 @@ const X = class {
       d(this, j, "f").call(this);
     }));
     O.set(this, (t => {
-      if (d(this, b, "f")) {
+      if (d(this, g, "f")) {
         const e = t.detail === V;
-        d(this, b, "f").updateAllItemsProperties({
+        d(this, g, "f").updateAllItemsProperties({
           checked: e
         });
       }
@@ -448,7 +448,7 @@ const X = class {
       type: "file",
       accept: ".xpz, .xml",
       onChange: d(this, L, "f"),
-      ref: t => f(this, g, t, "f")
+      ref: t => f(this, b, t, "f")
     })), i("div", {
       class: "buttons-spacer"
     }, i("button", {
@@ -488,7 +488,7 @@ const X = class {
       onCheckedItemsChange: d(this, S, "f"),
       onSelectedItemsChange: d(this, $, "f"),
       onItemContextmenu: d(this, I, "f"),
-      ref: t => f(this, b, t, "f")
+      ref: t => f(this, g, t, "f")
     }) : i("gx-ide-empty-state", {
       isAnimated: false,
       stateTitle: d(this, m, "f").main.objectsInFile.noObjects,
@@ -594,7 +594,7 @@ const X = class {
   }
 };
 
-m = new WeakMap, p = new WeakMap, u = new WeakMap, g = new WeakMap, b = new WeakMap, 
+m = new WeakMap, p = new WeakMap, u = new WeakMap, b = new WeakMap, g = new WeakMap, 
 w = new WeakMap, k = new WeakMap, y = new WeakMap, v = new WeakMap, _ = new WeakMap, 
 x = new WeakMap, M = new WeakMap, W = new WeakMap, j = new WeakMap, C = new WeakMap, 
 T = new WeakMap, S = new WeakMap, I = new WeakMap, $ = new WeakMap, E = new WeakMap, 
@@ -604,4 +604,4 @@ R = new WeakMap;
 X.style = l;
 
 export { X as gx_ide_kb_manager_import };
-//# sourceMappingURL=p-a0724750.entry.js.map
+//# sourceMappingURL=p-bd5316a2.entry.js.map

package/dist/genexus-ide-ui/{p-fa69428e.entry.js → p-bf1682ff.entry.js}

@@ -1,18 +1,18 @@
 import { r as t, c as e, h as i, H as o, g as s } from "./p-49712340.js";
 
-import { g as r } from "./p-7d4c5a43.js";
+import { g as r } from "./p-b81d21d5.js";
 
 import { L as n } from "./p-311eedf3.js";
 
 const a = ".wrapper{display:grid;grid-template-columns:1fr max-content max-content;gap:var(--mer-spacing--xs);border-radius:var(--control__border-radius);border:var(--control__border-width) var(--control__border-style) var(--control__border-color);padding:var(--control__padding-block) var(--control__padding-inline)}.wrapper:hover{--control__border-color:var(--control__border-color--hover)}.input{--control__padding-block:0;--control__padding-inline:0;--control__border-width:0;--focus__outline-width:0}:host(:focus-within) .wrapper{--control__border-color:var(--focus__outline-color)}:host(.entity-selector--button-has-focus) .wrapper{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .wrapper{background-color:var(--control__background-color--disabled);border-color:var(--control__border-color--disabled)}";
 
-var l = undefined && undefined.__classPrivateFieldGet || function(t, e, i, o) {
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, i, o) {
   if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
   if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return i === "m" ? o : i === "a" ? o.call(t) : o ? o.value : e.get(t);
 };
 
-var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, o, s) {
+var l = undefined && undefined.__classPrivateFieldSet || function(t, e, i, o, s) {
   if (o === "m") throw new TypeError("Private method is not writable");
   if (o === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
   if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
@@ -63,10 +63,10 @@ const _ = class {
         part: "wrapper",
         class: "wrapper"
       }, i("ch-edit", {
-        accessibleName: this.labelPosition === "none" && l(this, c, "f").entitySelectorInputAccessibleName,
+        accessibleName: this.labelPosition === "none" && d(this, c, "f").entitySelectorInputAccessibleName,
         class: "input",
         disabled: this.disabled,
-        name: this.name || l(this, c, "f").entitySelectorNameAttribute,
+        name: this.name || d(this, c, "f").entitySelectorNameAttribute,
         startImgSrc: this.iconSrc,
         readonly: true,
         value: ((t = this.value) === null || t === void 0 ? void 0 : t.name) || ((e = this.defaultValue) === null || e === void 0 ? void 0 : e.name),
@@ -74,26 +74,26 @@ const _ = class {
       }), i("button", {
         part: "button-clear",
         class: "icon-button",
-        "aria-label": l(this, c, "f").clearButtonLabel,
-        title: l(this, c, "f").clearButtonLabel,
+        "aria-label": d(this, c, "f").clearButtonLabel,
+        title: d(this, c, "f").clearButtonLabel,
         type: "button",
         disabled: this.disabled,
-        onClick: l(this, h, "f"),
-        onFocus: this.buttonHasFocus ? l(this, f, "f") : undefined,
-        onBlur: !this.buttonHasFocus ? l(this, f, "f") : undefined
+        onClick: d(this, h, "f"),
+        onFocus: this.buttonHasFocus ? d(this, f, "f") : undefined,
+        onBlur: !this.buttonHasFocus ? d(this, f, "f") : undefined
       }, i("ch-image", {
         class: "icon-md",
         src: w,
         disabled: this.disabled
       })), i("button", {
         class: "icon-button",
-        "aria-label": l(this, c, "f").selectButtonLabel,
-        title: l(this, c, "f").selectButtonLabel,
+        "aria-label": d(this, c, "f").selectButtonLabel,
+        title: d(this, c, "f").selectButtonLabel,
         type: "button",
         disabled: !this.selectEntityCallback || this.disabled,
-        onClick: l(this, u, "f"),
-        onBlur: !this.buttonHasFocus ? l(this, f, "f") : undefined,
-        onFocus: this.buttonHasFocus ? l(this, f, "f") : undefined
+        onClick: d(this, u, "f"),
+        onBlur: !this.buttonHasFocus ? d(this, f, "f") : undefined,
+        onFocus: this.buttonHasFocus ? d(this, f, "f") : undefined
       }, i("ch-image", {
         class: "icon-md",
         src: v,
@@ -117,14 +117,14 @@ const _ = class {
   }
   valueChangedHandler() {
     this.valueChanged.emit(this.value);
-    l(this, b, "f").call(this);
+    d(this, b, "f").call(this);
   }
   // 6.Component Lifecycle Events
   async componentWillLoad() {
-    d(this, c, await n.getComponentStrings(this.el), "f");
+    l(this, c, await n.getComponentStrings(this.el), "f");
   }
   connectedCallback() {
-    l(this, b, "f").call(this);
+    d(this, b, "f").call(this);
   }
   render() {
     return i(o, {
@@ -142,7 +142,7 @@ const _ = class {
     }, i("label", {
       class: "label",
       htmlFor: "entity-input"
-    }, this.labelCaption || l(this, c, "f").entitySelectorInputAccessibleName), l(this, p, "f").call(this)) : l(this, p, "f").call(this));
+    }, this.labelCaption || d(this, c, "f").entitySelectorInputAccessibleName), d(this, p, "f").call(this)) : d(this, p, "f").call(this));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/entity-selector" ];
@@ -163,4 +163,4 @@ b = new WeakMap;
 _.style = a;
 
 export { _ as gx_ide_entity_selector };
-//# sourceMappingURL=p-fa69428e.entry.js.map
+//# sourceMappingURL=p-bf1682ff.entry.js.map

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

@@ -0,0 +1,130 @@
+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 = e => 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}\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.buttons-container {\n  display: flex;\n  gap: var(--mer-spacing--md);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\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(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(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 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 c, d, m, h, 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 u = [ "resets/box-sizing", "utils/typography", "components/button", "components/combo-box" ];
+
+const _ = class {
+  constructor(e) {
+    n(this, e);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        c.set(this, void 0);
+    // Select User Team References :
+        d.set(this, []);
+    m.set(this, void 0);
+    h.set(this, (async () => {
+      await this.continueCallback(o(this, m, "f").value);
+    }));
+    p.set(this, (async () => {
+      await this.cancelCallback();
+    }));
+    this.cancelCallback = undefined;
+    this.continueCallback = undefined;
+    this.teams = undefined;
+  }
+  teamsChanged(e) {
+    l(this, d, mapTeamsToComboBoxItemModel(e), "f");
+  }
+  async componentWillLoad() {
+    l(this, c, await a.getComponentStrings(this.el), "f");
+    this.teamsChanged(this.teams);
+  }
+  render() {
+    var e;
+    return i(t, null, i("ch-theme", {
+      model: u
+    }), i("section", {
+      class: "slide"
+    }, i("img", {
+      src: f,
+      class: "slide__illustration",
+      alt: ""
+    }), i("div", {
+      class: {
+        slide__main: true
+      }
+    }, i("div", {
+      class: "slide__main-container"
+    }, i("header", {
+      class: "slide__main-header"
+    }, i("img", {
+      src: g,
+      alt: ""
+    }), i("h2", {
+      // Split the title into two spans for better styling
+      class: "slide__main-title"
+    }, i("span", null, o(this, c, "f").title))), i("div", {
+      class: "slide__select-team-description"
+    }, i("p", {
+      class: "text-body-highlighted-l"
+    }, o(this, c, "f").infoMessage)), i("div", {
+      class: "field-group"
+    }, i("div", {
+      class: "field field-block"
+    }, i("label", {
+      htmlFor: "teams"
+    }, o(this, c, "f").teams), i("ch-combo-box-render", {
+      id: "teams",
+      accessibleName: "Teams",
+      class: "combo-box teams-list",
+      model: o(this, d, "f"),
+      value: (e = o(this, d, "f")[0]) === null || e === void 0 ? void 0 : e.value,
+      ref: e => l(this, m, e, "f")
+    }))), i("div", {
+      class: "buttons-container"
+    }, i("button", {
+      class: "button-primary continue-btn",
+      onClick: o(this, h, "f")
+    }, o(this, c, "f").continueButtonCaption), i("button", {
+      class: "button-secondary cancel-btn",
+      onClick: o(this, p, "f")
+    }, o(this, c, "f").cancelButtonCaption))))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/select-user-team" ];
+  }
+  get el() {
+    return s(this);
+  }
+  static get watchers() {
+    return {
+      teams: [ "teamsChanged" ]
+    };
+  }
+};
+
+c = new WeakMap, d = new WeakMap, m = new WeakMap, h = new WeakMap, p = new WeakMap;
+
+_.style = r;
+
+export { _ as gx_ide_select_user_team };
+//# sourceMappingURL=p-c9b0fd13.entry.js.map

package/dist/genexus-ide-ui/p-c9b0fd13.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","GxIdeSelectUserTeam","_GxIdeSelectUserTeam_componentLocale","set","this","_GxIdeSelectUserTeam_userTeamsModel","_GxIdeSelectUserTeam_chSelectTeamEl","_GxIdeSelectUserTeam_continueHandler","async","continueCallback","__classPrivateFieldGet","_GxIdeSelectUserTeam_cancelHandler","cancelCallback","teamsChanged","newTeams","__classPrivateFieldSet","componentWillLoad","Locale","getComponentStrings","el","render","h","Host","model","class","src","alt","slide__main","title","infoMessage","htmlFor","accessibleName","_a","ref","onClick","continueButtonCaption","cancelButtonCaption"],"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  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  }\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.buttons-container {\n  display: flex;\n  gap: var(--mer-spacing--md);\n}\n\n.continue-btn,\n.cancel-btn {\n  flex: 1;\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  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-select-user-team\",\n  styleUrl: \"select-user-team.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/select-user-team\"]\n})\nexport class GxIdeSelectUserTeam {\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\n  @Element() el: HTMLGxIdeSelectUserTeamElement;\n\n  /**\n   * Callback executed when the user clicks the 'Cancel' button\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user clicks the 'Continue' button\n   */\n  @Prop() readonly continueCallback!: (teamId: string) => Promise<void>;\n\n  /**\n   * Array that contains the user's teams\n   */\n  @Prop() readonly teams!: TeamData[];\n  @Watch(\"teams\")\n  teamsChanged(newTeams: TeamData[]) {\n    this.#userTeamsModel = mapTeamsToComboBoxItemModel(newTeams);\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.teamsChanged(this.teams);\n  }\n\n  #continueHandler = async () => {\n    await this.continueCallback(this.#chSelectTeamEl.value);\n  };\n\n  #cancelHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  render() {\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            }}\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>{this.#componentLocale.title}</span>\n                </h2>\n              </header>\n              <div class=\"slide__select-team-description\">\n                <p class=\"text-body-highlighted-l\">\n                  {this.#componentLocale.infoMessage}\n                </p>\n              </div>\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 teams-list\"\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              <div class=\"buttons-container\">\n                <button\n                  class=\"button-primary continue-btn\"\n                  onClick={this.#continueHandler}\n                >\n                  {this.#componentLocale.continueButtonCaption}\n                </button>\n                <button\n                  class=\"button-secondary cancel-btn\"\n                  onClick={this.#cancelHandler}\n                >\n                  {this.#componentLocale.cancelButtonCaption}\n                </button>\n              </div>\n            </div>\n          </div>\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;;;;;;;;;;;;;;;;;ACiB1B,MAAMC,IAA0BC,EAC9B;;AAEF,MAAMC,IAAYD,EAChB;;AAEF,MAAME,IAA8B,EAClC,qBACA,oBACA,qBACA;;MASWC,IAAmB;;;;;;;QAK9BC,EAAAC,IAAAC,WAAA;;QAEAC,EAAAF,IAAAC,MAAuC;IACvCE,EAAAH,IAAAC,WAAA;IA4BAG,EAAAJ,IAAAC,OAAmBI;YACXJ,KAAKK,iBAAiBC,EAAAN,MAAIE,GAAA,KAAiBd;AAAM;IAGzDmB,EAAAR,IAAAC,OAAiBI;YACTJ,KAAKQ;AAAgB;;;;;EAd7B,YAAAC,CAAaC;IACXC,EAAAX,MAAIC,GAAmBjB,4BAA4B0B,IAAS;;EAG9D,uBAAME;IACJD,EAAAX,MAAIF,SAA0Be,EAAOC,oBAAoBd,KAAKe,KAAG;IACjEf,KAAKS,aAAaT,KAAKf;;EAWzB,MAAA+B;;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOvB;QACjBqB,EAAA;MAASG,OAAM;OACbH,EAAA;MACEI,KAAK5B;MACL2B,OAAM;MACNE,KAAI;QAGNL,EAAA;MACEG,OAAO;QACLG,aAAa;;OAGfN,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAQG,OAAM;OACZH,EAAA;MACEI,KAAK1B;MACL2B,KAAI;QAENL,EAAA;;MAEEG,OAAM;OAENH,EAAA,cAAOX,EAAAN,MAAIF,GAAA,KAAkB0B,UAGjCP,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAGG,OAAM;OACNd,EAAAN,MAAIF,GAAA,KAAkB2B,eAG3BR,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAOS,SAAQ;OAASpB,EAAAN,MAAIF,GAAA,KAAkBb,QAC9CgC,EAAA;MACE5B,IAAG;MACHsC,gBAAe;MACfP,OAAM;MACND,OAAOb,EAAAN,MAAIC,GAAA;MACXb,QAAOwC,IAAAtB,EAAAN,MAAIC,GAAA,KAAiB,QAAE,QAAA2B,WAAA,aAAAA,EAAExC;MAChCyC,KAAMd,KACHJ,EAAAX,MAAIE,GAAmBa,GAAiC;UAKjEE,EAAA;MAAKG,OAAM;OACTH,EAAA;MACEG,OAAM;MACNU,SAASxB,EAAAN,MAAIG,GAAA;OAEZG,EAAAN,MAAIF,GAAA,KAAkBiC,wBAEzBd,EAAA;MACEG,OAAM;MACNU,SAASxB,EAAAN,MAAIO,GAAA;OAEZD,EAAAN,MAAIF,GAAA,KAAkBkC"}

package/dist/genexus-ide-ui/{p-31511545.entry.js → p-cadec045.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, a as e, h as s, H as i, g as a } from "./p-49712340.js";
 
-import { g as n } from "./p-7d4c5a43.js";
+import { g as n } from "./p-b81d21d5.js";
 
 import { c as o } from "./p-78b90603.js";
 
@@ -302,4 +302,4 @@ z = new WeakMap, A = new WeakMap, I = new WeakMap, L = new WeakMap;
 K.style = h;
 
 export { K as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-31511545.entry.js.map
+//# sourceMappingURL=p-cadec045.entry.js.map

package/dist/genexus-ide-ui/{p-e36d53f0.entry.js → p-dd890eed.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as t, H as i, g as o } from "./p-49712340.js";
 
-import { g as n } from "./p-7d4c5a43.js";
+import { g as n } from "./p-b81d21d5.js";
 
 import { L as s } from "./p-311eedf3.js";
 
@@ -146,4 +146,4 @@ l = new WeakMap, d = new WeakMap, f = new WeakMap, u = new WeakMap, m = new Weak
 y.style = r;
 
 export { y as gx_ide_current_user_info };
-//# sourceMappingURL=p-e36d53f0.entry.js.map
+//# sourceMappingURL=p-dd890eed.entry.js.map

package/dist/genexus-ide-ui/{p-cc0fbef2.entry.js → p-de6112f9.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, c as t, h as r, H as i, g as a } from "./p-49712340.js";
 
-import { g as o } from "./p-7d4c5a43.js";
+import { g as o } from "./p-b81d21d5.js";
 
 import { r as s } from "./p-d1cb5507.js";
 
@@ -470,4 +470,4 @@ c = new WeakMap, g = new WeakMap;
 h.style = n;
 
 export { h as gx_ide_manage_module_references_v2 };
-//# sourceMappingURL=p-cc0fbef2.entry.js.map
+//# sourceMappingURL=p-de6112f9.entry.js.map

package/dist/genexus-ide-ui/{p-be0c10de.entry.js → p-f36f9a6d.entry.js}

@@ -2,7 +2,7 @@ import { r as t, h as e, H as s, g as i } from "./p-49712340.js";
 
 import { L as n } from "./p-311eedf3.js";
 
-import { g as a } from "./p-7d4c5a43.js";
+import { g as a } from "./p-b81d21d5.js";
 
 const o = "property";
 
@@ -492,4 +492,4 @@ V = new WeakMap, L = new WeakMap, l = new WeakSet, S = function _GxIdeKbManagerE
 q.style = c;
 
 export { q as gx_ide_kb_manager_export };
-//# sourceMappingURL=p-be0c10de.entry.js.map
+//# sourceMappingURL=p-f36f9a6d.entry.js.map

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

@@ -1,14 +1,19 @@
-export declare class GxIdeUiSplash {
+export declare class GxIdeSelectUserTeam {
     #private;
+    el: HTMLGxIdeSelectUserTeamElement;
     /**
-     * Array that contain the user's teams
+     * Callback executed when the user clicks the 'Cancel' button
      */
-    readonly teams: TeamData[];
+    readonly cancelCallback: () => Promise<void>;
     /**
-     * Callback executed when the user click the 'continue' button
+     * Callback executed when the user clicks the 'Continue' button
      */
     readonly continueCallback: (teamId: string) => Promise<void>;
-    el: HTMLGxIdeSelectUserTeamElement;
+    /**
+     * Array that contains the user's teams
+     */
+    readonly teams: TeamData[];
+    teamsChanged(newTeams: TeamData[]): void;
     componentWillLoad(): Promise<void>;
     render(): any;
 }

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

@@ -1,4 +1,4 @@
-export declare class GxIdeUiSplash {
+export declare class GxIdeSignInTeam {
     #private;
     el: HTMLGxIdeSignInTeamElement;
     /**

package/dist/types/components.d.ts

@@ -1429,11 +1429,15 @@ export namespace Components {
     }
     interface GxIdeSelectUserTeam {
         /**
-          * Callback executed when the user click the 'continue' button
+          * Callback executed when the user clicks the 'Cancel' button
+         */
+        "cancelCallback": () => Promise<void>;
+        /**
+          * Callback executed when the user clicks the 'Continue' button
          */
         "continueCallback": (teamId: string) => Promise<void>;
         /**
-          * Array that contain the user's teams
+          * Array that contains the user's teams
          */
         "teams": TeamData[];
     }
@@ -4201,11 +4205,15 @@ declare namespace LocalJSX {
     }
     interface GxIdeSelectUserTeam {
         /**
-          * Callback executed when the user click the 'continue' button
+          * Callback executed when the user clicks the 'Cancel' button
+         */
+        "cancelCallback": () => Promise<void>;
+        /**
+          * Callback executed when the user clicks the 'Continue' button
          */
         "continueCallback": (teamId: string) => Promise<void>;
         /**
-          * Array that contain the user's teams
+          * Array that contains the user's teams
          */
         "teams": TeamData[];
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,12 +36,12 @@
   "peerDependencies": {
     "@genexus/chameleon-controls-library": ">=6.0.0-next.55",
     "@genexus/gemini": "*2.0.1",
-    "@genexus/mercury": "*0.12.6"
+    "@genexus/mercury": "*0.12.7"
   },
   "devDependencies": {
     "@genexus/chameleon-controls-library": ">=6.0.0-next.55",
     "@genexus/gemini": "*2.0.1",
-    "@genexus/mercury": "*0.12.6",
+    "@genexus/mercury": "*0.12.7",
     "@stencil-community/eslint-plugin": "~0.7.1",
     "@stencil/core": "~4.9.0",
     "@stencil/sass": "~1.4.0",