@genexus/genexus-ide-ui 0.0.12 → 0.0.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -33,10 +33,13 @@
     "validate.ci": "npm run build -- --max-workers 1 --debug"
   },
   "dependencies": {
-    "@genexus/gemini": "^0.1.388",
     "@types/react": "^18.2.8"
   },
+  "peerDependencies": {
+    "@genexus/gemini": "*0.1.420"
+  },
   "devDependencies": {
+    "@genexus/gemini": "*0.1.420",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/ch-grid-column-resize_2.cjs.entry.js

@@ -1,94 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-const helpers = require('./helpers-00cb4402.js');
-
-const chGridColumnResizeCss = ":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";
-
-const ChGridColumnResize = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.columnResizeStarted = index.createEvent(this, "columnResizeStarted", 7);
-    this.columnResizeFinished = index.createEvent(this, "columnResizeFinished", 7);
-    this.mousemoveFn = this.mousemoveHandler.bind(this);
-    /**
-     * Whether the component is currently resizing the column.
-     */
-    this.resizing = false;
-  }
-  componentDidLoad() {
-    this.el.addEventListener("mousedown", this.mousedownHandler.bind(this));
-  }
-  clickHandler(eventInfo) {
-    eventInfo.stopPropagation();
-  }
-  dblclickHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    if (helpers.mouseEventModifierKey(eventInfo)) {
-      this.column.size = "auto";
-    }
-    else {
-      this.column.size = "max-content";
-    }
-  }
-  columnResizeStartedHandler() {
-    this.resizing = true;
-  }
-  columnResizeFinishedHandler() {
-    this.resizing = false;
-  }
-  mousedownHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    eventInfo.preventDefault();
-    this.startPageX = eventInfo.pageX;
-    this.startColumnWidth = this.column.getBoundingClientRect().width;
-    document.addEventListener("mousemove", this.mousemoveFn, { passive: true });
-    document.addEventListener("mouseup", this.mouseupHandler.bind(this), {
-      once: true
-    });
-    this.columnResizeStarted.emit();
-  }
-  mousemoveHandler(eventInfo) {
-    const columnSize = this.startColumnWidth - (this.startPageX - eventInfo.pageX);
-    if (columnSize >= 0) {
-      this.column.size = `minmax(min-content, ${columnSize}px)`;
-    }
-  }
-  mouseupHandler() {
-    document.removeEventListener("mousemove", this.mousemoveFn);
-    this.columnResizeFinished.emit();
-  }
-  render() {
-    return index.h("div", { class: "resize-mask", hidden: !this.resizing });
-  }
-  get el() { return index.getElement(this); }
-};
-ChGridColumnResize.style = chGridColumnResizeCss;
-
-const chGridColumnSettingsCss = ":host{display:contents}";
-
-const ChGridColumnSettings = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Indicates whether the settings window is currently shown or not.
-     */
-    this.show = false;
-  }
-  windowClosedHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    this.column.showSettings = false;
-  }
-  columnSettingsChangedHandler() {
-    this.column.showSettings = false;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ch-window", { modal: true, container: this.column, xAlign: "inside-start", yAlign: "outside-end", caption: this.column.columnName, closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, index.h("slot", null))));
-  }
-};
-ChGridColumnSettings.style = chGridColumnSettingsCss;
-
-exports.ch_grid_column_resize = ChGridColumnResize;
-exports.ch_grid_column_settings = ChGridColumnSettings;

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

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.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;
-
-exports.ch_grid_rowset_legend = ChGridRowsetLegend;

package/dist/cjs/ch-grid-settings_2.cjs.entry.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-
-const chGridSettingsCss = ":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";
-
-const ChGridSettings = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.settingsCloseClicked = index.createEvent(this, "settingsCloseClicked", 7);
-    /**
-     * Indicates whether the settings window is currently shown or not.
-     */
-    this.show = false;
-  }
-  windowClosedHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    this.show = false;
-    this.settingsCloseClicked.emit();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ch-window", { modal: true, container: this.grid, caption: "Options", closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, index.h("slot", null))));
-  }
-};
-ChGridSettings.style = chGridSettingsCss;
-
-const chGridSettingsColumnsCss = ":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";
-
-const ChGridSettingsColumns = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.handleClick = (eventInfo) => {
-      const checkbox = eventInfo.target;
-      const column = this.columns.find(column => column.columnId === checkbox.name);
-      column.hidden = !checkbox.checked;
-      eventInfo.stopPropagation();
-    };
-  }
-  getColumnsSorted() {
-    return [...this.columns].sort((a, b) => {
-      if (a.order < b.order) {
-        return -1;
-      }
-      if (a.order > b.order) {
-        return 1;
-      }
-      return 0;
-    });
-  }
-  render() {
-    const columnsSorted = this.getColumnsSorted();
-    return (index.h("ul", null, columnsSorted.map(column => (index.h("li", { part: "column" }, index.h("label", { part: "column-label" }, index.h("input", { part: !column.hidden
-        ? "column-visible column-visible-checked"
-        : "column-visible", type: "checkbox", checked: !column.hidden, disabled: !column.hideable, name: column.columnId, onClick: this.handleClick }), column.columnName))))));
-  }
-};
-ChGridSettingsColumns.style = chGridSettingsColumnsCss;
-
-exports.ch_grid_settings = ChGridSettings;
-exports.ch_grid_settings_columns = ChGridSettingsColumns;

