@genexus/genexus-ide-ui 0.0.63 → 0.0.65

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css

@@ -340,6 +340,7 @@ FORM ELEMENTS
 gxg-tree-view
 ---------------------------*/
 gxg-tree-view {
+  --gxg-tree-view-icon-size: var(--spacing-comp-04);
   font-family: var(--font-family-primary);
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-regular);
@@ -371,16 +372,20 @@ gxg-tree-view {
   cursor: pointer;
 }
 .tree-view .ch-tree-view-container {
-  padding: var(--spacing-comp-02);
+  padding: 7px;
+  /*although this value does not exists in gemini ds space tokens, it is the value that works best with gx-ide*/
 }
 
 /*---------------------------
 .tree-view-item
 ---------------------------*/
 .tree-view-item {
-  /*-- Css Variables ---*/
-  --checkbox-size: var(--gxg-checkbox-size);
-  --expandable-button-width: var(--spacing-comp-04);
+  /*-- Custom vars ---*/
+  --ch-tree-view-view__checkbox-size: var(--gxg-checkbox-size);
+  --ch-tree-view-view__expandable-button-width: var(--gxg-tree-view-icon-size);
+  --ch-tree-view-item-gap: var(--spacing-comp-02);
+  --ch-tree-view-item-custom-padding-inline-start: var(--spacing-comp-01);
+  --ch-tree-view-item-custom-padding-inline-end: var(--spacing-comp-01);
   /*-- Parts ---*/
   /*-- Parts for checkbox ---*/
   /*checked*/
@@ -392,13 +397,10 @@ gxg-tree-view {
   border-color: var(--gray-02);
 }
 .tree-view-item::part(header) {
-  padding-inline-end: calc(var(--spacing-comp-02) * 0.65);
-  height: var(--spacing-comp-05);
-  display: flex;
-  gap: 5px;
-}
-.tree-view-item::part(header):first-child {
-  margin-inline-start: var(--spacing-comp-01);
+  min-height: var(--spacing-comp-05);
+  padding-top: var(--spacing-comp-00);
+  padding-bottom: var(--spacing-comp-00);
+  padding-inline-end: var(--spacing-comp-02);
 }
 .tree-view-item::part(header):before {
   content: "";
@@ -420,7 +422,6 @@ gxg-tree-view {
 }
 .tree-view-item::part(expandable-button) {
   background-color: var(--gray-00);
-  margin-inline-end: 0;
 }
 .tree-view-item::part(expandable-button)::before {
   background-color: var(--gray-04);
@@ -434,15 +435,9 @@ gxg-tree-view {
   outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: 0;
 }
-.tree-view-item::part(action) {
-  text-transform: capitalize;
-  display: flex;
-  gap: var(--spacing-comp-01);
-}
 .tree-view-item::part(left-img) {
   width: var(--spacing-comp-04);
   height: var(--spacing-comp-04);
-  margin-inline-end: 0;
 }
 .tree-view-item::part(downloading) {
   width: var(--spacing-comp-03);
@@ -467,9 +462,6 @@ gxg-tree-view {
   outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: -2px;
 }
-.tree-view-item::part(checkbox) {
-  margin-inline-end: 0;
-}
 .tree-view-item::part(checkbox__option) {
   display: none;
 }
@@ -505,9 +497,9 @@ gxg-tree-view {
 .tree-view-item--folder::part(action)::before, .tree-view-item--module::part(action)::before {
   grid-area: left-img;
   content: "";
-  width: 14px;
-  height: 14px;
-  margin-inline-end: 4px;
+  width: var(--gxg-tree-view-icon-size);
+  height: var(--gxg-tree-view-icon-size);
+  margin-inline-end: var(--ch-tree-view-item-gap);
   background-repeat: no-repeat;
 }
 .tree-view-item--folder::part(action)::before {

package/dist/types/common/config.d.ts

@@ -12,4 +12,7 @@ export declare const config: {
   gxIdeContainer: {
     slimmerFooter: boolean;
   };
+  loader: {
+    timeout: number;
+  };
 };

package/dist/types/components/_helpers/directory-selector/directory-selector.d.ts

@@ -1,4 +1,6 @@
 export declare class GxIdeDirectorySelector {
+  private defaultIcon;
+  icon: string;
   /**
    *  This property provides the user a way to define custom aria-label descriptions.
    */
@@ -31,6 +33,8 @@ export declare class GxIdeDirectorySelector {
   private evaluateLabelPosition;
   private btnSelectClickHandler;
   private valueChangedHandler;
+  private buttonSelectMouseEnterHandler;
+  private buttonSelectMouseLeaveHandler;
   render(): any;
 }
 export type DirectorySelectorLabels = {

package/dist/types/components/kb-manager-export/helpers.d.ts

@@ -1,5 +1,7 @@
 import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { ObjectData, ObjectType, KBPropertyData, KBPropertyType } from "./kb-manager-export";
+export declare const KB_PROPERTY = "property";
+export declare const KB_OBJECT = "object";
 export declare const updateTreeModelWithObjects: (objects: ObjectData[] | undefined, objectTypes: Map<string, ObjectType>, actualTreeState: TreeViewItemModel[]) => TreeViewItemModel[];
 export declare const convertKbPropertiesDataToTreeItemData: (properties: KBPropertyData[], kbPropertiesTypes: KBPropertyType[], actualTreeState: TreeViewItemModel[]) => TreeViewItemModel[];
 export declare const clearKbPropertiesFromTree: (actualTreeState: TreeViewItemModel[]) => TreeViewItemModel[];

package/dist/types/components/kb-manager-export/kb-manager-export.d.ts

@@ -1,14 +1,10 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 export declare class GxIdeKbManagerExport {
-  /**
-   * Selected properties
-   */
   /**
    * The component hard-coded strings translations.
    */
   private _componentLocale;
-  private checkedObjectsIds;
   private checkedPropertiesIds;
   private renderedFirstTime;
   private flattenedObjectTypes;
@@ -16,17 +12,21 @@ export declare class GxIdeKbManagerExport {
   private fileNameEl;
   private exportAllCheckboxEl;
   private objectsTreeEl;
+  private loaderEl;
   exportAllIsChecked: boolean;
+  addKbPropertiesIsChecked: boolean;
+  checkedObjectsIds: string[];
   fileName: string;
   exportFilePathName: string;
   noObjects: boolean;
   treeModel: TreeViewItemModel[];
-  watchtreeModelHandler(newState: TreeViewItemModel[]): void;
+  watchTreeModelHandler(newState: TreeViewItemModel[]): void;
+  exportingIsInProcess: boolean;
+  watchExportingIsInProcessHandler(isExporting: boolean): void;
   /**
-   * Just for testing. Remove when this is is done (Bruno)
+   * If true, it will display a loader when needed.
    */
-  readonly dummyInitialTree: TreeViewItemModel[];
-  watchDummyInitialTreeHandler(newTree: TreeViewItemModel[]): void;
+  readonly loader = false;
   /**
    * Array with the possible types of KB properties
    */
@@ -35,7 +35,7 @@ export declare class GxIdeKbManagerExport {
    * Array of possible object types
    */
   readonly objectTypes: ObjectType[];
-  watchObjectTypeslHandler(newState: ObjectType[]): void;
+  watchObjectTypesHandler(newState: ObjectType[]): void;
   /**
    * Callback invoked when the user wants to access the export options.
    */
@@ -92,6 +92,11 @@ export declare class GxIdeKbManagerExport {
   private clearButtonHandler;
   private exportAllChangedHandler;
   private flattenObjectTypes;
+  private evaluateTreeViewFilters;
+  private evaluateContentToDisplay;
+  private renderMessage;
+  private clearButtonDisabledConditions;
+  private loaderCancelCallbackHandler;
   render(): void;
 }
 export type KBPropertiesCallback = () => Promise<KBPropertyData[]>;

package/dist/types/components/kb-manager-import/helpers.d.ts

@@ -1,5 +1,7 @@
 import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { ImportCategoryData, ImportItemResultData } from "../../common/types";
+export declare const KB_OBJECT = "object";
+export declare const KB_CATEGORY = "category";
 /**
  * @description This function converts ReferenceData[] data to TreeItemData[]
  */

package/dist/types/components/kb-manager-import/kb-manager-import.d.ts

@@ -21,6 +21,8 @@ export declare class GxIdeKbManagerImport {
   statusInfo: StatusInfo;
   objectsTreeState: TreeViewItemModel[];
   watchObjectsTreeStateHandler(newState: TreeViewItemModel[]): void;
+  importStatusMessage: string;
+  someStatusVisible: boolean;
   noImport: boolean;
   importTreeState: TreeViewItemModel[];
   watchImportTreeStateHandler(newState: TreeViewItemModel[]): void;
@@ -51,6 +53,10 @@ export declare class GxIdeKbManagerImport {
    * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
    */
   readonly statusMinimal = false;
+  /**
+   * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+   */
+  readonly objectContextMenuCallback: ObjectContextMenuCallback;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs
    */
@@ -65,6 +71,8 @@ export declare class GxIdeKbManagerImport {
    * Add the result of importing an item
    */
   addResultItem(item: ImportItemResultData): Promise<void>;
+  private evaluateImportStatusMessage;
+  private countMessages;
   private evaluateObjects;
   private evaluateImport;
   private selectFileHandler;
@@ -73,13 +81,14 @@ export declare class GxIdeKbManagerImport {
   private evaluateHeaderActiveButton;
   private importObjectsHandler;
   private objectsTreeCheckedItemsChangedHandler;
+  private objectsTreeContextMenuHandler;
   private cancelImportHandler;
   private optionsHandler;
   private clearStatusHandler;
-  private toggleSelectionHandler;
+  private toggleSelectionClickHandler;
   private statusButtonsSelectionChangedHandler;
   private evaluateCheckAllValue;
-  private evaluateHiddenImportsMessage;
+  private fileClearedHandler;
   render(): void;
 }
 export type LoadCallback = (file: File) => Promise<ImportCategoryData[]>;
@@ -108,4 +117,10 @@ type StatusInfo = {
     number: number;
   };
 };
+export type ObjectContextMenuCallback = (objectContextMenu: ObjectContextMenuInfo) => Promise<void>;
+export type ObjectContextMenuInfo = {
+  objectId: string;
+  screenX: number;
+  screenY: number;
+};
 export {};

package/dist/types/components.d.ts

@@ -15,9 +15,8 @@ import { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/di
 import { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
 import { FileSelectorLabels, LabelPosition as LabelPosition2 } from "./components/file-selector/file-selector";
-import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback1, ExportCallback, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
-import { CancelCallback as CancelCallback2, ImportCallback, LoadCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
+import { CancelCallback as CancelCallback2, ImportCallback, LoadCallback, ObjectContextMenuCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
 import { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
 import { CheckedItemsInfo } from "./components/_helpers/list-selector/list-selector";
 import { ItemData } from "./components/_helpers/list-selector/list-selector-item/list-selector-item";
@@ -332,10 +331,6 @@ export namespace Components {
           * @returns It returns a boolean indicating whether the process could be canceled or not.
          */
         "cancelCallback": CancelCallback;
-        /**
-          * Just for testing. Remove when this is is done (Bruno)
-         */
-        "dummyInitialTree": TreeViewItemModel[];
         /**
           * Callback invoked when the user wants to initiate the export process.
           * @param fileName :string
@@ -351,6 +346,10 @@ export namespace Components {
           * Array with the possible types of KB properties
          */
         "kbPropertiesTypes": KBPropertyType[];
+        /**
+          * If true, it will display a loader when needed.
+         */
+        "loader": false;
         /**
           * Array of possible object types
          */
@@ -378,6 +377,10 @@ export namespace Components {
           * Callback invoked when the user wants to load the xpz information
          */
         "loadCallback": LoadCallback;
+        /**
+          * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+         */
+        "objectContextMenuCallback": ObjectContextMenuCallback;
         /**
           * Callback invoked when the user wants to access the export options.
          */
@@ -1690,10 +1693,6 @@ declare namespace LocalJSX {
           * @returns It returns a boolean indicating whether the process could be canceled or not.
          */
         "cancelCallback"?: CancelCallback;
-        /**
-          * Just for testing. Remove when this is is done (Bruno)
-         */
-        "dummyInitialTree"?: TreeViewItemModel[];
         /**
           * Callback invoked when the user wants to initiate the export process.
           * @param fileName :string
@@ -1709,6 +1708,10 @@ declare namespace LocalJSX {
           * Array with the possible types of KB properties
          */
         "kbPropertiesTypes"?: KBPropertyType[];
+        /**
+          * If true, it will display a loader when needed.
+         */
+        "loader"?: false;
         /**
           * Array of possible object types
          */
@@ -1740,6 +1743,10 @@ declare namespace LocalJSX {
           * Callback invoked when the user wants to load the xpz information
          */
         "loadCallback"?: LoadCallback;
+        /**
+          * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+         */
+        "objectContextMenuCallback"?: ObjectContextMenuCallback;
         /**
           * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.63",
+  "version": "0.0.65",
   "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.2.2"
+    "@genexus/gemini": "*0.2.16"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.2.2",
+    "@genexus/gemini": "*0.2.16",
     "@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,178 +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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --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",
-  indeterminate: "color-primary-active",
-  "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;