@genexus/genexus-ide-ui 1.1.5 → 1.1.7

package/dist/genexus-ide-ui/{p-a6029d9a.entry.js → p-0acf517c.entry.js}

@@ -2,11 +2,11 @@ import { r as t, h as e, H as s, a as i } from "./p-25a9f1d7.js";
 
 import { g as a } from "./p-ede7bd20.js";
 
-import { c as n } from "./p-13738332.js";
+import { c as o } from "./p-13738332.js";
 
-import { L as o } from "./p-857866f8.js";
+import { L as n } from "./p-311eedf3.js";
 
-const mapStylesToComboBoxItemModel = t => t?.map((t => ({
+const mapStylesToComboBoxItemModel = t => t === null || t === void 0 ? void 0 : t.map((t => ({
   value: t.id,
   caption: t.label || t.name
 })));
@@ -94,7 +94,7 @@ var p = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, a)
   return i === "a" ? a.call(t, s) : a ? a.value = s : e.set(t, s), s;
 };
 
-var f, u, m, b, g, k, w, y, v, x, M, W, _, I, C, $, j, D, S, T, z, P, q, A, E, F, V, G, L, B, H, R, O, N, Y, J, K, Q, U, X, Z, tt, et, st, it, at, nt, ot, ht, rt, lt, ct, dt, pt, ft, ut;
+var f, u, m, b, g, k, w, v, y, x, M, W, _, I, C, $, j, D, S, T, z, P, q, A, E, F, V, G, L, O, B, H, R, N, Y, J, K, Q, U, X, Z, tt, et, st, it, at, ot, nt, ht, rt, lt, ct, dt, pt, ft, ut;
 
 const mt = "panels";
 
@@ -106,10 +106,10 @@ const kt = "design_system";
 
 const wt = "fonts";
 
-const yt = "@@@";
+const vt = "@@@";
 
 // ch-checkbox
-const vt = "on";
+const yt = "on";
 
 // Icons
 const xt = a({
@@ -166,8 +166,8 @@ const $t = class {
       none: [ "-" ]
     });
     /* References needed to collect data */    w.set(this, void 0);
-    y.set(this, void 0);
     v.set(this, void 0);
+    y.set(this, void 0);
     x.set(this, void 0);
     M.set(this, []);
     W.set(this, []);
@@ -218,25 +218,26 @@ const $t = class {
       const t = this.isLoaded && this.reactiveSettings.path && this.pathIsValid && this.path !== this.lastLoadCallbackSettingValues.path;
       const e = !this.requiresAccessToken || this.requiresAccessToken && this.accessToken.length > 0;
       if (t && e) {
-        d(this, H, "f").call(this);
+        d(this, B, "f").call(this);
       }
     }));
     A.set(this, (async t => {
+      var e;
       if (t.detail.length) {
-        const e = t.detail[0]?.item;
-        const s = e.id;
-        const i = s.split(yt);
-        const a = i[0];
-        const n = i[1];
-        const o = a && a !== "parent";
-        const h = n === "design_system";
-        if (o || h) {
+        const s = (e = t.detail[0]) === null || e === void 0 ? void 0 : e.item;
+        const i = s.id;
+        const a = i.split(vt);
+        const o = a[0];
+        const n = a[1];
+        const h = o && o !== "parent";
+        const r = n === "design_system";
+        if (h || r) {
           this.tabsModel = l.get(n);
           this.selectedDesignType = n;
-          const t = d(this, E, "f").call(this, s);
+          const t = d(this, E, "f").call(this, i);
           if (!t) {
-            const t = await d(this, O, "f").call(this, a, this.selectedDesignType);
-            d(this, m, "f").set(s, {
+            const t = await d(this, R, "f").call(this, o, this.selectedDesignType);
+            d(this, m, "f").set(i, {
               designType: this.selectedDesignType,
               designDataDetail: t
             });
@@ -245,14 +246,17 @@ const $t = class {
             this.selectedDesignType = t.designType;
             this.selectedDesignItem = t.designDataDetail;
             d(this, f, "m", N).call(this, t.designType);
-            d(this, f, "m", ot).call(this, t.designType);
+            d(this, f, "m", nt).call(this, t.designType);
           }
           this.renderedTabs.clear();
           this.renderedTabs.add(this.activeTabs.get(this.selectedDesignType));
         }
       }
     }));
-    E.set(this, (t => d(this, m, "f")?.get(t)));
+    E.set(this, (t => {
+      var e;
+      return (e = d(this, m, "f")) === null || e === void 0 ? void 0 : e.get(t);
+    }));
     F.set(this, (t => {
       const e = /^(\/|\.\/|(\w:))[^:*?"<>|]*\.(sketch|gxsketch)$/i;
  // Match valid file paths
@@ -268,22 +272,22 @@ const $t = class {
       let s = null;
       const i = {};
       for (const t of e) {
-        if (t.item.id.startsWith(`parent${yt}`)) {
-          s = t.item.id.split(yt)[1];
+        if (t.item.id.startsWith(`parent${vt}`)) {
+          s = t.item.id.split(vt)[1];
           i[s] = [];
         } else if (t.item.checked && s) {
-          const e = t.item.id.split(yt)[1];
+          const e = t.item.id.split(vt)[1];
           if (e === s) {
-            const e = t.item.id.split(yt)[0];
+            const e = t.item.id.split(vt)[0];
             i[s].push(e);
           }
         }
       }
       // const { designSystem, fonts, images, panels, stencils } = result;
-            const {fonts: a, panels: n, stencils: o, images: h} = i;
+            const {fonts: a, panels: o, stencils: n, images: h} = i;
       // this.designSystemSelected = designSystem;
-            p(this, M, n, "f");
-      p(this, W, o, "f");
+            p(this, M, o, "f");
+      p(this, W, n, "f");
       p(this, _, h, "f");
       p(this, I, a, "f");
     }));
@@ -293,21 +297,22 @@ const $t = class {
     L.set(this, (t => {
       this.styleValue = t.target.value;
       if (this.reactiveSettings.style && this.styleValue !== this.lastLoadCallbackSettingValues.style) {
-        d(this, H, "f").call(this);
+        d(this, B, "f").call(this);
       }
     }));
-    B.set(this, (t => {
+    O.set(this, (t => {
       if (this.reactiveSettings.module && this.defaultModule.id !== t.detail.id && this.pathIsValid) {
-        d(this, H, "f").call(this);
+        d(this, B, "f").call(this);
       }
     }));
-    H.set(this, (async () => {
+    B.set(this, (async () => {
+      var t, e;
       this.isLoading = true;
-      const t = this.selectedFile ? this.selectedFile : this.path;
-      const e = d(this, w, "f") ? d(this, w, "f").value : undefined;
-      const s = this.styleValue;
-      const i = d(this, y, "f").value === vt;
-      const a = await this.loadCallback(t, s, i, e, d(this, R, "f"));
+      const s = this.selectedFile ? this.selectedFile : this.path;
+      const i = d(this, w, "f") ? d(this, w, "f").value : undefined;
+      const a = this.styleValue;
+      const o = d(this, v, "f").value === yt;
+      const n = await this.loadCallback(s, a, o, i, d(this, H, "f"));
       // clear
             p(this, M, [], "f");
       p(this, W, [], "f");
@@ -315,31 +320,31 @@ const $t = class {
       this.selectedDesignType = undefined;
       this.selectedDesignItem = undefined;
       this.messages = [];
-      this.designData = a;
-      this.isLoaded = a?.success ?? false;
+      this.designData = n;
+      this.isLoaded = (t = n === null || n === void 0 ? void 0 : n.success) !== null && t !== void 0 ? t : false;
       this.isLoading = false;
-      const n = a.designSystem[0]?.name;
-      if (n && !this.styleValue) {
-        this.styleValue = n;
+      const h = (e = n.designSystem[0]) === null || e === void 0 ? void 0 : e.name;
+      if (h && !this.styleValue) {
+        this.styleValue = h;
       }
       // update the settings that were used for the last load
             if (this.reactiveSettings.path && this.pathIsValid) {
         this.lastLoadCallbackSettingValues.path = this.path;
       }
       if (this.reactiveSettings.style) {
-        this.lastLoadCallbackSettingValues.style = s;
+        this.lastLoadCallbackSettingValues.style = a;
       }
       if (this.reactiveSettings.module) {
-        this.lastLoadCallbackSettingValues.moduleId = d(this, v, "f").value.id;
+        this.lastLoadCallbackSettingValues.moduleId = d(this, y, "f").value.id;
       }
       if (this.reactiveSettings.importAsWebPanels) {
-        this.lastLoadCallbackSettingValues.importAsWebPanels = i;
+        this.lastLoadCallbackSettingValues.importAsWebPanels = o;
       }
     }));
-    R.set(this, (t => {
+    H.set(this, (t => {
       this.messages = [ ...this.messages, t ];
     }));
-    O.set(this, (async (t, e) => {
+    R.set(this, (async (t, e) => {
       let s;
       switch (e) {
        case gt:
@@ -364,7 +369,7 @@ const $t = class {
         this.selectedDesignType = e;
         this.selectedDesignItem = t;
         d(this, f, "m", N).call(this, e);
-        d(this, f, "m", ot).call(this, e);
+        d(this, f, "m", nt).call(this, e);
         i = t;
       }));
       return i;
@@ -381,18 +386,19 @@ const $t = class {
       return s;
     }));
     J.set(this, (() => {
-      const t = d(this, Y, "f").call(this, this.designData.panels, d(this, M, "f"));
-      const e = d(this, Y, "f").call(this, this.designData.stencils, d(this, W, "f"));
-      const s = d(this, Y, "f").call(this, this.designData.images, d(this, _, "f"));
-      const i = d(this, Y, "f").call(this, this.designData.fonts, d(this, I, "f"));
+      var t, e;
+      const s = d(this, Y, "f").call(this, this.designData.panels, d(this, M, "f"));
+      const i = d(this, Y, "f").call(this, this.designData.stencils, d(this, W, "f"));
+      const a = d(this, Y, "f").call(this, this.designData.images, d(this, _, "f"));
+      const o = d(this, Y, "f").call(this, this.designData.fonts, d(this, I, "f"));
       this.confirmCallback({
-        panels: t,
-        stencils: e,
-        images: s,
-        fonts: i,
-        moduleId: d(this, v, "f")?.value?.id,
+        panels: s,
+        stencils: i,
+        images: a,
+        fonts: o,
+        moduleId: (e = (t = d(this, y, "f")) === null || t === void 0 ? void 0 : t.value) === null || e === void 0 ? void 0 : e.id,
         styleName: this.styleValue,
-        importAsWebPanels: d(this, y, "f").value === vt
+        importAsWebPanels: d(this, v, "f").value === yt
       });
     }));
     K.set(this, (() => {
@@ -400,13 +406,13 @@ const $t = class {
       this.isLoading = false;
     }));
     Q.set(this, (t => {
-      this.fitImages = t.detail === vt;
+      this.fitImages = t.detail === yt;
     }));
     U.set(this, (t => t.reduce(((t, e, s, i) => i[t].name <= e.name ? t : s), 0)));
     X.set(this, (() => {
       const t = this.reactiveSettings.importAsWebPanels && this.pathIsValid;
       if (t) {
-        d(this, H, "f").call(this);
+        d(this, B, "f").call(this);
       }
     }));
     Z.set(this, (() => {
@@ -417,9 +423,10 @@ const $t = class {
       d(this, C, "f").value = null;
     }));
     tt.set(this, (t => {
-      const e = t.target;
-      if (e.files?.length > 0) {
-        this.selectedFile = e.files[0];
+      var e;
+      const s = t.target;
+      if (((e = s.files) === null || e === void 0 ? void 0 : e.length) > 0) {
+        this.selectedFile = s.files[0];
         this.path = this.selectedFile.name;
         // we know the path is valid because the extensions are restricted by "extensions" Prop.
             }
@@ -448,7 +455,7 @@ const $t = class {
       const s = this.isLoading || this.path.length === 0;
       const i = this.isLoading;
       const a = this.isLoading;
-      const o = !this.pathIsValid && this.path.length > 0;
+      const n = !this.pathIsValid && this.path.length > 0;
       const h = !this.pathIsValid && this.path.length > 0;
       const r = this.isLoading || !this.designDataTreeDataModel.length || this.selectedDesignType === "stencils" || this.selectedDesignType === "design_system";
       let l;
@@ -467,7 +474,7 @@ const $t = class {
           "spacing-body-block-start": true,
           "header--show-access-token": this.requiresAccessToken,
           "header--hide-access-token": !this.requiresAccessToken,
-          "field-group-cols-2": true
+          "field-group-justified-start": true
         }
       }, e("label", {
         // path/url label
@@ -479,10 +486,10 @@ const $t = class {
         id: "path-url",
         class: {
           input: true,
-          "input-error": o,
+          "input-error": n,
           "path-url-control": true
         },
-        debounce: n.inputDebounce,
+        debounce: o.inputDebounce,
         part: "option-path",
         type: "text",
         value: this.path,
@@ -495,9 +502,9 @@ const $t = class {
       }), h && e("ch-tooltip", {
         class: "tooltip",
         actionElement: d(this, $, "f"),
-        blockAlign: n.tooltipSettings.blockAlign,
-        inlineAlign: n.tooltipSettings.inlineAlign,
-        delay: n.tooltipSettings.delay
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
       }, d(this, u, "f").header.pathErrorMessage, " ", d(this, g, "f")), e("input", {
         hidden: true,
         type: "file",
@@ -522,7 +529,7 @@ const $t = class {
         // load file button
         id: "button-load",
         type: "primary-text-only",
-        onClick: this.pathIsValid ? d(this, H, "f") : d(this, G, "f"),
+        onClick: this.pathIsValid ? d(this, B, "f") : d(this, G, "f"),
         part: "button button--load",
         disabled: t,
         class: {
@@ -550,9 +557,9 @@ const $t = class {
       }), this.accessTokenHasError && e("ch-tooltip", {
         class: "tooltip",
         actionElement: d(this, w, "f"),
-        blockAlign: n.tooltipSettings.blockAlign,
-        inlineAlign: n.tooltipSettings.inlineAlign,
-        delay: n.tooltipSettings.delay
+        blockAlign: o.tooltipSettings.blockAlign,
+        inlineAlign: o.tooltipSettings.inlineAlign,
+        delay: o.tooltipSettings.delay
       }, d(this, u, "f").header.accessTokenErrorMessage)) ], e("label", {
         // style label
         class: "label style-label"
@@ -577,8 +584,8 @@ const $t = class {
         value: this.defaultModule,
         defaultValue: this.defaultModule,
         selectEntityCallback: this.selectModuleCallback,
-        ref: t => p(this, v, t, "f"),
-        onValueChanged: this.reactiveSettings.module && d(this, B, "f"),
+        ref: t => p(this, y, t, "f"),
+        onValueChanged: this.reactiveSettings.module && d(this, O, "f"),
         disabled: a,
         class: "module"
       }), e("div", {
@@ -586,10 +593,10 @@ const $t = class {
         class: "checkboxes-options field-group"
       }, e("ch-checkbox", {
         caption: d(this, u, "f").header.importAs,
-        checkedValue: vt,
+        checkedValue: yt,
         class: "checkbox import-as-web-panels",
-        ref: t => p(this, y, t, "f"),
-        value: this.importAsWebPanels ? vt : undefined,
+        ref: t => p(this, v, t, "f"),
+        value: this.importAsWebPanels ? yt : undefined,
         part: "option-import-as-web-panels",
         disabled: this.isLoading,
         onInput: d(this, X, "f")
@@ -601,14 +608,14 @@ const $t = class {
       }, e("ch-checkbox", {
         // fit images
         caption: d(this, u, "f").header.fitImages,
-        checkedValue: vt,
+        checkedValue: yt,
         class: "checkbox",
         part: "fit-images-checkbox",
         disabled: r,
         onInput: d(this, Q, "f")
       }))));
     }));
-    nt.set(this, (() => this.messages.length > 0 && this.messages.map((t => e("p", {
+    ot.set(this, (() => this.messages.length > 0 && this.messages.map((t => e("p", {
       class: {
         "body-regular-m": true,
         message: true,
@@ -616,16 +623,17 @@ const $t = class {
       }
     }, t.type, ": ", t.text)))));
     ht.set(this, (() => {
-      if (this.isLoading || this.designData?.success === false) {
+      var t, s;
+      if (this.isLoading || ((t = this.designData) === null || t === void 0 ? void 0 : t.success) === false) {
         return e("div", {
           class: "main main--loading scrollable",
           ref: t => p(this, x, t, "f")
-        }, d(this, nt, "f").call(this), e("div", {
+        }, d(this, ot, "f").call(this), e("div", {
           class: "body-regular-m spacing-body"
         }, e("slot", {
           name: "messages"
         })));
-      } else if (this.designData?.success) {
+      } else if ((s = this.designData) === null || s === void 0 ? void 0 : s.success) {
         /* #main*/
         return e("div", {
           class: "main"
@@ -661,7 +669,8 @@ const $t = class {
       onSelectedItemsChange: d(this, A, "f")
     })));
     lt.set(this, (() => {
-      const t = this.designData?.success !== true || this.isLoading;
+      var t;
+      const s = ((t = this.designData) === null || t === void 0 ? void 0 : t.success) !== true || this.isLoading;
       return e("footer", {
         class: "control-footer-with-border spacing-body-block-end spacing-body-inline"
       }, e("div", {
@@ -679,15 +688,16 @@ const $t = class {
         id: "button-ok",
         class: "button-primary button-ok",
         type: "primary-text-only",
-        onClick: !t && d(this, J, "f"),
+        onClick: !s && d(this, J, "f"),
         part: "button button--ok",
-        disabled: t,
+        disabled: s,
         slot: "footer-end"
       }, d(this, u, "f").footer.btnOk)));
     }));
     ct.set(this, (() => {
+      var t, s;
       if (this.selectedDesignType === "panels") {
-        return this.selectedDesignItem?.composition?.preview ? e("div", {
+        return ((s = (t = this.selectedDesignItem) === null || t === void 0 ? void 0 : t.composition) === null || s === void 0 ? void 0 : s.preview) ? e("div", {
           part: "data-panel-composition-preview",
           class: "panel-item scrollable"
         }, e("img", {
@@ -696,7 +706,7 @@ const $t = class {
         })) : e("gx-ide-empty-state", {
           class: "panel-tab__empty-state",
           stateTitle: d(this, u, "f").messages.noPanelPreviewAvailable,
-          stateIconSrc: d(this, y, "f").value === vt ? _t : It
+          stateIconSrc: d(this, v, "f").value === yt ? _t : It
         });
       }
       return null;
@@ -848,13 +858,13 @@ const $t = class {
     if (t) {
       // panels
       const t = d(this, U, "f").call(this, this.designData.panels);
-      const e = d(this, y, "f").value === vt;
+      const e = d(this, v, "f").value === yt;
       const s = e ? "objects/webpanel" : "objects/panel-for-sd";
       // images
             const i = "objects/image";
       this.designDataTreeDataModel = [ {
         order: 0,
-        id: `parent${yt}${mt}`,
+        id: `parent${vt}${mt}`,
         leaf: false,
         caption: e ? d(this, u, "f").tree.webPanels : d(this, u, "f").tree.panels,
         startImgSrc: s,
@@ -864,7 +874,7 @@ const $t = class {
         items: d(this, f, "m", S).call(this, this.designData.panels, mt, s, t)
       }, {
         order: 1,
-        id: `parent${yt}${bt}`,
+        id: `parent${vt}${bt}`,
         leaf: false,
         caption: d(this, u, "f").tree.stencils,
         startImgSrc: "objects/stencil",
@@ -872,7 +882,7 @@ const $t = class {
         checked: true,
         expanded: true,
         items: this.designData.stencils.map((t => ({
-          id: `${t.id}${yt}${bt}`,
+          id: `${t.id}${vt}${bt}`,
           class: "object tree-view-item",
           leaf: !t.warning,
           caption: t.name,
@@ -884,7 +894,7 @@ const $t = class {
         })))
       }, {
         order: 2,
-        id: `parent${yt}${gt}`,
+        id: `parent${vt}${gt}`,
         leaf: false,
         caption: d(this, u, "f").tree.images,
         startImgSrc: i,
@@ -894,7 +904,7 @@ const $t = class {
         items: d(this, f, "m", S).call(this, this.designData.images, gt, i)
       }, {
         order: 3,
-        id: `parent${yt}${wt}`,
+        id: `parent${vt}${wt}`,
         leaf: false,
         caption: d(this, u, "f").tree.fonts,
         startImgSrc: "controls/font",
@@ -902,7 +912,7 @@ const $t = class {
         checked: true,
         expanded: true,
         items: this.designData.fonts.map((t => ({
-          id: `${t.id}${yt}${wt}`,
+          id: `${t.id}${vt}${wt}`,
           leaf: !t.warning,
           caption: t.name,
           startImgSrc: "controls/font",
@@ -913,7 +923,7 @@ const $t = class {
         })))
       }, {
         order: 4,
-        id: `${this.designData.designSystem.length > 0 ? this.designData.designSystem[0].id : "parent"}${yt}${kt}`,
+        id: `${this.designData.designSystem.length > 0 ? this.designData.designSystem[0].id : "parent"}${vt}${kt}`,
         leaf: true,
         caption: d(this, u, "f").tree.designSystem,
         startImgSrc: "objects/dso",
@@ -923,9 +933,10 @@ const $t = class {
     }
   }
   pathChanged(t) {
-    const e = this.selectedFile?.size > 0;
-    const s = d(this, F, "f").call(this, t) || e;
-    this.pathIsValid = s;
+    var e;
+    const s = ((e = this.selectedFile) === null || e === void 0 ? void 0 : e.size) > 0;
+    const i = d(this, F, "f").call(this, t) || s;
+    this.pathIsValid = i;
   }
   accessTokenChanged(t) {
     if (!t.trim().length) {
@@ -939,12 +950,13 @@ const $t = class {
     this.stylesAsComboBoxModel = mapStylesToComboBoxItemModel(t);
   }
   async componentWillLoad() {
-    p(this, u, await o.getComponentStrings(this.el), "f");
+    var t, e;
+    p(this, u, await n.getComponentStrings(this.el), "f");
     p(this, g, this.extensions.map((t => `.${t}`)).join(", "), "f");
     this.stylesChanged(this.styles);
     d(this, T, "f").call(this);
     this.pathChanged(this.path);
-    this.styleValue = this.stylesAsComboBoxModel?.length > 0 ? this.stylesAsComboBoxModel[0]?.value : "";
+    this.styleValue = ((t = this.stylesAsComboBoxModel) === null || t === void 0 ? void 0 : t.length) > 0 ? (e = this.stylesAsComboBoxModel[0]) === null || e === void 0 ? void 0 : e.value : "";
   }
   watchMessagesHandler(t, e) {
     if (t !== e) {
@@ -981,32 +993,33 @@ const $t = class {
 };
 
 u = new WeakMap, m = new WeakMap, b = new WeakMap, g = new WeakMap, k = new WeakMap, 
-w = new WeakMap, y = new WeakMap, v = new WeakMap, x = new WeakMap, M = new WeakMap, 
+w = new WeakMap, v = new WeakMap, y = new WeakMap, x = new WeakMap, M = new WeakMap, 
 W = new WeakMap, _ = new WeakMap, I = new WeakMap, C = new WeakMap, $ = new WeakMap, 
 j = new WeakMap, D = new WeakMap, T = new WeakMap, z = new WeakMap, P = new WeakMap, 
 A = new WeakMap, E = new WeakMap, F = new WeakMap, V = new WeakMap, G = new WeakMap, 
-L = new WeakMap, B = new WeakMap, H = new WeakMap, R = new WeakMap, O = new WeakMap, 
+L = new WeakMap, O = new WeakMap, B = new WeakMap, H = new WeakMap, R = new WeakMap, 
 Y = new WeakMap, J = new WeakMap, K = new WeakMap, Q = new WeakMap, U = new WeakMap, 
 X = new WeakMap, Z = new WeakMap, tt = new WeakMap, et = new WeakMap, st = new WeakMap, 
-it = new WeakMap, at = new WeakMap, nt = new WeakMap, ht = new WeakMap, rt = new WeakMap, 
+it = new WeakMap, at = new WeakMap, ot = new WeakMap, ht = new WeakMap, rt = new WeakMap, 
 lt = new WeakMap, ct = new WeakMap, dt = new WeakMap, pt = new WeakMap, ft = new WeakMap, 
 ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursiveDesignTreeItems(t, e, s, i = undefined) {
   return t.map(((t, a) => {
-    const n = `${t.id}${yt}${e}`;
-    const o = t.variants?.length > 0;
-    const h = t.warning ? d(this, D, "f").call(this, t.warning) : [];
-    const r = !o && !t.warning;
+    var o;
+    const n = `${t.id}${vt}${e}`;
+    const h = ((o = t.variants) === null || o === void 0 ? void 0 : o.length) > 0;
+    const r = t.warning ? d(this, D, "f").call(this, t.warning) : [];
+    const l = !h && !t.warning;
     return {
       id: n,
-      leaf: r,
+      leaf: l,
       caption: t.name,
       startImgSrc: s,
       checkbox: true,
       checked: true,
-      expanded: !r,
+      expanded: !l,
       selected: i === a,
       order: a,
-      items: [ ...h, ...o ? d(this, f, "m", _GxIdeImportFromDesign_recursiveDesignTreeItems).call(this, t.variants, e, s) : [] ]
+      items: [ ...r, ...h ? d(this, f, "m", _GxIdeImportFromDesign_recursiveDesignTreeItems).call(this, t.variants, e, s) : [] ]
     };
   }));
 }, q = function _GxIdeImportFromDesign_loadTreeItemCompositionModel(t) {
@@ -1021,10 +1034,9 @@ ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursive
       leaf: s.leaf
     };
     if (s.controls) {
-      t = {
-        ...t,
+      t = Object.assign(Object.assign({}, t), {
         items: d(this, f, "m", _GxIdeImportFromDesign_loadTreeItemCompositionModel).call(this, s.controls)
-      };
+      });
     }
     e.push(t);
   }
@@ -1042,7 +1054,7 @@ ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursive
     this.textEditorFactoryCallback("styles", h.styles.slot, this.selectedDesignItem.styles);
     break;
   }
-}, ot = function _GxIdeImportFromDesign_renderDetailDataTree(t) {
+}, nt = function _GxIdeImportFromDesign_renderDetailDataTree(t) {
   switch (t) {
    case mt:
    case bt:
@@ -1054,4 +1066,4 @@ ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursive
 $t.style = c;
 
 export { $t as gx_ide_design_import };
-//# sourceMappingURL=p-a6029d9a.entry.js.map
+//# sourceMappingURL=p-0acf517c.entry.js.map