@genexus/genexus-ide-ui 0.0.20 → 0.0.22

package/dist/types/components.d.ts

@@ -10,10 +10,13 @@ import { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
 import { DirectorySelectorLabels, LabelPosition } from "./components/directory-selector/directory-selector";
 import { EntityData, EntitySelectorLabels } from "./components/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/directory-selector/directory-selector";
+import { ItemData } from "./components/list-selector/list-selector-item/list-selector-item";
 import { GxOption } from "./common/types";
 import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
 import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
+import { CommitCallback, GetRecentComment, GridContextMenuCallback, LoadCallback, ObjetType, PendingItemCheckedResult, PendingItemsCheckedState } from "./components/team-dev-commit/team-dev-commit";
+import { cancelCallback, confirmCallback } from "./components/team-dev-select-recent-comment/team-dev-select-recent-comment";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 export namespace Components {
     interface GxIdeContainer {
@@ -162,6 +165,50 @@ export namespace Components {
          */
         "value": EntityData | null | undefined;
     }
+    interface GxIdeListSelector {
+        /**
+          * The presence of this property will force all the items to not-wrap, and have ellipsis
+         */
+        "ellipsis": true;
+        /**
+          * The name of this list. This is a required attribute for the list to work.
+         */
+        "listName": string;
+        /**
+          * The list title (optional)
+         */
+        "listTitle": string;
+        /**
+          * It determines if the list is ordered, or unordered
+         */
+        "ordered": false;
+        /**
+          * It allows to select a single item, by clicking on it. It will emit the item-id of the clicked item
+         */
+        "selectable": true;
+        /**
+          * The value of the initial or current checked list-item
+         */
+        "value": string;
+    }
+    interface GxIdeListSelectorItem {
+        /**
+          * The presence of this property will force the item text to not-wrap, and have ellipsis
+         */
+        "ellipsis": boolean;
+        /**
+          * The item id
+         */
+        "itemId": string;
+        /**
+          * The item value, that act as a label as well
+         */
+        "itemValue": string;
+        /**
+          * It allows to select the item by clicking on it. It will emit the item-id
+         */
+        "selectable": boolean;
+    }
     interface GxIdeNewEnvironment {
         /**
           * Callback that will be invoked when user wants to cancel
@@ -316,6 +363,64 @@ export namespace Components {
          */
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
+    interface GxIdeTeamDevCommit {
+        /**
+          * Possible values for Categories filter
+         */
+        "categories": GxOption[];
+        /**
+          * Possible values for ChangeSet filter
+         */
+        "changeSet": GxOption[];
+        /**
+          * Callback invoked when user starts the commit process
+         */
+        "commitCallback": CommitCallback;
+        /**
+          * Possible values for Folders filter
+         */
+        "folders": GxOption[];
+        /**
+          * Callback invoked when user press Recent Comments button.
+         */
+        "getRecentCommentCallback": GetRecentComment;
+        /**
+          * Callback that must be invoked when user activate the context menu in any of the grids
+         */
+        "gridContextMenuCallback": GridContextMenuCallback;
+        /**
+          * Callback invoked when user wants to reload the grid
+         */
+        "loadCallback": LoadCallback;
+        /**
+          * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
+         */
+        "pendingItemCheckedCallback": (
+    pendingItemsCheckedState: PendingItemsCheckedState
+  ) => Promise<PendingItemCheckedResult | undefined>;
+        /**
+          * The method used by the Host to instruct the component to force a data refresh in the grids.
+         */
+        "reload": () => Promise<void>;
+        /**
+          * Possible values for Type filter
+         */
+        "types": ObjetType[];
+    }
+    interface GxIdeTeamDevSelectRecentComment {
+        /**
+          * Callback invoked when user cancel selection
+         */
+        "cancelCallback": cancelCallback;
+        /**
+          * Recent comments list
+         */
+        "comments": string[];
+        /**
+          * Callback invoked when user confirms selection
+         */
+        "confirmCallback": confirmCallback;
+    }
     interface GxIdeTemplate {
         /**
           * The main title
@@ -363,6 +468,10 @@ export interface GxIdeEntitySelectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeEntitySelectorElement;
 }
+export interface GxIdeListSelectorItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeListSelectorItemElement;
+}
 export interface GxIdeNewEnvironmentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeNewEnvironmentElement;
@@ -375,6 +484,14 @@ export interface GxIdeReferencesCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeReferencesElement;
 }
+export interface GxIdeTeamDevCommitCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeTeamDevCommitElement;
+}
+export interface GxIdeTeamDevSelectRecentCommentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeTeamDevSelectRecentCommentElement;
+}
 export interface GxIdeTemplateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTemplateElement;
@@ -398,6 +515,18 @@ declare global {
         prototype: HTMLGxIdeEntitySelectorElement;
         new (): HTMLGxIdeEntitySelectorElement;
     };
+    interface HTMLGxIdeListSelectorElement extends Components.GxIdeListSelector, HTMLStencilElement {
+    }
+    var HTMLGxIdeListSelectorElement: {
+        prototype: HTMLGxIdeListSelectorElement;
+        new (): HTMLGxIdeListSelectorElement;
+    };
+    interface HTMLGxIdeListSelectorItemElement extends Components.GxIdeListSelectorItem, HTMLStencilElement {
+    }
+    var HTMLGxIdeListSelectorItemElement: {
+        prototype: HTMLGxIdeListSelectorItemElement;
+        new (): HTMLGxIdeListSelectorItemElement;
+    };
     interface HTMLGxIdeNewEnvironmentElement extends Components.GxIdeNewEnvironment, HTMLStencilElement {
     }
     var HTMLGxIdeNewEnvironmentElement: {
@@ -416,6 +545,18 @@ declare global {
         prototype: HTMLGxIdeReferencesElement;
         new (): HTMLGxIdeReferencesElement;
     };
+    interface HTMLGxIdeTeamDevCommitElement extends Components.GxIdeTeamDevCommit, HTMLStencilElement {
+    }
+    var HTMLGxIdeTeamDevCommitElement: {
+        prototype: HTMLGxIdeTeamDevCommitElement;
+        new (): HTMLGxIdeTeamDevCommitElement;
+    };
+    interface HTMLGxIdeTeamDevSelectRecentCommentElement extends Components.GxIdeTeamDevSelectRecentComment, HTMLStencilElement {
+    }
+    var HTMLGxIdeTeamDevSelectRecentCommentElement: {
+        prototype: HTMLGxIdeTeamDevSelectRecentCommentElement;
+        new (): HTMLGxIdeTeamDevSelectRecentCommentElement;
+    };
     interface HTMLGxIdeTemplateElement extends Components.GxIdeTemplate, HTMLStencilElement {
     }
     var HTMLGxIdeTemplateElement: {
@@ -438,9 +579,13 @@ declare global {
         "gx-ide-container": HTMLGxIdeContainerElement;
         "gx-ide-directory-selector": HTMLGxIdeDirectorySelectorElement;
         "gx-ide-entity-selector": HTMLGxIdeEntitySelectorElement;
+        "gx-ide-list-selector": HTMLGxIdeListSelectorElement;
+        "gx-ide-list-selector-item": HTMLGxIdeListSelectorItemElement;
         "gx-ide-new-environment": HTMLGxIdeNewEnvironmentElement;
         "gx-ide-new-kb": HTMLGxIdeNewKbElement;
         "gx-ide-references": HTMLGxIdeReferencesElement;
+        "gx-ide-team-dev-commit": HTMLGxIdeTeamDevCommitElement;
+        "gx-ide-team-dev-select-recent-comment": HTMLGxIdeTeamDevSelectRecentCommentElement;
         "gx-ide-template": HTMLGxIdeTemplateElement;
         "gx-ide-test": HTMLGxIdeTestElement;
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
@@ -597,6 +742,54 @@ declare namespace LocalJSX {
          */
         "value"?: EntityData | null | undefined;
     }
+    interface GxIdeListSelector {
+        /**
+          * The presence of this property will force all the items to not-wrap, and have ellipsis
+         */
+        "ellipsis"?: true;
+        /**
+          * The name of this list. This is a required attribute for the list to work.
+         */
+        "listName": string;
+        /**
+          * The list title (optional)
+         */
+        "listTitle"?: string;
+        /**
+          * It determines if the list is ordered, or unordered
+         */
+        "ordered"?: false;
+        /**
+          * It allows to select a single item, by clicking on it. It will emit the item-id of the clicked item
+         */
+        "selectable"?: true;
+        /**
+          * The value of the initial or current checked list-item
+         */
+        "value"?: string;
+    }
+    interface GxIdeListSelectorItem {
+        /**
+          * The presence of this property will force the item text to not-wrap, and have ellipsis
+         */
+        "ellipsis"?: boolean;
+        /**
+          * The item id
+         */
+        "itemId": string;
+        /**
+          * The item value, that act as a label as well
+         */
+        "itemValue": string;
+        /**
+          * Emits the item data
+         */
+        "onItemSelected"?: (event: GxIdeListSelectorItemCustomEvent<ItemData>) => void;
+        /**
+          * It allows to select the item by clicking on it. It will emit the item-id
+         */
+        "selectable"?: boolean;
+    }
     interface GxIdeNewEnvironment {
         /**
           * Callback that will be invoked when user wants to cancel
@@ -763,6 +956,68 @@ declare namespace LocalJSX {
          */
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
+    interface GxIdeTeamDevCommit {
+        /**
+          * Possible values for Categories filter
+         */
+        "categories"?: GxOption[];
+        /**
+          * Possible values for ChangeSet filter
+         */
+        "changeSet"?: GxOption[];
+        /**
+          * Callback invoked when user starts the commit process
+         */
+        "commitCallback"?: CommitCallback;
+        /**
+          * Possible values for Folders filter
+         */
+        "folders"?: GxOption[];
+        /**
+          * Callback invoked when user press Recent Comments button.
+         */
+        "getRecentCommentCallback"?: GetRecentComment;
+        /**
+          * Callback that must be invoked when user activate the context menu in any of the grids
+         */
+        "gridContextMenuCallback"?: GridContextMenuCallback;
+        /**
+          * Callback invoked when user wants to reload the grid
+         */
+        "loadCallback"?: LoadCallback;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeTeamDevCommitCustomEvent<boolean>) => void;
+        /**
+          * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
+         */
+        "pendingItemCheckedCallback"?: (
+    pendingItemsCheckedState: PendingItemsCheckedState
+  ) => Promise<PendingItemCheckedResult | undefined>;
+        /**
+          * Possible values for Type filter
+         */
+        "types"?: ObjetType[];
+    }
+    interface GxIdeTeamDevSelectRecentComment {
+        /**
+          * Callback invoked when user cancel selection
+         */
+        "cancelCallback"?: cancelCallback;
+        /**
+          * Recent comments list
+         */
+        "comments"?: string[];
+        /**
+          * Callback invoked when user confirms selection
+         */
+        "confirmCallback"?: confirmCallback;
+        /**
+          * This event is emmited once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeTeamDevSelectRecentCommentCustomEvent<boolean>) => void;
+    }
     interface GxIdeTemplate {
         /**
           * The main title
@@ -813,9 +1068,13 @@ declare namespace LocalJSX {
         "gx-ide-container": GxIdeContainer;
         "gx-ide-directory-selector": GxIdeDirectorySelector;
         "gx-ide-entity-selector": GxIdeEntitySelector;
+        "gx-ide-list-selector": GxIdeListSelector;
+        "gx-ide-list-selector-item": GxIdeListSelectorItem;
         "gx-ide-new-environment": GxIdeNewEnvironment;
         "gx-ide-new-kb": GxIdeNewKb;
         "gx-ide-references": GxIdeReferences;
+        "gx-ide-team-dev-commit": GxIdeTeamDevCommit;
+        "gx-ide-team-dev-select-recent-comment": GxIdeTeamDevSelectRecentComment;
         "gx-ide-template": GxIdeTemplate;
         "gx-ide-test": GxIdeTest;
         "gx-ide-top-bar": GxIdeTopBar;
@@ -828,9 +1087,13 @@ declare module "@stencil/core" {
             "gx-ide-container": LocalJSX.GxIdeContainer & JSXBase.HTMLAttributes<HTMLGxIdeContainerElement>;
             "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>;
+            "gx-ide-list-selector-item": LocalJSX.GxIdeListSelectorItem & JSXBase.HTMLAttributes<HTMLGxIdeListSelectorItemElement>;
             "gx-ide-new-environment": LocalJSX.GxIdeNewEnvironment & JSXBase.HTMLAttributes<HTMLGxIdeNewEnvironmentElement>;
             "gx-ide-new-kb": LocalJSX.GxIdeNewKb & JSXBase.HTMLAttributes<HTMLGxIdeNewKbElement>;
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
+            "gx-ide-team-dev-commit": LocalJSX.GxIdeTeamDevCommit & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevCommitElement>;
+            "gx-ide-team-dev-select-recent-comment": LocalJSX.GxIdeTeamDevSelectRecentComment & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevSelectRecentCommentElement>;
             "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>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "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.435"
+    "@genexus/gemini": "*0.1.442"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.435",
+    "@genexus/gemini": "*0.1.442",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/ch-grid-rowset-legend_2.cjs.entry.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6b74a39f.js');
-const store = require('./store-c59c1d50.js');
-
-const chGridRowsetLegendCss = ":host{display:flex;grid-column-start:1;grid-column-end:-1;margin-inline-start:calc(var(--indent) * (var(--level) - 1))}:host::part(selector-label){display:none}";
-
-const ChGridRowsetLegend = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.rowsetLegendClicked = index.createEvent(this, "rowsetLegendClicked", 7);
-  }
-  clickHandler() {
-    this.rowsetLegendClicked.emit();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { part: "caret" }), index.h("label", { part: "selector-label" }, index.h("input", { type: "checkbox", part: "selector" })), index.h("div", { part: "icon" }), index.h("slot", null)));
-  }
-};
-ChGridRowsetLegend.style = chGridRowsetLegendCss;
-
-const gxgGridCss = ":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}:root{--indent:var(--spacing-comp-02)}:host{display:block}ch-grid{border:1px solid var(--gray-02);--focus-style:2px solid var(--color-primary-active)}ch-grid::part(main){}ch-grid::part(main)::-webkit-scrollbar{width:6px;height:6px}ch-grid::part(main)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-grid::part(main)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-grid::part(main)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-grid::part(main) .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}gxg-grid.no-border ch-grid{border:0}gxg-grid:focus-visible,ch-grid:focus-visible{outline:none}ch-grid::part(header),ch-grid::part(footer){padding:var(--spacing-comp-01);background-color:var(--color-background)}ch-grid-actionbar ch-grid-action-refresh,ch-grid-actionbar ch-grid-action-settings,ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending),ch-grid-column::part(bar-settings-button),ch-grid-column::part(settings-close),ch-grid::part(settings-close),ch-grid-cell::part(drag-icon),ch-grid-cell::part(caret),ch-grid-rowset-legend::part(caret){display:inline-flex;align-items:center;justify-content:center}ch-grid-actionbar ch-grid-action-refresh:before,ch-grid-actionbar ch-grid-action-settings:before,ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before,ch-grid-column::part(bar-settings-button):before,ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before,ch-grid-cell::part(drag-icon):before,ch-grid-cell::part(caret):before,ch-grid-rowset-legend::part(caret):before{content:\"\";display:block;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;width:70%;height:70%;background-color:var(--color-on-secondary)}ch-grid-action-refresh,ch-grid-action-settings{width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);display:inline-block}ch-grid-action-refresh:hover,ch-grid-action-settings:hover{background-color:var(--color-secondary-hover)}ch-grid-action-refresh:focus-visible,ch-grid-action-settings:focus-visible{outline:var(--focus-style)}ch-grid-action-refresh:before{-webkit-mask-image:var(--refreshIconUrl)}ch-grid-action-settings:before{-webkit-mask-image:var(--settingshIconUrl)}ch-grid{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--gray-06)}ch-grid-column{background-color:var(--color-background);font-weight:var(--font-weight-bold);padding:var(--spacing-comp-02) !important;cursor:pointer}ch-grid-column::part(bar){gap:var(--spacing-comp-02);width:100%}ch-grid-column:not([sort-direction])::part(bar-sort){display:none}ch-grid-column::part(bar-settings){line-height:0}ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending){width:var(--spacing-comp-03);height:var(--spacing-comp-03);margin-left:var(--spacing-comp-02);margin-right:var(--spacing-comp-01)}ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before{width:100%;height:100%;-webkit-mask-size:200%}ch-grid-column::part(bar-sort-descending):before{-webkit-mask-image:var(--barSortDescendingIconUrl)}ch-grid-column::part(bar-sort-ascending):before{-webkit-mask-image:var(--barSortAscendingIconUrl)}ch-grid-column::part(bar-resize-split){width:3px;background-color:var(--gray-02)}ch-grid-column:last-child::part(bar-resize-split){display:none}ch-grid-column::part(bar-settings-button){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);border:none;background-color:transparent;cursor:pointer}ch-grid-column::part(bar-settings-button):hover{background-color:var(--gray-02)}ch-grid-column::part(bar-settings-button):focus-visible{outline:var(--focus-style)}ch-grid-column::part(bar-settings-button):before{-webkit-mask-image:var(--barSettingsButtonIconUrl)}ch-grid-row{background-color:var(--color-background);color:var(--gray-04);border:2px solid transparent}ch-grid-row:nth-of-type(odd){background-color:var(--gray-00)}ch-grid-row[highlighted]{background-color:var(--color-hover)}ch-grid-row[dragging]{box-shadow:var(--box-shadow-03)}ch-grid-row[selected]>ch-grid-cell:not([selected]){background-color:var(--color-secondary-enabled)}ch-grid-cell[selected]{z-index:1;background-color:var(--color-secondary-enabled) !important}ch-grid-row[selected]>ch-grid-cell{color:var(--color-on-secondary)}ch-grid-row[selected]+ch-grid-row[selected] ch-grid-cell{border-top-color:var(--color-secondary-hover)}ch-grid-cell{box-sizing:border-box;padding-inline-start:var(--spacing-comp-02) !important;padding-inline-end:var(--spacing-comp-02) !important;padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01);align-items:center}ch-grid-column::part(settings-mask){cursor:default}ch-grid-column::part(settings-mask),ch-grid::part(settings-mask){background-color:rgba(0, 0, 0, 0.3);cursor:arrow;color:var(--color-on-secondary)}ch-grid-column::part(settings-window),ch-grid::part(settings-window){background-color:var(--color-background);width:100%;max-width:600px;padding:var(--spacing-comp-03);border-radius:var(--border-width-lg);box-shadow:var(--box-shadow-04)}ch-grid::part(settings-window){margin:0 var(--spacing-comp-05)}ch-grid-column::part(settings-header),ch-grid::part(settings-header){display:flex;align-items:center;gap:var(--spacing-comp-04);justify-content:space-between;border-bottom:var(--border-width-sm) solid var(--gray-02);padding-bottom:var(--spacing-comp-02);margin-bottom:var(--spacing-comp-03);font-weight:var(--font-weight-bold)}ch-grid-column::part(settings-close),ch-grid::part(settings-close){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);font-size:0;border:0}ch-grid-column::part(settings-close):hover,ch-grid::part(settings-close):hover{background-color:var(--color-secondary-hover)}ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before{-webkit-mask-image:var(--settingsCloseIconUrl)}ch-grid-column::part(settings-close):focus-visible,ch-grid::part(settings-close):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns){gap:var(--spacing-comp-03)}ch-grid::part(settings-columns-label){display:inline-flex;align-items:center;gap:var(--spacing-comp-03);cursor:pointer;height:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible),ch-grid-cell::part(selector),ch-grid-column::part(selector){position:relative;margin:0;height:var(--spacing-comp-04);width:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible):focus-visible,ch-grid-cell::part(selector):focus-visible,ch-grid-column::part(selector):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns-visible):before,ch-grid-cell::part(selector):before,ch-grid-column::part(selector):before{cursor:pointer;content:\"\";display:inline-block;position:relative;height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}ch-grid::part(settings-columns-visible):after,ch-grid-cell::part(selector):after,ch-grid-column::part(selector):after{opacity:0;display:block;position:absolute;content:\"\";left:6px;top:3px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;cursor:pointer}ch-grid-column::part(indeterminate):after{opacity:1;display:block;position:absolute;content:\"\";left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-hover);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}ch-grid::part(settings-columns-visible-checked):before,ch-grid-cell::part(checked):before,ch-grid-column::part(checked):before{border-color:var(--color-primary-hover)}ch-grid::part(settings-columns-visible-checked):after,ch-grid-cell::part(checked):after,ch-grid-column::part(checked):after{opacity:1}ch-grid-cell::part(drag-icon):before{width:var(--spacing-comp-04);height:var(--spacing-comp-04);cursor:grab}ch-grid-cell::part(drag-icon):before{-webkit-mask-image:var(--dragIconUrl)}ch-grid::part(row-actions){padding-top:2px;right:var(--spacing-comp-02)}ch-grid-column::part(selector){margin-right:8px}ch-grid-rowset-legend{background-color:var(--gray-01);padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-02);padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01)}ch-grid>ch-grid-rowset:first-of-type ch-grid-rowset-legend{border-top:1px solid var(--color-background)}ch-grid-rowset-legend{margin-inline-start:calc(var(--indent) * (var(--level) - 1));display:flex;align-items:center;gap:var(--spacing-comp-01);cursor:pointer}ch-grid-rowset-legend::part(caret),ch-grid-cell::part(caret){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}ch-grid-cell::part(caret){cursor:pointer;margin-right:var(--spacing-comp-01)}ch-grid-rowset>ch-grid-rowset-legend::part(caret):before,ch-grid-row>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretCollapseIconUrl)}ch-grid-rowset[collapsed]>ch-grid-rowset-legend::part(caret):before,ch-grid-row[collapsed]>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretExpandIconUrl)}ch-grid-rowset[collapsed] ch-grid-rowset-legend{border-bottom:1px solid var(--color-background)}ch-grid gxg-paginator{padding-top:0;padding-bottom:0}gxg-grid.large ch-grid{font-size:var(--font-size-lg)}";
-
-const GxgGrid = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.noBorder = false;
-  }
-  componentWillLoad() {
-    const iconsUrl = index.getAssetPath("./icon-assets/");
-    this.el.style.setProperty("--refreshIconUrl", `url("${iconsUrl}gemini-tools/reset.svg")`);
-    this.el.style.setProperty("--settingshIconUrl", `url("${iconsUrl}gemini-tools/settings.svg")`);
-    this.el.style.setProperty("--barSortAscendingIconUrl", `url("${iconsUrl}navigation/chevron-down.svg")`);
-    this.el.style.setProperty("--barSortDescendingIconUrl", `url("${iconsUrl}navigation/chevron-up.svg")`);
-    this.el.style.setProperty("--barSettingsButtonIconUrl", `url("${iconsUrl}gemini-tools/settings.svg")`);
-    this.el.style.setProperty("--settingsCloseIconUrl", `url("${iconsUrl}gemini-tools/close.svg")`);
-    this.el.style.setProperty("--dragIconUrl", `url("${iconsUrl}navigation/drag.svg")`);
-    this.el.style.setProperty("--caretCollapseIconUrl", `url("${iconsUrl}gemini-tools/minus.svg")`);
-    this.el.style.setProperty("--caretExpandIconUrl", `url("${iconsUrl}gemini-tools/add.svg")`);
-  }
-  render() {
-    return (index.h(index.Host, { class: { large: store.state.large, "no-border": this.noBorder } }, index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-};
-GxgGrid.style = gxgGridCss;
-
-exports.ch_grid_rowset_legend = ChGridRowsetLegend;
-exports.gxg_grid = GxgGrid;

package/dist/cjs/gxg-list-box-item.cjs.entry.js

@@ -1,127 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6b74a39f.js');
-const store = require('./store-c59c1d50.js');
-const classesNames = require('./classesNames-5b7c6ad4.js');
-const exportParts = require('./export-parts-931a23ad.js');
-
-const listBoxItemCss = ":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}: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}:host{display:block;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host(:hover:not([selected])){background-color:var(--gxg-background-color-item-hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:var(--spacing-comp-01)}:host([selected]){background-color:var(--gxg-background-color-item-selected);color:var(--gxg-color-item-active)}:host([highlighted]){background-color:var(--gxg-background-color-item-active);color:var(--color-always-white)}:host(.large) .container{padding:var(--spacing-comp-01)}";
-
-const GxgListboxItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.itemClicked = index.createEvent(this, "itemClicked", 7);
-    this.itemLoaded = index.createEvent(this, "itemLoaded", 7);
-    this.itemSelected = index.createEvent(this, "itemSelected", 7);
-    this.checkboxStateChanged = index.createEvent(this, "checkboxStateChanged", 7);
-    this.parts = {
-      checkbox: "checkbox",
-    };
-    /**
-     * Any icon that belongs to Gemini icon library: https://gx-gemini.netlify.app/?path=/story/icons
-     */
-    this.icon = undefined;
-    /**
-     * The presence of this attribute sets this item as selected
-     */
-    this.selected = false;
-    /**
-     * The presence of this attribute sets this item as highlighted
-     */
-    this.highlighted = false;
-    /**
-     * The presence of this attribute sets this item as active (it is as if it was focused)
-     * Only one item at a time should be active.
-     */
-    this.active = false;
-    /**
-     * This property is set by the list-box item. It should not be set by the user.
-     */
-    this.index = null;
-    /**
-     * The presence of this attribute emits the 'checkboxChanged' event every time a checkbox value is changed.
-     */
-    this.emitCheckboxChange = false;
-    /**
-     * The item value. If value is not provided, the value will be the item innerHTML.
-     */
-    this.value = undefined;
-    /**
-     * The presence of this attribute will add a checkbox to the item.
-     */
-    this.checkbox = false;
-    /**
-     * The presence of this attribute will make the checkbox checked.
-     */
-    this.checked = false;
-    this.mouseOver = false;
-    this.handleCheckboxClick = (e) => {
-      e.stopPropagation();
-      e.target.checked
-        ? (this.checked = true)
-        : (this.checked = false);
-    };
-    this.attachExportParts = () => {
-      const part = this.el.getAttribute("part");
-      const exportPartsResult = exportParts.exportParts(part, this.parts);
-      exportPartsResult.length && (this.exportparts = exportPartsResult);
-    };
-  }
-  checkboxChangedHandler(e) {
-    const checked = e.detail.value;
-    this.emitCheckboxChange &&
-      this.checkboxStateChanged.emit({
-        checkedItem: this.el,
-        checked: checked,
-      });
-  }
-  iconColor() {
-    if (this.disabled) {
-      return "disabled";
-    }
-    else if (this.selected || this.highlighted || this.mouseOver) {
-      return "negative";
-    }
-    else {
-      return "auto";
-    }
-  }
-  componentWillLoad() {
-    this.attachExportParts();
-  }
-  componentDidLoad() {
-    this.itemLoaded.emit();
-  }
-  itemClickedFunc(e) {
-    this.itemClicked.emit({
-      clickedItem: this.el,
-      ctrlKey: e.ctrlKey,
-      cmdKey: e.metaKey,
-      shiftKey: e.shiftKey,
-      index: this.index,
-    });
-  }
-  onMouseOver() {
-    this.mouseOver = true;
-  }
-  onMouseOut() {
-    this.mouseOver = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: {
-        "has-icon": this.icon !== undefined,
-        "no-checkbox": !this.checkbox,
-        large: store.state.large,
-        [classesNames.commonClassesNames["DISABLED_CLASS"]]: this.disabled,
-      }, onClick: this.itemClickedFunc.bind(this),
-      // onMouseOver={this.onMouseOver.bind(this)}
-      // onMouseOut={this.onMouseOut.bind(this)}
-      exportParts: this.exportparts ? this.exportparts : null }, index.h("div", { class: { container: true, "form-element": true } }, this.checkbox && !this.disabled ? (index.h("gxg-form-checkbox", { tabindex: "-1", checked: this.checked, onClick: this.handleCheckboxClick, disabled: this.disabled, part: this.parts.checkbox })) : null, this.icon !== undefined ? (index.h("gxg-icon", { class: "icon", color: this.iconColor(), size: "regular", type: this.icon })) : null, index.h("slot", null))));
-  }
-  get el() { return index.getElement(this); }
-};
-GxgListboxItem.style = listBoxItemCss;
-
-exports.gxg_list_box_item = GxgListboxItem;