package/dist/cjs/ch-suggest-list-item.cjs.entry.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-
-const chSuggestListItemCss = ":host{display:flex}";
-
-const ARROW_DOWN = "ArrowDown";
-const ARROW_UP = "ArrowUp";
-const ChSuggestListItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.itemSelected = index.createEvent(this, "itemSelected", 7);
-    this.focusChangeAttempt = index.createEvent(this, "focusChangeAttempt", 7);
-    // / 6.COMPONENT LIFECYCLE EVENTS ///
-    // / 7.LISTENERS ///
-    // / 8.PUBLIC METHODS API ///
-    // / 9.LOCAL METHODS ///
-    this.handleClick = () => {
-      this.itemSelected.emit({
-        el: this.el,
-        value: this.el.innerText
-      });
-    };
-    this.handleKeyDown = (e) => {
-      if (e.code === "Enter") {
-        this.itemSelected.emit({
-          el: this.el,
-          value: this.el.innerText
-        });
-      }
-      else if (e.code === ARROW_UP || e.code === ARROW_DOWN) {
-        e.preventDefault();
-        this.focusChangeAttempt.emit({
-          el: this.el,
-          code: e.code
-        });
-      }
-    };
-  }
-  // / 10.RENDER() FUNCTION ///
-  render() {
-    return (index.h(index.Host, { role: "listitem", tabindex: "0", onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("slot", { name: "icon" }), index.h("div", { class: "content-wrapper" }, index.h("slot", null))));
-  }
-  get el() { return index.getElement(this); }
-};
-ChSuggestListItem.style = chSuggestListItemCss;
-
-exports.ch_suggest_list_item = ChSuggestListItem;

package/dist/cjs/ch-suggest-list.cjs.entry.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-
-const chSuggestListCss = ":host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";
-
-const ChSuggestList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  // / 2.REFERENCE TO ELEMENTS ///
-  // / 3.STATE() VARIABLES ///
-  // / 4.PUBLIC PROPERTY API ///
-  // / 5.EVENTS (EMIT) ///
-  // / 6.COMPONENT LIFECYCLE EVENTS ///
-  // / 7.LISTENERS ///
-  // / 8.PUBLIC METHODS API ///
-  // / 9.LOCAL METHODS ///
-  // / 10.RENDER() FUNCTION ///
-  render() {
-    return (index.h(index.Host, null, this.label && (index.h("h2", { id: "heading", part: "title", class: "title" }, this.label)), index.h("ul", { "aria-labelledby": this.label ? "heading" : undefined, part: "list", class: "list" }, index.h("slot", null))));
-  }
-};
-ChSuggestList.style = chSuggestListCss;
-
-exports.ch_suggest_list = ChSuggestList;

package/dist/cjs/gxg-grid.cjs.entry.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-const store = require('./store-49485138.js');
-
-const gxgGridCss = ":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)}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[focused]{border-color:var(--color-primary-active)}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;min-height:var(--spacing-comp-04)}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)}gxg-grid.large ch-grid-cell{padding-block-start:calc(var(--spacing-comp-01) * 1.5);padding-block-end:calc(var(--spacing-comp-01) * 1.5)}";
-
-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.gxg_grid = GxgGrid;

package/dist/cjs/gxg-suggest.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-
-const gxgSuggestCss = ":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}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:6px;height:6px}ch-suggest::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(label){font-weight:700;margin-bottom:4px}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(ch-window-window){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(ch-window-window)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(ch-window-window)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(ch-window-window) .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(ch-window-window) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest-list{margin:var(--spacing-comp-01) 0;font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-top:0}ch-suggest-list:last-child{margin-bottom:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list-item{padding:var(--spacing-comp-01) var(--spacing-comp-02);cursor:pointer;display:flex;align-items:center}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;--icon-color:var(--color-on-background);margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-form-item-bgcolor-hover);color:var(--color-on-primary)}ch-suggest-list-item:hover gxg-icon::part(ch-icon){--icon-color:var(--color-on-primary)}ch-suggest-list-item:focus,ch-suggest-list-item[selected]:focus{outline-style:solid;outline-color:var(--color-primary-enabled);outline-width:var(--border-width-md);outline-offset:-2px}html.gxg-large ch-suggest{font-size:var(--font-size-lg)}";
-
-const GxgSuggest = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-GxgSuggest.style = gxgSuggestCss;
-
-exports.gxg_suggest = GxgSuggest;

