@genexus/genexus-ide-ui 1.0.36 → 1.0.37

package/dist/genexus-ide-ui/{p-32bd11fa.entry.js → p-5fc133b2.entry.js}

@@ -11,7 +11,7 @@ const mapStylesToComboBoxItemModel = t => t === null || t === void 0 ? void 0 :
   caption: t.label || t.name
 })));
 
-const r = {
+const l = {
   layout: {
     id: "layout",
     caption: "Layout",
@@ -39,45 +39,45 @@ const r = {
   }
 };
 
-const l = {
+const r = {
   panels: [ {
-    id: r.composition.id,
-    name: r.composition.caption
+    id: l.composition.id,
+    name: l.composition.caption
   }, {
-    id: r.layout.id,
-    name: r.layout.caption
+    id: l.layout.id,
+    name: l.layout.caption
   }, {
-    id: r.code.id,
-    name: r.code.caption
+    id: l.code.id,
+    name: l.code.caption
   } ],
   stencils: [ {
-    id: r.composition.id,
-    name: r.composition.caption
+    id: l.composition.id,
+    name: l.composition.caption
   }, {
-    id: r.layout.id,
-    name: r.layout.caption
+    id: l.layout.id,
+    name: l.layout.caption
   }, {
-    id: r.code.id,
-    name: r.code.caption
+    id: l.code.id,
+    name: l.code.caption
   } ],
   images: [ {
-    id: r.composition.id,
-    name: r.composition.caption
+    id: l.composition.id,
+    name: l.composition.caption
   } ],
   fonts: [ {
-    id: r.composition.id,
-    name: r.composition.caption
+    id: l.composition.id,
+    name: l.composition.caption
   } ],
   designSystem: [ {
-    id: r.tokens.id,
-    name: r.tokens.caption
+    id: l.tokens.id,
+    name: l.tokens.caption
   }, {
-    id: r.styles.id,
-    name: r.styles.caption
+    id: l.styles.id,
+    name: l.styles.caption
   } ]
 };
 
-const h = new Map([ [ "panels", l.panels ], [ "stencils", l.stencils ], [ "images", l.images ], [ "design_system", l.designSystem ], [ "fonts", l.fonts ] ]);
+const h = new Map([ [ "panels", r.panels ], [ "stencils", r.stencils ], [ "images", r.images ], [ "design_system", r.designSystem ], [ "fonts", r.fonts ] ]);
 
 const c = '@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.header{display:grid;grid-auto-rows:max-content;grid-template-columns:minmax(88px, max-content) 1fr !important}.header--show-access-token{grid-template-areas:"path-url-label path-url-wrapper" "access-token-label access-token" "style-label style" "module-label module" "checkboxes-options checkboxes-options"}.header--hide-access-token{grid-template-areas:"path-url-label path-url-wrapper" "style-label style" "module-label module" "checkboxes-options checkboxes-options"}.path-url-wrapper{grid-template-columns:1fr max-content}.path-url-label{grid-area:path-url-label}.path-url-control{flex-grow:1}.select-load-button{min-inline-size:80px}.access-token-label{grid-area:access-token-label}.access-token{grid-area:access-token}.style-label{grid-area:style-label}.style{grid-area:style}.module-label{grid-area:module-label}.module{grid-area:module}.checkboxes-options{grid-area:checkboxes-options;grid-template-columns:max-content max-content;justify-content:space-between}.main{display:grid;grid-template-columns:250px 1fr;block-size:100%;overflow:auto}.main--loading{grid-template-columns:1fr}.panel-tab{block-size:100%;display:grid;grid-template-columns:1fr 300px}.panel-tab .panel-item{overflow:auto}.panel-tab:has(>:only-child){grid-template-columns:1fr}.tree-view{padding-block:var(--mer-spacing--2xs)}.tree-view-panel-item{border-inline-start:var(--section-common-border)}.checker-board{--white-square-color:#fff1;--black-square-color:#0000;background:linear-gradient(45deg, var(--white-square-color) 25%, var(--black-square-color) 25%), linear-gradient(-45deg, var(--white-square-color) 25%, var(--black-square-color) 25%), linear-gradient(45deg, var(--black-square-color) 75%, var(--white-square-color) 75%), linear-gradient(-45deg, var(--black-square-color) 75%, var(--white-square-color) 75%);background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px}.tab{border-width:0 !important}.tab.fit-images .composition-tab-slot{font-size:0}.tab.fit-images img{object-fit:scale-down;object-position:left top;max-height:100%}.tab--hidden{display:none}.button-cancel,.button-ok{min-inline-size:var(--mer-spacing--4xl)}.messages-slot-container{block-size:100%}.composition-tab-slot{block-size:100%;overflow:auto}.empty-state{overflow:auto}.empty-state-button{transform:translateY(-12px)}.message{animation:fadeIn var(--mer-timing--fast) ease-in-out forwards}.message--info{color:var(--mer-text__on-surface)}.message--warning{color:var(--mer-text__warning)}.message--error{color:var(--mer-text__error)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.combo-box.ch-disabled{--control__bg-color:var(--control__background-color--disabled);--control__border-color:var(--control__border-color--disabled);--control__color:var(--control__color--disabled);--ch-placeholder-color:var(--control-placeholder__color--disabled)}.tree-view::part(item__header){min-inline-size:var(--tree-view__min-inline-size)}';
 
@@ -94,15 +94,15 @@ 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 u, f, 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, N, Y, J, K, Q, R, U, X, Z, tt, et, st, it, at, ot, nt, rt, lt, ht, ct;
+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, N, Y, J, K, Q, R, U, X, Z, tt, et, st, it, at, ot, nt, lt, rt, ht, ct;
 
 const dt = "panels";
 
 const pt = "stencils";
 
-const ut = "images";
+const ft = "images";
 
-const ft = "design_system";
+const ut = "design_system";
 
 const mt = "fonts";
 
@@ -144,12 +144,12 @@ const Mt = [ "resets/box-sizing", "utils/form", "utils/layout", "utils/typograph
 const Wt = class {
   constructor(s) {
     t(this, s);
-    u.add(this);
+    f.add(this);
     /**
          * The component hard-coded strings translations.
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        f.set(this, void 0);
+        u.set(this, void 0);
     /**
          * An array that keeps track of the tree items id's (design system data type
          * + item id) along with the content, that will be used to save and retrieve
@@ -172,11 +172,11 @@ const Wt = class {
     I.set(this, void 0);
     C.set(this, void 0);
     j.set(this, (() => {
-      this.activeTabs.set("panels", l.panels[0].id);
-      this.activeTabs.set("stencils", l.stencils[0].id);
-      this.activeTabs.set("images", l.images[0].id);
-      this.activeTabs.set("fonts", l.fonts[0].id);
-      this.activeTabs.set("design_system", l.designSystem[0].id);
+      this.activeTabs.set("panels", r.panels[0].id);
+      this.activeTabs.set("stencils", r.stencils[0].id);
+      this.activeTabs.set("images", r.images[0].id);
+      this.activeTabs.set("fonts", r.fonts[0].id);
+      this.activeTabs.set("design_system", r.designSystem[0].id);
     }));
     D.set(this, (async () => {
       this.requiresAccessToken = await this.requiresAccessTokenCallback(this.path);
@@ -200,9 +200,9 @@ const Wt = class {
         const a = i.split(bt);
         const o = a[0];
         const n = a[1];
-        const r = o && o !== "parent";
-        const l = n === "design_system";
-        if (r || l) {
+        const l = o && o !== "parent";
+        const r = n === "design_system";
+        if (l || r) {
           this.tabsModel = h.get(n);
           this.selectedDesignType = n;
           const t = d(this, P, "f").call(this, i);
@@ -216,8 +216,8 @@ const Wt = class {
             // Item has been queried already. The item content exists already.
             this.selectedDesignType = t.designType;
             this.selectedDesignItem = t.designDataDetail;
-            d(this, u, "m", B).call(this, t.designType);
-            d(this, u, "m", st).call(this, t.designType);
+            d(this, f, "m", B).call(this, t.designType);
+            d(this, f, "m", st).call(this, t.designType);
           }
           this.renderedTabs.clear();
           this.renderedTabs.add(this.activeTabs.get(this.selectedDesignType));
@@ -255,11 +255,11 @@ const Wt = class {
         }
       }
       // const { designSystem, fonts, images, panels, stencils } = result;
-            const {fonts: a, panels: o, stencils: n, images: r} = i;
+            const {fonts: a, panels: o, stencils: n, images: l} = i;
       // this.designSystemSelected = designSystem;
             p(this, x, o, "f");
       p(this, M, n, "f");
-      p(this, W, r, "f");
+      p(this, W, l, "f");
       p(this, _, a, "f");
     }));
     E.set(this, (() => {
@@ -294,9 +294,9 @@ const Wt = class {
       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 r = (e = n.designSystem[0]) === null || e === void 0 ? void 0 : e.name;
-      if (r && !this.styleValue) {
-        this.styleValue = r;
+      const l = (e = n.designSystem[0]) === null || e === void 0 ? void 0 : e.name;
+      if (l && !this.styleValue) {
+        this.styleValue = l;
       }
       // update the settings that were used for the last load
             if (this.reactiveSettings.path && this.pathIsValid) {
@@ -318,11 +318,11 @@ const Wt = class {
     O.set(this, (async (t, e) => {
       let s;
       switch (e) {
-       case ut:
+       case ft:
         s = this.loadImageCallback;
         break;
 
-       case ft:
+       case ut:
         s = this.loadDesignSystemCallback;
         break;
 
@@ -339,8 +339,8 @@ const Wt = class {
       await s(t).then((t => {
         this.selectedDesignType = e;
         this.selectedDesignItem = t;
-        d(this, u, "m", B).call(this, e);
-        d(this, u, "m", st).call(this, e);
+        d(this, f, "m", B).call(this, e);
+        d(this, f, "m", st).call(this, e);
         i = t;
       }));
       return i;
@@ -412,15 +412,15 @@ const Wt = class {
       const i = this.isLoading;
       const a = this.isLoading;
       const n = !this.pathIsValid && this.path.length > 0;
-      const r = !this.pathIsValid && this.path.length > 0;
-      const l = this.isLoading || !this.designDataTreeDataModel.length || this.selectedDesignType === "stencils" || this.selectedDesignType === "design_system";
+      const l = !this.pathIsValid && this.path.length > 0;
+      const r = this.isLoading || !this.designDataTreeDataModel.length || this.selectedDesignType === "stencils" || this.selectedDesignType === "design_system";
       let h;
       if (this.pathIsValid && this.path === this.lastLoadCallbackSettingValues.path) {
-        h = d(this, f, "f").header.btnReload;
+        h = d(this, u, "f").header.btnReload;
       } else if (this.pathIsValid) {
-        h = d(this, f, "f").header.btnLoad;
+        h = d(this, u, "f").header.btnLoad;
       } else {
-        h = d(this, f, "f").header.selectFileButton;
+        h = d(this, u, "f").header.selectFileButton;
       }
       return e("header", {
         class: {
@@ -435,7 +435,7 @@ const Wt = class {
       }, e("label", {
         // path/url label
         class: "label path-url-label"
-      }, d(this, f, "f").header.path), e("div", {
+      }, d(this, u, "f").header.path), e("div", {
         class: "path-url-wrapper buttons-spacer"
       }, e("ch-edit", {
         // path/url/file input
@@ -452,16 +452,16 @@ const Wt = class {
         onInput: d(this, Z, "f"),
         onBlur: this.reactiveSettings.path && d(this, S, "f"),
         disabled: this.isLoading,
-        placeholder: `${d(this, f, "f").header.pathPlaceholder}`,
+        placeholder: `${d(this, u, "f").header.pathPlaceholder}`,
         startImgSrc: vt,
         ref: t => p(this, C, t, "f")
-      }), r && e("ch-tooltip", {
+      }), l && e("ch-tooltip", {
         class: "tooltip",
         actionElement: d(this, C, "f"),
         blockAlign: o.tooltipSettings.blockAlign,
         inlineAlign: o.tooltipSettings.inlineAlign,
         delay: o.tooltipSettings.delay
-      }, d(this, f, "f").header.pathErrorMessage, " ", d(this, g, "f")), e("input", {
+      }, d(this, u, "f").header.pathErrorMessage, " ", d(this, g, "f")), e("input", {
         hidden: true,
         type: "file",
         accept: d(this, g, "f"),
@@ -470,8 +470,8 @@ const Wt = class {
       }), e("div", {
         class: "buttons-spacer"
       }, e("button", {
-        "aria-label": d(this, f, "f").header.removeFileSelection,
-        title: d(this, f, "f").header.removeFileSelection,
+        "aria-label": d(this, u, "f").header.removeFileSelection,
+        title: d(this, u, "f").header.removeFileSelection,
         id: "reset-all-button",
         class: "button-tertiary button-icon-only",
         part: "reset-all-button",
@@ -496,7 +496,7 @@ const Wt = class {
       }, h))), this.requiresAccessToken && [ e("label", {
         // access token label
         class: "label access-token-label"
-      }, d(this, f, "f").header.accessToken), e("div", null, e("ch-edit", {
+      }, d(this, u, "f").header.accessToken), e("div", null, e("ch-edit", {
         class: {
           input: true,
           "access-token": true,
@@ -504,7 +504,7 @@ const Wt = class {
         },
         ref: t => p(this, k, t, "f"),
         value: this.accessToken,
-        placeholder: d(this, f, "f").header.accessTokenPlaceholder,
+        placeholder: d(this, u, "f").header.accessTokenPlaceholder,
         onFocus: d(this, U, "f"),
         onBlur: d(this, X, "f"),
         part: "access-token",
@@ -516,10 +516,10 @@ const Wt = class {
         blockAlign: o.tooltipSettings.blockAlign,
         inlineAlign: o.tooltipSettings.inlineAlign,
         delay: o.tooltipSettings.delay
-      }, d(this, f, "f").header.accessTokenErrorMessage)) ], e("label", {
+      }, d(this, u, "f").header.accessTokenErrorMessage)) ], e("label", {
         // style label
         class: "label style-label"
-      }, d(this, f, "f").header.style), e("ch-combo-box-render", {
+      }, d(this, u, "f").header.style), e("ch-combo-box-render", {
         // style combo box
         suggest: true,
         suggestOptions: {
@@ -534,7 +534,7 @@ const Wt = class {
       }), e("label", {
         // module label
         class: "label module-label"
-      }, d(this, f, "f").header.module), e("gx-ide-entity-selector", {
+      }, d(this, u, "f").header.module), e("gx-ide-entity-selector", {
         // module entity selector
         labelPosition: "none",
         value: this.defaultModule,
@@ -548,7 +548,7 @@ const Wt = class {
         // import as web panels
         class: "checkboxes-options field-group"
       }, e("ch-checkbox", {
-        caption: d(this, f, "f").header.importAs,
+        caption: d(this, u, "f").header.importAs,
         checkedValue: gt,
         class: "checkbox import-as-web-panels",
         ref: t => p(this, w, t, "f"),
@@ -563,11 +563,11 @@ const Wt = class {
         }
       }, e("ch-checkbox", {
         // fit images
-        caption: d(this, f, "f").header.fitImages,
+        caption: d(this, u, "f").header.fitImages,
         checkedValue: gt,
         class: "checkbox",
         part: "fit-images-checkbox",
-        disabled: l,
+        disabled: r,
         onInput: d(this, Y, "f")
       }))));
     }));
@@ -599,13 +599,13 @@ const Wt = class {
           class: "empty-state scrollable",
           stateIconSrc: wt,
           isAnimated: d(this, b, "f"),
-          stateTitle: d(this, f, "f").messages.noDesignSelected,
+          stateTitle: d(this, u, "f").messages.noDesignSelected,
           key: "no-objects-empty-state"
         }, e("button", {
           // begin by selecting a file
           class: "button-tertiary empty-state-button",
           onClick: d(this, E, "f")
-        }, d(this, f, "f").messages.selectDesign));
+        }, d(this, u, "f").messages.selectDesign));
       }
     }));
     at.set(this, (() => e("ch-tree-view-render", {
@@ -639,7 +639,7 @@ const Wt = class {
         onClick: d(this, N, "f"),
         part: "button button--cancel",
         slot: "footer-end"
-      }, d(this, f, "f").footer.btnCancel), e("button", {
+      }, d(this, u, "f").footer.btnCancel), e("button", {
         // button ok
         id: "button-ok",
         class: "button-primary button-ok",
@@ -648,7 +648,7 @@ const Wt = class {
         part: "button button--ok",
         disabled: s,
         slot: "footer-end"
-      }, d(this, f, "f").footer.btnOk)));
+      }, d(this, u, "f").footer.btnOk)));
     }));
     nt.set(this, (() => {
       var t, s;
@@ -661,13 +661,13 @@ const Wt = class {
           alt: "Preview"
         })) : e("gx-ide-empty-state", {
           class: "panel-tab__empty-state",
-          stateTitle: d(this, f, "f").messages.noPanelPreviewAvailable,
+          stateTitle: d(this, u, "f").messages.noPanelPreviewAvailable,
           stateIconSrc: d(this, w, "f").value === gt ? yt : xt
         });
       }
       return null;
     }));
-    rt.set(this, (() => {
+    lt.set(this, (() => {
       const t = (this.selectedDesignType === dt || this.selectedDesignType === pt) && this.detailTreeModel.length > 0;
       return e("div", {
         class: {
@@ -684,7 +684,7 @@ const Wt = class {
         dropDisabled: true
       }) : null);
     }));
-    lt.set(this, (() => e("div", {
+    rt.set(this, (() => e("div", {
       part: "data-panel-composition-preview",
       class: "data-preview",
       style: {
@@ -693,7 +693,7 @@ const Wt = class {
     }, e("img", {
       src: this.selectedDesignItem ? this.selectedDesignItem : undefined,
       alt: "Preview",
-      class: this.selectedDesignType === ut ? "checker-board" : undefined
+      class: this.selectedDesignType === ft ? "checker-board" : undefined
     }))));
     ht.set(this, (t => {
       this.renderedTabs.clear();
@@ -715,43 +715,43 @@ const Wt = class {
       contain: "size",
       onSelectedItemChange: d(this, ht, "f")
     }, e("div", {
-      slot: r.tokens.slot,
+      slot: l.tokens.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(r.tokens.id) ? "" : "none"
+        display: this.renderedTabs.has(l.tokens.id) ? "" : "none"
       }
     }, e("slot", {
-      name: r.tokens.slot
+      name: l.tokens.slot
     })), e("div", {
-      slot: r.styles.slot,
+      slot: l.styles.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(r.styles.id) ? "" : "none"
+        display: this.renderedTabs.has(l.styles.id) ? "" : "none"
       }
     }, e("slot", {
-      name: r.styles.slot
+      name: l.styles.slot
     })), e("div", {
       class: "composition-tab-slot scrollable",
-      slot: r.composition.slot,
+      slot: l.composition.slot,
       style: {
-        display: this.renderedTabs.has(r.composition.id) ? "" : "none"
+        display: this.renderedTabs.has(l.composition.id) ? "" : "none"
       }
-    }, this.selectedDesignType === ut || this.selectedDesignType === mt ? d(this, lt, "f").call(this) : d(this, rt, "f").call(this)), e("div", {
-      slot: r.layout.slot,
+    }, this.selectedDesignType === ft || this.selectedDesignType === mt ? d(this, rt, "f").call(this) : d(this, lt, "f").call(this)), e("div", {
+      slot: l.layout.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(r.layout.id) ? "" : "none"
+        display: this.renderedTabs.has(l.layout.id) ? "" : "none"
       }
     }, e("slot", {
-      name: r.layout.slot
+      name: l.layout.slot
     })), e("div", {
-      slot: r.code.slot,
+      slot: l.code.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(r.code.id) ? "" : "none"
+        display: this.renderedTabs.has(l.code.id) ? "" : "none"
       }
     }, e("slot", {
-      name: r.code.slot
+      name: l.code.slot
     })))));
     this.reRenderCounter = 0;
     this.stylesAsComboBoxModel = undefined;
@@ -812,23 +812,27 @@ const Wt = class {
   }
   designDataChanged(t) {
     if (t) {
+      // panels
       const t = d(this, J, "f").call(this, this.designData.panels);
-      const e = d(this, w, "f").value === gt ? "objects/webpanel" : "objects/panel-for-sd";
+      const e = d(this, w, "f").value === gt;
+      const s = e ? "objects/webpanel" : "objects/panel-for-sd";
+      // images
+            const i = "objects/image";
       this.designDataTreeDataModel = [ {
         order: 0,
         id: `parent${bt}${dt}`,
         leaf: false,
-        caption: d(this, f, "f").tree.panels,
-        startImgSrc: e,
+        caption: e ? d(this, u, "f").tree.webPanels : d(this, u, "f").tree.panels,
+        startImgSrc: s,
         checkbox: true,
         checked: true,
         expanded: true,
-        items: d(this, u, "m", $).call(this, this.designData.panels, dt, e, t)
+        items: d(this, f, "m", $).call(this, this.designData.panels, dt, s, t)
       }, {
         order: 1,
         id: `parent${bt}${pt}`,
         leaf: false,
-        caption: d(this, f, "f").tree.stencils,
+        caption: d(this, u, "f").tree.stencils,
         startImgSrc: "objects/stencil",
         checkbox: true,
         checked: true,
@@ -844,26 +848,19 @@ const Wt = class {
         })))
       }, {
         order: 2,
-        id: `parent${bt}${ut}`,
+        id: `parent${bt}${ft}`,
         leaf: false,
-        caption: d(this, f, "f").tree.images,
-        startImgSrc: "objects/image",
+        caption: d(this, u, "f").tree.images,
+        startImgSrc: i,
         checkbox: true,
         checked: true,
         expanded: true,
-        items: this.designData.images.map((t => ({
-          id: `${t.id}${bt}${ut}`,
-          leaf: true,
-          caption: t.name,
-          startImgSrc: "objects/image",
-          checkbox: true,
-          checked: true
-        })))
+        items: d(this, f, "m", $).call(this, this.designData.images, ft, i)
       }, {
         order: 3,
         id: `parent${bt}${mt}`,
         leaf: false,
-        caption: d(this, f, "f").tree.fonts,
+        caption: d(this, u, "f").tree.fonts,
         startImgSrc: "controls/font",
         checkbox: true,
         checked: true,
@@ -878,9 +875,9 @@ const Wt = class {
         })))
       }, {
         order: 4,
-        id: `${this.designData.designSystem.length > 0 ? this.designData.designSystem[0].id : "parent"}${bt}${ft}`,
+        id: `${this.designData.designSystem.length > 0 ? this.designData.designSystem[0].id : "parent"}${bt}${ut}`,
         leaf: true,
-        caption: d(this, f, "f").tree.designSystem,
+        caption: d(this, u, "f").tree.designSystem,
         startImgSrc: "objects/dso",
         checkbox: true,
         checked: true
@@ -906,7 +903,7 @@ const Wt = class {
   }
   async componentWillLoad() {
     var t, e;
-    p(this, f, await n.getComponentStrings(this.el), "f");
+    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, j, "f").call(this);
@@ -947,7 +944,7 @@ const Wt = class {
   }
 };
 
-f = new WeakMap, m = new WeakMap, b = new WeakMap, g = new WeakMap, k = new WeakMap, 
+u = new WeakMap, m = new WeakMap, b = new WeakMap, g = new WeakMap, k = 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, j = new WeakMap, 
 D = new WeakMap, S = new WeakMap, z = new WeakMap, P = new WeakMap, q = new WeakMap, 
@@ -955,8 +952,8 @@ A = new WeakMap, E = new WeakMap, F = new WeakMap, V = new WeakMap, G = new Weak
 L = new WeakMap, O = new WeakMap, H = new WeakMap, N = new WeakMap, Y = new WeakMap, 
 J = new WeakMap, K = new WeakMap, Q = new WeakMap, R = new WeakMap, U = new WeakMap, 
 X = new WeakMap, Z = new WeakMap, tt = new WeakMap, et = new WeakMap, it = new WeakMap, 
-at = new WeakMap, ot = new WeakMap, nt = new WeakMap, rt = new WeakMap, lt = new WeakMap, 
-ht = new WeakMap, ct = new WeakMap, u = new WeakSet, $ = function _GxIdeImportFromDesign_recursiveDesignTreeItems(t, e, s, i = undefined) {
+at = new WeakMap, ot = new WeakMap, nt = new WeakMap, lt = new WeakMap, rt = new WeakMap, 
+ht = new WeakMap, ct = new WeakMap, f = new WeakSet, $ = function _GxIdeImportFromDesign_recursiveDesignTreeItems(t, e, s, i = undefined) {
   return t.map(((t, a) => {
     var o;
     const n = ((o = t.variants) === null || o === void 0 ? void 0 : o.length) > 0;
@@ -969,7 +966,7 @@ ht = new WeakMap, ct = new WeakMap, u = new WeakSet, $ = function _GxIdeImportFr
       checked: true,
       expanded: n,
       selected: i === a,
-      items: n ? d(this, u, "m", _GxIdeImportFromDesign_recursiveDesignTreeItems).call(this, t.variants, e, s) : []
+      items: n ? d(this, f, "m", _GxIdeImportFromDesign_recursiveDesignTreeItems).call(this, t.variants, e, s) : []
     };
   }));
 }, T = function _GxIdeImportFromDesign_loadTreeItemCompositionModel(t) {
@@ -985,7 +982,7 @@ ht = new WeakMap, ct = new WeakMap, u = new WeakSet, $ = function _GxIdeImportFr
     };
     if (s.controls) {
       t = Object.assign(Object.assign({}, t), {
-        items: d(this, u, "m", _GxIdeImportFromDesign_loadTreeItemCompositionModel).call(this, s.controls)
+        items: d(this, f, "m", _GxIdeImportFromDesign_loadTreeItemCompositionModel).call(this, s.controls)
       });
     }
     e.push(t);
@@ -995,20 +992,20 @@ ht = new WeakMap, ct = new WeakMap, u = new WeakSet, $ = function _GxIdeImportFr
   switch (t) {
    case dt:
    case pt:
-    this.textEditorFactoryCallback("code", r.code.slot, this.selectedDesignItem.code);
-    this.textEditorFactoryCallback("html", r.layout.slot, this.selectedDesignItem.layout);
+    this.textEditorFactoryCallback("code", l.code.slot, this.selectedDesignItem.code);
+    this.textEditorFactoryCallback("html", l.layout.slot, this.selectedDesignItem.layout);
     break;
 
-   case ft:
-    this.textEditorFactoryCallback("tokens", r.tokens.slot, this.selectedDesignItem.tokens);
-    this.textEditorFactoryCallback("styles", r.styles.slot, this.selectedDesignItem.styles);
+   case ut:
+    this.textEditorFactoryCallback("tokens", l.tokens.slot, this.selectedDesignItem.tokens);
+    this.textEditorFactoryCallback("styles", l.styles.slot, this.selectedDesignItem.styles);
     break;
   }
 }, st = function _GxIdeImportFromDesign_renderDetailDataTree(t) {
   switch (t) {
    case dt:
    case pt:
-    this.detailTreeModel = d(this, u, "m", T).call(this, this.selectedDesignItem.composition.controls);
+    this.detailTreeModel = d(this, f, "m", T).call(this, this.selectedDesignItem.composition.controls);
     break;
   }
 };
@@ -1016,4 +1013,4 @@ ht = new WeakMap, ct = new WeakMap, u = new WeakSet, $ = function _GxIdeImportFr
 Wt.style = c;
 
 export { Wt as gx_ide_design_import };
-//# sourceMappingURL=p-32bd11fa.entry.js.map
+//# sourceMappingURL=p-5fc133b2.entry.js.map