@genexus/genexus-ide-ui 1.0.29 → 1.0.31

package/dist/collection/components/current-user-info/current-user-info.js

@@ -0,0 +1,280 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _GxIdeNewEnvironment_componentLocale, _GxIdeNewEnvironment_initials, _GxIdeNewEnvironment_menuDropdownModel, _GxIdeNewEnvironment_userLoginButton, _GxIdeNewEnvironment_dropDownitemClickHandler;
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { Locale } from "../../common/locale";
+import { getInitialsFromName } from "./helpers";
+const CSS_BUNDLES = [
+    // TODO: review if "utils/form--full" is required.
+    "resets/box-sizing",
+    "components/tooltip",
+    "components/toggle",
+    "components/icon",
+    "components/dropdown",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const CHEVRON_DOWN_ICON = getIconPath({
+    category: "navigation",
+    name: "chevron-down",
+    colorType: "neutral"
+});
+const MY_ACCOUNT_ID = "my-account";
+const CHANGE_TEAM_ID = "change-team";
+const LOGOUT_ID = "log-out";
+const LANGUAGE_ID = "language";
+export class GxIdeNewEnvironment {
+    constructor() {
+        _GxIdeNewEnvironment_componentLocale.set(this, void 0);
+        _GxIdeNewEnvironment_initials.set(this, "");
+        // #mode: Mode;
+        _GxIdeNewEnvironment_menuDropdownModel.set(this, void 0);
+        _GxIdeNewEnvironment_userLoginButton.set(this, void 0);
+        // #handleModeSwitch = () => {
+        //   this.#mode = this.#mode === "dark" ? "light" : "dark";
+        //   if (this.changeModeCallback) {
+        //     this.changeModeCallback(this.#mode);
+        //   }
+        // };
+        _GxIdeNewEnvironment_dropDownitemClickHandler.set(this, (_event, _target, itemId) => {
+            if (itemId === MY_ACCOUNT_ID) {
+                this.myAccountCallback();
+            }
+            else if (itemId === CHANGE_TEAM_ID) {
+                this.changeTeamCallback();
+            }
+            else if (itemId === LOGOUT_ID) {
+                this.changeLanguageCallback();
+            }
+            else if (itemId === LANGUAGE_ID) {
+                this.signOutCallback();
+            }
+        });
+        this.showMenu = false;
+        this.userInfo = undefined;
+        this.myAccountCallback = undefined;
+        this.changeTeamCallback = undefined;
+        this.changeLanguageCallback = undefined;
+        this.changeModeCallback = undefined;
+        this.signOutCallback = undefined;
+        this.showTermsCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeNewEnvironment_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldSet(this, _GxIdeNewEnvironment_initials, getInitialsFromName(this.userInfo.name), "f");
+        __classPrivateFieldSet(this, _GxIdeNewEnvironment_menuDropdownModel, [
+            {
+                id: MY_ACCOUNT_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").myAccountLabel,
+                showSeparator: false
+            },
+            {
+                id: CHANGE_TEAM_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").changeTeamLabel,
+                showSeparator: false
+            },
+            {
+                id: LOGOUT_ID,
+                caption: __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").logOutLabel,
+                showSeparator: true
+            }
+            // {
+            //   id: LANGUAGE_ID,
+            //   caption: this.#componentLocale.languageLabel,
+            //   showSeparator: true
+            // }
+        ], "f");
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-dropdown-render", { class: "dropdown", model: __classPrivateFieldGet(this, _GxIdeNewEnvironment_menuDropdownModel, "f"), position: "InsideEnd_OutsideEnd", itemClickCallback: __classPrivateFieldGet(this, _GxIdeNewEnvironment_dropDownitemClickHandler, "f") }, h("button", { class: "user-login__button", ref: el => (__classPrivateFieldSet(this, _GxIdeNewEnvironment_userLoginButton, el, "f")), slot: "action" }, h("div", { class: "user-login__details" }, h("span", { class: "user-login__name" }, this.userInfo.name), h("span", { class: "user-login__organization" }, this.userInfo.team)), h("div", { class: "user-login__avatar" }, __classPrivateFieldGet(this, _GxIdeNewEnvironment_initials, "f")), h("ch-image", { src: CHEVRON_DOWN_ICON, class: "icon-md", containerRef: __classPrivateFieldGet(this, _GxIdeNewEnvironment_userLoginButton, "f") })), h("div", { class: "user-login__footer footer-slot", slot: "footer" }, h("p", { class: "text-body-regular-s privacy-policy", onClick: this.showTermsCallback }, __classPrivateFieldGet(this, _GxIdeNewEnvironment_componentLocale, "f").privacyAndTerms)))));
+    }
+    static get is() { return "gx-ide-current-user-info"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["current-user-info.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["current-user-info.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/current-user-info"]; }
+    static get properties() {
+        return {
+            "userInfo": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "UserInfo",
+                    "resolved": "{ name: string; team: string; }",
+                    "references": {
+                        "UserInfo": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/current-user-info/current-user-info.tsx",
+                            "id": "src/components/current-user-info/current-user-info.tsx::UserInfo"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User data"
+                }
+            },
+            "myAccountCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"My Account\" link"
+                }
+            },
+            "changeTeamCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"change team\" link"
+                }
+            },
+            "changeLanguageCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"Language\" link"
+                }
+            },
+            "changeModeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(mode: Mode) => Promise<void>",
+                    "resolved": "(mode: Mode) => Promise<void>",
+                    "references": {
+                        "Mode": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/current-user-info/current-user-info.tsx",
+                            "id": "src/components/current-user-info/current-user-info.tsx::Mode"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user switch the \"Mode\" status"
+                }
+            },
+            "signOutCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"Sign Out\" link"
+                }
+            },
+            "showTermsCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback executed when the user click \"Privacy Policy & Terms of use\" link"
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "showMenu": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeNewEnvironment_componentLocale = new WeakMap(), _GxIdeNewEnvironment_initials = new WeakMap(), _GxIdeNewEnvironment_menuDropdownModel = new WeakMap(), _GxIdeNewEnvironment_userLoginButton = new WeakMap(), _GxIdeNewEnvironment_dropDownitemClickHandler = new WeakMap();
+//# sourceMappingURL=current-user-info.js.map

