@genexus/genexus-ide-ui 1.0.65 → 1.0.66

package/dist/genexus-ide-ui/{p-70024ecb.entry.js → p-9678ac9d.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, c as e, h as i, H as o, g as s } from "./p-2cf37639.js";
+import { r as t, c as e, h as i, H as o, a as s } from "./p-25a9f1d7.js";
 
 import { g as r } from "./p-6e4208d8.js";
 
@@ -8,13 +8,13 @@ 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");
@@ -67,10 +67,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),
@@ -78,26 +78,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,
@@ -121,14 +121,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, {
@@ -146,7 +146,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" ];
@@ -167,4 +167,4 @@ b = new WeakMap;
 _.style = a;
 
 export { _ as gx_ide_entity_selector };
-//# sourceMappingURL=p-70024ecb.entry.js.map
+//# sourceMappingURL=p-9678ac9d.entry.js.map

package/dist/genexus-ide-ui/{p-49f9f6bf.entry.js → p-98b30c5d.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as s, g as i } from "./p-2cf37639.js";
+import { r as t, h as e, H as s, a as i } from "./p-25a9f1d7.js";
 
 import { g as o } from "./p-6e4208d8.js";
 
@@ -60,9 +60,9 @@ var c = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, o)
 
 var h, l, d, f, p, u, m, b;
 
