@genexus/genexus-ide-ui 0.0.43 → 0.0.45

package/dist/types/components/container/container.d.ts

@@ -1,9 +1,5 @@
 import { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
 export declare class GxIdeContainer {
-  /**
-   * Makes this component content act as a fieldset
-   */
-  fieldset: boolean;
   /**
    * The title of the container
    */
@@ -52,6 +48,14 @@ export declare class GxIdeContainer {
    * The heading justification
    */
   readonly headingJustify: HeadingJustify;
+  /**
+   * Makes the content a flex container
+   */
+  readonly flexContent: boolean;
+  /**
+   * Removes the border-top from the content
+   */
+  readonly noContentBorderTop: boolean;
   /**
    * Removes the padding from the content
    */
@@ -103,7 +107,6 @@ export declare class GxIdeContainer {
   hasOnlyFooter: boolean;
   componentWillLoad(): void;
   private evaluateSlots;
-  private evaluateFullHeight;
   private evaluateSections;
   private headingClasses;
   private contentClasses;

package/dist/types/components/new-environment/new-environment.d.ts

@@ -13,10 +13,6 @@ export declare class GxIdeNewEnvironment {
   private dataStoreEl;
   private frontEndsEl;
   private runtimeEl;
-  /**
-   * If true, will hide the top-bar
-   */
-  readonly hideTopBar = false;
   /**
    * It allows defining the DBMS that will be used in the solution
    */

package/dist/types/components/new-kb/new-kb.d.ts

@@ -11,6 +11,7 @@ export declare class GxIdeNewKb {
    * An object with the initial value for each multi-option element.
    */
   private _initialComboValue;
+  private previousFrontEndsState;
   el: HTMLGxIdeNewKbElement;
   private authenticationTypeEl;
   private collationEl;
@@ -34,11 +35,11 @@ export declare class GxIdeNewKb {
   /**
    * It allows defining the DBMS that will be used in the solution
    */
-  readonly dataSources: GxOption[];
+  defaultDataSources: GxOption[];
   /**
    * It allows selecting multiple generators for the front end
    */
-  readonly frontEnds: GxOption[];
+  frontEnds: GxOption[];
   /**
    * Specify whether it is feasible to display information related to local configuration parameters
    */
@@ -111,6 +112,14 @@ export declare class GxIdeNewKb {
    * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
    */
   readonly cancelCallback: CancelCallback;
+  /**
+   * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+   */
+  readonly getDataSourcesCallback: GetDataSourcesCallback;
+  /**
+   * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends
+   */
+  readonly getFrontEndsCallback: GetFrontEndsCallback;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs
    */
@@ -134,6 +143,13 @@ export declare class GxIdeNewKb {
    */
   private selectLocationHandler;
   private getFrontEndOptionsValues;
+  /**
+   * @description it evaluates what front end options need to be updated on 'getFrontEndsCallback', by comparing the new state (getFrontEndsCallback promise result) and the previous state (previousFrontEndsState)
+   */
+  private updateFrontEnds;
+  private getDataSources;
+  private prototypingEnvironmentValueChangedHandler;
+  private prototypingTargetValueChangedHandler;
   private createKbHandler;
   private cancelKbHandler;
   private renderTabBasic;
@@ -162,4 +178,6 @@ export interface NewKBData {
 }
 export type CreateCallback = (data: NewKBData) => Promise<FormSubmitResult>;
 export type CancelCallback = () => Promise<void>;
+export type GetDataSourcesCallback = (selectedPrototypingEnvironmentId: string, selectedPrototypingTargetId: string) => Promise<GxOption[]>;
+export type GetFrontEndsCallback = (selectedPrototypingEnvironmentId: string) => Promise<GxOption[]>;
 export type SelectLocationCallback = () => Promise<string>;

package/dist/types/components/object-selector/object-selector.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { GxOption } from "../../common/types";
-import { EntityData } from "../../common/types";
+import { EntityData, GxOption } from "../../common/types";
 import { FILTER_AFTER } from "../../common/constants";
 export declare class GxIdeObjectSelector {
   /**
@@ -81,12 +80,17 @@ export declare class GxIdeObjectSelector {
    * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.
    */
   readonly openSelectionCallback: OpenSelectionCallback;
+  /**
+   * This event is emitted once just after the component is fully loaded and the first render() occurs
+   */
+  componentDidRenderEvent: EventEmitter<boolean>;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs.
    */
   componentDidLoadEvent: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
+  componentDidRender(): void;
   /**
    * Validate necessary data input
    */
@@ -114,7 +118,7 @@ export type CancelCallback = () => Promise<void>;
 export type SelectModuleCallback = () => Promise<EntityData | undefined>;
 export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
 export type LoadCallback = (filters: ObjectFiltersData) => Promise<ObjectData[]>;
-export interface ObjectFiltersData {
+export type ObjectFiltersData = {
   pattern?: string;
   type: string;
   category?: string;
@@ -122,8 +126,8 @@ export interface ObjectFiltersData {
   modifiedAfter?: string;
   modifiedBy?: string;
   modifiedDate?: Date;
-}
-export interface ObjectData {
+};
+export type ObjectData = {
   id: string;
   icon: string;
   name: string;
@@ -132,5 +136,5 @@ export interface ObjectData {
   module: string;
   modifiedDate?: Date;
   importDate?: Date;
-}
+};
 export type ObjectSelectorFilterAfter = typeof FILTER_AFTER.NONE | typeof FILTER_AFTER.DATE_TIME | typeof FILTER_AFTER.LAST_BUILD | typeof FILTER_AFTER.IMPORT;

package/dist/types/components/team-dev-commit/team-dev-commit.d.ts

@@ -60,6 +60,10 @@ export declare class GxIdeTeamDevCommit {
    * Callback that must be invoked when user activate the context menu in any of the grids
    */
   readonly objectsContextMenuCallback: ObjectsContextMenuCallback;
+  /**
+   * This event is emitted once just after the component is fully loaded and the first render() occurs
+   */
+  componentDidRenderEvent: EventEmitter<boolean>;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs.
    */

package/dist/types/components/team-dev-update/team-dev-update.d.ts

@@ -93,6 +93,10 @@ export declare class GxIdeTeamDevUpdate {
    * This event is emitted once just after the component is fully loaded and the first render() occurs.
    */
   componentDidLoadEvent: EventEmitter<boolean>;
+  /**
+   * This event is emitted once just after the component is fully loaded and the first render() occurs
+   */
+  componentDidRenderEvent: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): Promise<void>;
   componentDidRender(): Promise<void>;

package/dist/types/components.d.ts

@@ -14,7 +14,7 @@ import { EntitySelectorLabels } from "./components/entity-selector/entity-select
 import { LabelPosition as LabelPosition1 } from "./components/directory-selector/directory-selector";
 import { ItemData } from "./components/list-selector/list-selector-item/list-selector-item";
 import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
-import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
+import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, GetDataSourcesCallback, GetFrontEndsCallback, SelectLocationCallback } from "./components/new-kb/new-kb";
 import { CancelCallback as CancelCallback2, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 import { CancelCallback as CancelCallback3, LoadCallback, NewObjectCallback, ObjectType, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback1 } from "./components/object-selector/object-selector";
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
@@ -56,9 +56,9 @@ export namespace Components {
          */
         "displayBorderTop": boolean;
         /**
-          * Makes this component content act as a fieldset
+          * Makes the content a flex container
          */
-        "fieldset": boolean;
+        "flexContent": boolean;
         /**
           * The footer justification
          */
@@ -79,6 +79,10 @@ export namespace Components {
           * Removes the border top from the footer
          */
         "noBorderFooter": boolean;
+        /**
+          * Removes the border-top from the content
+         */
+        "noContentBorderTop": boolean;
         /**
           * Removes the gap from the content
          */
@@ -283,10 +287,6 @@ export namespace Components {
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
-        /**
-          * If true, will hide the top-bar
-         */
-        "hideTopBar": false;
         /**
           * Possible values for 'Language' combo
          */
@@ -321,18 +321,26 @@ export namespace Components {
           * Disabled if the first item of the 'Server Name' combo is selected
          */
         "createDataFilesInKBFolder": boolean;
-        /**
-          * It allows defining the DBMS that will be used in the solution
-         */
-        "dataSources": GxOption[];
         /**
           * Name of the database where we are going to persist the information of our KB
          */
         "databaseName": string;
+        /**
+          * It allows defining the DBMS that will be used in the solution
+         */
+        "defaultDataSources": GxOption[];
         /**
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
+        /**
+          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+         */
+        "getDataSourcesCallback": GetDataSourcesCallback;
+        /**
+          * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends
+         */
+        "getFrontEndsCallback": GetFrontEndsCallback;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */
@@ -1014,9 +1022,9 @@ declare namespace LocalJSX {
          */
         "displayBorderTop"?: boolean;
         /**
-          * Makes this component content act as a fieldset
+          * Makes the content a flex container
          */
-        "fieldset"?: boolean;
+        "flexContent"?: boolean;
         /**
           * The footer justification
          */
@@ -1037,6 +1045,10 @@ declare namespace LocalJSX {
           * Removes the border top from the footer
          */
         "noBorderFooter"?: boolean;
+        /**
+          * Removes the border-top from the content
+         */
+        "noContentBorderTop"?: boolean;
         /**
           * Removes the gap from the content
          */
@@ -1253,10 +1265,6 @@ declare namespace LocalJSX {
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
-        /**
-          * If true, will hide the top-bar
-         */
-        "hideTopBar"?: false;
         /**
           * Possible values for 'Language' combo
          */
@@ -1295,18 +1303,26 @@ declare namespace LocalJSX {
           * Disabled if the first item of the 'Server Name' combo is selected
          */
         "createDataFilesInKBFolder"?: boolean;
-        /**
-          * It allows defining the DBMS that will be used in the solution
-         */
-        "dataSources": GxOption[];
         /**
           * Name of the database where we are going to persist the information of our KB
          */
         "databaseName"?: string;
+        /**
+          * It allows defining the DBMS that will be used in the solution
+         */
+        "defaultDataSources": GxOption[];
         /**
           * It allows selecting multiple generators for the front end
          */
         "frontEnds": GxOption[];
+        /**
+          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+         */
+        "getDataSourcesCallback"?: GetDataSourcesCallback;
+        /**
+          * Callback invoked when the user changes the prototyping environment, allowing for the modification of the list of front ends
+         */
+        "getFrontEndsCallback"?: GetFrontEndsCallback;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */
@@ -1447,6 +1463,10 @@ declare namespace LocalJSX {
           * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */
         "onComponentDidLoadEvent"?: (event: GxIdeObjectSelectorCustomEvent<boolean>) => void;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeObjectSelectorCustomEvent<boolean>) => void;
         /**
           * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.
          */
@@ -1527,6 +1547,10 @@ declare namespace LocalJSX {
           * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */
         "onComponentDidLoadEvent"?: (event: GxIdeTeamDevCommitCustomEvent<boolean>) => void;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeTeamDevCommitCustomEvent<boolean>) => void;
         /**
           * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
          */
@@ -1583,6 +1607,10 @@ declare namespace LocalJSX {
           * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */
         "onComponentDidLoadEvent"?: (event: GxIdeTeamDevUpdateCustomEvent<boolean>) => void;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeTeamDevUpdateCustomEvent<boolean>) => void;
         /**
           * This is a function provided by the developer to call when the user clicked in server url of Update From group.
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.1.461"
+    "@genexus/gemini": "*0.1.471"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.461",
+    "@genexus/gemini": "*0.1.471",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/ch-icon.cjs.entry.js

@@ -1,116 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-
-const iconContent = new Map();
-const requests = new Map();
-function getSvgContent(url) {
-  // see if we already have a request for this url
-  let request = requests.get(url);
-  if (!request) {
-    // we don't already have a request
-    request = fetch(url).then(response => {
-      if (response.ok) {
-        return response.text().then(svgContent => {
-          iconContent.set(url, svgContent);
-          return svgContent;
-        });
-      }
-      iconContent.set(url, "");
-    });
-    // cache for the same requests
-    requests.set(url, request);
-  }
-  return request;
-}
-
-const iconCss = ":host(:not([auto-color])){}:host(:not([auto-color])) svg *{fill:var(--icon-color) !important}:host(:not([auto-color])) path.icons01{fill:var(--icons01-enabled)}:host(:not([auto-color])) path.icons02{fill:var(--icons02-enabled)}:host(:not([auto-color])) path.icons03{fill:var(--icons03-enabled)}:host(:not([auto-color])) path.icons04{fill:var(--icons04-enabled)}:host(:not([auto-color])) path.icons05{fill:var(--icons05-enabled)}:host(:not([auto-color])) path.icons06{fill:var(--icons06-enabled)}:host(:not([auto-color])) path.icons07{fill:var(--icons07-enabled)}:host(:not([auto-color])) path.icons08{fill:var(--icons08-enabled)}:host(:not([auto-color])) path.icons09{fill:var(--icons09-enabled)}:host{display:inline-flex;line-height:0}:host svg{width:var(--icon-size);height:var(--icon-size)}";
-
-const ChIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * If enabled, the icon will be loaded lazily when it's visible in the viewport.
-     */
-    this.lazy = false;
-    /**
-     * If enabled, the icon will display its inherent/natural color
-     */
-    this.autoColor = false;
-    /**
-     * The URL of the icon.
-     */
-    this.src = "";
-    /**
-     * The size of the icon. Possible values: regular, small.
-     */
-    this.size = "regular";
-    this.isVisible = false;
-  }
-  /** *******************************
-  METHODS
-  *********************************/
-  connectedCallback() {
-    // purposely do not return the promise here because loading
-    // the svg file should not hold up loading the app
-    // only load the svg if it's visible
-    this.waitUntilVisible(this.element, "50px", () => {
-      this.isVisible = true;
-      this.getIcon();
-    });
-  }
-  disconnectedCallback() {
-    if (this.io !== undefined) {
-      this.io.disconnect();
-      this.io = undefined;
-    }
-  }
-  waitUntilVisible(el, rootMargin, callback) {
-    if (this.lazy &&
-      typeof window !== "undefined" &&
-      window.IntersectionObserver) {
-      const io = (this.io = new window.IntersectionObserver((data) => {
-        if (data[0].isIntersecting) {
-          io.disconnect();
-          this.io = undefined;
-          callback();
-        }
-      }, { rootMargin }));
-      io.observe(el);
-    }
-    else {
-      // browser doesn't support IntersectionObserver
-      // so just fallback to always show it
-      callback();
-    }
-  }
-  async getIcon() {
-    if (this.isVisible) {
-      if (this.src) {
-        if (iconContent.has(this.src)) {
-          this.svgContent = iconContent.get(this.src);
-        }
-        else {
-          this.svgContent = await getSvgContent(this.src);
-        }
-      }
-      else {
-        this.svgContent = "";
-        return;
-      }
-    }
-  }
-  render() {
-    return index.h("div", { innerHTML: this.svgContent });
-  }
-  static get assetsDirs() { return ["ch-icon-assets"]; }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "src": ["getIcon"]
-  }; }
-};
-ChIcon.style = iconCss;
-
-exports.ch_icon = ChIcon;

package/dist/cjs/gx-ide-container.cjs.entry.js

@@ -1,137 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-
-const containerCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--gxg-container-elements-spacing:var(--spacing-comp-03);display:block}:host([full-height]){height:100%}:host([full-height]) .container{height:100%;display:flex;flex-direction:column}:host([full-height]) .content{flex-grow:1}fieldset{padding:0;margin-inline-start:0;margin-inline-end:0;border:none}.heading,.content,.footer{padding:var(--gxg-container--padding)}.container--padding-s{--gxg-container--padding:var(--spacing-comp-02)}.container--padding-m{--gxg-container--padding:var(--spacing-comp-03)}.container--padding-l{--gxg-container--padding:var(--spacing-comp-04)}.container--display-border{border:1px solid var(--gx-ide-container-border-color)}.container--display-border-top{border-top:1px solid var(--gx-ide-container-border-color)}.container--display-border-end{border-inline-end:1px solid var(--gx-ide-container-border-color)}.container--display-border-bottom{border-bottom:1px solid var(--gx-ide-container-border-color)}.container--display-border-start{border-inline-start:1px solid var(--gx-ide-container-border-color)}.heading{display:flex;flex-direction:column;gap:var(--gxg-container--padding);width:100%;box-sizing:border-box;border-bottom:1px solid var(--gx-ide-container-border-color)}.heading--no-border{border-bottom:0}.heading--no-padding{padding:0}.content{display:flex;flex-direction:column;gap:var(--gxg-container-elements-spacing);overflow-x:auto;}.content::-webkit-scrollbar{width:6px;height:6px}.content::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.content::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.content::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.content--no-padding{padding:0}.content--no-gap{gap:0}.content--align-items-start{align-items:start}.content--align-items-center{align-items:center}.content--align-items-end{align-items:end}.content--justify-content-start{justify-content:start}.content--justify-content-center{justify-content:center}.content--justify-content-end{justify-content:end}.footer{display:flex;gap:var(--gxg-container-elements-spacing);flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--gx-ide-container-border-color)}.footer__start,.footer__end{display:flex;gap:var(--gxg-container-elements-spacing)}.footer--no-border{border-top:0}.footer--no-padding{padding:0}";
-
-const GxIdeContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.headingClasses = () => {
-      return {
-        "heading": true,
-        "heading--no-border": this.noHeadingBorder || this.hasOnlyHeading,
-        [`heading--justify-${this.headingJustify}`]: true,
-        ["heading--no-padding"]: this.noHeadingPadding
-      };
-    };
-    this.contentClasses = () => {
-      return {
-        "content": true,
-        "content--no-padding": this.noContentPadding,
-        "content--no-gap": this.noContentGap,
-        [`content--align-items-${this.alignItems}`]: this.alignItems !== undefined,
-        [`content--justify-content-${this.justifyContent}`]: this.justifyContent !== undefined
-      };
-    };
-    this.footer = () => {
-      return this.hasFooterSlot ? (index.h("footer", { class: {
-          "footer": true,
-          "footer--no-border": this.hasOnlyFooter || !this.hasSlottedContent,
-          [`footer--justify-${this.footerJustify}`]: true,
-          [`footer--justify-${this.footerJustify}`]: true,
-          ["footer--no-padding"]: this.noFooterPadding
-        } }, index.h("div", { class: "footer__start" }, index.h("slot", { name: "footer-start" })), index.h("div", { class: "footer__end" }, index.h("slot", { name: "footer-end" })))) : null;
-    };
-    this.fieldset = false;
-    this.containerTitle = undefined;
-    this.displayBorder = false;
-    this.displayBorderTop = false;
-    this.displayBorderEnd = false;
-    this.displayBorderBottom = false;
-    this.displayBorderStart = false;
-    this.sectionsPadding = "m";
-    this.fullHeight = false;
-    this.titleAlignment = "center";
-    this.noHeadingBorder = false;
-    this.noHeadingPadding = false;
-    this.headingJustify = "center";
-    this.noContentPadding = false;
-    this.noContentGap = false;
-    this.alignItems = undefined;
-    this.justifyContent = undefined;
-    this.noFooterPadding = false;
-    this.footerJustify = "end";
-    this.noBorderFooter = false;
-    this.hasHeaderSlot = false;
-    this.hasSlottedContent = false;
-    this.hasFooterSlot = false;
-    this.hasOnlyHeading = false;
-    this.hasOnlyFooter = false;
-  }
-  // 4.PUBLIC PROPERTY API /
-  // 5.EVENTS (EMIT) //
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  componentWillLoad() {
-    this.evaluateSlots();
-    this.evaluateFullHeight();
-  }
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  // 9.LOCAL METHODS //
-  evaluateSlots() {
-    // header
-    const headerSlot = this.el.querySelectorAll(':scope > [slot="header"]');
-    if (headerSlot.length) {
-      this.hasHeaderSlot = true;
-    }
-    // content
-    const slottedContent = this.el.querySelectorAll(":scope >  :not([slot])");
-    if (slottedContent.length) {
-      this.hasSlottedContent = true;
-    }
-    // footer
-    const footerStartSlot = this.el.querySelectorAll(':scope >  [slot="footer-start"]');
-    const footerEndSlot = this.el.querySelectorAll(':scope >  [slot="footer-end"]');
-    if (footerStartSlot.length || footerEndSlot.length) {
-      this.hasFooterSlot = true;
-    }
-  }
-  evaluateFullHeight() {
-    if (this.fullHeight && this.fieldset) {
-      /* If full-height, fieldset has to be false*/
-      this.fieldset = false;
-    }
-  }
-  evaluateSections() {
-    if (!this.hasSlottedContent && !this.hasFooterSlot) {
-      this.hasOnlyHeading = true;
-    }
-    if (!this.hasSlottedContent && !this.containerTitle) {
-      this.hasOnlyFooter = true;
-    }
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    this.evaluateSections();
-    let result;
-    if (this.fieldset) {
-      result = [
-        index.h("fieldset", null, this.containerTitle || this.hasHeaderSlot ? (index.h("legend", { class: this.headingClasses() }, this.containerTitle ? (index.h("gxg-title", { type: "title-04", alignment: this.titleAlignment }, this.containerTitle)) : null, this.hasHeaderSlot ? (index.h("div", { class: "heading__inner-wrapper" }, index.h("slot", { name: "header" }))) : null)) : null, this.hasSlottedContent ? (index.h("div", { class: this.contentClasses() }, index.h("slot", null))) : null),
-        this.footer()
-      ];
-    }
-    else {
-      result = [
-        this.containerTitle || this.hasHeaderSlot ? (index.h("header", { class: this.headingClasses() }, this.containerTitle ? (index.h("gxg-title", { type: "title-04", alignment: this.titleAlignment }, this.containerTitle)) : null, this.hasHeaderSlot ? (index.h("div", { class: "heading__inner-wrapper" }, index.h("slot", { name: "header" }))) : null)) : null,
-        this.hasSlottedContent ? (index.h("div", { class: this.contentClasses() }, index.h("slot", null))) : null,
-        this.footer()
-      ];
-    }
-    return (index.h(index.Host, null, index.h("div", { class: {
-        "container": true,
-        [`container--padding-${this.sectionsPadding}`]: true,
-        "container--display-border": this.displayBorder,
-        "container--display-border-top": this.displayBorderTop,
-        "container--display-border-end": this.displayBorderEnd,
-        "container--display-border-bottom": this.displayBorderBottom,
-        "container--display-border-start": this.displayBorderStart
-      } }, result)));
-  }
-  get el() { return index.getElement(this); }
-};
-GxIdeContainer.style = containerCss;
-
-exports.gx_ide_container = GxIdeContainer;