@genexus/genexus-ide-ui 1.0.41 → 1.0.43

package/dist/genexus-ide-ui/{p-993819d4.entry.js → p-6563141c.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-b81d21d5.js";
+import { g as o } from "./p-617e65ca.js";
 
 import { r as s } from "./p-d1cb5507.js";
 
@@ -487,4 +487,4 @@ c = new WeakMap, g = new WeakMap;
 f.style = n;
 
 export { f as gx_ide_manage_module_references };
-//# sourceMappingURL=p-993819d4.entry.js.map
+//# sourceMappingURL=p-6563141c.entry.js.map

package/dist/genexus-ide-ui/{p-d15caa11.entry.js → p-6747cc1e.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as s, g as r } from "./p-49712340.js";
 
-import { g as a } from "./p-b81d21d5.js";
+import { g as a } from "./p-617e65ca.js";
 
 import { L as i } from "./p-311eedf3.js";
 
@@ -22,7 +22,7 @@ const p = a({
   colorType: "neutral"
 });
 
-const d = class {
+const c = class {
   constructor(r) {
     e(this, r);
     this.copyable = false;
@@ -131,7 +131,7 @@ const d = class {
 
 l = new WeakMap;
 
-d.style = t;
+c.style = t;
 
-export { d as gx_ide_ai_message };
-//# sourceMappingURL=p-d15caa11.entry.js.map
+export { c as gx_ide_ai_message };
+//# sourceMappingURL=p-6747cc1e.entry.js.map

package/dist/genexus-ide-ui/{p-de6112f9.entry.js → p-75ed87db.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-b81d21d5.js";
+import { g as o } from "./p-617e65ca.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-de6112f9.entry.js.map
+//# sourceMappingURL=p-75ed87db.entry.js.map

package/dist/genexus-ide-ui/{p-0f196406.entry.js → p-8ea94a5e.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, c as e, a as s, h as i, H as n, g as a } from "./p-49712340.js";
 
-import { g as o } from "./p-b81d21d5.js";
+import { g as o } from "./p-617e65ca.js";
 
 import { c as r } from "./p-78b90603.js";
 
@@ -246,4 +246,4 @@ M = new WeakMap, W = new WeakMap, T = new WeakMap, j = new WeakMap, _ = new Weak
 C.style = h;
 
 export { C as gx_ide_share_kb };
-//# sourceMappingURL=p-0f196406.entry.js.map
+//# sourceMappingURL=p-8ea94a5e.entry.js.map

package/dist/genexus-ide-ui/{p-cadec045.entry.js → p-a9d67992.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-b81d21d5.js";
+import { g as n } from "./p-617e65ca.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-cadec045.entry.js.map
+//# sourceMappingURL=p-a9d67992.entry.js.map

package/dist/genexus-ide-ui/{p-c2ec8185.entry.js → p-b12a5426.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as t, H as i, g as n } from "./p-49712340.js";
 
-import { g as o } from "./p-b81d21d5.js";
+import { g as o } from "./p-617e65ca.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -67,11 +67,11 @@ var l = undefined && undefined.__classPrivateFieldGet || function(e, t, i, n) {
 
 var c, d, f, u, p;
 
-const m = [ 
+const h = [ 
 // 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" ];
+"resets/box-sizing", "components/tooltip", "components/switch", "components/icon", "components/dropdown", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const h = o({
+const m = o({
   category: "navigation",
   name: "chevron-down",
   colorType: "neutral"
@@ -142,7 +142,7 @@ const y = class {
     return t(i, {
       class: "widget"
     }, t("ch-theme", {
-      model: m
+      model: h
     }), t("ch-dropdown-render", {
       class: "dropdown",
       model: l(this, f, "f"),
@@ -161,7 +161,7 @@ const y = class {
     }, this.userInfo.team) : null), t("div", {
       class: "user-login__avatar"
     }, l(this, d, "f")), t("ch-image", {
-      src: h,
+      src: m,
       class: "icon-md",
       containerRef: l(this, u, "f")
     })), t("div", {
@@ -185,4 +185,4 @@ c = new WeakMap, d = new WeakMap, f = new WeakMap, u = new WeakMap, p = new Weak
 y.style = s;
 
 export { y as gx_ide_current_user_info };
-//# sourceMappingURL=p-c2ec8185.entry.js.map
+//# sourceMappingURL=p-b12a5426.entry.js.map

package/dist/genexus-ide-ui/{p-c2ec8185.entry.js.map → p-b12a5426.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getInitialsFromName","name","trim","nameData","split","filter","Boolean","length","toUpperCase","limitFullName","fullName","fullNameData","currentUserInfoCss","CSS_BUNDLES","CHEVRON_DOWN_ICON","getIconPath","category","colorType","MY_ACCOUNT_ID","CHANGE_TEAM_ID","SIGN_OUT_ID","LANGUAGE_ID","GxIdeNewEnvironment","_GxIdeNewEnvironment_componentLocale","set","this","_GxIdeNewEnvironment_initials","_GxIdeNewEnvironment_menuDropdownModel","_GxIdeNewEnvironment_userLoginButton","_GxIdeNewEnvironment_dropDownitemClickHandler","_event","_target","itemId","myAccountCallback","changeTeamCallback","signOutCallback","changeLanguageCallback","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","userInfo","id","caption","__classPrivateFieldGet","myAccountLabel","showSeparator","changeTeamLabel","signOutLabel","render","userName","_a","h","Host","class","model","position","itemClickCallback","ref","slot","_b","team","src","containerRef","onClick","showTermsCallback","privacyAndTerms"],"sources":["src/components/current-user-info/helpers.tsx","src/components/current-user-info/current-user-info.scss?tag=gx-ide-current-user-info&encapsulation=shadow","src/components/current-user-info/current-user-info.tsx"],"sourcesContent":["/**\n * Returns initials from the first two words of a name. Returns \"X\" for invalid input.\n *\n * @param name - The full name string.\n * @returns Initials of the first two words, or \"X\" if invalid.\n *\n * Example:\n * getInitialsFromName(\"John Doe\") -> \"JD\"\n * getInitialsFromName(\"Jane\") -> \"J\"\n * getInitialsFromName(\"\") -> \"X\"\n */\nexport const getInitialsFromName = (name: string): string | null => {\n  if (typeof name !== \"string\" || name.trim() === \"\") {\n    return \"X\";\n  }\n\n  const nameData = name.split(\" \").filter(Boolean); // Remove any empty strings from splitting\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\n/**\n * Limits the full name to the first two words. Returns null for invalid input.\n *\n * @param fullName - The full name string to be limited.\n * @returns The first two words of the full name, or null if invalid.\n *\n * Example:\n * limitFullName(\"John Doe Smith\") -> \"John Doe\"\n * limitFullName(\"Jane\") -> \"Jane\"\n * limitFullName(\"\") -> null\n */\nexport const limitFullName = (fullName: string): string | null => {\n  if (typeof fullName !== \"string\" || fullName.trim() === \"\") {\n    return null;\n  }\n\n  const fullNameData = fullName.split(\" \").filter(Boolean); // Remove any empty strings from splitting\n  if (fullNameData.length === 1) {\n    return fullNameData[0];\n  } else {\n    return `${fullNameData[0]} ${fullNameData[1]}`;\n  }\n};\n","@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: inline-grid;\n  justify-items: end;\n  block-size: 100%;\n}\n\n.user-login {\n  &__button {\n    all: unset;\n    display: grid;\n    grid-template-columns: max-content max-content max-content;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    block-size: auto;\n    cursor: pointer;\n  }\n  &__details {\n    display: grid;\n    grid-template-rows: max-content max-content;\n    gap: var(--mer-spacing--3xs);\n    justify-items: end;\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--medium);\n    font-size: var(--mer-font__size--3xs);\n    color: var(--mer-text__on-elevation);\n  }\n  &__organization {\n    font-weight: var(--mer-font__weight--light);\n    font-size: var(--mer-font__size--4xs);\n    color: var(--mer-text__neutral);\n  }\n  &__name,\n  &__organization {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-inline-size: 120px;\n    display: inline-block;\n  }\n  &__avatar {\n    font-size: 9px;\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: var(--mer-spacing--lg);\n    inline-size: var(--mer-spacing--lg);\n    color: var(--mer-text__on-elevation);\n    border-radius: 50%;\n    background-color: var(--mer-color__tinted-primary--10);\n    border: var(--mer-border__width--sm) solid var(--mer-color__primary--200);\n  }\n}\n\n.privacy-policy {\n  text-decoration: underline;\n  cursor: pointer;\n}\n","/* 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, limitFullName } 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 SIGN_OUT_ID = \"sign-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: SIGN_OUT_ID,\n        caption: this.#componentLocale.signOutLabel,\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 === SIGN_OUT_ID) {\n      this.signOutCallback();\n    } else if (itemId === LANGUAGE_ID) {\n      this.changeLanguageCallback();\n    }\n  };\n\n  render() {\n    const userName = limitFullName(this.userInfo?.name);\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              {userName ? (\n                <span class=\"user-login__name\">{userName}</span>\n              ) : null}\n              {this.userInfo?.team ? (\n                <span class=\"user-login__organization\">\n                  {this.userInfo.team}\n                </span>\n              ) : null}\n            </div>\n\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"],"mappings":"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"}
+{"version":3,"names":["getInitialsFromName","name","trim","nameData","split","filter","Boolean","length","toUpperCase","limitFullName","fullName","fullNameData","currentUserInfoCss","CSS_BUNDLES","CHEVRON_DOWN_ICON","getIconPath","category","colorType","MY_ACCOUNT_ID","CHANGE_TEAM_ID","SIGN_OUT_ID","LANGUAGE_ID","GxIdeNewEnvironment","_GxIdeNewEnvironment_componentLocale","set","this","_GxIdeNewEnvironment_initials","_GxIdeNewEnvironment_menuDropdownModel","_GxIdeNewEnvironment_userLoginButton","_GxIdeNewEnvironment_dropDownitemClickHandler","_event","_target","itemId","myAccountCallback","changeTeamCallback","signOutCallback","changeLanguageCallback","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","userInfo","id","caption","__classPrivateFieldGet","myAccountLabel","showSeparator","changeTeamLabel","signOutLabel","render","userName","_a","h","Host","class","model","position","itemClickCallback","ref","slot","_b","team","src","containerRef","onClick","showTermsCallback","privacyAndTerms"],"sources":["src/components/current-user-info/helpers.tsx","src/components/current-user-info/current-user-info.scss?tag=gx-ide-current-user-info&encapsulation=shadow","src/components/current-user-info/current-user-info.tsx"],"sourcesContent":["/**\n * Returns initials from the first two words of a name. Returns \"X\" for invalid input.\n *\n * @param name - The full name string.\n * @returns Initials of the first two words, or \"X\" if invalid.\n *\n * Example:\n * getInitialsFromName(\"John Doe\") -> \"JD\"\n * getInitialsFromName(\"Jane\") -> \"J\"\n * getInitialsFromName(\"\") -> \"X\"\n */\nexport const getInitialsFromName = (name: string): string | null => {\n  if (typeof name !== \"string\" || name.trim() === \"\") {\n    return \"X\";\n  }\n\n  const nameData = name.split(\" \").filter(Boolean); // Remove any empty strings from splitting\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\n/**\n * Limits the full name to the first two words. Returns null for invalid input.\n *\n * @param fullName - The full name string to be limited.\n * @returns The first two words of the full name, or null if invalid.\n *\n * Example:\n * limitFullName(\"John Doe Smith\") -> \"John Doe\"\n * limitFullName(\"Jane\") -> \"Jane\"\n * limitFullName(\"\") -> null\n */\nexport const limitFullName = (fullName: string): string | null => {\n  if (typeof fullName !== \"string\" || fullName.trim() === \"\") {\n    return null;\n  }\n\n  const fullNameData = fullName.split(\" \").filter(Boolean); // Remove any empty strings from splitting\n  if (fullNameData.length === 1) {\n    return fullNameData[0];\n  } else {\n    return `${fullNameData[0]} ${fullNameData[1]}`;\n  }\n};\n","@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: inline-grid;\n  justify-items: end;\n  block-size: 100%;\n}\n\n.user-login {\n  &__button {\n    all: unset;\n    display: grid;\n    grid-template-columns: max-content max-content max-content;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n    block-size: auto;\n    cursor: pointer;\n  }\n  &__details {\n    display: grid;\n    grid-template-rows: max-content max-content;\n    gap: var(--mer-spacing--3xs);\n    justify-items: end;\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--medium);\n    font-size: var(--mer-font__size--3xs);\n    color: var(--mer-text__on-elevation);\n  }\n  &__organization {\n    font-weight: var(--mer-font__weight--light);\n    font-size: var(--mer-font__size--4xs);\n    color: var(--mer-text__neutral);\n  }\n  &__name,\n  &__organization {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-inline-size: 120px;\n    display: inline-block;\n  }\n  &__avatar {\n    font-size: 9px;\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: var(--mer-spacing--lg);\n    inline-size: var(--mer-spacing--lg);\n    color: var(--mer-text__on-elevation);\n    border-radius: 50%;\n    background-color: var(--mer-color__tinted-primary--10);\n    border: var(--mer-border__width--sm) solid var(--mer-color__primary--200);\n  }\n}\n\n.privacy-policy {\n  text-decoration: underline;\n  cursor: pointer;\n}\n","/* 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, limitFullName } 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/switch\",\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 SIGN_OUT_ID = \"sign-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: SIGN_OUT_ID,\n        caption: this.#componentLocale.signOutLabel,\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 === SIGN_OUT_ID) {\n      this.signOutCallback();\n    } else if (itemId === LANGUAGE_ID) {\n      this.changeLanguageCallback();\n    }\n  };\n\n  render() {\n    const userName = limitFullName(this.userInfo?.name);\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              {userName ? (\n                <span class=\"user-login__name\">{userName}</span>\n              ) : null}\n              {this.userInfo?.team ? (\n                <span class=\"user-login__organization\">\n                  {this.userInfo.team}\n                </span>\n              ) : null}\n            </div>\n\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"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-7cde7e4f.entry.js → p-c0e184da.entry.js}

@@ -1,6 +1,6 @@
 import { a as e, r as i, h as t, H as s, g as a } from "./p-49712340.js";
 
-import { g as r } from "./p-b81d21d5.js";
+import { g as r } from "./p-617e65ca.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -306,4 +306,4 @@ M = new WeakMap, W = new WeakMap;
 I.style = n;
 
 export { I as gx_ide_welcome_page };
-//# sourceMappingURL=p-7cde7e4f.entry.js.map
+//# sourceMappingURL=p-c0e184da.entry.js.map

package/dist/genexus-ide-ui/{p-764540b3.entry.js → p-c7e6222b.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as t, H as n, g as a } from "./p-49712340.js";
 
-import { g as o } from "./p-b81d21d5.js";
+import { g as o } from "./p-617e65ca.js";
 
 import { L as i } from "./p-311eedf3.js";
 
@@ -2416,4 +2416,4 @@ Qe = new WeakMap, Re = new WeakMap, Ve = new WeakMap, Ee = new WeakSet, Be = fun
 nt.style = Ie;
 
 export { nt as gx_ide_start_page };
-//# sourceMappingURL=p-764540b3.entry.js.map
+//# sourceMappingURL=p-c7e6222b.entry.js.map

package/dist/genexus-ide-ui/{p-bd5316a2.entry.js → p-d2ab4f70.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-b81d21d5.js";
+import { g as a } from "./p-617e65ca.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, b, g, w, k, y, v, _, x, M, W, j, C, T, S, I, $, E, D, F, L, H, O, R;
+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;
 
 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);
-    b.set(this, void 0);
     g.set(this, void 0);
+    b.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, b, "f").value = null;
+      d(this, g, "f").value = null;
     }));
     F.set(this, (() => {
-      d(this, b, "f").click();
+      d(this, g, "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, g, "f")) {
+      if (d(this, b, "f")) {
         const e = t.detail === V;
-        d(this, g, "f").updateAllItemsProperties({
+        d(this, b, "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, b, t, "f")
+      ref: t => f(this, g, 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, g, t, "f")
+      ref: t => f(this, b, 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, b = new WeakMap, g = new WeakMap, 
+m = new WeakMap, p = new WeakMap, u = new WeakMap, g = new WeakMap, b = 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-bd5316a2.entry.js.map
+//# sourceMappingURL=p-d2ab4f70.entry.js.map

package/dist/genexus-ide-ui/{p-f36f9a6d.entry.js → p-d32a6ca4.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-b81d21d5.js";
+import { g as a } from "./p-617e65ca.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-f36f9a6d.entry.js.map
+//# sourceMappingURL=p-d32a6ca4.entry.js.map

package/dist/genexus-ide-ui/{p-7ba9fb6d.entry.js → p-f50076d3.entry.js}

@@ -1,6 +1,6 @@
 import { r as n, c as e, h as t, H as r, g as a } from "./p-49712340.js";
 
-import { g as o } from "./p-b81d21d5.js";
+import { g as o } from "./p-617e65ca.js";
 
 import { L as i } from "./p-311eedf3.js";
 
@@ -300,4 +300,4 @@ d = new WeakMap;
 b.style = l;
 
 export { b as gx_ide_dashboard_home };
-//# sourceMappingURL=p-7ba9fb6d.entry.js.map
+//# sourceMappingURL=p-f50076d3.entry.js.map

package/dist/types/components/design-import/design-import.d.ts

@@ -188,6 +188,7 @@ export interface DesignData {
 export interface DesignItemData {
     id: string;
     name: string;
+    warning: string;
     variants?: DesignItemData[];
 }
 export interface DesignPanelData {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "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.7"
+    "@genexus/mercury": "*0.13.6"
   },
   "devDependencies": {
     "@genexus/chameleon-controls-library": ">=6.0.0-next.55",
     "@genexus/gemini": "*2.0.1",
-    "@genexus/mercury": "*0.12.7",
+    "@genexus/mercury": "*0.13.6",
     "@stencil-community/eslint-plugin": "~0.7.1",
     "@stencil/core": "~4.9.0",
     "@stencil/sass": "~1.4.0",