@genexus/genexus-ide-ui 1.0.30 → 1.0.32

package/dist/collection/components/current-user-info/current-user-info.js

@@ -0,0 +1,280 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _GxIdeNewEnvironment_componentLocale, _GxIdeNewEnvironment_initials, _GxIdeNewEnvironment_menuDropdownModel, _GxIdeNewEnvironment_userLoginButton, _GxIdeNewEnvironment_dropDownitemClickHandler;
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { Locale } from "../../common/locale";
+import { getInitialsFromName } from "./helpers";
+const CSS_BUNDLES = [
+    // TODO: review if "utils/form--full" is required.
+    "resets/box-sizing",
+    "components/tooltip",
+    "components/toggle",
+    "components/icon",
+    "components/dropdown",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const CHEVRON_DOWN_ICON = getIconPath({
+    category: "navigation",
+    name: "chevron-down",
+    colorType: "neutral"
+});
+const MY_ACCOUNT_ID = "my-account";
+const CHANGE_TEAM_ID = "change-team";
+const LOGOUT_ID = "log-out";
+const LANGUAGE_ID = "language";
+export class GxIdeNewEnvironment {
+    constructor() {
+        _GxIdeNewEnvironment_componentLocale.set(this, void 0);
+        _GxIdeNewEnvironment_initials.set(this, "");
+        // #mode: Mode;
+        _GxIdeNewEnvironment_menuDropdownModel.set(this, void 0);
+        _GxIdeNewEnvironment_userLoginButton.set(this, void 0);
+        // #handleModeSwitch = () => {
+        //   this.#mode = this.#mode === "dark" ? "light" : "dark";
+        //   if (this.changeModeCallback) {
+        //     this.changeModeCallback(this.#mode);
+        //   }
+        // };
+        _GxIdeNewEnvironment_dropDownitemClickHandler.set(this, (_event, _target, itemId) => {
+            if (itemId === MY_ACCOUNT_ID) {
+                this.myAccountCallback();
+            }
+            else if (itemId === CHANGE_TEAM_ID) {
+                this.changeTeamCallback();
+            }
+            else if (itemId === LOGOUT_ID) {
+                this.changeLanguageCallback();
+            }
+            else if (itemId === LANGUAGE_ID) {
+                this.signOutCallback();
+            }
+        });
+        this.showMenu = false;
+        this.userInfo = undefined;
+        this.myAccountCallback = undefined;
+        this.changeTeamCallback = undefined;
+        this.changeLanguageCallback = undefined;
+        this.changeModeCallback = undefined;
+        this.signOutCallback = undefined;
+        this.showTermsCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeNewEnvironment_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeNewEnvironment_initials, getInitialsFromName(this.userInfo.name), "f");
+        __classPrivateFieldSet(this, _GxIdeNewEnvironment_menuDropdownModel, [
+            {
+                id: MY_ACCOUNT_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").myAccountLabel,
+                showSeparator: false
+            },
+            {
+                id: CHANGE_TEAM_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").changeTeamLabel,
+                showSeparator: false
+            },
+            {
+                id: LOGOUT_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").logOutLabel,
+                showSeparator: true
+            }
+            // {
+            //   id: LANGUAGE_ID,
+            //   caption: this.#componentLocale.languageLabel,
+            //   showSeparator: true
+            // }
+        ], "f");
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-dropdown-render", { class: "dropdown", model: __classPrivateFieldGet(this, _GxIdeNewEnvironment_menuDropdownModel, "f"), position: "InsideEnd_OutsideEnd", itemClickCallback: __classPrivateFieldGet(this, _GxIdeNewEnvironment_dropDownitemClickHandler, "f") }, h("button", { class: "user-login__button", ref: el => (__classPrivateFieldSet(this, _GxIdeNewEnvironment_userLoginButton, el, "f")), slot: "action" }, h("div", { class: "user-login__details" }, h("span", { class: "user-login__name" }, this.userInfo.name), h("span", { class: "user-login__organization" }, this.userInfo.team)), h("div", { class: "user-login__avatar" }, __classPrivateFieldGet(this, _GxIdeNewEnvironment_initials, "f")), h("ch-image", { src: CHEVRON_DOWN_ICON, class: "icon-md", containerRef: __classPrivateFieldGet(this, _GxIdeNewEnvironment_userLoginButton, "f") })), h("div", { class: "user-login__footer footer-slot", slot: "footer" }, h("p", { class: "text-body-regular-s privacy-policy", onClick: this.showTermsCallback }, __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").privacyAndTerms)))));
+    }
+    static get is() { return "gx-ide-current-user-info"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["current-user-info.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["current-user-info.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/current-user-info"]; }
+    static get properties() {
+        return {
+            "userInfo": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "UserInfo",
+                    "resolved": "{ name: string; team: string; }",
+                    "references": {
+                        "UserInfo": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/current-user-info/current-user-info.tsx",
+                            "id": "src/components/current-user-info/current-user-info.tsx::UserInfo"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User data"
+                }
+            },
+            "myAccountCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"My Account\" link"
+                }
+            },
+            "changeTeamCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"change team\" link"
+                }
+            },
+            "changeLanguageCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"Language\" link"
+                }
+            },
+            "changeModeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(mode: Mode) => Promise<void>",
+                    "resolved": "(mode: Mode) => Promise<void>",
+                    "references": {
+                        "Mode": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/current-user-info/current-user-info.tsx",
+                            "id": "src/components/current-user-info/current-user-info.tsx::Mode"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user switch the \"Mode\" status"
+                }
+            },
+            "signOutCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"Sign Out\" link"
+                }
+            },
+            "showTermsCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"Privacy Policy & Terms of use\" link"
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "showMenu": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeNewEnvironment_componentLocale = new WeakMap(), _GxIdeNewEnvironment_initials = new WeakMap(), _GxIdeNewEnvironment_menuDropdownModel = new WeakMap(), _GxIdeNewEnvironment_userLoginButton = new WeakMap(), _GxIdeNewEnvironment_dropDownitemClickHandler = new WeakMap();
+//# sourceMappingURL=current-user-info.js.map

