@genexus/genexus-ide-ui 1.1.56 → 1.1.57

package/dist/genexus-ide-ui/{p-7adb9d1f.entry.js → p-c133095b.entry.js}

@@ -1,6 +1,14 @@
 import { r as t, h as e, H as s, a as i } from "./p-97107ecc.js";
 
-import { g as a } from "./p-401bfc97.js";
+import { g as a } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
 
 import { c as o } from "./p-9a03ac9f.js";
 
@@ -11,7 +19,7 @@ const mapStylesToComboBoxItemModel = t => t === null || t === void 0 ? void 0 :
   caption: t.label || t.name
 })));
 
-const h = {
+const r = {
   layout: {
     id: "layout",
     caption: "Layout",
@@ -39,45 +47,45 @@ const h = {
   }
 };
 
-const r = {
+const h = {
   panels: [ {
-    id: h.composition.id,
-    name: h.composition.caption
+    id: r.composition.id,
+    name: r.composition.caption
   }, {
-    id: h.layout.id,
-    name: h.layout.caption
+    id: r.layout.id,
+    name: r.layout.caption
   }, {
-    id: h.code.id,
-    name: h.code.caption
+    id: r.code.id,
+    name: r.code.caption
   } ],
   stencils: [ {
-    id: h.composition.id,
-    name: h.composition.caption
+    id: r.composition.id,
+    name: r.composition.caption
   }, {
-    id: h.layout.id,
-    name: h.layout.caption
+    id: r.layout.id,
+    name: r.layout.caption
   }, {
-    id: h.code.id,
-    name: h.code.caption
+    id: r.code.id,
+    name: r.code.caption
   } ],
   images: [ {
-    id: h.composition.id,
-    name: h.composition.caption
+    id: r.composition.id,
+    name: r.composition.caption
   } ],
   fonts: [ {
-    id: h.composition.id,
-    name: h.composition.caption
+    id: r.composition.id,
+    name: r.composition.caption
   } ],
   designSystem: [ {
-    id: h.tokens.id,
-    name: h.tokens.caption
+    id: r.tokens.id,
+    name: r.tokens.caption
   }, {
-    id: h.styles.id,
-    name: h.styles.caption
+    id: r.styles.id,
+    name: r.styles.caption
   } ]
 };
 
-const l = new Map([ [ "panels", r.panels ], [ "stencils", r.stencils ], [ "images", r.images ], [ "design_system", r.designSystem ], [ "fonts", r.fonts ] ]);
+const l = new Map([ [ "panels", h.panels ], [ "stencils", h.stencils ], [ "images", h.images ], [ "design_system", h.designSystem ], [ "fonts", h.fonts ] ]);
 
 const c = ':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,7 +102,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, 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;
+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, rt, ht, lt, ct, dt, pt, ft, ut;
 
 const mt = "panels";
 
@@ -201,11 +209,11 @@ const $t = class {
       disabled: true
     } ]));
     T.set(this, (() => {
-      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);
+      this.activeTabs.set("panels", h.panels[0].id);
+      this.activeTabs.set("stencils", h.stencils[0].id);
+      this.activeTabs.set("images", h.images[0].id);
+      this.activeTabs.set("fonts", h.fonts[0].id);
+      this.activeTabs.set("design_system", h.designSystem[0].id);
     }));
     z.set(this, (async () => {
       this.requiresAccessToken = await this.requiresAccessTokenCallback(this.path);
@@ -229,9 +237,9 @@ const $t = class {
         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) {
+        const r = o && o !== "parent";
+        const h = n === "design_system";
+        if (r || h) {
           this.tabsModel = l.get(n);
           this.selectedDesignType = n;
           const t = d(this, E, "f").call(this, i);
@@ -284,11 +292,11 @@ const $t = class {
         }
       }
       // const { designSystem, fonts, images, panels, stencils } = result;
-            const {fonts: a, panels: o, stencils: n, images: h} = i;
+            const {fonts: a, panels: o, stencils: n, images: r} = i;
       // this.designSystemSelected = designSystem;
             p(this, M, o, "f");
       p(this, W, n, "f");
-      p(this, _, h, "f");
+      p(this, _, r, "f");
       p(this, I, a, "f");
     }));
     G.set(this, (() => {
@@ -323,9 +331,9 @@ const $t = 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 h = (e = n.designSystem[0]) === null || e === void 0 ? void 0 : e.name;
-      if (h && !this.styleValue) {
-        this.styleValue = h;
+      const r = (e = n.designSystem[0]) === null || e === void 0 ? void 0 : e.name;
+      if (r && !this.styleValue) {
+        this.styleValue = r;
       }
       // update the settings that were used for the last load
             if (this.reactiveSettings.path && this.pathIsValid) {
@@ -456,8 +464,8 @@ const $t = class {
       const i = this.isLoading;
       const a = this.isLoading;
       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";
+      const r = !this.pathIsValid && this.path.length > 0;
+      const h = this.isLoading || !this.designDataTreeDataModel.length || this.selectedDesignType === "stencils" || this.selectedDesignType === "design_system";
       let l;
       if (this.pathIsValid && this.path === this.lastLoadCallbackSettingValues.path) {
         l = d(this, u, "f").header.btnReload;
@@ -499,7 +507,7 @@ const $t = class {
         placeholder: `${d(this, u, "f").header.pathPlaceholder}`,
         startImgSrc: Wt,
         ref: t => p(this, $, t, "f")
-      }), h && e("ch-tooltip", {
+      }), r && e("ch-tooltip", {
         class: "tooltip",
         actionElement: d(this, $, "f"),
         blockAlign: o.tooltipSettings.blockAlign,
@@ -611,7 +619,7 @@ const $t = class {
         checkedValue: yt,
         class: "checkbox",
         part: "fit-images-checkbox",
-        disabled: r,
+        disabled: h,
         onInput: d(this, Q, "f")
       }))));
     }));
@@ -622,7 +630,7 @@ const $t = class {
         [`message--${t.type}`]: true
       }
     }, t.type, ": ", t.text)))));
