@genexus/genexus-ide-ui 3.2.12 → 3.2.14

package/dist/genexus-ide-ui/{p-5727fce7.entry.js → p-8f4af976.entry.js}

@@ -1,101 +1,117 @@
-import { r as t, g as e, h as i, H as s, a } from "./p-9b9ccd0c.js";
+import { r as t, g as i, h as e, H as s, a } from "./p-9b9ccd0c.js";
 
-import { c as n } from "./p-c5196b3b.js";
+import { g as n } from "./p-d42e842b.js";
 
-import { L as o } from "./p-311eedf3.js";
+import "./p-6534555e.js";
 
-import { r, m as h } from "./p-4d330836.js";
+import "lit";
 
-import { s as d, g as l } from "./p-91e2ebb0.js";
+import "lit/directives/when.js";
 
-import { v as c } from "./p-b32b6b1f.js";
+import "lit/directives/if-defined.js";
 
-import { r as f } from "./p-1252519a.js";
+import { c as o } from "./p-c5196b3b.js";
 
-const u = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}.basic,.advanced{padding-block-start:16px;block-size:100%;overflow:auto}.advanced{padding-block-end:12px}.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(--spacing-gap-m)}.basic__runtime-environment.one-runtime-only{align-items:center;flex-direction:row;justify-content:center}.dialog-header__back-end,.dialog-header__front-end{padding-block-start:16px}.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:12px;overflow:auto}.text-align-center{text-align:center}.tab::part(page){scrollbar-width:thin}.checkbox{inline-size:max-content}';
+import { L as r } from "./p-311eedf3.js";
 
-var p = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
-  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
+import { r as l, m as d } from "./p-4d330836.js";
+
+import { s as h, g as c } from "./p-91e2ebb0.js";
+
+import { v as f } from "./p-b32b6b1f.js";
+
+import { r as u } from "./p-1252519a.js";
+
+const p = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.section{display:contents}.basic,.advanced{padding-block-start:16px;block-size:100%;overflow:auto}.advanced{padding-block-end:12px}.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(--spacing-gap-m)}.basic__runtime-environment.one-runtime-only{align-items:center;flex-direction:row;justify-content:center}.dialog-header__back-end,.dialog-header__front-end{padding-block-start:16px}.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:12px;overflow:auto}.callout{display:flex;flex-direction:row;gap:var(--spacing-gap-xs);padding:var(--spacing-padding-m);border:1px solid var(--color-border-surface-on-elevation-2);border-radius:var(--border-radius-s);background-color:var(--color-accent-surface-elevation-2);margin-block-start:var(--spacing-gap-m)}.callout-inner{display:flex;flex-direction:column}.callout__title{display:flex;gap:var(--spacing-gap-xs)}.callout__description{color:var(--color-text-neutral-disabled)}.text-align-center{text-align:center}.tab::part(page){scrollbar-width:thin}.checkbox{inline-size:max-content}';
+
+var b = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
+  if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
 };
 