package/dist/collection/components/current-user-info/current-user-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"current-user-info.js","sourceRoot":"","sources":["../../../src/components/current-user-info/current-user-info.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport { Component, Element, Host, Prop, State, h } from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { getInitialsFromName } from \"./helpers\";\nimport { DropdownModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // TODO: review if \"utils/form--full\" is required.\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"components/toggle\",\n  \"components/icon\",\n  \"components/dropdown\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"navigation\",\n  name: \"chevron-down\",\n  colorType: \"neutral\"\n});\n\nconst MY_ACCOUNT_ID = \"my-account\";\nconst CHANGE_TEAM_ID = \"change-team\";\nconst LOGOUT_ID = \"log-out\";\nconst LANGUAGE_ID = \"language\";\n\n@Component({\n  tag: \"gx-ide-current-user-info\",\n  styleUrl: \"current-user-info.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/current-user-info\"]\n})\nexport class GxIdeNewEnvironment {\n  #componentLocale: any;\n  #initials: string = \"\";\n  // #mode: Mode;\n  #menuDropdownModel: DropdownModel;\n\n  @Element() el: HTMLGxIdeCurrentUserInfoElement;\n  #userLoginButton: HTMLButtonElement;\n\n  @State() showMenu: boolean = false;\n\n  /**\n   * User data\n   */\n  @Prop() readonly userInfo: UserInfo;\n\n  /**\n   * Callback executed when the user click \"My Account\" link\n   */\n  @Prop() readonly myAccountCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"change team\" link\n   */\n  @Prop() readonly changeTeamCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Language\" link\n   */\n  @Prop() readonly changeLanguageCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user switch the \"Mode\" status\n   */\n  @Prop() readonly changeModeCallback!: (mode: Mode) => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Sign Out\" link\n   */\n  @Prop() readonly signOutCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Privacy Policy & Terms of use\" link\n   */\n  @Prop() readonly showTermsCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#initials = getInitialsFromName(this.userInfo.name);\n    this.#menuDropdownModel = [\n      {\n        id: MY_ACCOUNT_ID,\n        caption: this.#componentLocale.myAccountLabel,\n        showSeparator: false\n      },\n      {\n        id: CHANGE_TEAM_ID,\n        caption: this.#componentLocale.changeTeamLabel,\n        showSeparator: false\n      },\n      {\n        id: LOGOUT_ID,\n        caption: this.#componentLocale.logOutLabel,\n        showSeparator: true\n      }\n      // {\n      //   id: LANGUAGE_ID,\n      //   caption: this.#componentLocale.languageLabel,\n      //   showSeparator: true\n      // }\n    ];\n  }\n\n  // #handleModeSwitch = () => {\n  //   this.#mode = this.#mode === \"dark\" ? \"light\" : \"dark\";\n  //   if (this.changeModeCallback) {\n  //     this.changeModeCallback(this.#mode);\n  //   }\n  // };\n\n  #dropDownitemClickHandler = (\n    _event: UIEvent,\n    _target: string,\n    itemId: string\n  ): void => {\n    if (itemId === MY_ACCOUNT_ID) {\n      this.myAccountCallback();\n    } else if (itemId === CHANGE_TEAM_ID) {\n      this.changeTeamCallback();\n    } else if (itemId === LOGOUT_ID) {\n      this.changeLanguageCallback();\n    } else if (itemId === LANGUAGE_ID) {\n      this.signOutCallback();\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-dropdown-render\n          class=\"dropdown\"\n          model={this.#menuDropdownModel}\n          position=\"InsideEnd_OutsideEnd\"\n          itemClickCallback={this.#dropDownitemClickHandler}\n        >\n          <button\n            class=\"user-login__button\"\n            ref={el => (this.#userLoginButton = el as HTMLButtonElement)}\n            slot=\"action\"\n          >\n            <div class=\"user-login__details\">\n              <span class=\"user-login__name\">{this.userInfo.name}</span>\n              <span class=\"user-login__organization\">{this.userInfo.team}</span>\n            </div>\n            <div class=\"user-login__avatar\">{this.#initials}</div>\n            <ch-image\n              src={CHEVRON_DOWN_ICON}\n              class=\"icon-md\"\n              containerRef={this.#userLoginButton}\n            ></ch-image>\n          </button>\n          <div class=\"user-login__footer footer-slot\" slot=\"footer\">\n            <p\n              class=\"text-body-regular-s privacy-policy\"\n              onClick={this.showTermsCallback}\n            >\n              {this.#componentLocale.privacyAndTerms}\n            </p>\n          </div>\n        </ch-dropdown-render>\n      </Host>\n    );\n  }\n}\n\nexport type UserInfo = {\n  name: string;\n  team: string;\n};\n\nexport type Mode = \"dark\" | \"light\";\n"]}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.en.json

