@genexus/genexus-ide-ui 0.0.40 → 0.0.42

package/dist/types/components.d.ts

@@ -7,9 +7,10 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/container/container";
 import { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
+import { ConnectionResultData, CreateKBData, GXServerConnectionData } from "./components/create-kb-from-server/create-kb-from-server";
+import { EntityData, FormSubmitResult, GxOption, ObjectType as ObjectType1 } from "./common/types";
 import { DirectorySelectorLabels, LabelPosition } from "./components/directory-selector/directory-selector";
 import { EntitySelectorLabels } from "./components/entity-selector/entity-selector";
-import { EntityData, GxOption, ObjectType as ObjectType1 } from "./common/types";
 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";
@@ -23,6 +24,7 @@ import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback2
 import { AddCallback, CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback1, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev-update-to-revision/team-dev-update-to-revision";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
+import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback3, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionChangeCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/ww-images/ww-images";
 export namespace Components {
     interface GxIdeContainer {
         /**
@@ -106,6 +108,40 @@ export namespace Components {
          */
         "titleAlignment": TitleAlignment;
     }
+    interface GxIdeCreateKbFromServer {
+        /**
+          * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)
+         */
+        "connectCallback": (
+    data: GXServerConnectionData
+  ) => Promise<ConnectionResultData>;
+        /**
+          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
+         */
+        "createKBCallback": (
+    data: CreateKBData
+  ) => Promise<FormSubmitResult>;
+        /**
+          * If is true then the user can specify a server url that don't be in the combo box of server urls.
+         */
+        "enableCustomServer": boolean;
+        /**
+          * The knowledge base default suggested name
+         */
+        "kbName": string;
+        /**
+          * Password for the database connection.
+         */
+        "password": string;
+        /**
+          * Array of URLs of cataloged servers to be displayed in the combo
+         */
+        "serverUrls": string[];
+        /**
+          * Username for the database connection.
+         */
+        "userName": string;
+    }
     interface GxIdeDirectorySelector {
         /**
           * This property provides the user a way to define custom aria-label descriptions.
@@ -408,7 +444,7 @@ export namespace Components {
         /**
           * True' if multiple object selection is allowed. Default is 'True'
          */
-        "multiSelection": true;
+        "multiSelection": boolean;
         /**
           * Callback invoked when the user presses the 'New' button.
          */
@@ -656,6 +692,96 @@ export namespace Components {
          */
         "topBarTitle": string;
     }
+    interface GxIdeWwImages {
+        /**
+          * The categories render in the filter category selector
+         */
+        "categories": GxOption[];
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "contextMenuCallback": ContextMenuCallback;
+        /**
+          * The default value for the 'categories' filter
+         */
+        "defaultCategory": string;
+        /**
+          * The default value for the module/folder filter
+         */
+        "defaultModule": EntityData;
+        /**
+          * The default value for the type filter
+         */
+        "defaultType": string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "deleteSelectionCallback": DeleteSelectionCallback;
+        /**
+          * The densities render in the filter density selector
+         */
+        "densities": GxOption[];
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
+         */
+        "languages": GxOption[];
+        /**
+          * The layers render in the filter layer selector
+         */
+        "layers": GxOption[];
+        /**
+          * This is a function provided by the developer that return a list of images to populate the table of images.
+         */
+        "loadCallback": LoadCallback;
+        /**
+          * This is a function provided by the developer that return a list of items of the image selected.
+         */
+        "loadImageItemsCallback": LoadImageItemsCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "newObjectCallback": NewObjectCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "openSelectionCallback": OpenSelectionCallback;
+        /**
+          * This method reload the view, refreshing the filters and the table of images.
+         */
+        "reload": () => Promise<void>;
+        /**
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+         */
+        "selectModuleCallback": SelectModuleCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "selectionObjectChangeCallback": SelectionChangeCallback;
+        /**
+          * Applies a shadow all around
+         */
+        "shadow": false;
+        /**
+          * The styles render in the filter style selector
+         */
+        "styles": GxOption[];
+        /**
+          * The types render in the filter type selector
+         */
+        "types": GxOption[];
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
+    }
+}
+export interface GxIdeCreateKbFromServerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeCreateKbFromServerElement;
 }
 export interface GxIdeEntitySelectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -709,6 +835,10 @@ export interface GxIdeTemplateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTemplateElement;
 }
+export interface GxIdeWwImagesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeWwImagesElement;
+}
 declare global {
     interface HTMLGxIdeContainerElement extends Components.GxIdeContainer, HTMLStencilElement {
     }
@@ -716,6 +846,12 @@ declare global {
         prototype: HTMLGxIdeContainerElement;
         new (): HTMLGxIdeContainerElement;
     };
+    interface HTMLGxIdeCreateKbFromServerElement extends Components.GxIdeCreateKbFromServer, HTMLStencilElement {
+    }
+    var HTMLGxIdeCreateKbFromServerElement: {
+        prototype: HTMLGxIdeCreateKbFromServerElement;
+        new (): HTMLGxIdeCreateKbFromServerElement;
+    };
     interface HTMLGxIdeDirectorySelectorElement extends Components.GxIdeDirectorySelector, HTMLStencilElement {
     }
     var HTMLGxIdeDirectorySelectorElement: {
@@ -818,8 +954,15 @@ declare global {
         prototype: HTMLGxIdeTopBarElement;
         new (): HTMLGxIdeTopBarElement;
     };
+    interface HTMLGxIdeWwImagesElement extends Components.GxIdeWwImages, HTMLStencilElement {
+    }
+    var HTMLGxIdeWwImagesElement: {
+        prototype: HTMLGxIdeWwImagesElement;
+        new (): HTMLGxIdeWwImagesElement;
+    };
     interface HTMLElementTagNameMap {
         "gx-ide-container": HTMLGxIdeContainerElement;
+        "gx-ide-create-kb-from-server": HTMLGxIdeCreateKbFromServerElement;
         "gx-ide-directory-selector": HTMLGxIdeDirectorySelectorElement;
         "gx-ide-entity-selector": HTMLGxIdeEntitySelectorElement;
         "gx-ide-list-selector": HTMLGxIdeListSelectorElement;
@@ -837,6 +980,7 @@ declare global {
         "gx-ide-template": HTMLGxIdeTemplateElement;
         "gx-ide-test": HTMLGxIdeTestElement;
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
+        "gx-ide-ww-images": HTMLGxIdeWwImagesElement;
     }
 }
 declare namespace LocalJSX {
@@ -922,6 +1066,44 @@ declare namespace LocalJSX {
          */
         "titleAlignment"?: TitleAlignment;
     }
+    interface GxIdeCreateKbFromServer {
+        /**
+          * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)
+         */
+        "connectCallback"?: (
+    data: GXServerConnectionData
+  ) => Promise<ConnectionResultData>;
+        /**
+          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
+         */
+        "createKBCallback"?: (
+    data: CreateKBData
+  ) => Promise<FormSubmitResult>;
+        /**
+          * If is true then the user can specify a server url that don't be in the combo box of server urls.
+         */
+        "enableCustomServer"?: boolean;
+        /**
+          * The knowledge base default suggested name
+         */
+        "kbName"?: string;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeCreateKbFromServerCustomEvent<boolean>) => void;
+        /**
+          * Password for the database connection.
+         */
+        "password"?: string;
+        /**
+          * Array of URLs of cataloged servers to be displayed in the combo
+         */
+        "serverUrls": string[];
+        /**
+          * Username for the database connection.
+         */
+        "userName"?: string;
+    }
     interface GxIdeDirectorySelector {
         /**
           * This property provides the user a way to define custom aria-label descriptions.
@@ -1256,7 +1438,7 @@ declare namespace LocalJSX {
         /**
           * True' if multiple object selection is allowed. Default is 'True'
          */
-        "multiSelection"?: true;
+        "multiSelection"?: boolean;
         /**
           * Callback invoked when the user presses the 'New' button.
          */
@@ -1516,8 +1698,91 @@ declare namespace LocalJSX {
          */
         "topBarTitle"?: string;
     }
+    interface GxIdeWwImages {
+        /**
+          * The categories render in the filter category selector
+         */
+        "categories": GxOption[];
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "contextMenuCallback": ContextMenuCallback;
+        /**
+          * The default value for the 'categories' filter
+         */
+        "defaultCategory"?: string;
+        /**
+          * The default value for the module/folder filter
+         */
+        "defaultModule"?: EntityData;
+        /**
+          * The default value for the type filter
+         */
+        "defaultType"?: string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "deleteSelectionCallback": DeleteSelectionCallback;
+        /**
+          * The densities render in the filter density selector
+         */
+        "densities": GxOption[];
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
+         */
+        "languages": GxOption[];
+        /**
+          * The layers render in the filter layer selector
+         */
+        "layers": GxOption[];
+        /**
+          * This is a function provided by the developer that return a list of images to populate the table of images.
+         */
+        "loadCallback": LoadCallback;
+        /**
+          * This is a function provided by the developer that return a list of items of the image selected.
+         */
+        "loadImageItemsCallback": LoadImageItemsCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "newObjectCallback": NewObjectCallback;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeWwImagesCustomEvent<boolean>) => void;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "openSelectionCallback": OpenSelectionCallback;
+        /**
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+         */
+        "selectModuleCallback": SelectModuleCallback;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+         */
+        "selectionObjectChangeCallback": SelectionChangeCallback;
+        /**
+          * Applies a shadow all around
+         */
+        "shadow"?: false;
+        /**
+          * The styles render in the filter style selector
+         */
+        "styles": GxOption[];
+        /**
+          * The types render in the filter type selector
+         */
+        "types": GxOption[];
+    }
     interface IntrinsicElements {
         "gx-ide-container": GxIdeContainer;
+        "gx-ide-create-kb-from-server": GxIdeCreateKbFromServer;
         "gx-ide-directory-selector": GxIdeDirectorySelector;
         "gx-ide-entity-selector": GxIdeEntitySelector;
         "gx-ide-list-selector": GxIdeListSelector;
@@ -1535,6 +1800,7 @@ declare namespace LocalJSX {
         "gx-ide-template": GxIdeTemplate;
         "gx-ide-test": GxIdeTest;
         "gx-ide-top-bar": GxIdeTopBar;
+        "gx-ide-ww-images": GxIdeWwImages;
     }
 }
 export { LocalJSX as JSX };
@@ -1542,6 +1808,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "gx-ide-container": LocalJSX.GxIdeContainer & JSXBase.HTMLAttributes<HTMLGxIdeContainerElement>;
+            "gx-ide-create-kb-from-server": LocalJSX.GxIdeCreateKbFromServer & JSXBase.HTMLAttributes<HTMLGxIdeCreateKbFromServerElement>;
             "gx-ide-directory-selector": LocalJSX.GxIdeDirectorySelector & JSXBase.HTMLAttributes<HTMLGxIdeDirectorySelectorElement>;
             "gx-ide-entity-selector": LocalJSX.GxIdeEntitySelector & JSXBase.HTMLAttributes<HTMLGxIdeEntitySelectorElement>;
             "gx-ide-list-selector": LocalJSX.GxIdeListSelector & JSXBase.HTMLAttributes<HTMLGxIdeListSelectorElement>;
@@ -1559,6 +1826,7 @@ declare module "@stencil/core" {
             "gx-ide-template": LocalJSX.GxIdeTemplate & JSXBase.HTMLAttributes<HTMLGxIdeTemplateElement>;
             "gx-ide-test": LocalJSX.GxIdeTest & JSXBase.HTMLAttributes<HTMLGxIdeTestElement>;
             "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;
+            "gx-ide-ww-images": LocalJSX.GxIdeWwImages & JSXBase.HTMLAttributes<HTMLGxIdeWwImagesElement>;
         }
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "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.460"
+    "@genexus/gemini": "*0.1.461"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.460",
+    "@genexus/gemini": "*0.1.461",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

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

@@ -1,177 +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$1 = ":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$1;
-
-const iconCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}: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{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";
-
-/*********************************
-CONSTANTS
-*********************************/
-const COLOR_MAPPINGS = {
-  alwaysblack: "color-always-black",
-  disabled: "color-primary-disabled",
-  ondisabled: "color-on-disabled",
-  error: "color-error-dark",
-  negative: "color-on-primary",
-  onbackground: "color-on-background",
-  "primary-enabled": "color-primary-enabled",
-  "primary-active": "color-primary-active",
-  "primary-hover": "color-primary-hover",
-  success: "color-success-dark",
-  warning: "color-warning-dark",
-};
-const GxgIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * The size of the icon. Possible values: regular, small.
-     */
-    this.size = "regular";
-  }
-  /*********************************
-  METHODS
-  *********************************/
-  getSrcPath() {
-    return index.getAssetPath(`./icon-assets/${this.type}.svg`);
-  }
-  iconSize() {
-    if (this.size === "regular") {
-      return "16px";
-    }
-    else if (this.size === "small") {
-      return "12px";
-    }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ch-icon", { style: {
-        "--icon-color": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),
-        "--icon-size": this.iconSize(),
-      }, "auto-color": this.color === "auto", src: this.getSrcPath(), part: "ch-icon" })));
-  }
-  mapColorToCssVar(color) {
-    if (color) {
-      return `var(--${color})`;
-    }
-    else {
-      //default color
-      return `var(--color-on-background)`;
-    }
-  }
-  static get assetsDirs() { return ["icon-assets"]; }
-  get element() { return index.getElement(this); }
-};
-GxgIcon.style = iconCss;
-
-exports.ch_icon = ChIcon;
-exports.gxg_icon = GxgIcon;