@genexus/genexus-ide-ui 1.0.29 → 1.0.31

package/dist/components/entity-selector.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getIconPath } from './assets-manager.js';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
 import { L as Locale } from './locale.js';
 
 const entitySelectorCss = ".wrapper{display:grid;grid-template-columns:1fr max-content max-content;gap:var(--mer-spacing--xs);border-radius:var(--control__border-radius);border:var(--control__border-width) var(--control__border-style) var(--control__border-color);padding:var(--control__padding-block) var(--control__padding-inline)}.wrapper:hover{--control__border-color:var(--control__border-color--hover)}.input{--control__padding-block:0;--control__padding-inline:0;--control__border-width:0;--focus__outline-width:0}:host(:focus-within) .wrapper{--control__border-color:var(--focus__outline-color)}:host(.entity-selector--button-has-focus) .wrapper{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .wrapper{background-color:var(--control__background-color--disabled);border-color:var(--control__border-color--disabled)}";

package/dist/components/gx-ide-create-kb-from-server.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, getAssetPath, h, Host } from '@stencil/core/internal/client';
-import { g as getIconPath } from './assets-manager.js';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
 import { c as config } from './config.js';
 import { v as validateControls } from './form-validation.js';
 import { L as Locale } from './locale.js';

package/dist/components/gx-ide-current-user-info.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GxIdeCurrentUserInfo extends Components.GxIdeCurrentUserInfo, HTMLElement {}
+export const GxIdeCurrentUserInfo: {
+    prototype: GxIdeCurrentUserInfo;
+    new (): GxIdeCurrentUserInfo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gx-ide-current-user-info.js

@@ -0,0 +1,156 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
+import { L as Locale } from './locale.js';
+
+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()}`;
+    }
+};
+
+const currentUserInfoCss = "@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:inline-grid;justify-items:end}.user-login__button{all:unset;display:grid;grid-template-columns:max-content max-content max-content;align-items:center;gap:var(--mer-spacing--md);block-size:auto;cursor:pointer}.user-login__details{display:grid;grid-template-rows:max-content max-content;gap:var(--mer-spacing--3xs);justify-items:end}.user-login__name{font-weight:var(--mer-font__weight--medium);font-size:var(--mer-font__size--xs);color:var(--mer-text__on-elevation)}.user-login__organization{font-weight:var(--mer-font__weight--light);font-size:var(--mer-font__size--3xs);color:var(--mer-text__neutral)}.user-login__avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;block-size:var(--mer-spacing--xl);inline-size:var(--mer-spacing--xl);color:var(--mer-text__on-elevation);border-radius:50%;background-color:var(--mer-color__tinted-primary--10);border:var(--mer-border__width--sm) solid var(--mer-color__primary--200)}.privacy-policy{text-decoration:underline;cursor:pointer}";
+
+var __classPrivateFieldSet = (undefined && undefined.__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 = (undefined && undefined.__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;
+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";
+const GxIdeNewEnvironment = /*@__PURE__*/ proxyCustomElement(class GxIdeNewEnvironment extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _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 assetsDirs() { return ["gx-ide-assets/current-user-info"]; }
+    get el() { return this; }
+    static get style() { return currentUserInfoCss; }
+}, [1, "gx-ide-current-user-info", {
+        "userInfo": [16],
+        "myAccountCallback": [16],
+        "changeTeamCallback": [16],
+        "changeLanguageCallback": [16],
+        "changeModeCallback": [16],
+        "signOutCallback": [16],
+        "showTermsCallback": [16],
+        "showMenu": [32]
+    }]);
+_GxIdeNewEnvironment_componentLocale = new WeakMap(), _GxIdeNewEnvironment_initials = new WeakMap(), _GxIdeNewEnvironment_menuDropdownModel = new WeakMap(), _GxIdeNewEnvironment_userLoginButton = new WeakMap(), _GxIdeNewEnvironment_dropDownitemClickHandler = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-current-user-info"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-current-user-info":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeNewEnvironment);
+            }
+            break;
+    } });
+}
+
+const GxIdeCurrentUserInfo = GxIdeNewEnvironment;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeCurrentUserInfo, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-current-user-info.js.map

package/dist/components/gx-ide-current-user-info.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-current-user-info.js","mappings":"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","names":[],"sources":["src/components/current-user-info/helpers.tsx","src/components/current-user-info/current-user-info.scss?tag=gx-ide-current-user-info&encapsulation=shadow","src/components/current-user-info/current-user-info.tsx"],"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","@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\";\n\n:host {\n  display: inline-grid;\n  justify-items: end;\n}\n\n.user-login {\n  &__button {\n    all: unset;\n    display: grid;\n    grid-template-columns: max-content max-content max-content;\n    align-items: center;\n    gap: var(--mer-spacing--md);\n    block-size: auto;\n    cursor: pointer;\n  }\n  &__details {\n    display: grid;\n    grid-template-rows: max-content max-content;\n    gap: var(--mer-spacing--3xs);\n    justify-items: end;\n  }\n  &__name {\n    font-weight: var(--mer-font__weight--medium);\n    font-size: var(--mer-font__size--xs);\n    color: var(--mer-text__on-elevation);\n  }\n  &__organization {\n    font-weight: var(--mer-font__weight--light);\n    font-size: var(--mer-font__size--3xs);\n    color: var(--mer-text__neutral);\n  }\n  &__avatar {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    block-size: var(--mer-spacing--xl);\n    inline-size: var(--mer-spacing--xl);\n    color: var(--mer-text__on-elevation);\n    border-radius: 50%;\n    background-color: var(--mer-color__tinted-primary--10);\n    border: var(--mer-border__width--sm) solid var(--mer-color__primary--200);\n  }\n}\n\n.privacy-policy {\n  text-decoration: underline;\n  cursor: pointer;\n}\n","/* 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"],"version":3}

package/dist/components/gx-ide-dashboard-home.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getIconPath } from './assets-manager.js';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
 import { L as Locale } from './locale.js';
 import { f as formatDate } from './helpers.js';
 import { d as defineCustomElement$2 } from './gx-ide-empty-state2.js';

package/dist/components/gx-ide-data-selector.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
 import { c as config } from './config.js';
-import { g as getIconPath } from './assets-manager.js';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
 import { d as defineCustomElement$4 } from './gx-ide-empty-state2.js';
 import { d as defineCustomElement$3 } from './entity-selector.js';
 import { d as defineCustomElement$2 } from './ide-loader.js';

package/dist/components/gx-ide-design-import.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getIconPath } from './assets-manager.js';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
 import { c as config } from './config.js';
 import { L as Locale } from './locale.js';
 import { d as defineCustomElement$3 } from './gx-ide-empty-state2.js';
@@ -543,7 +543,9 @@ const GxIdeImportFromDesign = /*@__PURE__*/ proxyCustomElement(class GxIdeImport
                 }, 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();
@@ -558,11 +560,23 @@ const GxIdeImportFromDesign = /*@__PURE__*/ proxyCustomElement(class GxIdeImport
                     "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;