@orangelogic/design-system 2.164.0 → 2.166.0

package/library/packages/hybrid/table-core/src/table/table.d.ts

@@ -828,6 +828,19 @@ export default class CxTable extends CortexElement {
     private activeSearchValue;
     /** Monotonic counter to discard responses from superseded dataUrl fetches. */
     private dataUrlRequestId;
+    /**
+     * Full in-memory rows parsed from `dataUrl` when `pagination` is on —
+     * deliberately a plain field (not `@state()`): `internalAjaxRequestFunc`
+     * reads it at call time on every page request, so updating it must not by
+     * itself trigger a re-render or `initTable()` re-run (only flipping
+     * `paginationMode` should, and only once, the first time — see
+     * `loadFromDataUrl()`).
+     */
+    private inMemoryDataUrlRows;
+    /** Row index -> field -> failures, from validating `inMemoryDataUrlRows` against `columns`' `validator` configs. Same non-reactive rationale as `inMemoryDataUrlRows`. */
+    private inMemoryValidationResult;
+    /** Internally-generated `ajaxRequestFunc` paging `inMemoryDataUrlRows`, set up by `loadFromDataUrl()`. */
+    private internalAjaxRequestFunc;
     /** True when facets are available — either from facet-config or from an AJAX response. Controls toolbar visibility. */
     hasFacets: boolean;
     /** Whether the column-header right-click context menu is open. */
@@ -942,6 +955,16 @@ export default class CxTable extends CortexElement {
     handleLoadingChange(): void;
     setLoading(value: boolean): void;
     isLoading(): boolean;
+    /**
+     * Jumps to the page containing the first invalid row and resolves `true`;
+     * resolves `false` when there is nothing invalid. Under the in-memory
+     * `dataUrl` + `pagination` path (see `loadFromDataUrl()`), this reads the
+     * full-dataset result in `inMemoryValidationResult` — the only way to find
+     * "first invalid" across rows that may not be on the currently-loaded
+     * page. Otherwise it falls back to the current page's real invalid cells
+     * via `getInvalidCells()`/`setPageToRow()`, same as before.
+     */
+    goToFirstInvalid(): Promise<boolean>;
     search(searchText: string): void;
     private handleSearch;
     private handleAppliedFilterRemove;
@@ -950,6 +973,8 @@ export default class CxTable extends CortexElement {
     handleDropdownFiltersPropChange(): void;
     handleDataUrlChange(): void;
     private handleTableExport;
+    /** Builds the `"field dir"` string `applyInMemoryFilterAndSort` expects, from whatever sort is currently active — mirrors `Sort.remoteSortParams`' last-applied-sort convention. */
+    private buildActiveSortParam;
     private handleDropdownFilterChange;
     private handleTableGroupByChange;
     private handleSelectAllChange;
@@ -959,6 +984,127 @@ export default class CxTable extends CortexElement {
      * Otherwise columns are auto-detected from the loaded data's headers, same as before.
      */
     private resolveColumnsAfterLoad;
+    /**
+     * Parses a `dataUrl` response fully into a plain in-memory row array
+     * instead of streaming it into `tabulatorInstance` — the counterpart to
+     * `streamCsvData`/`streamJsonData`/`streamXmlData` used when `pagination`
+     * is on and the consumer has not supplied their own `ajaxRequestFunc` (see
+     * `loadFromDataUrl()`). Each row is stamped with its absolute `__cxRowIndex`
+     * before accumulating (needed later to map a validation result back to a
+     * cell regardless of which page it ends up rendered on), yielding a frame
+     * between chunks so parsing a multi-million-row file never blocks the main
+     * thread.
+     *
+     * Calls `onFirstPageReady` (at most once) as soon as enough rows exist for
+     * a first page, so the caller can show the table well before the rest of
+     * a multi-million-row file finishes parsing in the background.
+     */
+    /**
+     * Validates each chunk against `resolvedColumns` as it arrives (instead of
+     * waiting for the whole file to finish parsing, then validating the full
+     * array in one pass) — the file loader's existing chunk size (bumped from
+     * its 500-row default) is reused as the validation batch size too, so no
+     * separate buffering/offset bookkeeping is needed: a chunk's absolute
+     * offset is simply how many rows existed before it was pushed.
+     */
+    private static readonly IN_MEMORY_PARSE_CHUNK_SIZE;
+    private parseDataUrlIntoMemory;
+    /**
+     * Applies whatever search/header/dropdown filter and sort is currently
+     * active to an in-memory row array, the same way Tabulator's Filter/Sort
+     * modules would against `rowManager` in local mode — needed because under
+     * in-memory `dataUrl` pagination, `rowManager` only ever holds one page's
+     * rows, so those modules' own client-side filter/sort logic never runs
+     * (`filterMode`/`sortMode` are forced to `remote`, which skips it — see
+     * `Filter.filter()`/`Sort.sort()`'s `!== 'remote'` guards). Both Filter and
+     * Sort already compute and send the params this reads (`SearchText`,
+     * `filters`, `Sort`) to a real remote backend; this is the in-memory
+     * equivalent of that backend.
+     *
+     * Shared by `createInMemoryAjaxRequestFunc` (per-page slice) and
+     * `handleTableExport` (full filtered/sorted set, no pagination slice).
+     */
+    private applyInMemoryFilterAndSort;
+    /**
+     * Builds the `ajaxRequestFunc` that serves pages directly from
+     * `inMemoryDataUrlRows` — reads the array at call time (not at creation
+     * time), so the same function reference keeps working correctly across
+     * every subsequent `dataUrl` reload without needing Tabulator to
+     * re-initialize.
+     */
+    private createInMemoryAjaxRequestFunc;
+    /**
+     * Updates the pagination control's displayed count and max page from a
+     * row count that has not gone through any redraw/filter/sort pipeline —
+     * cheap (a couple of field writes), so it is safe to call on every
+     * streamed chunk while `dataUrl` parsing continues in the background
+     * after the first page is already shown, keeping "X of Y" current.
+     */
+    private updatePaginationCountLive;
+    /**
+     * Normalizes one column's `validator` definition (string shorthand like
+     * `'required'`/`'min:5'`, a single `{ type, parameters, message }` object,
+     * or an array of either) into plain rule descriptors for the validation
+     * worker. Mirrors `Validate.ts`'s `_extractValidator`/`_buildValidator`
+     * normalization, minus the `Cell`-bound `func` lookup — the worker
+     * resolves `type` to a rule function itself. Function-type validators are
+     * skipped: there is no `Cell` to hand them in an in-memory validation
+     * pass, the same "JSON-only rules go to the worker" split `validateAsync()`
+     * already applies for its main-thread-vs-worker column split.
+     */
+    private normalizeValidatorConfig;
+    /**
+     * Validates a chunk of in-memory rows against `columns`' `validator`
+     * configs, using the shared validation worker (`validateBatch`) — the same
+     * rule engine `Validate.ts` uses for on-page validation, just fed plain
+     * values instead of `Cell`s.
+     *
+     * Merges failures into `resultTarget` (rather than always building a fresh
+     * Map) so callers validating chunk-by-chunk as a multi-million-row file
+     * streams in can accumulate one shared result instead of replacing it
+     * per chunk. `rowIndexOffset` re-bases `validateBatch`'s per-call
+     * `rowIndex` (0-based within THIS chunk's `values` arrays) to each row's
+     * absolute `__cxRowIndex` in the full dataset, since chunk-by-chunk
+     * validation means `rows` here is never the full array.
+     *
+     * Caveat: a `unique` validator only sees the current chunk's values, not
+     * the whole column — chunk-by-chunk validation cannot catch a duplicate
+     * split across two chunks. Acceptable for the rule types this table's
+     * examples use; a table relying on cross-chunk `unique` checks would need
+     * a different (whole-array) validation pass.
+     */
+    private validateInMemoryRowsChunk;
+    /**
+     * Wraps a column's existing `formatter` (or supplies a passthrough one) so
+     * that, once rendered, a cell whose row/field combination failed
+     * validation gets the same visual treatment `Validate.ts` applies —
+     * `tabulator-validation-fail` class plus `VALIDATION_MESSAGE_ATTRIBUTE` —
+     * looked up from `inMemoryValidationResult` by the row's original
+     * (pre-slice) index, stashed on each row object as `__cxRowIndex` when it
+     * was parsed. Only wraps a function `formatter`; a column using one of
+     * Tabulator's built-in string formatter names (e.g. `'money'`) falls back
+     * to the raw value here rather than losing that formatting silently —
+     * columns needing both a built-in formatter and in-memory validation
+     * styling should use the function form instead.
+     *
+     * Also mirrors the result onto `cell._getSelf().modules.validate.invalid` —
+     * the same field `Validate.ts` itself writes — so `cell.getValidationErrors()`
+     * (and anything reading it, e.g. a `mutateOnValidate` row-error-summary
+     * column) sees this in-memory result instead of always finding it empty.
+     */
+    private applyInMemoryValidationFormatter;
+    /**
+     * `Validate.ts`'s own `refreshMutateOnValidateColumns` only runs after its
+     * own `cellValidate`/`userValidate` calls — paths the in-memory pagination
+     * flow never goes through, since `applyInMemoryValidationFormatter` writes
+     * results directly instead. Re-runs `mutateOnValidate` columns' `mutator`
+     * for every currently-rendered row (only the current page has real cells)
+     * so a row-error-summary column built the documented way — reading sibling
+     * cells' `getValidationErrors()` from a `mutateOnValidate` column — reflects
+     * this in-memory result too. Call after `inMemoryValidationResult` updates,
+     * before the redraw that applies the formatter's own styling.
+     */
+    private refreshInMemoryMutateOnValidateColumns;
     private streamCsvData;
     private streamJsonData;
     private streamXmlData;

package/library/packages/hybrid/table-core/src/tabulator-tables/core/TabulatorFull.d.ts

@@ -1,6 +1,7 @@
 import { default as Filter } from '../modules/Filter/Filter';
 import { default as Page } from '../modules/Page/Page';
 import { default as SelectRow } from '../modules/SelectRow/SelectRow';
+import { default as Sort } from '../modules/Sort/Sort';
 import { default as Tabulator } from './Tabulator';
 import { GroupArg, GroupValuesArg, ICellComponent, ITabulatorFull, Options, SheetLookup, SortDirection, Sorter, SpreadsheetComponent, ValidationSummary } from './types';
 
@@ -41,11 +42,24 @@ declare class TabulatorFull extends Tabulator implements ITabulatorFull {
      * The setPage method returns a promise, this can be used to run any other commands that have to be run after the data has been loaded into the table. By running them in the promise you ensure they are only run after the table has loaded the data.
      */
     setPage: (page: number | 'first' | 'prev' | 'next' | 'last') => Promise<void>;
+    /**
+     * Jumps to the page containing the given row component.
+     */
+    setPageToRow: (row: unknown) => Promise<void>;
     getSheetData: (key?: SheetLookup) => unknown[][];
     getPage: () => Page;
+    /**
+     * The current page size (row count per page).
+     */
+    getPageSize: () => number | true;
     setFilter: Filter['setFilter'];
+    getFilters: Filter['getFilters'];
     createFilterFieldFunction: Filter['createFilterFieldFunction'];
     clearFilter: Filter['clearFilter'];
+    /**
+     * Returns the currently active sorters.
+     */
+    getSorters: Sort['getSort'];
     selectRow: SelectRow['selectRows'];
     deselectRow: SelectRow['deselectRows'];
     toggleSelectRow: SelectRow['toggleRow'];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.164.0",
+  "version": "2.166.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/chunks/button.styles.svc2lIwC.js

@@ -1,5 +0,0 @@
-import { i as t } from "./lit-element.jLBm65_O.js";
-const r = t`:host{--background-color:var(--cx-color-primary);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-medium);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-style:var(--font-style,normal);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{white-space:nowrap;text-overflow:ellipsis;line-height:1.15;display:inline-block;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled),.button--standard.button--default.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-700)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled),.button--standard.button--primary.button--focused:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled),.button--standard.button--success.button--focused:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled),.button--standard.button--warning.button--focused:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled),.button--standard.button--danger.button--focused:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled),.button--standard.button--custom.button--focused:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));color:var(--color-focus,var(--color))}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--focused:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--focused:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--focused:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--focused:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--focused:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled),.button--text.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text:focus-visible:not(.button--disabled){color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled),.button--tertiary.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:focus-visible:not(.button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);--font-family:var(--button-custom-font-family), var(--cx-font-sans);--font-style:var(--button-custom-font-style);--font-weight:var(--button-custom-font-weight);border-radius:var(--cx-button-border-radius-medium)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--cx-font-size-large);margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--cx-font-size-medium)}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
-export {
-  r as b
-};