package/dist/collection/components/current-user-info/current-user-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"current-user-info.js","sourceRoot":"","sources":["../../../src/components/current-user-info/current-user-info.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport { Component, Element, Host, Prop, State, h } from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\nimport { getInitialsFromName } from \"./helpers\";\nimport { DropdownModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // TODO: review if \"utils/form--full\" is required.\n  \"resets/box-sizing\",\n  \"components/tooltip\",\n  \"components/toggle\",\n  \"components/icon\",\n  \"components/dropdown\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"navigation\",\n  name: \"chevron-down\",\n  colorType: \"neutral\"\n});\n\nconst MY_ACCOUNT_ID = \"my-account\";\nconst CHANGE_TEAM_ID = \"change-team\";\nconst LOGOUT_ID = \"log-out\";\nconst LANGUAGE_ID = \"language\";\n\n@Component({\n  tag: \"gx-ide-current-user-info\",\n  styleUrl: \"current-user-info.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/current-user-info\"]\n})\nexport class GxIdeNewEnvironment {\n  #componentLocale: any;\n  #initials: string = \"\";\n  // #mode: Mode;\n  #menuDropdownModel: DropdownModel;\n\n  @Element() el: HTMLGxIdeCurrentUserInfoElement;\n  #userLoginButton: HTMLButtonElement;\n\n  @State() showMenu: boolean = false;\n\n  /**\n   * User data\n   */\n  @Prop() readonly userInfo: UserInfo;\n\n  /**\n   * Callback executed when the user click \"My Account\" link\n   */\n  @Prop() readonly myAccountCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"change team\" link\n   */\n  @Prop() readonly changeTeamCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Language\" link\n   */\n  @Prop() readonly changeLanguageCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user switch the \"Mode\" status\n   */\n  @Prop() readonly changeModeCallback!: (mode: Mode) => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Sign Out\" link\n   */\n  @Prop() readonly signOutCallback!: () => Promise<void>;\n\n  /**\n   * Callback executed when the user click \"Privacy Policy & Terms of use\" link\n   */\n  @Prop() readonly showTermsCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#initials = getInitialsFromName(this.userInfo.name);\n    this.#menuDropdownModel = [\n      {\n        id: MY_ACCOUNT_ID,\n        caption: this.#componentLocale.myAccountLabel,\n        showSeparator: false\n      },\n      {\n        id: CHANGE_TEAM_ID,\n        caption: this.#componentLocale.changeTeamLabel,\n        showSeparator: false\n      },\n      {\n        id: LOGOUT_ID,\n        caption: this.#componentLocale.logOutLabel,\n        showSeparator: true\n      }\n      // {\n      //   id: LANGUAGE_ID,\n      //   caption: this.#componentLocale.languageLabel,\n      //   showSeparator: true\n      // }\n    ];\n  }\n\n  // #handleModeSwitch = () => {\n  //   this.#mode = this.#mode === \"dark\" ? \"light\" : \"dark\";\n  //   if (this.changeModeCallback) {\n  //     this.changeModeCallback(this.#mode);\n  //   }\n  // };\n\n  #dropDownitemClickHandler = (\n    _event: UIEvent,\n    _target: string,\n    itemId: string\n  ): void => {\n    if (itemId === MY_ACCOUNT_ID) {\n      this.myAccountCallback();\n    } else if (itemId === CHANGE_TEAM_ID) {\n      this.changeTeamCallback();\n    } else if (itemId === LOGOUT_ID) {\n      this.changeLanguageCallback();\n    } else if (itemId === LANGUAGE_ID) {\n      this.signOutCallback();\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-dropdown-render\n          class=\"dropdown\"\n          model={this.#menuDropdownModel}\n          position=\"InsideEnd_OutsideEnd\"\n          itemClickCallback={this.#dropDownitemClickHandler}\n        >\n          <button\n            class=\"user-login__button\"\n            ref={el => (this.#userLoginButton = el as HTMLButtonElement)}\n            slot=\"action\"\n          >\n            <div class=\"user-login__details\">\n              <span class=\"user-login__name\">{this.userInfo.name}</span>\n              <span class=\"user-login__organization\">{this.userInfo.team}</span>\n            </div>\n            <div class=\"user-login__avatar\">{this.#initials}</div>\n            <ch-image\n              src={CHEVRON_DOWN_ICON}\n              class=\"icon-md\"\n              containerRef={this.#userLoginButton}\n            ></ch-image>\n          </button>\n          <div class=\"user-login__footer footer-slot\" slot=\"footer\">\n            <p\n              class=\"text-body-regular-s privacy-policy\"\n              onClick={this.showTermsCallback}\n            >\n              {this.#componentLocale.privacyAndTerms}\n            </p>\n          </div>\n        </ch-dropdown-render>\n      </Host>\n    );\n  }\n}\n\nexport type UserInfo = {\n  name: string;\n  team: string;\n};\n\nexport type Mode = \"dark\" | \"light\";\n"]}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.en.json