package/dist/cjs/gxg-text.cjs.entry.js

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-const store = require('./store-49485138.js');
-
-const textCss = "/*! 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}:host([type=link]),:host([type=link-gray]),:host([type=alert-error]),:host([type=alert-warning]),:host([type=alert-success]){display:inline-block}:host{font-size:14px}:host p,:host q{margin:0}:host(.large) .gxg-text,:host(.large) .gxg-text--gray,:host(.large) .gxg-quote,:host(.large) .gxg-link,:host(.large) .gxg-link-gray,:host(.large) .gxg-alert-error,:host(.large) .gxg-alert-warning,:host(.large) .gxg-alert-success{font-size:var(--font-size-lg)}";
-
-const GxgText = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * The target (for "link" or "link-gray" types
-     * */
-    this.target = "_self";
-    /**
-     * Title type
-     */
-    this.type = "text-regular";
-  }
-  textType() {
-    let text;
-    switch (this.type) {
-      case "text-regular":
-        text = index.h("p", { class: "gxg-text" }, index.h("slot", null));
-        break;
-      case "text-gray":
-        text = index.h("p", { class: "gxg-text--gray" }, index.h("slot", null));
-        break;
-      case "text-quote":
-        text = index.h("q", { class: "gxg-quote" }, index.h("slot", null));
-        break;
-      case "text-link":
-        text = (index.h("a", { href: this.href, target: this.target, class: "gxg-link" }, index.h("slot", null)));
-        break;
-      case "text-link-gray":
-        text = (index.h("a", { href: this.href, target: this.target, class: "gxg-link-gray" }, index.h("slot", null)));
-        break;
-      case "text-alert-error":
-        text = index.h("p", { class: "gxg-alert-error" }, index.h("slot", null));
-        break;
-      case "text-alert-warning":
-        text = index.h("p", { class: "gxg-alert-warning" }, index.h("slot", null));
-        break;
-      case "text-alert-success":
-        text = index.h("p", { class: "gxg-alert-success" }, index.h("slot", null));
-        break;
-      default:
-        text = index.h("p", { class: "gxg-text" }, index.h("slot", null));
-    }
-    return text;
-  }
-  render() {
-    return index.h(index.Host, { class: { large: store.state.large } }, this.textType(), " ");
-  }
-};
-GxgText.style = textCss;
-
-exports.gxg_text = GxgText;

package/dist/cjs/gxg-tree.cjs.entry.js