-    ht.set(this, (() => {
+    rt.set(this, (() => {
       var t, s;
       if (this.isLoading || ((t = this.designData) === null || t === void 0 ? void 0 : t.success) === false) {
         return e("div", {
@@ -637,7 +645,7 @@ const $t = class {
         /* #main*/
         return e("div", {
           class: "main"
-        }, [ d(this, rt, "f").call(this), d(this, ut, "f").call(this) ]);
+        }, [ d(this, ht, "f").call(this), d(this, ut, "f").call(this) ]);
       } else {
         return e("gx-ide-empty-state", {
           class: "empty-state scrollable",
@@ -652,7 +660,7 @@ const $t = class {
         }, d(this, u, "f").messages.selectDesign));
       }
     }));
-    rt.set(this, (() => e("ch-tree-view-render", {
+    ht.set(this, (() => e("ch-tree-view-render", {
       part: "data-tree",
       class: "tree-view",
       id: "data-tree",
@@ -759,43 +767,43 @@ const $t = class {
       contain: "size",
       onSelectedItemChange: d(this, ft, "f")
     }, e("div", {
-      slot: h.tokens.slot,
+      slot: r.tokens.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(h.tokens.id) ? "" : "none"
+        display: this.renderedTabs.has(r.tokens.id) ? "" : "none"
       }
     }, e("slot", {
-      name: h.tokens.slot
+      name: r.tokens.slot
     })), e("div", {
-      slot: h.styles.slot,
+      slot: r.styles.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(h.styles.id) ? "" : "none"
+        display: this.renderedTabs.has(r.styles.id) ? "" : "none"
       }
     }, e("slot", {
-      name: h.styles.slot
+      name: r.styles.slot
     })), e("div", {
       class: "composition-tab-slot scrollable",
-      slot: h.composition.slot,
+      slot: r.composition.slot,
       style: {
-        display: this.renderedTabs.has(h.composition.id) ? "" : "none"
+        display: this.renderedTabs.has(r.composition.id) ? "" : "none"
       }
     }, this.selectedDesignType === gt || this.selectedDesignType === wt ? d(this, pt, "f").call(this) : d(this, dt, "f").call(this)), e("div", {
-      slot: h.layout.slot,
+      slot: r.layout.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(h.layout.id) ? "" : "none"
+        display: this.renderedTabs.has(r.layout.id) ? "" : "none"
       }
     }, e("slot", {
-      name: h.layout.slot
+      name: r.layout.slot
     })), e("div", {
-      slot: h.code.slot,
+      slot: r.code.slot,
       class: "spacing-body",
       style: {
-        display: this.renderedTabs.has(h.code.id) ? "" : "none"
+        display: this.renderedTabs.has(r.code.id) ? "" : "none"
       }
     }, e("slot", {
-      name: h.code.slot
+      name: r.code.slot
     })))));
     this.reRenderCounter = 0;
     this.stylesAsComboBoxModel = undefined;
@@ -972,7 +980,7 @@ const $t = class {
       model: Ct
     }), e("section", {
       class: "section"
-    }, d(this, at, "f").call(this), d(this, ht, "f").call(this), d(this, lt, "f").call(this)));
+    }, d(this, at, "f").call(this), d(this, rt, "f").call(this), d(this, lt, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/design-import" ];
@@ -1000,15 +1008,15 @@ A = new WeakMap, E = new WeakMap, F = new WeakMap, V = new WeakMap, G = new Weak
 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, ot = new WeakMap, ht = new WeakMap, rt = new WeakMap, 
+it = new WeakMap, at = new WeakMap, ot = new WeakMap, rt = new WeakMap, ht = 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) => {
     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;
+    const r = ((o = t.variants) === null || o === void 0 ? void 0 : o.length) > 0;
+    const h = t.warning ? d(this, D, "f").call(this, t.warning) : [];
+    const l = !r && !t.warning;
     return {
       id: n,
       leaf: l,
@@ -1019,7 +1027,7 @@ ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursive
       expanded: !l,
       selected: i === a,
       order: a,
-      items: [ ...r, ...h ? d(this, f, "m", _GxIdeImportFromDesign_recursiveDesignTreeItems).call(this, t.variants, e, s) : [] ]
+      items: [ ...h, ...r ? d(this, f, "m", _GxIdeImportFromDesign_recursiveDesignTreeItems).call(this, t.variants, e, s) : [] ]
     };
   }));
 }, q = function _GxIdeImportFromDesign_loadTreeItemCompositionModel(t) {
@@ -1045,13 +1053,13 @@ ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursive
   switch (t) {
    case mt:
    case bt:
-    this.textEditorFactoryCallback("code", h.code.slot, this.selectedDesignItem.code);
-    this.textEditorFactoryCallback("html", h.layout.slot, this.selectedDesignItem.layout);
+    this.textEditorFactoryCallback("code", r.code.slot, this.selectedDesignItem.code);
+    this.textEditorFactoryCallback("html", r.layout.slot, this.selectedDesignItem.layout);
     break;
 
    case kt:
-    this.textEditorFactoryCallback("tokens", h.tokens.slot, this.selectedDesignItem.tokens);
-    this.textEditorFactoryCallback("styles", h.styles.slot, this.selectedDesignItem.styles);
+    this.textEditorFactoryCallback("tokens", r.tokens.slot, this.selectedDesignItem.tokens);
+    this.textEditorFactoryCallback("styles", r.styles.slot, this.selectedDesignItem.styles);
     break;
   }
 }, nt = function _GxIdeImportFromDesign_renderDetailDataTree(t) {
@@ -1066,4 +1074,4 @@ ut = new WeakMap, f = new WeakSet, S = function _GxIdeImportFromDesign_recursive
 $t.style = c;
 
 export { $t as gx_ide_design_import };
-//# sourceMappingURL=p-7adb9d1f.entry.js.map
+//# sourceMappingURL=p-c133095b.entry.js.map