-const g = [ "resets/box-sizing", "components/tab", "components/tooltip", "components/list-box", "components/tree-view", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const y = [ "resets/box-sizing", "components/tab", "components/tooltip", "components/list-box", "components/tree-view", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const y = "all";
+const g = "all";
 
 const w = "recenttly-used";
 
@@ -128,7 +128,7 @@ const k = class {
         }
         this.categoriesListBoxModel = t;
         c(this, l, true, "f");
-        this.selectedCategory = y;
+        this.selectedCategory = g;
       }
     }));
     m.set(this, (() => {
@@ -144,11 +144,11 @@ const k = class {
     };
     b.set(this, (() => {
       const t = this.selectedCategory === w ? "button-secondary" : "button-tertiary";
-      const s = this.selectedCategory === y ? "button-secondary" : "button-tertiary";
+      const s = this.selectedCategory === g ? "button-secondary" : "button-tertiary";
       let i = this.selectedCategory;
       if (this.selectedCategory === w) {
         i = a(this, h, "f").fixedTypes.recentlyUsed;
-      } else if (this.selectedCategory === y) {
+      } else if (this.selectedCategory === g) {
         i = a(this, h, "f").fixedTypes.all;
       } else {
         i = this.selectedCategory;
@@ -220,7 +220,7 @@ const k = class {
     return e(s, {
       class: "widget"
     }, e("ch-theme", {
-      model: g
+      model: y
     }), this.loading ? e("gx-ide-loader", {
       loaderTitle: a(this, h, "f").loader.title,
       description: a(this, h, "f").loader.description,
@@ -254,4 +254,4 @@ u = new WeakMap, m = new WeakMap, b = new WeakMap;
 k.style = r;
 
 export { k as gx_ide_data_type_selector };
-//# sourceMappingURL=p-49f9f6bf.entry.js.map
+//# sourceMappingURL=p-98b30c5d.entry.js.map

package/dist/genexus-ide-ui/p-9a609b51.js

@@ -0,0 +1,143 @@
+import { h as e } from "./p-25a9f1d7.js";
+
+/* STENCIL IMPORTS */ const renderFormItems = (r = "gxg-combo-box-item", a, t = "undefined-group", i) => {
+  if (a.length) {
+    const o = [];
+    a.forEach((a => {
+      let c;
+      switch (r) {
+       case "gxg-form-checkbox":
+        c = e("gxg-form-checkbox", {
+          checkboxId: a.id,
+          checked: a.checked,
+          disabled: a.disabled,
+          label: a.label,
+          value: a.value,
+          onChange: i ? i : null,
+          iconName: a.iconName,
+          part: `${t}-${a.id}`
+        });
+        o.push(c);
+        break;
+
+       case "gxg-combo-box-item":
+        c = e("gxg-combo-box-item", {
+          value: a.id,
+          icon: a.iconName,
+          part: `${t}-${a.id}`
+        }, a.label);
+        o.push(c);
+        break;
+
+       case "gxg-form-radio":
+        c = e("gxg-form-radio", {
+          radioId: a.id,
+          checked: a.checked,
+          disabled: a.disabled,
+          label: a.label,
+          value: a.value,
+          name: t,
+          part: `${t}-${a.id}`
+        });
+        o.push(c);
+        break;
+      }
+    }));
+    return o;
+  }
+  return null;
+};
+
+const renderModuleDataProperties = r => {
+  if (r.length) {
+    const a = [];
+    r.forEach((r => {
+      if (Array.isArray(r.value)) {
+        const t = e("div", {
+          class: "md-property__list"
+        }, e("p", {
+          class: "md-property__key"
+        }, r.name, " :"), e("ul", null, r.value.map((r => e("li", null, r)))));
+        a.push(t);
+      } else {
+        const t = e("div", {
+          class: r.inline ? "md-property md-property--inline" : "md-property--block"
+        }, e("p", {
+          class: "md-property__key"
+        }, r.name, " :"), e("p", {
+          class: "md-property__value"
+        }, r.value));
+        a.push(t);
+      }
+    }));
+    return a;
+  }
+  return null;
+};
+
+/**
+ * @param gxOptions An array of GxOptions's
+ * @returns The value of the selected item, or the first item, if no one is selected.
+ */ const getSelectedItem = e => {
+  let r = undefined;
+  for (let a = 0; a < e.length; a++) {
+    if (e[a].selected) {
+      r = e[a];
+      break;
+    }
+  }
+  if (r) {
+    return r.id;
+  } else {
+    return e[0].id;
+  }
+};
+
+// Dots animation used in ch-chat code-render (or other components)
+const ANIMATION_DOTS = (r = "regular", a = "primary") => {
+  const t = r === "regular" ? 1 : 4;
+  const i = a === "primary" ? "var(--mer-color__primary--200)" : "var(--mer-text__on-surface)";
+  return e("svg", {
+    width: 36 / t,
+    height: 8 / t,
+    fill: "transparent"
+  }, e("circle", {
+    cx: 4 / t,
+    cy: 4 / t,
+    r: 4 / t,
+    opacity: "0",
+    fill: i
+  }, e("animate", {
+    attributeName: "opacity",
+    values: "0;1;0",
+    dur: "1s",
+    repeatCount: "indefinite"
+  })), e("circle", {
+    cx: 18 / t,
+    cy: 4 / t,
+    r: 4 / t,
+    opacity: "0",
+    fill: i
+  }, e("animate", {
+    attributeName: "opacity",
+    values: "0;1;0",
+    dur: "1s",
+    begin: "0.15s",
+    repeatCount: "indefinite"
+  })), e("circle", {
+    cx: 32 / t,
+    cy: 4 / t,
+    r: 4 / t,
+    opacity: "0",
+    fill: i
+  }, e("animate", {
+    attributeName: "opacity",
+    values: "0;1;0",
+    dur: "1s",
+    begin: "0.30s",
+    repeatCount: "indefinite"
+  })));
+};
+
+export { ANIMATION_DOTS as A, renderFormItems as a, getSelectedItem as g, renderModuleDataProperties as r };
+//# sourceMappingURL=p-9a609b51.js.map

package/dist/genexus-ide-ui/p-9a609b51.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderFormItems","componentType","options","group","callback","length","items","forEach","option","item","h","checkboxId","id","checked","disabled","label","value","onChange","iconName","part","push","icon","radioId","name","renderModuleDataProperties","Array","isArray","class","map","subItem","inline","getSelectedItem","gxOptions","found","undefined","i","selected","ANIMATION_DOTS","size","color","n","colorVar","width","height","fill","cx","cy","r","opacity","attributeName","values","dur","repeatCount","begin"],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  let found = undefined;\n  for (let i = 0; i < gxOptions.length; i++) {\n    if (gxOptions[i].selected) {\n      found = gxOptions[i];\n      break;\n    }\n  }\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" = \"primary\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1 : 4;\n  const colorVar =\n    color === \"primary\"\n      ? \"var(--mer-color__primary--200)\"\n      : \"var(--mer-text__on-surface)\";\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorVar}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur=\"1s\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorVar}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur=\"1s\"\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorVar}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur=\"1s\"\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </svg>\n  );\n};\n"],"mappings":";;4BAMaA,kBAAkB,CAC7BC,IAGuB,sBACvBC,GACAC,IAAQ,mBACRC;EAEA,IAAIF,EAAQG,QAAQ;IAClB,MAAMC,IAA2B;IACjCJ,EAAQK,SAAQC;MACd,IAAIC;MACJ,QAAQR;OACN,KAAK;QACHQ,IACEC,EAAA;UACEC,YAAYH,EAAOI;UACnBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdC,UAAUb,IAAWA,IAAW;UAChCc,UAAUV,EAAOU;UACjBC,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEM,OAAOR,EAAOI;UACdS,MAAMb,EAAOU;UACbC,MAAM,GAAGhB,KAASK,EAAOI;WAExBJ,EAAOO;QAGZT,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEY,SAASd,EAAOI;UAChBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdO,MAAMpB;UACNgB,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;;IAKN,OAAOH;;EAET,OAAO;AAAI;;MAGAkB,6BACXtB;EAEA,IAAIA,EAAQG,QAAQ;IAClB,MAAMC,IAA8B;IAEpCJ,EAAQK,SAAQC;MACd,IAAIiB,MAAMC,QAAQlB,EAAOQ,QAAQ;QAC/B,MAAMP,IACJC,EAAA;UAAKiB,OAAM;WACTjB,EAAA;UAAGiB,OAAM;WAAoBnB,EAAOe,M,OACpCb,EAAA,YACGF,EAAOQ,MAAMY,KAAIC,KACTnB,EAAA,YAAKmB;QAKpBvB,EAAMc,KAAKX;aACN;QACL,MAAMA,IACJC,EAAA;UACEiB,OACEnB,EAAOsB,SACH,oCACA;WAGNpB,EAAA;UAAGiB,OAAM;WAAoBnB,EAAOe,M,OACpCb,EAAA;UAAGiB,OAAM;WAAsBnB,EAAOQ;QAG1CV,EAAMc,KAAKX;;;IAIf,OAAOH;;EAET,OAAO;AAAI;;;;;UAgCAyB,kBAAmBC;EAC9B,IAAIC,IAAQC;EACZ,KAAK,IAAIC,IAAI,GAAGA,IAAIH,EAAU3B,QAAQ8B,KAAK;IACzC,IAAIH,EAAUG,GAAGC,UAAU;MACzBH,IAAQD,EAAUG;MAClB;;;EAGJ,IAAIF,GAAO;IACT,OAAOA,EAAMrB;SACR;IACL,OAAOoB,EAAU,GAAGpB;;;;;MAYXyB,iBAAiB,CAC5BC,IAA2B,WAC3BC,IAAkC;EAElC,MAAMC,IAAIF,MAAS,YAAY,IAAI;EACnC,MAAMG,IACJF,MAAU,YACN,mCACA;EAEN,OACE7B,EAAA;IAAKgC,OAAO,KAAKF;IAAGG,QAAQ,IAAIH;IAAGI,MAAK;KACtClC,EAAA;IAAQmC,IAAI,IAAIL;IAAGM,IAAI,IAAIN;IAAGO,GAAG,IAAIP;IAAGQ,SAAQ;IAAIJ,MAAMH;KACxD/B,EAAA;IACEuC,eAAc;IACdC,QAAO;IACPC,KAAI;IACJC,aAAY;OAGhB1C,EAAA;IAAQmC,IAAI,KAAKL;IAAGM,IAAI,IAAIN;IAAGO,GAAG,IAAIP;IAAGQ,SAAQ;IAAIJ,MAAMH;KACzD/B,EAAA;IACEuC,eAAc;IACdC,QAAO;IACPC,KAAI;IACJE,OAAM;IACND,aAAY;OAGhB1C,EAAA;IAAQmC,IAAI,KAAKL;IAAGM,IAAI,IAAIN;IAAGO,GAAG,IAAIP;IAAGQ,SAAQ;IAAIJ,MAAMH;KACzD/B,EAAA;IACEuC,eAAc;IACdC,QAAO;IACPC,KAAI;IACJE,OAAM;IACND,aAAY;;AAGZ"}

package/dist/genexus-ide-ui/{p-5b1576cc.js → p-9ddea83b.js}

@@ -1,4 +1,4 @@
-import { h as e } from "./p-2cf37639.js";
+import { h as e } from "./p-25a9f1d7.js";
 
 const n = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ];
 
@@ -44,12 +44,12 @@ const formatDate = (e, t = "date-time") => {
   if (!r) {
     return "Invalid date";
   }
-  let c = "en-US";
-  const a = (s = document.getElementsByTagName("html")[0].getAttribute("lang")) === null || s === void 0 ? void 0 : s.valueOf();
-  if (a === "es") {
-    c = "es-ES";
+  let a = "en-US";
+  const c = (s = document.getElementsByTagName("html")[0].getAttribute("lang")) === null || s === void 0 ? void 0 : s.valueOf();
+  if (c === "es") {
+    a = "es-ES";
   }
-  o = e.toLocaleDateString(c);
+  o = e.toLocaleDateString(a);
   const i = e.getFullYear();
   const u = String(e.getMonth() + 1).padStart(2, "0");
   const l = String(e.getDate()).padStart(2, "0");
@@ -60,7 +60,7 @@ const formatDate = (e, t = "date-time") => {
     o += ` / ${e.toLocaleTimeString()}`;
   } else if (t === "date-time-short") {
     // No seconds
-    if (c === "es-ES") {
+    if (a === "es-ES") {
       o = `${i}-${u}-${l} ${f}`;
     } else {
       o = `${u}/${l}/${i} ${f}`;
@@ -79,7 +79,7 @@ const formatDate = (e, t = "date-time") => {
       return `${t} ${f}`;
     } else if (r === i) {
       // If current year, show day number and month name. Example: November 17th
-      if (c === "es-ES") {
+      if (a === "es-ES") {
         o = `${l} de ${e.toLocaleString("es-ES", {
           month: "long"
         })} ${f}`;
@@ -143,4 +143,4 @@ const renderChCheckboxItems = (n, t, s) => n === null || n === void 0 ? void 0 :
 }));
 
 export { closeOnOutsideClickHandler as c, formatDate as f, hiChar as h, mapOptionsToComboBoxItemModel as m, renderChCheckboxItems as r };
-//# sourceMappingURL=p-5b1576cc.js.map
+//# sourceMappingURL=p-9ddea83b.js.map

package/dist/genexus-ide-ui/{p-c21300fb.entry.js → p-a0529222.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as r, g as a } from "./p-2cf37639.js";
+import { r as e, h as t, H as r, a } from "./p-25a9f1d7.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -187,4 +187,4 @@ b = new WeakMap, h = new WeakMap, v = new WeakMap, m = new WeakMap;
 u.style = i;
 
 export { u as gx_ide_gam_installation_settings };
-//# sourceMappingURL=p-c21300fb.entry.js.map
+//# sourceMappingURL=p-a0529222.entry.js.map

package/dist/genexus-ide-ui/{p-a6dd3f03.entry.js → p-b3d615da.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as s, g as i } from "./p-2cf37639.js";
+import { r as t, h as e, H as s, a as i } from "./p-25a9f1d7.js";
 
 import { g as a } from "./p-6e4208d8.js";
 
@@ -1068,4 +1068,4 @@ ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursive
 $t.style = c;
 
 export { $t as gx_ide_design_import };
-//# sourceMappingURL=p-a6dd3f03.entry.js.map
+//# sourceMappingURL=p-b3d615da.entry.js.map

package/dist/genexus-ide-ui/{p-22908448.entry.js → p-ba7d1472.entry.js}

@@ -1,16 +1,16 @@
-import { r as t, a as e, h as i, H as s, g as n } from "./p-2cf37639.js";
+import { r as t, g as e, h as i, H as s, a as n } from "./p-25a9f1d7.js";
 
 import { c as a } from "./p-13738332.js";
 
 import { L as o } from "./p-311eedf3.js";
 
-import { r, m as h } from "./p-5b1576cc.js";
+import { r, m as h } from "./p-9ddea83b.js";
 
-import { g as c } from "./p-f194af32.js";
+import { g as d } from "./p-9a609b51.js";
 
 import { v as l } from "./p-289c3290.js";
 
-import { r as d } from "./p-1252519a.js";
+import { r as c } from "./p-1252519a.js";
 
 const f = ':host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}.basic,.advanced{padding-block-start:var(--mer-spacing--md);block-size:100%;overflow:auto}.advanced{padding-block-end:var(--content-block-spacing)}.basic{display:grid;grid-template:"runtime-environment runtime-environment" max-content "back-end front-end" 1fr;grid-template-columns:1fr 1fr}.basic__runtime-environment{grid-area:runtime-environment;display:flex;flex-direction:column;align-items:center;gap:var(--mer-spacing--xs)}.basic__runtime-environment.one-runtime-only{align-items:center;flex-direction:row;justify-content:center}.control-header__back-end,.control-header__front-end{padding-block-start:var(--mer-spacing--md)}.basic__back-end{grid-area:back-end}.basic__front-end{grid-area:front-end}.basic__back-end,.basic__front-end{display:grid;grid-template-rows:max-content 1fr;grid-auto-rows:max-content;overflow:auto}.main__back-end{border-inline-end:var(--section-common-border)}.main__back-end,.main__front-end{grid-auto-rows:max-content;padding-block:var(--content-block-spacing);overflow:auto}.text-align-center{text-align:center}.tab::part(page){scrollbar-width:thin}';
 
@@ -243,7 +243,7 @@ const X = class {
       } else {
         // update by removing
         const e = i.findIndex((e => e === t));
-        d(i, e);
+        c(i, e);
       }
     }));
     this.advancedTabIsVisible = false;
@@ -267,13 +267,13 @@ const X = class {
   dataStoresChanged(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.dataStoresComboBoxModel = h(t);
-      p(this, w, c(t), "f");
+      p(this, w, d(t), "f");
     }
   }
   languagesChanged(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
       this.languageComboBoxModel = h(t);
-      p(this, k, c(t), "f");
+      p(this, k, d(t), "f");
       u(this, B, "f").call(this);
     }
   }
@@ -431,4 +431,4 @@ V = new WeakMap, q = new WeakMap, B = new WeakMap, G = new WeakMap, J = new Weak
 X.style = f;
 
 export { X as gx_ide_new_environment };
-//# sourceMappingURL=p-22908448.entry.js.map
+//# sourceMappingURL=p-ba7d1472.entry.js.map

package/dist/genexus-ide-ui/{p-f2f9e36e.entry.js → p-bb44d9f9.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as s, g as i } from "./p-2cf37639.js";
+import { r as t, h as e, H as s, a as i } from "./p-25a9f1d7.js";
 
 import { L as n } from "./p-311eedf3.js";
 
@@ -494,4 +494,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-f2f9e36e.entry.js.map
+//# sourceMappingURL=p-bb44d9f9.entry.js.map

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

@@ -0,0 +1,17 @@
+import { r as s, h as r, H as t } from "./p-25a9f1d7.js";
+
+const o = ":host{display:block}";
+
+const l = class {
+  constructor(r) {
+    s(this, r);
+  }
+  render() {
+    return r(t, null, r("slot", null));
+  }
+};
+
+l.style = o;
+
+export { l as gx_ide_switcher };
+//# sourceMappingURL=p-c58e0a92.entry.js.map

package/dist/genexus-ide-ui/{p-acaed500.entry.js → p-c624a8da.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, a as e, h as i, H as s, g as a } from "./p-2cf37639.js";
+import { r as t, g as e, h as i, H as s, a } from "./p-25a9f1d7.js";
 
 import { L as n } from "./p-311eedf3.js";
 
@@ -329,4 +329,4 @@ C = new WeakMap, _ = new WeakMap, E = new WeakMap, T = new WeakMap, z = new Weak
 S.style = l;
 
 export { S as gx_ide_data_selector };
-//# sourceMappingURL=p-acaed500.entry.js.map
+//# sourceMappingURL=p-c624a8da.entry.js.map

package/dist/genexus-ide-ui/{p-9a604798.entry.js → p-c6aeddf9.entry.js}

@@ -1,4 +1,4 @@
-import { r as n, c as e, h as t, H as r, g as a } from "./p-2cf37639.js";
+import { r as n, c as e, h as t, H as r, a } from "./p-25a9f1d7.js";
 
 import { g as o } from "./p-6e4208d8.js";
 
@@ -6,7 +6,7 @@ import "./p-c9551186.js";
 
 import { L as i } from "./p-311eedf3.js";
 
-import { f as s } from "./p-5b1576cc.js";
+import { f as s } from "./p-9ddea83b.js";
 
 const l = ':root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n  color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n  filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--error);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--warning);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--success);\n  display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--gxg-label-font-weight);\n  font-size: var(--gxg-label-font-size);\n  color: var(--gxg-label-color);\n  text-align: center;\n  line-height: 1.455em;\n  display: flex;\n  align-items: center;\n}\n.gxg-label:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n  color: var(--color-primary-active);\n}\n.gxg-label:active {\n  color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n  color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n  color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n  color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n  color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n  filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--error);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--warning);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--success);\n  display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--gxg-label-font-weight);\n  font-size: var(--gxg-label-font-size);\n  color: var(--gxg-label-color);\n  text-align: center;\n  line-height: 1.455em;\n  display: flex;\n  align-items: center;\n}\n.gxg-label:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n  color: var(--color-primary-active);\n}\n.gxg-label:active {\n  color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n  color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n  color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n  color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n/* - - - - - - - - - - - - - - - - -\nNew classes for Chameleon + Mercury\n- - - - - - - - - - - - - - - - - */\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.card-regular {\n  background-color: var(--mer-surface__elevation--01);\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  border-radius: var(--mer-border__radius--md);\n  padding: var(--mer-spacing--md) var(--mer-spacing--md);\n  display: grid;\n}\n\n.card-small {\n  background-color: var(--mer-surface__elevation--02);\n  border-radius: var(--mer-border__radius--sm);\n  padding: var(--mer-spacing--sm) var(--mer-spacing--sm);\n}\n.card-small--actionable:hover {\n  background-color: var(--mer-color__neutral-gray--600);\n}\n.card-small--actionable:active {\n  background-color: var(--mer-color__neutral-gray--650);\n}\n.card-small:focus-visible {\n  outline: var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);\n  outline-offset: var(--focus__outline-offset);\n}\n\n.empty-state {\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: var(--mer-spacing--sm);\n  text-align: center;\n}\n.empty-state__title, .empty-state__button, .empty-state__link {\n  max-inline-size: 300px;\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-1 {\n  opacity: 1;\n}\n\n.display-contents {\n  display: contents;\n}\n\n/* - - - - - - - - - - - - - - - - - - - \nOld classes (Gemini) to be removed soon\n- - - - - - - - - - - - - - - - - - - */\n/* - - - - - - - - - - - - - - - - - - - \nOld classes (Gemini) to be removed soon\n- - - - - - - - - - - - - - - - - - - */\n/* Helper Classes */\n.gxi-hidden {\n  display: none !important;\n}\n\n.gxi-full-height {\n  height: 100%;\n}\n\n.gxi-overflow-auto {\n  overflow: auto;\n}\n\n.gxi-display-flex {\n  display: flex;\n}\n\n.align-start {\n  display: flex;\n  align-items: start;\n}\n\n.align-center {\n  display: flex;\n  align-items: center;\n}\n\n.align-end {\n  display: flex;\n  align-items: end;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.justify-start {\n  display: flex;\n  justify-content: start;\n}\n\n.justify-center {\n  display: flex;\n  justify-content: center;\n}\n\n.justify-end {\n  display: flex;\n  justify-content: end;\n}\n\n/* Grids */\n.grid {\n  display: grid;\n  grid-row-gap: var(--gx-ide-grid-row-gap);\n  grid-column-gap: var(--gx-ide-grid-column-gap);\n  grid-template-rows: auto;\n}\n\nch-grid-cell {\n  display: flex;\n}\n\nch-grid {\n  overflow: auto;\n  height: 100%;\n}\n\nch-grid-column {\n  /*to be removed when this works inside a component with shadow: true*/\n  z-index: 99;\n  border-bottom: 1px solid var(--mer-color__neutral-gray--800);\n}\n\nch-grid-column:first-child {\n  padding-inline-start: var(--gx-ide-container__padding) !important;\n}\n\nch-grid-column:last-child {\n  padding-inline-end: var(--gx-ide-container__padding) !important;\n}\n\nch-grid-cell {\n  --mer-spacing--xs: var(--gx-ide-container__padding);\n}\n\n/*--- Layout ---*/\n.layout {\n  display: grid;\n  gap: var(--mer-spacing--lg);\n  box-sizing: border-box;\n}\n.layout--two-cols {\n  grid-template-columns: 1fr 1fr;\n}\n.layout--space-above {\n  padding-block-start: var(--mer-spacing--lg);\n}\n\n/*Gxg Tabs*/\ngxg-tabs {\n  box-shadow: none;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n  height: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n/*stylize the top bar*/\n:host(:focus-within) gx-ide-top-bar::part(wrapper) {\n  background-color: var(--color-secondary-enabled);\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n  color: var(--gx-ide-component-text-color);\n  font-weight: var(--mer-font__weight--regular);\n  font-size: var(--mer-font__size--xs);\n  font-family: var(--mer-font-family--primary);\n  height: 100%;\n  background-color: var(--gx-ide-component-background-color);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n/*This is the main element. This is the one that take the remaining vertical space*/\n.gx-ide-main {\n  flex-grow: 1;\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-main::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gx-ide-main::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gx-ide-main::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gx-ide-main::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gx-ide-main::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.gx-ide-overflow {\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gx-ide-overflow::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gx-ide-overflow::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gx-ide-overflow::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.tree-view-primary {\n  font-size: var(--mer-font__size--2xs);\n}\n\np {\n  margin: 0;\n  font-size: var(--mer-font__size--xxs);\n}\n\n/* - - - - - - - - - - - - - - - - - -\nNew : For Mercury\n- - - - - - - - - - - - - - - - - - */\n.buttons-container {\n  display: flex;\n  gap: var(--mer-spacing--xs);\n}\n\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  display: block;\n  height: 100%;\n  overflow: auto;\n  margin: var(--mer-spacing--lg);\n}\n\n:host,\n.gx-ide-main-wrapper,\n.grid--basic,\n.project,\n.recent-objects {\n  height: 100%;\n  overflow: auto;\n}\n\n.gx-ide-main-wrapper {\n  container-name: dashboard-main-wrapper;\n  container-type: inline-size;\n}\n\n.kb {\n  grid-area: kb;\n  align-self: center;\n}\n.kb .version-pill {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.kb .kb-detail {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  flex-wrap: wrap;\n  margin-block-start: var(--mer-spacing--md);\n  gap: var(--mer-spacing--md);\n}\n.kb .kb-detail .display-inline {\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  font-style: italic;\n  opacity: 0.5;\n}\n\n.environment {\n  grid-area: environment;\n}\n.environment__environments {\n  padding-block-end: var(--gx-ide-grid-column-gap);\n  display: flex;\n  flex-direction: row;\n  gap: var(--gx-ide-grid-column-gap);\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  overflow-x: auto;\n}\n.environment__environments::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.environment__environments::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.environment__environments::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.environment__environments::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.environment__environments::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n.environment__environments .environment-card {\n  min-width: 180px;\n  flex-grow: 1;\n}\n.environment__environments .environment-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-cards-vertical-spacing);\n}\n.environment__environments .environment-item {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--2xs);\n}\n\n.environment-title {\n  margin-block-end: var(--mer-spacing--xs);\n  display: block;\n}\n\n.project {\n  grid-area: project;\n}\n.project .project-buttons {\n  margin-block-start: var(--mer-spacing--md);\n  gap: var(--mer-spacing--md);\n}\n.project .project-description > *:first-child {\n  margin-block-start: 0;\n}\n.project .project-description > *:last-child {\n  margin-block-end: 0;\n}\n\n.recent-objects {\n  grid-area: recent-objects;\n}\n.recent-objects__container {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-cards-vertical-spacing);\n}\n.recent-objects__object {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gx-ide-cards-horizontal-spacing);\n}\n.recent-objects__object .obj-name {\n  color: var(--gray-06);\n}\n.recent-objects__object .col {\n  display: flex;\n  gap: var(--gx-ide-cards-horizontal-spacing);\n}\n.recent-objects__empty-state {\n  height: 100%;\n}\n\n.grid--basic {\n  flex-grow: 1;\n  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n  gap: var(--mer-spacing--xl);\n  grid-template-areas: "kb environment" "project recent-objects";\n  grid-template-rows: auto 1fr;\n}\n\n@container (width < 768px) {\n  .grid--basic {\n    grid-template-rows: auto auto auto;\n    grid-template-areas: "kb environment" "project project" "recent-objects recent-objects";\n  }\n}\ngxg-title-editable {\n  width: 100%;\n}\n\ngx-ide-card {\n  height: 100%;\n}\n\ngxg-ide-loader::part(loader-wrapper) {\n  border: var(--mer-elevation__border-01);\n  border-radius: var(--gxg-card-section_border-radius);\n}';
 
@@ -302,4 +302,4 @@ d = new WeakMap;
 b.style = l;
 
 export { b as gx_ide_dashboard_home };
-//# sourceMappingURL=p-9a604798.entry.js.map
+//# sourceMappingURL=p-c6aeddf9.entry.js.map

package/dist/genexus-ide-ui/{p-aa821b66.entry.js → p-caed0369.entry.js}

@@ -1,10 +1,10 @@
-import { r as e, c as r, h as t, H as o, g as a } from "./p-2cf37639.js";
+import { r as e, c as r, h as t, H as o, a } from "./p-25a9f1d7.js";
 
 import { L as i } from "./p-311eedf3.js";
 
 import { c as s } from "./p-13738332.js";
 
-import { r as l } from "./p-2de01408.js";
+import { r as l } from "./p-8c0b4d9f.js";
 
 const commentsToListItemsData = e => {
   const r = [];
@@ -97,4 +97,4 @@ const g = class {
 g.style = n;
 
 export { g as gx_ide_team_dev_select_recent_comment };
-//# sourceMappingURL=p-aa821b66.entry.js.map
+//# sourceMappingURL=p-caed0369.entry.js.map

package/dist/genexus-ide-ui/{p-34b5a494.entry.js → p-cbe2dd13.entry.js}

@@ -1,6 +1,6 @@
-import { r as t, h as r, H as e, g as s } from "./p-2cf37639.js";
+import { r as t, h as r, H as e, a } from "./p-25a9f1d7.js";
 
-const a = ":host{display:block;box-sizing:border-box}.wrapper{display:flex;justify-content:space-between;padding:var(--mer-spacing--2xs) var(--mer-spacing--xs);transition:background-color var(--mer-timing--super-fast-ms);background-color:var(--mer-color__neutral-gray--800)}gxg-title::part(title){color:var(--mer-text__on-primary);transition:color var(--mer-timing--super-fast-ms)}";
+const s = ":host{display:block;box-sizing:border-box}.wrapper{display:flex;justify-content:space-between;padding:var(--mer-spacing--2xs) var(--mer-spacing--xs);transition:background-color var(--mer-timing--super-fast-ms);background-color:var(--mer-color__neutral-gray--800)}gxg-title::part(title){color:var(--mer-text__on-primary);transition:color var(--mer-timing--super-fast-ms)}";
 
 const i = class {
   constructor(r) {
@@ -44,11 +44,11 @@ const i = class {
     })) : null)));
   }
   get el() {
-    return s(this);
+    return a(this);
   }
 };
 
-i.style = a;
+i.style = s;
 
 export { i as gx_ide_top_bar };
-//# sourceMappingURL=p-34b5a494.entry.js.map
+//# sourceMappingURL=p-cbe2dd13.entry.js.map

package/dist/genexus-ide-ui/{p-71f3b66e.entry.js → p-d095a37c.entry.js}

@@ -1,4 +1,4 @@
-import { a as e, r as n, h as i, H as t, g as s } from "./p-2cf37639.js";
+import { g as e, r as n, h as i, H as t, a as s } from "./p-25a9f1d7.js";
 
 import { L as a } from "./p-311eedf3.js";
 
@@ -153,4 +153,4 @@ p = new WeakMap;
 _.style = r;
 
 export { _ as gx_ide_select_user_team };
-//# sourceMappingURL=p-71f3b66e.entry.js.map
+//# sourceMappingURL=p-d095a37c.entry.js.map