@genexus/genexus-ide-ui 0.0.47 → 0.0.48

package/dist/node_modules/@genexus/gemini/dist/collection/components/ide-loader/ide-loader.css

@@ -0,0 +1,89 @@
+:host(.gxg--disabled) .form-element,
+:host(.gxg--disabled.form-element) {
+  pointer-events: none;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
+  border-color: var(--gxg-border-color--disabled) !important;
+  cursor: default !important;
+}
+
+:host {
+  display: block;
+}
+
+ch-window::part(mask) {
+  overflow: hidden;
+}
+
+ch-window::part(main) {
+  height: 100%;
+}
+
+ch-window::part(window) {
+  width: 100%;
+  height: 100%;
+}
+
+.loader-wrapper {
+  opacity: 0;
+  transition: var(--show-transition) opacity;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  background-color: rgba(var(--color-background--rgb), 0.45);
+  backdrop-filter: blur(15px);
+  padding: var(--spacing-comp-05);
+  flex-direction: column;
+  gap: var(--spacing-comp-04);
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  -webkit-animation: wrapper 0.6s infinite alternate;
+  animation: wrapper 0.6s infinite alternate;
+  color: var(--color-on-secondary);
+}
+.loader-wrapper--visible {
+  opacity: 1;
+}
+
+.loader-spinner {
+  border: 2px var(--gray-01) solid;
+  border-top: 2px var(--color-primary-enabled) solid;
+  border-radius: 50%;
+  -webkit-animation: spinner 0.6s infinite linear;
+  animation: spinner 0.6s infinite linear;
+  width: 30px;
+  height: 30px;
+}
+
+.loader-description {
+  max-width: 400px;
+  text-align: center;
+}
+
+/*background color animation*/
+@keyframes wrapper {
+  from {
+    background-color: rgba(var(--color-background--rgb), 0.45);
+  }
+  to {
+    background-color: rgba(var(--gray-02--rgb), 0.25);
+  }
+}
+/*spinner animation*/
+@-webkit-keyframes spinner {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@keyframes spinner {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}

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

@@ -50,3 +50,4 @@ export type EntityData = {
   iconSrc?: string;
   iconColor?: IconColor;
 };
+export type GxServerAuthenticationType = "genexus" | "local";

package/dist/types/components/create-kb-from-server/create-kb-from-server.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { FormSubmitResult } from "../../common/types";
+import { FormSubmitResult, GxServerAuthenticationType } from "../../common/types";
 export declare class GxIdeCreateKbFromServer {
   [key: string]: any;
   /**
@@ -71,7 +71,7 @@ export declare class GxIdeCreateKbFromServer {
 }
 export interface GXServerConnectionData {
   serverUrl: string;
-  authenticationType: AuthenticationType;
+  authenticationType: GxServerAuthenticationType;
   user: string;
   password: string;
 }
@@ -87,4 +87,3 @@ export interface CreateKBData {
   id: string;
   name: string;
 }
-export type AuthenticationType = "genexus" | "local";

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

@@ -0,0 +1,46 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { FormSubmitResult, GxServerAuthenticationType } from "../../common/types";
+export declare class GxIdeShareKb {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  el: HTMLGxIdeShareKbElement;
+  private kbNameEl;
+  private serverUrlEl;
+  private authTypeEl;
+  private userNameEl;
+  private passwordEl;
+  /**
+   * The name of the kb
+   */
+  readonly kbName: string;
+  /**
+   * Urls array of cataloged servers to be shown on combo
+   */
+  readonly serverUrls: string[];
+  /**
+   * True if user can introduce server url manually
+   */
+  readonly enableCustomServer: boolean;
+  /**
+   * Callback invoked when Share button is pressed
+   */
+  readonly createKBCallback: CreateKBCallback;
+  /**
+   * @description Gets fired when the component has rendered for the first time.
+   */
+  componentDidRenderEvent: EventEmitter<string>;
+  componentWillLoad(): Promise<void>;
+  componentDidRender(): void;
+  private createKBCallbackHandler;
+  render(): any;
+}
+export type CreateKBCallback = (data: ShareKBData) => Promise<FormSubmitResult>;
+export type ShareKBData = {
+  name: string;
+  serverUrl: string;
+  authenticationType: GxServerAuthenticationType;
+  user: string;
+  password: string;
+};

package/dist/types/components.d.ts

@@ -18,6 +18,7 @@ import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, G
 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";
+import { CreateKBCallback } from "./components/share-kb/share-kb";
 import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback1, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev-commit/team-dev-commit";
 import { cancelCallback, confirmCallback } from "./components/team-dev-select-recent-comment/team-dev-select-recent-comment";
 import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback2, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev-update/team-dev-update";
@@ -504,6 +505,24 @@ export namespace Components {
          */
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
+    interface GxIdeShareKb {
+        /**
+          * Callback invoked when Share button is pressed
+         */
+        "createKBCallback": CreateKBCallback;
+        /**
+          * True if user can introduce server url manually
+         */
+        "enableCustomServer": boolean;
+        /**
+          * The name of the kb
+         */
+        "kbName": string;
+        /**
+          * Urls array of cataloged servers to be shown on combo
+         */
+        "serverUrls": string[];
+    }
     interface GxIdeTeamDevCommit {
         /**
           * Possible values for Categories filter
@@ -819,6 +838,10 @@ export interface GxIdeReferencesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeReferencesElement;
 }
+export interface GxIdeShareKbCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeShareKbElement;
+}
 export interface GxIdeTeamDevCommitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTeamDevCommitElement;
@@ -914,6 +937,12 @@ declare global {
         prototype: HTMLGxIdeReferencesElement;
         new (): HTMLGxIdeReferencesElement;
     };
+    interface HTMLGxIdeShareKbElement extends Components.GxIdeShareKb, HTMLStencilElement {
+    }
+    var HTMLGxIdeShareKbElement: {
+        prototype: HTMLGxIdeShareKbElement;
+        new (): HTMLGxIdeShareKbElement;
+    };
     interface HTMLGxIdeTeamDevCommitElement extends Components.GxIdeTeamDevCommit, HTMLStencilElement {
     }
     var HTMLGxIdeTeamDevCommitElement: {
@@ -980,6 +1009,7 @@ declare global {
         "gx-ide-new-object": HTMLGxIdeNewObjectElement;
         "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
         "gx-ide-references": HTMLGxIdeReferencesElement;
+        "gx-ide-share-kb": HTMLGxIdeShareKbElement;
         "gx-ide-team-dev-commit": HTMLGxIdeTeamDevCommitElement;
         "gx-ide-team-dev-select-recent-comment": HTMLGxIdeTeamDevSelectRecentCommentElement;
         "gx-ide-team-dev-update": HTMLGxIdeTeamDevUpdateElement;
@@ -1514,6 +1544,28 @@ declare namespace LocalJSX {
          */
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
+    interface GxIdeShareKb {
+        /**
+          * Callback invoked when Share button is pressed
+         */
+        "createKBCallback": CreateKBCallback;
+        /**
+          * True if user can introduce server url manually
+         */
+        "enableCustomServer"?: boolean;
+        /**
+          * The name of the kb
+         */
+        "kbName": string;
+        /**
+          * @description Gets fired when the component has rendered for the first time.
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeShareKbCustomEvent<string>) => void;
+        /**
+          * Urls array of cataloged servers to be shown on combo
+         */
+        "serverUrls": string[];
+    }
     interface GxIdeTeamDevCommit {
         /**
           * Possible values for Categories filter
@@ -1820,6 +1872,7 @@ declare namespace LocalJSX {
         "gx-ide-new-object": GxIdeNewObject;
         "gx-ide-object-selector": GxIdeObjectSelector;
         "gx-ide-references": GxIdeReferences;
+        "gx-ide-share-kb": GxIdeShareKb;
         "gx-ide-team-dev-commit": GxIdeTeamDevCommit;
         "gx-ide-team-dev-select-recent-comment": GxIdeTeamDevSelectRecentComment;
         "gx-ide-team-dev-update": GxIdeTeamDevUpdate;
@@ -1846,6 +1899,7 @@ declare module "@stencil/core" {
             "gx-ide-new-object": LocalJSX.GxIdeNewObject & JSXBase.HTMLAttributes<HTMLGxIdeNewObjectElement>;
             "gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
+            "gx-ide-share-kb": LocalJSX.GxIdeShareKb & JSXBase.HTMLAttributes<HTMLGxIdeShareKbElement>;
             "gx-ide-team-dev-commit": LocalJSX.GxIdeTeamDevCommit & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevCommitElement>;
             "gx-ide-team-dev-select-recent-comment": LocalJSX.GxIdeTeamDevSelectRecentComment & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevSelectRecentCommentElement>;
             "gx-ide-team-dev-update": LocalJSX.GxIdeTeamDevUpdate & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevUpdateElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "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.480"
+    "@genexus/gemini": "*0.1.481"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.480",
+    "@genexus/gemini": "*0.1.481",
     "@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;

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

@@ -1,172 +0,0 @@
-import { r as registerInstance, h, g as getElement, a as getAssetPath, H as Host } from './index-0da01575.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) {
-    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 h("div", { innerHTML: this.svgContent });
-  }
-  static get assetsDirs() { return ["ch-icon-assets"]; }
-  get element() { return 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) {
-    registerInstance(this, hostRef);
-    /**
-     * The size of the icon. Possible values: regular, small.
-     */
-    this.size = "regular";
-  }
-  /*********************************
-  METHODS
-  *********************************/
-  getSrcPath() {
-    return getAssetPath(`./icon-assets/${this.type}.svg`);
-  }
-  iconSize() {
-    if (this.size === "regular") {
-      return "16px";
-    }
-    else if (this.size === "small") {
-      return "12px";
-    }
-  }
-  render() {
-    return (h(Host, null, 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 getElement(this); }
-};
-GxgIcon.style = iconCss;
-
-export { ChIcon as ch_icon, GxgIcon as gxg_icon };