@@ -0,0 +1,10 @@
+{
+  "myAccountLabel": "My Account",
+  "changeTeamLabel": "Change Team",
+  "languageLabel": "Language",
+  "modeLabel": "Mode",
+  "logOutLabel": "Log Out",
+  "privacyAndTerms": "Privacy Policy & Terms of use",
+  "labelModeDark": "Dark",
+  "labelModeLight": "Light"
+}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.ja.json

@@ -0,0 +1,10 @@
+{
+  "myAccountLabel": "",
+  "changeTeamLabel": "",
+  "languageLabel": "",
+  "modeLabel": "",
+  "logOutLabel": "",
+  "privacyAndTerms": "",
+  "labelModeDark": "",
+  "labelModeLight": ""
+}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/langs/current-user-info.lang.zh.json

@@ -0,0 +1,10 @@
+{
+  "myAccountLabel": "",
+  "changeTeamLabel": "",
+  "languageLabel": "",
+  "modeLabel": "",
+  "logOutLabel": "",
+  "privacyAndTerms": "",
+  "labelModeDark": "",
+  "labelModeLight": ""
+}

package/dist/collection/components/current-user-info/gx-ide-assets/current-user-info/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part~='button-create']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": " [part~='button-cancel'], [part~='language'], [part~='data-store']"
+    }
+  },
+  {
+    "selector": "[part~='button-cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/current-user-info/helpers.js

@@ -0,0 +1,10 @@
+export const getInitialsFromName = (name) => {
+    const nameData = name.split(" ");
+    if (nameData.length === 1) {
+        return nameData[0][0].toUpperCase();
+    }
+    else {
+        return `${nameData[0][0].toUpperCase()}${nameData[1][0].toUpperCase()}`;
+    }
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/current-user-info/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/current-user-info/helpers.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAU,EAAE;IAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KACrC;SAAM;QACL,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;KACzE;AACH,CAAC,CAAC","sourcesContent":["export const getInitialsFromName = (name: string): string => {\n  const nameData = name.split(\" \");\n  if (nameData.length === 1) {\n    return nameData[0][0].toUpperCase();\n  } else {\n    return `${nameData[0][0].toUpperCase()}${nameData[1][0].toUpperCase()}`;\n  }\n};\n"]}

package/dist/collection/components/design-import/design-import.js

@@ -463,7 +463,9 @@ export class GxIdeImportFromDesign {
                 }, part: "data-panel-composition-container" }, ((_b = (_a = this.selectedDesignItem) === null || _a === void 0 ? void 0 : _a.composition) === null || _b === void 0 ? void 0 : _b.preview) ? (h("div", { part: "data-panel-composition-preview", class: "panel-item scrollable" }, h("img", { src: this.selectedDesignItem.composition.preview, alt: "Preview" }))) : null, renderControlsTree ? (h("ch-tree-view-render", { part: "data-panel-composition-tree", class: "tree-view tree-view-panel-item scrollable", showLines: "last", model: this.detailTreeModel, dragDisabled: true, dropDisabled: true })) : null));
         });
         _GxIdeImportFromDesign_renderImageTab.set(this, () => {
-            return (h("div", { part: "data-panel-composition-preview", class: "data-preview", style: { height: "100%" } }, h("img", { src: this.selectedDesignItem ? this.selectedDesignItem : undefined, alt: "Preview", class: this.selectedDesignType === DESIGN_DATA_TYPE_IMAGES ? "checker-board" : undefined })));
+            return (h("div", { part: "data-panel-composition-preview", class: "data-preview", style: { height: "100%" } }, h("img", { src: this.selectedDesignItem ? this.selectedDesignItem : undefined, alt: "Preview", class: this.selectedDesignType === DESIGN_DATA_TYPE_IMAGES
+                    ? "checker-board"
+                    : undefined })));
         });
         _GxIdeImportFromDesign_tabSelectionChangedHandler.set(this, (event) => {
             this.renderedTabs.clear();
@@ -478,11 +480,23 @@ export class GxIdeImportFromDesign {
                     "tab": true,
                     "scrollable": true,
                     "fit-images": this.fitImages
-                }, direction: "block", model: this.tabsModel, selectedId: this.activeTabs.get(this.selectedDesignType), overflow: "auto", contain: "size", onSelectedItemChange: __classPrivateFieldGet(this, _GxIdeImportFromDesign_tabSelectionChangedHandler, "f")
-            }, h("div", { slot: TAB_DATA.tokens.slot, class: "spacing-body", style: { display: this.renderedTabs.has(TAB_DATA.tokens.id) ? "" : "none" } }, h("slot", { name: TAB_DATA.tokens.slot })), h("div", { slot: TAB_DATA.styles.slot, class: "spacing-body", style: { display: this.renderedTabs.has(TAB_DATA.styles.id) ? "" : "none" } }, h("slot", { name: TAB_DATA.styles.slot })), h("div", { class: "composition-tab-slot scrollable", slot: TAB_DATA.composition.slot, style: { display: this.renderedTabs.has(TAB_DATA.composition.id) ? "" : "none" } }, this.selectedDesignType === DESIGN_DATA_TYPE_IMAGES ||
+                }, tabListPosition: "block-start", model: this.tabsModel, selectedId: this.activeTabs.get(this.selectedDesignType), overflow: "auto", contain: "size", onSelectedItemChange: __classPrivateFieldGet(this, _GxIdeImportFromDesign_tabSelectionChangedHandler, "f")
+            }, h("div", { slot: TAB_DATA.tokens.slot, class: "spacing-body", style: {
+                    display: this.renderedTabs.has(TAB_DATA.tokens.id) ? "" : "none"
+                } }, h("slot", { name: TAB_DATA.tokens.slot })), h("div", { slot: TAB_DATA.styles.slot, class: "spacing-body", style: {
+                    display: this.renderedTabs.has(TAB_DATA.styles.id) ? "" : "none"
+                } }, h("slot", { name: TAB_DATA.styles.slot })), h("div", { class: "composition-tab-slot scrollable", slot: TAB_DATA.composition.slot, style: {
+                    display: this.renderedTabs.has(TAB_DATA.composition.id)
+                        ? ""
+                        : "none"
+                } }, this.selectedDesignType === DESIGN_DATA_TYPE_IMAGES ||
                 this.selectedDesignType === DESIGN_DATA_TYPE_FONTS
                 ? __classPrivateFieldGet(this, _GxIdeImportFromDesign_renderImageTab, "f").call(this)
-                : __classPrivateFieldGet(this, _GxIdeImportFromDesign_renderPanelTab, "f").call(this)), h("div", { slot: TAB_DATA.layout.slot, class: "spacing-body", style: { display: this.renderedTabs.has(TAB_DATA.layout.id) ? "" : "none" } }, h("slot", { name: TAB_DATA.layout.slot })), h("div", { slot: TAB_DATA.code.slot, class: "spacing-body", style: { display: this.renderedTabs.has(TAB_DATA.code.id) ? "" : "none" } }, h("slot", { name: TAB_DATA.code.slot }))));
+                : __classPrivateFieldGet(this, _GxIdeImportFromDesign_renderPanelTab, "f").call(this)), h("div", { slot: TAB_DATA.layout.slot, class: "spacing-body", style: {
+                    display: this.renderedTabs.has(TAB_DATA.layout.id) ? "" : "none"
+                } }, h("slot", { name: TAB_DATA.layout.slot })), h("div", { slot: TAB_DATA.code.slot, class: "spacing-body", style: {
+                    display: this.renderedTabs.has(TAB_DATA.code.id) ? "" : "none"
+                } }, h("slot", { name: TAB_DATA.code.slot }))));
         });
         this.reRenderCounter = 0;
         this.stylesAsComboBoxModel = undefined;