@@ -1,177 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-
-const gxgTreeCss = ":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;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:6px;height:6px}:host::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .gxg-scroll{display:block;overflow-y:auto;padding-right:2px}:host ul{margin:0;padding-left:0;width:100%}";
-
-const GxgTree = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    //PROPS
-    /**
-     * Set this attribute if you want all the items to have a checkbox.
-     */
-    this.checkbox = true;
-    /**
-     * Set this attribute if you want all the items to be checked by default.
-     */
-    this.checked = false;
-    /**
-     * Set this attribute if you want all the items to be opened by default.
-     */
-    this.opened = true;
-    /**
-     * Set this attribute if you want all the items checkboxes to be toggled when the parent tree item checkbox is toggled.
-     */
-    this.toggleCheckboxes = false;
-    /**
-     * Set this attribute if you want to allow multi selection of the items. This property should only be set on the master tree.
-     */
-    this.multiSelection = false;
-    /**
-     * Indicates if this the is master tree
-     */
-    this.masterTree = false;
-    /**
-     * This method evaluates if this tree is the master tree
-     */
-    this.evaluateIsMasterTree = () => {
-      var _a;
-      const grandFather = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
-      if (grandFather === undefined || grandFather.nodeName !== "GXG-TREE") {
-        this.masterTree = true;
-      }
-    };
-    this.initialConfig = () => {
-      const parent = this.el.parentElement;
-      if ((parent === null || parent === void 0 ? void 0 : parent.tagName) === "GXG-TREE-ITEM") {
-        const treeItem = parent;
-        this.checkbox =
-          treeItem.checkbox !== undefined ? treeItem.checkbox : this.checkbox;
-        this.checked =
-          treeItem.checked !== undefined ? treeItem.checked : this.checked;
-        this.opened =
-          treeItem.opened !== undefined ? treeItem.opened : this.opened;
-        this.toggleCheckboxes =
-          treeItem.toggleCheckboxes !== undefined
-            ? treeItem.toggleCheckboxes
-            : this.toggleCheckboxes;
-      }
-    };
-    this.getNumberOfParentTrees = () => {
-    };
-  }
-  componentWillLoad() {
-    //this.initialConfig();
-    this.initialConfig();
-    this.getNumberOfParentTrees();
-    this.evaluateIsMasterTree();
-  }
-  selectionChangedHandler(e) {
-    //Unselect all items, except the one that triggered this event. This action should be done once, by the master tree.
-    if ((this.masterTree && !this.multiSelection) ||
-      (this.masterTree && this.multiSelection && !e.detail.ctrlKey)) {
-      const allChildren = this.el.querySelectorAll("gxg-tree-item");
-      if (allChildren === null || allChildren === void 0 ? void 0 : allChildren.length) {
-        Array.from(allChildren).forEach((item) => {
-          item.selected = false;
-        });
-      }
-    }
-  }
-  /**
-   * Returns an array of the selected tree-items, providing the id, checked status, selected status, and label.
-   */
-  async getCheckedItems(idsArray) {
-    const allTreeItems = Array.from(this.el.querySelectorAll("gxg-tree-item"));
-    const checkedTreeItems = [];
-    if (idsArray === null || idsArray === void 0 ? void 0 : idsArray.length) {
-      idsArray.forEach((id) => {
-        const found = allTreeItems.find((item) => id === item.id);
-        found &&
-          checkedTreeItems.push({
-            id: found.id,
-            label: found.label,
-            checked: found.checked,
-            selected: found.selected,
-          });
-      });
-    }
-    else {
-      allTreeItems.forEach((item) => {
-        item.checked &&
-          checkedTreeItems.push({
-            id: item.id,
-            label: item.label,
-            checked: item.checked,
-            selected: item.selected,
-          });
-      });
-    }
-    return checkedTreeItems;
-  }
-  /**
-   * Returns an array of the selected tree-items, providing the id, checked status, selected status, and label.
-   */
-  async getSelectedItems() {
-    const selectedItems = [];
-    const allItems = this.el.querySelectorAll("gxg-tree-item");
-    if (allItems === null || allItems === void 0 ? void 0 : allItems.length) {
-      Array.from(allItems).forEach((item) => {
-        console.log(item);
-        if (item.selected) {
-          selectedItems.push({
-            id: item.id,
-            label: item.label,
-            checked: item.checked,
-            selected: item.selected,
-          });
-        }
-      });
-    }
-    return selectedItems;
-  }
-  /**
-   * @param ids: An array id the tree items to be toggled.
-   * @param open: A boolean indicating that the tree item should be opened or closed. (optional)
-   * @description This method is used to toggle a tree-item by the tree-item id/ids.
-   * @returns a boolean value indicating if the selected tree-item is open or not, after the method was called.
-   */
-  async toggleItems(ids, open) {
-    if (!(ids === null || ids === void 0 ? void 0 : ids.length)) {
-      return [];
-    }
-    const allTreeItems = Array.from(this.el.querySelectorAll("gxg-tree-item"));
-    const toggledTreeItems = [];
-    ids.forEach((id) => {
-      const found = allTreeItems.find((item) => id === item.id);
-      if (found && open === undefined) {
-        found.opened = !found.opened;
-      }
-      else if (found && open && !found.opened) {
-        found.opened = true;
-      }
-      else if (found && !open && found.opened) {
-        found.opened = false;
-      }
-      if (found) {
-        toggledTreeItems.push({
-          id: found.id,
-          opened: found.opened,
-        });
-      }
-    });
-    return toggledTreeItems;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: {
-        tree: true,
-      } }, index.h("ul", { ref: (el) => (this.ulTree = el) }, index.h("slot", null)))));
-  }
-  get el() { return index.getElement(this); }
-};
-GxgTree.style = gxgTreeCss;
-
-exports.gxg_tree = GxgTree;

package/dist/cjs/helpers-00cb4402.js

@@ -1,12 +0,0 @@
-'use strict';
-
-function mouseEventModifierKey(eventInfo) {
-  if (navigator.userAgent.includes("Mac")) {
-    return eventInfo.metaKey;
-  }
-  else {
-    return eventInfo.ctrlKey;
-  }
-}
-
-exports.mouseEventModifierKey = mouseEventModifierKey;