-var b = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a) {
+var m = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a) {
   if (s === "m") throw new TypeError("Private method is not writable");
   if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
+  if (typeof i === "function" ? t !== i || !a : !i.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(t, e) : a ? a.value = e : i.set(t, e), e;
 };
 
-var m, g, v, w, k, y, _, x, M, W, C, j, E, S, z, I, T, F, L, P, A, D, H, R, V, q, B, G, J, K, N;
+var g, v, w, k, y, _, x, M, W, j, C, E, S, T, z, I, F, L, P, A, D, H, R, V, q, B, G, J, K, N, O;
 
-const O = [ 
+const Q = [ 
 // TODO: review if "utils/form--full" is required.
 "resets/box-sizing", "components/tab", "components/tooltip", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const Q = "main";
+const U = n({
+  category: "system",
+  name: "warning",
+  colorType: "on-interactive"
+});
+
+const X = "main";
 
-const U = "basic";
+const Y = "basic";
 
-const X = "basic";
+const Z = "basic";
 
-const Y = "advanced";
+const $ = "advanced";
 
-const Z = class {
+const tt = class {
   constructor(s) {
     t(this, s);
-    m.set(this, false);
-    g.set(this, void 0);
-    v.set(this, false);
+    g.set(this, false);
+    v.set(this, void 0);
+    w.set(this, false);
     /**
          * frontEndsState saves the id's of the front ends checkboxes that are checked
          */
     // TODO (Use a set instead of an array to improve performance)
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        w.set(this, new Map);
-    k.set(this, void 0);
+        k.set(this, new Map);
     y.set(this, void 0);
     _.set(this, void 0);
-    x.set(this, e(`./gx-ide-assets/new-environment/shortcuts.json`));
-    M.set(this, []);
+    x.set(this, void 0);
+    M.set(this, i(`./gx-ide-assets/new-environment/shortcuts.json`));
+    W.set(this, []);
     /**
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        W.set(this, void 0);
+        j.set(this, void 0);
     // References needed to collect data con "createCallback" button submit*/
         C.set(this, void 0);
-    j.set(this, void 0);
     E.set(this, void 0);
     S.set(this, void 0);
+    T.set(this, void 0);
     z.set(this, (() => {
       /* the data store item id is used for the value (they are equal)*/
-      b(this, k, p(this, C, "f").value, "f");
-      p(this, B, "f").call(this);
+      m(this, y, b(this, C, "f").value, "f");
+      b(this, G, "f").call(this);
     }));
     I.set(this, (t => {
-      const e = t.detail.trim();
-      b(this, v, e !== this.environmentName, "f");
+      const i = t.detail.trim();
+      m(this, w, i !== this.environmentName, "f");
     }));
-    T.set(this, (() => {
+    F.set(this, (() => {
       var t;
-      b(this, _, (t = this.runtimes[0]) === null || t === void 0 ? void 0 : t.value, "f");
+      m(this, x, (t = this.runtimes[0]) === null || t === void 0 ? void 0 : t.value, "f");
     }));
     // TODO: We must avoid performing the get 3 times.
     // It is used on new-environment as well.
-        F.set(this, (t => {
-      var e, s, a;
-      return ((s = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && i("ch-tooltip", {
+        L.set(this, (t => {
+      var i, s, a;
+      return ((s = (i = this.validatableControls) === null || i === void 0 ? void 0 : i.get(t === null || t === void 0 ? void 0 : t.id)) === null || s === void 0 ? void 0 : s.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && e("ch-tooltip", {
         class: "tooltip",
         actionElement: t,
-        blockAlign: n.tooltipSettings.blockAlign,
-        inlineAlign: n.tooltipSettings.inlineAlign,
-        delay: n.tooltipSettings.delay
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
       }, this.validatableControls.get(t.id).message);
     }));
-    L.set(this, (() => {
+    P.set(this, (() => {
       // populate #controlsValidation with the controls that could have errors.
-      const t = [ p(this, C, "f"), p(this, E, "f") ];
+      const t = [ b(this, C, "f"), b(this, S, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -106,151 +122,172 @@ const Z = class {
         }
       }));
     }));
-    P.set(this, (async t => {
-      b(this, y, t.detail, "f");
-      await p(this, q, "f").call(this);
-      p(this, G, "f").call(this);
-      p(this, B, "f").call(this);
+    A.set(this, (async t => {
+      m(this, _, t.detail, "f");
+      await b(this, B, "f").call(this);
+      b(this, J, "f").call(this);
+      b(this, G, "f").call(this);
     }));
-    A.set(this, (() => i("slot", {
+    D.set(this, (() => e("slot", {
       name: "property-grid"
     })));
-    D.set(this, (() => [ i("div", {
+    H.set(this, (() => [ e("div", {
       class: {
         "basic__runtime-environment": true,
         "dialog-header-with-border": true,
         "one-runtime-only": this.runtimes.length === 1
       }
-    }, this.runtimes.length > 1 ? [ i("h2", {
+    }, this.runtimes.length > 1 ? [ e("h2", {
       // Runtime Environment
       class: "subtitle-regular-xs\t text-align-center"
-    }, p(this, W, "f").runtime), i("ch-radio-group-render", {
+    }, b(this, j, "f").runtime), e("ch-radio-group-render", {
       class: "radio-group",
-      onChange: p(this, H, "f"),
+      onChange: b(this, R, "f"),
       model: this.runtimesRadioGroupModel,
-      value: p(this, _, "f")
-    }) ] : [ i("h2", {
+      value: b(this, x, "f")
+    }) ] : [ e("h2", {
       class: "subtitle-regular-xs\t text-align-center"
-    }, p(this, W, "f").runtime, ":"), i("p", null, this.runtimesRadioGroupModel[0].caption) ]), i("section", {
+    }, b(this, j, "f").runtime, ":"), e("p", null, this.runtimesRadioGroupModel[0].caption) ]), e("section", {
       class: "basic__back-end scrollable"
-    }, i("h2", {
+    }, e("h2", {
       // back end
       class: "dialog-header dialog-header-with-border dialog-header__back-end subtitle-regular-xs\t text-align-center spacing-body-inline"
-    }, p(this, W, "f").tabBasic.backEnd.backEndLabel), i("div", {
+    }, b(this, j, "f").tabBasic.backEnd.backEndLabel), e("div", {
       class: "field-group main__back-end spacing-body-inline scrollable"
-    }, i("div", {
+    }, e("div", {
       // #language
       class: "field field-block"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "language"
-    }, p(this, W, "f").tabBasic.backEnd.language), i("ch-combo-box-render", {
+    }, b(this, j, "f").tabBasic.backEnd.language), e("ch-combo-box-render", {
       id: "language",
       class: "combo-box",
       part: "language",
-      value: p(this, y, "f"),
+      value: b(this, _, "f"),
       disabled: this.languages.length === 0,
       model: this.languageComboBoxModel,
-      onInput: p(this, P, "f"),
-      ref: t => b(this, E, t, "f")
-    }), p(this, F, "f").call(this, p(this, E, "f"))), i("div", {
+      onInput: b(this, A, "f"),
+      ref: t => m(this, S, t, "f")
+    }), b(this, L, "f").call(this, b(this, S, "f"))), e("div", {
       // #data stores
       class: "field field-block"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "data-store"
-    }, p(this, W, "f").tabBasic.backEnd.dataStores), i("ch-combo-box-render", {
+    }, b(this, j, "f").tabBasic.backEnd.dataStores), e("ch-combo-box-render", {
       id: "data-store",
       class: "combo-box",
       part: "data-store",
-      value: p(this, k, "f"),
+      value: b(this, y, "f"),
       model: this.dataStoresComboBoxModel,
-      onInput: p(this, z, "f"),
-      ref: t => b(this, C, t, "f")
-    }), p(this, F, "f").call(this, p(this, C, "f"))))), i("section", {
+      onInput: b(this, z, "f"),
+      ref: t => m(this, C, t, "f")
+    }), b(this, L, "f").call(this, b(this, C, "f"))))), e("section", {
       class: "basic__front-end scrollable"
-    }, i("h2", {
+    }, e("h2", {
       // front end
       class: "dialog-header dialog-header-with-border dialog-header__front-end subtitle-regular-xs\t text-align-center spacing-body-inline"
-    }, p(this, W, "f").tabBasic.frontEnd.frontEndLabel), i("div", {
+    }, b(this, j, "f").tabBasic.frontEnd.frontEndLabel), e("div", {
       class: "field-group front-end__checkboxes spacing-body-inline main__front-end scrollable",
       role: "group",
-      "aria-labelledby": p(this, W, "f").tabBasic.frontEnd.generators
-    }, r(this.frontEnds, p(this, K, "f"), p(this, w, "f").get(p(this, y, "f"))))) ]));
-    H.set(this, (async t => {
-      b(this, _, t.detail, "f");
-      await p(this, J, "f").call(this);
-      await p(this, q, "f").call(this);
-      p(this, B, "f").call(this);
+      "aria-labelledby": b(this, j, "f").tabBasic.frontEnd.generators
+    }, l(this.frontEnds, b(this, N, "f"), b(this, k, "f").get(b(this, _, "f"))), this.isBackendOnly && e("div", {
+      class: "callout",
+      part: "backend-only-callout"
+    }, e("ch-image", {
+      class: "icon-l",
+      src: U,
+      type: "mask"
+    }), e("div", {
+      class: "callout-inner"
+    }, e("span", {
+      class: "callout__title body-semi-bold-s"
+    }, b(this, j, "f").tabBasic.frontEnd.backendOnlyCalloutTitle), e("span", {
+      class: "callout__description body-regular-xs"
+    }, b(this, j, "f").tabBasic.frontEnd.backendOnlyCalloutDescription))))) ]));
+    R.set(this, (async t => {
+      m(this, x, t.detail, "f");
+      await b(this, K, "f").call(this);
+      await b(this, B, "f").call(this);
+      b(this, G, "f").call(this);
     }));
-    R.set(this, (async () => {
-      var t, e;
-      const i = (t = p(this, w, "f").get(p(this, y, "f"))) !== null && t !== void 0 ? t : [];
+    V.set(this, (async () => {
+      var t, i;
+      const e = (t = b(this, k, "f").get(b(this, _, "f"))) !== null && t !== void 0 ? t : [];
       this.createCallback({
-        setAsCurrent: !!((e = p(this, S, "f")) === null || e === void 0 ? void 0 : e.value),
-        name: p(this, j, "f").value,
-        runtime: p(this, _, "f"),
-        language: p(this, E, "f").value,
-        dataStores: p(this, C, "f").value,
-        frontEnds: i
+        setAsCurrent: !!((i = b(this, T, "f")) === null || i === void 0 ? void 0 : i.value),
+        name: b(this, E, "f").value,
+        runtime: b(this, x, "f"),
+        language: b(this, S, "f").value,
+        dataStores: b(this, C, "f").value,
+        frontEnds: e
       }).then((t => {
-        this.validatableControls = c(t, this.validatableControls);
+        this.validatableControls = f(t, this.validatableControls);
       }));
     }));
-    V.set(this, (t => {
-      if (t.detail.newSelectedId === Y) {
+    q.set(this, (t => {
+      if (t.detail.newSelectedId === $) {
         this.advancedTabIsVisible = true;
         // Some logic for advanced tab is done on componentDidRender lifecycle,
         // since the reference to the elements is needed.
             }
     }));
-    q.set(this, (async () => {
-      const t = await this.getDataSourcesCallback(p(this, y, "f"), p(this, _, "f"));
+    B.set(this, (async () => {
+      const t = await this.getDataSourcesCallback(b(this, _, "f"), b(this, x, "f"));
       if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
         this.dataStores = t;
       }
     }));
-    B.set(this, (async () => {
-      if (!p(this, v, "f")) {
-        this.environmentName = await this.getEnvironmentNameCallback(p(this, y, "f"), p(this, k, "f"), p(this, _, "f"));
+    G.set(this, (async () => {
+      if (!b(this, w, "f")) {
+        this.environmentName = await this.getEnvironmentNameCallback(b(this, _, "f"), b(this, y, "f"), b(this, x, "f"));
       }
     }));
-    G.set(this, (async () => {
-      const t = await this.getFrontEndsCallback(p(this, y, "f"));
+    J.set(this, (async () => {
+      const t = await this.getFrontEndsCallback(b(this, _, "f"));
       if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
         this.frontEnds = t;
+        // Seed the checked map from the data's checked property so that
+        // initially checked items render as checked on first load.
+                if (!b(this, k, "f").has(b(this, _, "f"))) {
+          const i = t.filter((t => t.checked)).map((t => t.value || t.id));
+          if (i.length > 0) {
+            b(this, k, "f").set(b(this, _, "f"), i);
+          }
+        }
       }
     }));
-    J.set(this, (async () => {
-      const t = await this.getLanguagesCallback(p(this, _, "f"));
+    K.set(this, (async () => {
+      const t = await this.getLanguagesCallback(b(this, x, "f"));
       if ((t === null || t === void 0 ? void 0 : t.length) > 0) {
         this.languages = t;
       }
     }));
-    K.set(this, (t => {
-      const e = t.target.checkedValue;
-      const i = t.detail === e;
-      p(this, N, "f").call(this, e, i);
+    N.set(this, (t => {
+      const i = t.target.checkedValue;
+      const e = t.detail === i;
+      b(this, O, "f").call(this, i, e);
     }));
     /**
          * This function updates frontEndsCheckedMap, that contains the checked
          * checkboxes for each language front ends.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        N.set(this, ((t, e) => {
-      let i = p(this, w, "f").get(p(this, y, "f"));
-      if (!i) {
+        O.set(this, ((t, i) => {
+      let e = b(this, k, "f").get(b(this, _, "f"));
+      if (!e) {
         // first time
-        i = [];
-        p(this, w, "f").set(p(this, y, "f"), i);
+        e = [];
+        b(this, k, "f").set(b(this, _, "f"), e);
       }
-      if (e) {
+      if (i) {
         // update by adding
-        i.push(t);
+        e.push(t);
       } else {
         // update by removing
-        const e = i.findIndex((e => e === t));
-        f(i, e);
+        const i = e.findIndex((i => i === t));
+        u(e, i);
       }
     }));
     this.advancedTabIsVisible = false;
@@ -266,30 +303,31 @@ const Z = class {
     this.getDataSourcesCallback = undefined;
     this.getEnvironmentNameCallback = undefined;
     this.getFrontEndsCallback = undefined;
-    this.isAdvanced = false;
     this.languages = undefined;
+    this.isAdvanced = false;
+    this.isBackendOnly = false;
     this.getLanguagesCallback = undefined;
     this.runtimes = undefined;
     this.setAsTarget = true;
   }
   dataStoresChanged(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.dataStoresComboBoxModel = h(t);
-      const e = d(t, p(this, k, "f"));
-      b(this, k, l(e), "f");
+      this.dataStoresComboBoxModel = d(t);
+      const i = h(t, b(this, y, "f"));
+      m(this, y, c(i), "f");
     }
   }
   languagesChanged(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.languageComboBoxModel = h(t);
-      b(this, y, l(t), "f");
-      p(this, G, "f").call(this);
+      this.languageComboBoxModel = d(t);
+      m(this, _, c(t), "f");
+      b(this, J, "f").call(this);
     }
   }
   runtimesChanged(t) {
     if (t === null || t === void 0 ? void 0 : t.length) {
-      this.runtimesRadioGroupModel = h(this.runtimes);
-      p(this, J, "f").call(this);
+      this.runtimesRadioGroupModel = d(this.runtimes);
+      b(this, K, "f").call(this);
     }
   }
   connectedCallback() {
@@ -298,45 +336,45 @@ const Z = class {
     this.runtimesChanged(this.runtimes);
   }
   componentDidLoad() {
-    p(this, L, "f").call(this);
+    b(this, P, "f").call(this);
   }
   componentDidRender() {
-    if (this.advancedTabIsVisible && !p(this, m, "f")) {
+    if (this.advancedTabIsVisible && !b(this, g, "f")) {
       // just call this once.
-      b(this, m, true, "f");
+      m(this, g, true, "f");
     }
   }
   async componentWillLoad() {
-    b(this, W, await o.getComponentStrings(this.el), "f");
-    b(this, M, [ {
-      id: X,
-      name: p(this, W, "f").tabBasic.tabLabel
+    m(this, j, await r.getComponentStrings(this.el), "f");
+    m(this, W, [ {
+      id: Z,
+      name: b(this, j, "f").tabBasic.tabLabel
     }, {
-      id: Y,
-      name: p(this, W, "f").tabAdvanced.tabLabel
+      id: $,
+      name: b(this, j, "f").tabAdvanced.tabLabel
     } ], "f");
-    p(this, T, "f").call(this);
+    b(this, F, "f").call(this);
   }
   /**
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      p(this, g, "f").suspend = true;
+      b(this, v, "f").suspend = true;
     } else {
-      p(this, g, "f").suspend = false;
+      b(this, v, "f").suspend = false;
     }
   }
   render() {
-    return i(s, {
+    return e(s, {
       class: "widget scrollable"
-    }, i("ch-theme", {
-      model: O
-    }), i("ch-shortcuts", {
-      src: p(this, x, "f"),
-      ref: t => b(this, g, t, "f")
-    }), i("section", {
+    }, e("ch-theme", {
+      model: Q
+    }), e("ch-shortcuts", {
+      src: b(this, M, "f"),
+      ref: t => m(this, v, t, "f")
+    }), e("section", {
       class: "section"
-    }, i("header", {
+    }, e("header", {
       class: {
         header: true,
         "spacing-body-inline": true,
@@ -344,49 +382,49 @@ const Z = class {
         "dialog-header": this.isAdvanced,
         "dialog-header-with-border": !this.isAdvanced
       }
-    }, i("div", {
+    }, e("div", {
       // #environment name
       class: "field field-inline"
-    }, i("label", {
+    }, e("label", {
       class: "label",
       htmlFor: "environment-name"
-    }, p(this, W, "f").name), i("ch-edit", {
+    }, b(this, j, "f").name), e("ch-edit", {
       // environment name
       autoFocus: true,
       id: "environment-name",
       class: "input",
       part: "environment-name",
       value: this.environmentName,
-      placeholder: p(this, W, "f").environmentNamePlaceholder,
+      placeholder: b(this, j, "f").environmentNamePlaceholder,
       // TODO: toolTip={config.tooltip}
-      ref: t => b(this, j, t, "f"),
-      onInput: p(this, I, "f")
-    }))), this.isAdvanced ? i("ch-tab-render", {
+      ref: t => m(this, E, t, "f"),
+      onInput: b(this, I, "f")
+    }))), this.isAdvanced ? e("ch-tab-render", {
       // main section
       class: {
         tab: true,
-        [Q]: true
+        [X]: true
       },
       tabListPosition: "block-start",
-      model: p(this, M, "f"),
-      selectedId: X,
+      model: b(this, W, "f"),
+      selectedId: Z,
       overflow: "auto",
       contain: "size",
-      onSelectedItemChange: !this.advancedTabIsVisible && p(this, V, "f")
-    }, i("div", {
-      slot: X,
-      class: U,
+      onSelectedItemChange: !this.advancedTabIsVisible && b(this, q, "f")
+    }, e("div", {
+      slot: Z,
+      class: Y,
       part: "tab-button-basic"
-    }, p(this, D, "f").call(this)), this.advancedTabIsVisible && i("div", {
-      slot: Y,
+    }, b(this, H, "f").call(this)), this.advancedTabIsVisible && e("div", {
+      slot: $,
       class: "advanced spacing-body-inline",
       part: "tab-button-advanced"
-    }, p(this, A, "f").call(this))) : i("div", {
+    }, b(this, D, "f").call(this))) : e("div", {
       // main section
-      class: Q
-    }, i("div", {
-      class: U
-    }, p(this, D, "f").call(this))), i("footer", {
+      class: X
+    }, e("div", {
+      class: Y
+    }, b(this, H, "f").call(this))), e("footer", {
       class: {
         "dialog-footer": this.isAdvanced,
         "dialog-footer-with-border": !this.isAdvanced,
@@ -394,27 +432,27 @@ const Z = class {
         "spacing-body-block-end": true,
         "spacing-body-inline": true
       }
-    }, i("ch-checkbox", {
+    }, e("ch-checkbox", {
       // #set as current environment
       class: "checkbox",
-      caption: p(this, W, "f").footer.setAsCurrentEnvironment,
-      ref: t => b(this, S, t, "f"),
+      caption: b(this, j, "f").footer.setAsCurrentEnvironment,
+      ref: t => m(this, T, t, "f"),
       checkedValue: "current-environment",
       value: this.setAsTarget ? "current-environment" : "",
       part: "set-as-current-environment"
-    }), i("div", {
+    }), e("div", {
       class: "buttons-spacer"
-    }, i("button", {
+    }, e("button", {
       // #cancel
       class: "button-secondary",
       onClick: this.cancelCallback,
       part: "button button-cancel"
-    }, p(this, W, "f").footer.btnCancel), i("button", {
+    }, b(this, j, "f").footer.btnCancel), e("button", {
       // #create
       class: "button-primary",
-      onClick: p(this, R, "f"),
+      onClick: b(this, V, "f"),
       part: "button button-create"
-    }, p(this, W, "f").footer.btnCreate)))));
+    }, b(this, j, "f").footer.btnCreate)))));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/new-environment" ];
@@ -431,15 +469,15 @@ const Z = class {
   }
 };
 
-m = new WeakMap, g = new WeakMap, v = new WeakMap, w = new WeakMap, k = new WeakMap, 
-y = new WeakMap, _ = new WeakMap, x = new WeakMap, M = new WeakMap, W = new WeakMap, 
-C = new WeakMap, j = new WeakMap, E = new WeakMap, S = new WeakMap, z = new WeakMap, 
-I = new WeakMap, T = new WeakMap, F = new WeakMap, L = new WeakMap, P = new WeakMap, 
-A = new WeakMap, D = new WeakMap, H = new WeakMap, R = new WeakMap, V = new WeakMap, 
-q = new WeakMap, B = new WeakMap, G = new WeakMap, J = new WeakMap, K = new WeakMap, 
-N = new WeakMap;
+g = new WeakMap, v = new WeakMap, w = new WeakMap, k = new WeakMap, y = new WeakMap, 
+_ = new WeakMap, x = new WeakMap, M = new WeakMap, W = new WeakMap, j = new WeakMap, 
+C = new WeakMap, E = new WeakMap, S = new WeakMap, T = new WeakMap, z = new WeakMap, 
+I = new WeakMap, F = new WeakMap, L = new WeakMap, P = new WeakMap, A = new WeakMap, 
+D = new WeakMap, H = new WeakMap, R = new WeakMap, V = new WeakMap, q = new WeakMap, 
+B = new WeakMap, G = new WeakMap, J = new WeakMap, K = new WeakMap, N = new WeakMap, 
+O = new WeakMap;
 
-Z.style = u;
+tt.style = p;
 
-export { Z as gx_ide_new_environment };
-//# sourceMappingURL=p-5727fce7.entry.js.map
+export { tt as gx_ide_new_environment };
+//# sourceMappingURL=p-8f4af976.entry.js.map