@genexus/genexus-ide-ui 0.0.12 → 0.0.14

package/dist/esm/ch-grid-action-refresh_6.entry.js

@@ -0,0 +1,350 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4f0a5746.js';
+
+const chGridActionRefreshCss = "@layer ch-grid {\n  ch-grid-action-refresh[disabled] {\n    pointer-events: none;\n  }\n}";
+
+const ChGridActionRefresh = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.refreshClicked = createEvent(this, "refreshClicked", 7);
+  }
+  pressedHandler(eventInfo) {
+    if (!eventInfo.key || eventInfo.key === "Enter" || eventInfo.key === " ") {
+      this.refreshClicked.emit();
+      eventInfo.stopPropagation();
+    }
+  }
+  render() {
+    return h(Host, { role: "button", tabindex: "0", disabled: this.disabled });
+  }
+};
+ChGridActionRefresh.style = chGridActionRefreshCss;
+
+const chGridActionSettingsCss = "@layer ch-grid {\n  ch-grid-action-settings[disabled] {\n    pointer-events: none;\n  }\n}";
+
+const ChGridActionSettings = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.settingsShowClicked = createEvent(this, "settingsShowClicked", 7);
+  }
+  pressedHandler(eventInfo) {
+    if (!eventInfo.key || eventInfo.key === "Enter" || eventInfo.key === " ") {
+      this.settingsShowClicked.emit();
+      eventInfo.stopPropagation();
+    }
+  }
+  render() {
+    return h(Host, { role: "button", tabindex: "0", disabled: this.disabled });
+  }
+};
+ChGridActionSettings.style = chGridActionSettingsCss;
+
+const chGridActionbarCss = "";
+
+const ChGridActionbar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  get el() { return getElement(this); }
+};
+ChGridActionbar.style = chGridActionbarCss;
+
+const chPaginatorCss = ":host{display:flex}";
+
+const ChPaginator = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.activePageChanged = createEvent(this, "activePageChanged", 7);
+    this.pageNavigationRequested = createEvent(this, "pageNavigationRequested", 7);
+    /**
+     * The active page number.
+     */
+    this.activePage = 1;
+    /**
+     * The total number of pages.
+     * Use -1 if not known and 'hasNextPage' property to indicate
+     * that the end has been reached.
+     */
+    this.totalPages = 1;
+    /**
+     * Indicates that the end has been reached.
+     * Use when total pages are not known (totalPages = -1).
+     */
+    this.hasNextPage = false;
+  }
+  activePageHandler() {
+    this.activePageChanged.emit({ activePage: this.activePage });
+  }
+  componentWillLoad() {
+    this.loadElements();
+  }
+  navigateClickedHandler(eventInfo) {
+    eventInfo.stopPropagation();
+    switch (eventInfo.detail.type) {
+      case "first":
+        this.first();
+        break;
+      case "previous":
+        this.previous();
+        break;
+      case "next":
+        this.next();
+        break;
+      case "last":
+        this.last();
+        break;
+    }
+    this.pageNavigationRequested.emit({ type: eventInfo.detail.type });
+  }
+  pageChangedHandler(eventInfo) {
+    eventInfo.stopPropagation();
+    const emitPageNavigationRequested = this.activePage !== eventInfo.detail.page;
+    this.activePage = eventInfo.detail.page;
+    if (emitPageNavigationRequested) {
+      this.pageNavigationRequested.emit({
+        type: "goto",
+        page: eventInfo.detail.page
+      });
+    }
+  }
+  loadElements() {
+    this.elPages = this.el.querySelector("ch-paginator-pages");
+    this.elFirst = this.el.querySelector("ch-paginator-navigate[type='first']");
+    this.elPrevious = this.el.querySelector("ch-paginator-navigate[type='previous']");
+    this.elNext = this.el.querySelector("ch-paginator-navigate[type='next']");
+    this.elLast = this.el.querySelector("ch-paginator-navigate[type='last']");
+  }
+  keyDownHandler(eventInfo) {
+    switch (eventInfo.key) {
+      case "Home":
+        this.first();
+        this.elFirst.focus();
+        break;
+      case "PageUp":
+        this.previous();
+        this.elPrevious.focus();
+        break;
+      case "PageDown":
+        this.next();
+        this.elNext.focus();
+        break;
+      case "End":
+        this.last();
+        this.elLast.focus();
+        break;
+    }
+  }
+  first() {
+    this.activePage = 1;
+  }
+  previous() {
+    this.activePage = Math.max(this.activePage - 1, 1);
+  }
+  next() {
+    this.activePage =
+      this.totalPages < 0
+        ? this.activePage + 1
+        : Math.min(this.activePage + 1, this.totalPages);
+  }
+  last() {
+    this.activePage = this.totalPages;
+  }
+  render() {
+    if (this.elPages) {
+      this.elPages.totalPages = this.totalPages;
+      this.elPages.page = this.activePage;
+    }
+    if (this.elFirst) {
+      this.elFirst.disabled = this.activePage === 1;
+    }
+    if (this.elPrevious) {
+      this.elPrevious.disabled = this.activePage === 1;
+    }
+    if (this.elNext) {
+      this.elNext.disabled =
+        this.activePage === this.totalPages ||
+          (this.totalPages < 0 && !this.hasNextPage);
+    }
+    if (this.elLast) {
+      this.elLast.disabled =
+        this.activePage === this.totalPages ||
+          (this.totalPages < 0 && !this.hasNextPage);
+    }
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "activePage": ["activePageHandler"]
+  }; }
+};
+ChPaginator.style = chPaginatorCss;
+
+const chPaginatorNavigateCss = "ch-paginator-navigate[disabled]{pointer-events:none}";
+
+const ChPaginatorNavigate = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.navigateClicked = createEvent(this, "navigateClicked", 7);
+  }
+  pressedHandler(eventInfo) {
+    if (!eventInfo.key || eventInfo.key === "Enter" || eventInfo.key === " ") {
+      this.navigateClicked.emit({ type: this.type });
+      eventInfo.stopPropagation();
+    }
+  }
+  render() {
+    return h(Host, { role: "button", tabindex: "0", disabled: this.disabled });
+  }
+};
+ChPaginatorNavigate.style = chPaginatorNavigateCss;
+
+var GxControlType;
+(function (GxControlType) {
+  GxControlType[GxControlType["EDIT"] = 1] = "EDIT";
+  GxControlType[GxControlType["RADIO"] = 4] = "RADIO";
+  GxControlType[GxControlType["COMBO"] = 5] = "COMBO";
+  GxControlType[GxControlType["CHECK"] = 7] = "CHECK";
+})(GxControlType || (GxControlType = {}));
+var GxControlDataType;
+(function (GxControlDataType) {
+  GxControlDataType[GxControlDataType["NUMBER"] = 0] = "NUMBER";
+  GxControlDataType[GxControlDataType["CHAR"] = 1] = "CHAR";
+  GxControlDataType[GxControlDataType["DATE"] = 2] = "DATE";
+  GxControlDataType[GxControlDataType["DATETIME"] = 3] = "DATETIME";
+  GxControlDataType[GxControlDataType["VARCHAR"] = 5] = "VARCHAR";
+  GxControlDataType[GxControlDataType["LONGVARCHAR"] = 6] = "LONGVARCHAR";
+  GxControlDataType[GxControlDataType["BOOLEAN"] = 7] = "BOOLEAN";
+})(GxControlDataType || (GxControlDataType = {}));
+
+const gxGridChameleonColumnFilterCss = "";
+
+const GridChameleonColumnFilter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.columnSettingsChanged = createEvent(this, "columnSettingsChanged", 7);
+    this.filterEnum = [];
+    this.applyClickHandler = () => {
+      this.equal = this.getControlValue(this.inputEqual);
+      this.less = this.getControlValue(this.inputLess);
+      this.greater = this.getControlValue(this.inputGreater);
+      this.columnSettingsChanged.emit({
+        column: this.column,
+        equal: this.equal,
+        less: this.less,
+        greater: this.greater
+      });
+    };
+    this.resetClickHandler = () => {
+      this.equal = "";
+      this.less = "";
+      this.greater = "";
+      this.columnSettingsChanged.emit({
+        column: this.column,
+        equal: this.equal,
+        less: this.less,
+        greater: this.greater
+      });
+    };
+  }
+  componentWillLoad() {
+    if (Array.isArray(this.column.FilterEnum) &&
+      this.column.FilterEnum.length > 0) {
+      this.filterEnum = this.column.FilterEnum;
+    }
+  }
+  getControlValue(input) {
+    var _a;
+    const value = (_a = input === null || input === void 0 ? void 0 : input.value) !== null && _a !== void 0 ? _a : "";
+    let dataType = this.column.gxControl.dataType;
+    if (dataType === GxControlDataType.DATETIME &&
+      this.column.FilterDateTimeAsDate === -1) {
+      dataType = GxControlDataType.DATE;
+    }
+    switch (dataType) {
+      case GxControlDataType.DATE:
+        return gx.date.ctod(value, "Y4MD").toString();
+      case GxControlDataType.DATETIME:
+        return gx.date.ctot(value, "Y4MD").toString();
+      default:
+        return value;
+    }
+  }
+  toControlValue(value) {
+    let dataType = this.column.gxControl.dataType;
+    if (!value) {
+      return "";
+    }
+    if (dataType === GxControlDataType.DATETIME &&
+      this.column.FilterDateTimeAsDate === -1) {
+      dataType = GxControlDataType.DATE;
+    }
+    switch (dataType) {
+      case GxControlDataType.DATE:
+        return this.convertGxDateToISO(gx.date.ctod(value), false);
+      case GxControlDataType.DATETIME:
+        return this.convertGxDateToISO(gx.date.ctot(value), true);
+      default:
+        return value;
+    }
+  }
+  convertGxDateToISO(gxdate, isDateTime) {
+    const pad = (n) => n.toString().padStart(2, "0");
+    const date = gxdate.Value;
+    if (gx.date.isNullDate(date)) {
+      return "";
+    }
+    if (isDateTime) {
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+    }
+    else {
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+    }
+  }
+  getFilterInputType(dataType) {
+    switch (dataType) {
+      case GxControlDataType.BOOLEAN:
+        return "checkbox";
+      case GxControlDataType.CHAR:
+      case GxControlDataType.VARCHAR:
+      case GxControlDataType.LONGVARCHAR:
+        return "text";
+      case GxControlDataType.DATE:
+        return "date";
+      case GxControlDataType.DATETIME:
+        return "datetime-local";
+      case GxControlDataType.NUMBER:
+        return "number";
+      default:
+        return "text";
+    }
+  }
+  renderColumnFilterControl(input, type, dataType, possibleValues, label, value) {
+    const part = input.replace("input", "").toLowerCase();
+    if (this.filterEnum.length > 0) {
+      type = GxControlType.COMBO;
+      possibleValues = this.filterEnum.map(filter => [
+        filter.Value,
+        filter.Description
+      ]);
+    }
+    if (dataType === GxControlDataType.DATETIME &&
+      this.column.FilterDateTimeAsDate === -1) {
+      dataType = GxControlDataType.DATE;
+    }
+    switch (type) {
+      case GxControlType.EDIT:
+      case GxControlType.CHECK:
+        return (h("label", { part: `label ${part}` }, label, h("input", { type: this.getFilterInputType(dataType), value: this.toControlValue(value), ref: el => (this[input] = el), part: `field ${part}` })));
+      case GxControlType.COMBO:
+        return (h("label", { part: `label ${part}` }, label, h("select", { ref: el => (this[input] = el), part: `field ${part}` }, possibleValues.map(([optionValue, optionDescription]) => (h("option", { value: optionValue, selected: optionValue === value }, optionDescription))))));
+    }
+  }
+  render() {
+    return (h(Host, null, h("fieldset", { part: "main" }, h("caption", { part: "caption" }, this.column.FilterCaption), this.column.FilterMode === "single" &&
+      this.renderColumnFilterControl("inputEqual", this.column.gxControl.type, this.column.gxControl.dataType, this.column.gxControl.possibleValues, this.column.FilterLabelEqual, this.equal), this.column.FilterMode === "range" &&
+      this.renderColumnFilterControl("inputGreater", this.column.gxControl.type, this.column.gxControl.dataType, this.column.gxControl.possibleValues, this.column.FilterLabelGreater, this.greater), this.column.FilterMode === "range" &&
+      this.renderColumnFilterControl("inputLess", this.column.gxControl.type, this.column.gxControl.dataType, this.column.gxControl.possibleValues, this.column.FilterLabelLess, this.less)), h("section", { part: "footer" }, h("button", { part: "button reset", onClick: this.resetClickHandler }, this.buttonResetText), h("button", { part: "button apply", onClick: this.applyClickHandler }, this.buttonApplyText))));
+  }
+  get el() { return getElement(this); }
+};
+GridChameleonColumnFilter.style = gxGridChameleonColumnFilterCss;
+
+export { ChGridActionRefresh as ch_grid_action_refresh, ChGridActionSettings as ch_grid_action_settings, ChGridActionbar as ch_grid_actionbar, ChPaginator as ch_paginator, ChPaginatorNavigate as ch_paginator_navigate, GridChameleonColumnFilter as gx_grid_chameleon_column_filter };

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

@@ -0,0 +1,46 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getAssetPath, g as getElement } from './index-4f0a5746.js';
+import { s as state } from './store-75f5d491.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) {
+    registerInstance(this, hostRef);
+    this.rowsetLegendClicked = createEvent(this, "rowsetLegendClicked", 7);
+  }
+  clickHandler() {
+    this.rowsetLegendClicked.emit();
+  }
+  render() {
+    return (h(Host, null, h("div", { part: "caret" }), h("label", { part: "selector-label" }, h("input", { type: "checkbox", part: "selector" })), h("div", { part: "icon" }), 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) {
+    registerInstance(this, hostRef);
+    this.noBorder = false;
+  }
+  componentWillLoad() {
+    const iconsUrl = 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 (h(Host, { class: { large: state.large, "no-border": this.noBorder } }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+};
+GxgGrid.style = gxgGridCss;
+
+export { ChGridRowsetLegend as ch_grid_rowset_legend, GxgGrid as gxg_grid };