@@ -0,0 +1,10 @@
+{
+  "myAccountLabel": "My Account",
+  "changeTeamLabel": "Change Team",
+  "languageLabel": "Language",
+  "modeLabel": "Mode",
+  "logOutLabel": "Log Out",
+  "privacyAndTerms": "Privacy Policy & Terms of use",
+  "labelModeDark": "Dark",
+  "labelModeLight": "Light"
+}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.ja.json

@@ -0,0 +1,10 @@
+{
+  "myAccountLabel": "",
+  "changeTeamLabel": "",
+  "languageLabel": "",
+  "modeLabel": "",
+  "logOutLabel": "",
+  "privacyAndTerms": "",
+  "labelModeDark": "",
+  "labelModeLight": ""
+}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.zh.json

@@ -0,0 +1,10 @@
+{
+  "myAccountLabel": "",
+  "changeTeamLabel": "",
+  "languageLabel": "",
+  "modeLabel": "",
+  "logOutLabel": "",
+  "privacyAndTerms": "",
+  "labelModeDark": "",
+  "labelModeLight": ""
+}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part~='button-create']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": " [part~='button-cancel'], [part~='language'], [part~='data-store']"
+    }
+  },
+  {
+    "selector": "[part~='button-cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/current-user-info/helpers.js

@@ -0,0 +1,10 @@
+export const getInitialsFromName = (name) => {
+    const nameData = name.split(" ");
+    if (nameData.length === 1) {
+        return nameData[0][0].toUpperCase();
+    }
+    else {
+        return `${nameData[0][0].toUpperCase()}${nameData[1][0].toUpperCase()}`;
+    }
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/current-user-info/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/current-user-info/helpers.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAU,EAAE;IAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KACrC;SAAM;QACL,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;KACzE;AACH,CAAC,CAAC","sourcesContent":["export const getInitialsFromName = (name: string): string => {\n  const nameData = name.split(\" \");\n  if (nameData.length === 1) {\n    return nameData[0][0].toUpperCase();\n  } else {\n    return `${nameData[0][0].toUpperCase()}${nameData[1][0].toUpperCase()}`;\n  }\n};\n"]}

package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/images/icon-next.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3.7C0 2.5799 0 2.01984 0.217987 1.59202C0.409734 1.21569 0.715695 0.909734 1.09202 0.717987C1.51984 0.5 2.07989 0.5 3.2 0.5H26.8C27.9201 0.5 28.4802 0.5 28.908 0.717987C29.2843 0.909734 29.5903 1.21569 29.782 1.59202C30 2.01984 30 2.57989 30 3.7V27.3C30 28.4201 30 28.9802 29.782 29.408C29.5903 29.7843 29.2843 30.0903 28.908 30.282C28.4802 30.5 27.9201 30.5 26.8 30.5H3.2C2.0799 30.5 1.51984 30.5 1.09202 30.282C0.715695 30.0903 0.409734 29.7843 0.217987 29.408C0 28.9802 0 28.4201 0 27.3V3.7Z" fill="#5BA7FF"/>
+<path d="M14.8361 26.63L7.73975 26.6245L15.8043 15.5027L7.73975 4.37271H14.8361L22.2543 15.5027L14.8361 26.6327V26.63Z" fill="black"/>
+</svg>

package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.en.json

@@ -0,0 +1,10 @@
+{
+  "teams": "Teams",
+  "illustrationAriaLabel": "GeneXus Next geometric shapes illustration",
+  "illustrationFigureAriaLabel": "Geometric shape illustration",
+  "illustrationAlternativeText": "GeneXus Next isologotype",
+  "title": "You have successfully logged in",
+  "infoMessage": "Before proceeding please select your team from the list below",
+  "teamSelectorLabel": "Team",
+  "continueButtonCaption": "Continue"
+}

package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.ja.json

@@ -0,0 +1,10 @@
+{
+  "teams": "",
+  "illustrationAriaLabel": "",
+  "illustrationFigureAriaLabel": "",
+  "illustrationAlternativeText": "",
+  "title": "",
+  "infoMessage": "",
+  "teamSelectorLabel": "",
+  "continueButtonCaption": ""
+}

package/dist/collection/components/select-user-team/gx-ide-assets/select-user-team/langs/select-user-team.lang.zh.json

@@ -0,0 +1,10 @@
+{
+  "teams": "",
+  "illustrationAriaLabel": "",
+  "illustrationFigureAriaLabel": "",
+  "illustrationAlternativeText": "",
+  "title": "",
+  "infoMessage": "",
+  "teamSelectorLabel": "",
+  "continueButtonCaption": ""
+}

package/dist/collection/components/select-user-team/helpers.js

@@ -0,0 +1,9 @@
+export const mapTeamsToComboBoxItemModel = (teams) => {
+    return teams.map(team => {
+        return {
+            value: team.id,
+            caption: team.name
+        };
+    });
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/select-user-team/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/select-user-team/helpers.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAiB,EACI,EAAE;IACvB,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACtB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,EAAE;YACd,OAAO,EAAE,IAAI,CAAC,IAAI;SACnB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","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"]}

package/dist/collection/components/select-user-team/select-user-team.css

@@ -0,0 +1,62 @@
+: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;
+}

package/dist/collection/components/select-user-team/select-user-team.js

@@ -0,0 +1,118 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeUiSplash_componentLocale, _GxIdeUiSplash_userTeamsModel, _GxIdeUiSplash_chSelectTeamEl, _GxIdeUiSplash_continueHandle;
+// Stencil
+import { Host, h, getAssetPath } from "@stencil/core";
+// Custom Imports
+import { Locale } from "../../common/locale";
+import { mapTeamsToComboBoxItemModel } from "./helpers";
+const COPYRIGHTS_ILLUSTRATION = getAssetPath(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
+const ICON_NEXT = getAssetPath(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/typography",
+    "components/combo-box",
+    "components/button",
+    "utils/form"
+];
+export class GxIdeUiSplash {
+    constructor() {
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeUiSplash_componentLocale.set(this, void 0);
+        _GxIdeUiSplash_userTeamsModel.set(this, []);
+        _GxIdeUiSplash_chSelectTeamEl.set(this, void 0);
+        _GxIdeUiSplash_continueHandle.set(this, async () => {
+            await this.continueCallback(__classPrivateFieldGet(this, _GxIdeUiSplash_chSelectTeamEl, "f").value);
+        });
+        this.teams = undefined;
+        this.continueCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeUiSplash_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeUiSplash_userTeamsModel, mapTeamsToComboBoxItemModel(this.teams), "f");
+    }
+    render() {
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "slide" }, h("div", { class: "slide__illustration", role: "img", "aria-label": __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").illustrationAriaLabel }, h("img", {
+            // base image (acts like a background)
+            src: COPYRIGHTS_ILLUSTRATION, class: "slide__illustration", alt: __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").illustrationFigureAriaLabel
+        })), h("section", { class: "slide__select-team" }, h("div", { class: "slide__select-team-container" }, h("header", { class: "slide__select-team-header" }, h("img", { src: ICON_NEXT, alt: __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").illustrationAlternativeText }), h("h2", { class: "slide__select-team-title" }, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").title)), h("div", { class: "slide__select-team-description" }, h("p", null, h("span", { class: "info-message" }, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").infoMessage))), h("div", { class: "field-group" }, h("div", { class: "field field-block" }, h("label", { htmlFor: "teams" }, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").teams), h("ch-combo-box-render", { id: "teams", accessibleName: "Teams", class: "combo-box", model: __classPrivateFieldGet(this, _GxIdeUiSplash_userTeamsModel, "f"), value: __classPrivateFieldGet(this, _GxIdeUiSplash_userTeamsModel, "f")[0].value, ref: (el) => (__classPrivateFieldSet(this, _GxIdeUiSplash_chSelectTeamEl, el, "f")) }))), h("div", null, h("button", { class: "button-primary continue-button", onClick: __classPrivateFieldGet(this, _GxIdeUiSplash_continueHandle, "f") }, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").continueButtonCaption)))))));
+    }
+    static get is() { return "gx-ide-select-user-team"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["select-user-team.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["select-user-team.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/select-user-team"]; }
+    static get properties() {
+        return {
+            "teams": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TeamData[]",
+                    "resolved": "TeamData[]",
+                    "references": {
+                        "TeamData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/select-user-team/select-user-team.tsx",
+                            "id": "src/components/select-user-team/select-user-team.tsx::TeamData"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Array that contain the user's teams"
+                }
+            },
+            "continueCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(teamId: string) => Promise<void>",
+                    "resolved": "(teamId: string) => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click the 'continue' button"
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeUiSplash_componentLocale = new WeakMap(), _GxIdeUiSplash_userTeamsModel = new WeakMap(), _GxIdeUiSplash_chSelectTeamEl = new WeakMap(), _GxIdeUiSplash_continueHandle = new WeakMap();
+//# sourceMappingURL=select-user-team.js.map

package/dist/collection/components/select-user-team/select-user-team.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-user-team.js","sourceRoot":"","sources":["../../../src/components/select-user-team/select-user-team.tsx"],"names":[],"mappings":"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","sourcesContent":["// 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"]}

package/dist/collection/components/sign-in/gx-ide-assets/sign-in/images/icon-next.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3.7C0 2.5799 0 2.01984 0.217987 1.59202C0.409734 1.21569 0.715695 0.909734 1.09202 0.717987C1.51984 0.5 2.07989 0.5 3.2 0.5H26.8C27.9201 0.5 28.4802 0.5 28.908 0.717987C29.2843 0.909734 29.5903 1.21569 29.782 1.59202C30 2.01984 30 2.57989 30 3.7V27.3C30 28.4201 30 28.9802 29.782 29.408C29.5903 29.7843 29.2843 30.0903 28.908 30.282C28.4802 30.5 27.9201 30.5 26.8 30.5H3.2C2.0799 30.5 1.51984 30.5 1.09202 30.282C0.715695 30.0903 0.409734 29.7843 0.217987 29.408C0 28.9802 0 28.4201 0 27.3V3.7Z" fill="#5BA7FF"/>
+<path d="M14.8361 26.63L7.73975 26.6245L15.8043 15.5027L7.73975 4.37271H14.8361L22.2543 15.5027L14.8361 26.6327V26.63Z" fill="black"/>
+</svg>