@ds-mo/ui 14.34.0 → 14.36.0

package/dist/types/components/BarTitle/bar-title-action-chrome.d.ts

@@ -52,6 +52,7 @@ export declare function renderBarTitleActionMenus(options: {
     visibleActions: BarTitleActionConfigItem[];
     instanceId: number;
     resolvedActionItems: BarTitleActionConfigItem[];
+    sideOffset?: number | string;
     openActionMenuId: string;
     actionMenuInitialFocusVisible: boolean;
     overflowTrigger: FocusableBarTitleButton | null;
@@ -65,6 +66,7 @@ export declare function renderBarTitleOverflowMenu(options: {
     showOverflowTrigger: boolean;
     actionMenuId: string;
     actionMenuTriggerId: string;
+    sideOffset?: number | string;
     actionsAriaLabel: string;
     open: boolean;
     actionMenuInitialFocusVisible: boolean;

package/dist/types/components/ButtonInverted/ButtonInverted.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { ControlInsetDepth } from '../../utils/control-text';
+import type { ButtonPopup, ButtonSize, ButtonVariant, ButtonWidth } from '../../utils/button-types';
+export type ButtonInvertedVariant = ButtonVariant;
+export type ButtonInvertedSize = ButtonSize;
+export type ButtonInvertedWidth = ButtonWidth;
+export type ButtonInvertedPopup = ButtonPopup;
+export declare class ButtonInverted {
+    /**
+     * Content layout. Default is label-only; pass `icon` for icon-only chrome
+     * or `icon-label` for leading icon + text.
+     */
+    variant: ButtonInvertedVariant;
+    /** Control density (height, padding, icon, type). */
+    size: ButtonInvertedSize;
+    /** Use reduced outer geometry when nested inside a control of the same size. */
+    isInset: boolean;
+    /** Single removes 4px overall; double removes 8px overall (xs stays single). */
+    insetDepth: ControlInsetDepth;
+    /** Width fit — hug content (default) or fill the parent. */
+    width: ButtonInvertedWidth;
+    /** Visible text for `label` / `icon-label` variants. */
+    label: string;
+    /** Whether the visible label uses the emphasized weight. */
+    labelEmphasis: boolean;
+    /** Icon name passed to <ds-icon> for `icon` / `icon-label` variants. */
+    icon: string;
+    /** Use the half-radius treatment instead of the default control radius. */
+    rounded: boolean;
+    /**
+     * Scale down during a physical pointer press.
+     * Disable when an owning composite requires fixed child or background geometry.
+     */
+    pressScale: boolean;
+    /** Disables interaction. */
+    isInactive: boolean;
+    /** Shows an inline loader and prevents interaction without applying inactive opacity. */
+    isLoading: boolean;
+    /** Native button type. */
+    type: 'button' | 'submit' | 'reset';
+    /** Accessible name override. Required for icon-only buttons. */
+    ariaLabel: string | null;
+    /** ID of the popup this button controls. */
+    controls: string | undefined;
+    /** Controlled disclosure state forwarded to aria-expanded. */
+    expanded: boolean | undefined;
+    /**
+     * The associated menu, picker, or panel is visible, including its exit motion.
+     * Holds only the pressed wash and does not set ARIA or selection state.
+     */
+    surfaceOpen: boolean | undefined;
+    /** Popup type exposed to assistive technology. */
+    haspopup: ButtonInvertedPopup | undefined;
+    /**
+     * Append a separate ChevronDown menu segment while preserving the inverted
+     * recipe, variant, size, loading, inactive, and width treatment.
+     */
+    split: boolean;
+    /** Accessible name for the appended menu segment in split mode. */
+    menuAriaLabel: string;
+    /**
+     * This action has a menu: implies `aria-haspopup="menu"` and adds the
+     * trailing chevron that carries the affordance.
+     *
+     * Only `label` and `icon-label` are supported. Icon-only menu triggers belong
+     * to ButtonUnfilled so the glyph can communicate the overflow affordance.
+     */
+    hasMenu: boolean;
+    dsClick: EventEmitter<MouseEvent>;
+    dsMenuClick: EventEmitter<MouseEvent>;
+    private buttonEl;
+    private menuButtonEl;
+    setFocus(segment?: 'primary' | 'menu'): Promise<void>;
+    private handleClick;
+    private handleMenuClick;
+    private get resolvedHaspopup();
+    private get resolvedSurfaceOpen();
+    private get accessibleName();
+    private get doubleInset();
+    private buttonClass;
+    render(): any;
+}
+//# sourceMappingURL=ButtonInverted.d.ts.map

package/dist/types/components/ButtonInverted/index.d.ts

@@ -0,0 +1,2 @@
+export type { ButtonInvertedPopup, ButtonInvertedSize, ButtonInvertedVariant, ButtonInvertedWidth, } from './ButtonInverted';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Calendar/Calendar.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type CalendarSelectionMode = 'single' | 'range';
+export declare class Calendar {
+    el: HTMLElement;
+    /** Single date emits YYYY-MM-DD. Range emits the shared `range:start/end` string. */
+    selectionMode: CalendarSelectionMode;
+    value: string;
+    min: string | undefined;
+    max: string | undefined;
+    isInactive: boolean;
+    /** Move keyboard focus into the grid after the calendar is rendered. */
+    autoFocus: boolean;
+    dsChange: EventEmitter<string>;
+    private month;
+    private pendingStart;
+    private previewEnd;
+    private heldRange;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    onValueChange(): void;
+    setFocus(): Promise<void>;
+    private anchorDate;
+    private isDisabled;
+    private moveMonth;
+    private selectDate;
+    private previewRange;
+    private clearPreview;
+    private focusDate;
+    private handleDayKeyDown;
+    render(): any;
+}
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/types/components/Calendar/calendar-grid.d.ts

@@ -0,0 +1,19 @@
+export interface CalendarDateRange {
+    start: string;
+    end: string;
+}
+export interface CalendarDay {
+    value: string;
+    day: number;
+    inMonth: boolean;
+    label: string;
+}
+export declare const CALENDAR_WEEKDAYS: string[];
+export declare function calendarToday(): string;
+export declare function calendarMonth(value: string): string;
+export declare function shiftCalendarMonth(value: string, offset: number): string;
+export declare function calendarMonthLabel(value: string): string;
+export declare function calendarDays(value: string): CalendarDay[];
+/** Keep the previous committed range visible while a replacement range is being chosen. */
+export declare function calendarPaintedRange(pendingStart: string, heldRange: CalendarDateRange | null, valueRange: CalendarDateRange | null): CalendarDateRange | null;
+//# sourceMappingURL=calendar-grid.d.ts.map

package/dist/types/components/Field/Field.d.ts

@@ -1,7 +1,7 @@
 export declare class Field {
     el: HTMLElement;
-    /** Persistent visible label for the single slotted control. */
-    label: string;
+    /** Visible label for the slotted control. Omit when a nearby heading already names the field. */
+    label?: string;
     /** Explicit ID for the slotted control; generated when omitted. */
     fieldId: string | undefined;
     /** Optional guidance associated with the slotted control while no visible error is shown. */
@@ -16,6 +16,8 @@ export declare class Field {
     private touched;
     private controlDisabled;
     private controlRequired;
+    private controlBorderless;
+    private controlSize;
     /** Bumped to let Stencil relocate a control added after the initial render. */
     private slotRevision;
     private readonly generatedId;
@@ -24,12 +26,14 @@ export declare class Field {
     private initialValue;
     private authoredAria;
     private childObserver?;
+    private controlAttrObserver?;
     private didLoad;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     onFieldContractChange(): void;
+    private get hasLabel();
     private get controlId();
     private get labelId();
     private get descriptionId();
@@ -41,6 +45,7 @@ export declare class Field {
     private findControl;
     private observeLateControls;
     private syncControl;
+    private observeControlAttributes;
     private handleLabelClick;
     private handleFocusIn;
     private handleFocusOut;

package/dist/types/components/FilterMenu/FilterMenu.d.ts

@@ -36,6 +36,10 @@ export interface FilterMenuMatchModeChangeDetail {
 export declare class FilterMenu {
     el: HTMLElement;
     /** Controlled popup visibility. */
+    /** Render content inside a parent-owned surface; the parent owns dismissal and positioning. */
+    embedded: boolean;
+    /** Stacked, collapsible sections for a configuration panel. */
+    vertical: boolean;
     open: boolean;
     /** Select trigger text. */
     triggerLabel: string;
@@ -48,8 +52,20 @@ export declare class FilterMenu {
     /** Select trigger width fit. */
     width: FilterMenuWidth;
     /** Show the surface-aware inset border around the select trigger. */
+    /** Show the trigger chevron. */
+    showIndicator: boolean;
     hasBorder: boolean;
     /** Show selected interaction fill when one or more criteria are active. */
+    /** Keep trigger colors neutral when a value is selected. */
+    neutralTrigger: boolean;
+    /** Stage filter edits until Apply is pressed. */
+    applyRequired: boolean;
+    private draftValues?;
+    private draftModes?;
+    private changeValue;
+    private changeMode;
+    private get hasPendingChanges();
+    private applyDraft;
     activeFill: boolean;
     /**
      * Opt into table-caption icon-only chrome below 900px. The trigger omits its
@@ -106,9 +122,6 @@ export declare class FilterMenu {
     private activeOptionIndex;
     private captionCompact;
     private dateModeByFilter;
-    private calendarMonthByFilter;
-    private pendingRangeStartByFilter;
-    private previewRangeEndByFilter;
     private optionQueryByFilter;
     /** Requests a controlled value replacement without closing the popup. */
     dsChange: EventEmitter<FilterMenuChangeDetail>;
@@ -171,13 +184,6 @@ export declare class FilterMenu {
     private selectOption;
     private dateMode;
     private setDateMode;
-    private calendarMonth;
-    private moveCalendarMonth;
-    private selectCalendarDate;
-    private previewCalendarRange;
-    private clearCalendarRangePreview;
-    private focusCalendarDate;
-    private handleCalendarDayKeyDown;
     private renderRelativeDateOptions;
     private renderDateCalendar;
     private renderDateFilter;

package/dist/types/components/Input/Input.d.ts

@@ -18,6 +18,8 @@ export declare class Input {
     required: boolean;
     requiredMessage: string;
     clearLabel: string;
+    showPasswordLabel: string;
+    hidePasswordLabel: string;
     placeholder: string | undefined;
     type: InputType;
     /** Minimum accepted value when type is number. */
@@ -62,11 +64,18 @@ export declare class Input {
     private initialValue;
     private inputEl?;
     private formDisabled;
+    private hasPrefix;
+    private hasPrefixControl;
     private hasSuffix;
+    private hasSuffixControl;
     private focused;
     private touched;
+    private passwordRevealed;
+    private restorePasswordFocus;
     componentWillLoad(): void;
     componentDidRender(): void;
+    onTypeChange(): void;
+    private syncAdornmentSlots;
     syncFormValue(): void;
     formDisabledCallback(disabled: boolean): void;
     formResetCallback(): void;
@@ -76,6 +85,7 @@ export declare class Input {
     private handleFocus;
     private handleBlur;
     private handleClear;
+    private handleTogglePassword;
     private numericStepDisabled;
     private handleNumericStep;
     private renderNumericStepper;

package/dist/types/components/InputDate/InputDate.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlSize, type ControlWidth } from '../../utils';
+export type InputDateSize = ControlSize;
+export type InputDateWidth = ControlWidth;
+export declare class InputDate {
+    el: HTMLElement;
+    internals: ElementInternals;
+    private generatedId;
+    private errorId;
+    private popupId;
+    value: string;
+    name: string | undefined;
+    form: string | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    requiredMessage: string;
+    min: string | undefined;
+    max: string | undefined;
+    size: InputDateSize;
+    width: InputDateWidth;
+    hasBorder: boolean;
+    hasInteractionFill: boolean;
+    isInactive: boolean;
+    autoFocus: boolean;
+    error: boolean;
+    errorMessage: string | undefined;
+    inputId: string | undefined;
+    ariaLabel: string | null;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    dsChange: EventEmitter<string>;
+    private initialValue;
+    private inputEl?;
+    private controlEl?;
+    private calendarButton?;
+    private closeTimer;
+    private formDisabled;
+    private focused;
+    private touched;
+    private draftText;
+    private open;
+    private shouldRender;
+    private closing;
+    private positionReady;
+    private pos;
+    private readonly position;
+    private readonly interaction;
+    private get popupFallbackWidth();
+    private get popupFallbackHeight();
+    private get formInactive();
+    private get pickerInactive();
+    private get hasConstraintError();
+    private get isInvalid();
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    syncFormValue(): void;
+    onInteractionStateChange(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    setFocus(): Promise<void>;
+    handleHostKeyDown(event: KeyboardEvent): void;
+    private get displayValue();
+    private parseDraft;
+    private commitIso;
+    private teardownListeners;
+    private openPicker;
+    private closePicker;
+    private finishClose;
+    private togglePicker;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleCalendarChange;
+    render(): any;
+}
+//# sourceMappingURL=InputDate.d.ts.map

package/dist/types/components/InputTime/InputTime.d.ts

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlSize, type ControlWidth } from '../../utils';
+export type InputTimeSize = ControlSize;
+export type InputTimeWidth = ControlWidth;
+export declare class InputTime {
+    el: HTMLElement;
+    internals: ElementInternals;
+    private generatedId;
+    private errorId;
+    private popupId;
+    value: string;
+    name: string | undefined;
+    form: string | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    requiredMessage: string;
+    /** Native time step in seconds. Defaults to minutes (`60`). */
+    step: string | number;
+    min: string | undefined;
+    max: string | undefined;
+    size: InputTimeSize;
+    width: InputTimeWidth;
+    hasBorder: boolean;
+    hasInteractionFill: boolean;
+    isInactive: boolean;
+    autoFocus: boolean;
+    error: boolean;
+    errorMessage: string | undefined;
+    inputId: string | undefined;
+    ariaLabel: string | null;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    dsChange: EventEmitter<string>;
+    private initialValue;
+    private inputEl?;
+    private controlEl?;
+    private clockButton?;
+    private closeTimer;
+    private formDisabled;
+    private focused;
+    private touched;
+    private draftText;
+    private open;
+    private shouldRender;
+    private closing;
+    private positionReady;
+    private pos;
+    private readonly position;
+    private readonly interaction;
+    private get popupFallbackWidth();
+    private get popupFallbackHeight();
+    private get formInactive();
+    private get pickerInactive();
+    private get hasConstraintError();
+    private get isInvalid();
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    syncFormValue(): void;
+    onInteractionStateChange(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    setFocus(): Promise<void>;
+    handleHostKeyDown(event: KeyboardEvent): void;
+    private get displayValue();
+    private parseDraft;
+    private commitIso;
+    private teardownListeners;
+    private openPicker;
+    private closePicker;
+    private finishClose;
+    private togglePicker;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleTimeChange;
+    render(): any;
+}
+//# sourceMappingURL=InputTime.d.ts.map

package/dist/types/components/Menu/Menu.d.ts

@@ -6,6 +6,8 @@ export type MenuSelectionMode = 'none' | 'single';
 export type MenuSize = ControlSize;
 export declare class Menu {
     el: HTMLElement;
+    /** Render content inside a parent-owned surface; the parent owns dismissal and positioning. */
+    embedded: boolean;
     open: boolean;
     items: MenuItemData[];
     /** Choice-row density. */

package/dist/types/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { type ControlWidth } from '../../utils';
+import { type ControlInsetDepth, type ControlWidth } from '../../utils';
 import { type ChoiceBackground, type ChoiceOption, type ChoiceSection } from '../../utils/choice-list';
 export type SelectOption = ChoiceOption;
 export type SelectSection = ChoiceSection;
@@ -8,7 +8,7 @@ export type SelectSize = 'lg' | 'md' | 'sm' | 'xs';
 export type SelectWidth = ControlWidth;
 export type SelectPopupAlign = 'start' | 'end';
 export type SelectValue = string | string[];
-export type SelectIndicator = 'down' | 'up-down';
+export type SelectIndicator = 'down' | 'up-down' | 'none';
 export interface SelectOptionActionDetail {
     value: string;
     anchorId: string;
@@ -50,6 +50,10 @@ export declare class Select {
     dot: boolean;
     /** Control density. */
     size: SelectSize;
+    /** Use reduced outer geometry when nested inside a control of the same size. */
+    isInset: boolean;
+    /** Single removes 4px overall; double removes 8px overall (xs stays single). */
+    insetDepth: ControlInsetDepth;
     /** Width fit — hug content (default) or fill the parent. */
     width: SelectWidth;
     /** Align the popup's choice edge to the trigger start or end edge. */
@@ -61,14 +65,20 @@ export declare class Select {
     /** Replace the prefix with a loader and disable option interaction. */
     isLoading: boolean;
     /** Show the selected interaction fill when a valid value exists. */
+    /** Keep trigger colors neutral when a value is selected. */
+    neutralTrigger: boolean;
     activeFill: boolean;
     /**
      * Opt into table-caption icon-only chrome below 900px. The trigger omits its
      * visible label and chevron; keep an accessible name via aria-label.
      */
     collapseLabel: boolean;
+    /** Always show only the prefix icon; retain an accessible name via aria-label. */
+    iconOnly: boolean;
     /** Show the surface-aware inset border, including focused and invalid strokes. */
     hasBorder: boolean;
+    /** Use a pill radius on the trigger. Popup chrome stays on the menu radius. */
+    rounded: boolean;
     /** Optional trigger prefix icon name. */
     icon: string | undefined;
     /** Trailing choice indicator. Use up-down for compact value steppers such as page size. */
@@ -177,6 +187,7 @@ export declare class Select {
     private readonly handleTriggerKeyDown;
     private renderOption;
     private get captionIconOnly();
+    private get doubleInset();
     private syncCaptionCompactObserver;
     private disconnectCaptionCompactObserver;
     private renderCaptionTooltip;

package/dist/types/components/ShellApp/shell-app-types.d.ts

@@ -5,7 +5,7 @@ import type { MobileHeaderTone } from '../MobileHeader/mobile-header-types';
 import type { PanelNavGroup, PanelNavItem, PanelNavRouterMode } from '../PanelNav/panel-nav-types';
 import type { PanelToolsHeaders, PanelToolsHeaderAction, PanelToolsItem, PanelToolsRailAccessory } from '../PanelTools/panel-tools-types';
 import type { NavChromeStyle } from '../../shell/nav-chrome';
-import type { ShellPageContentInset, ShellPageContentSurface } from '../ShellPage/shell-page-types';
+import type { ShellPageContentInset, ShellPageContentSurface, ShellPageHeaderPresentation } from '../ShellPage/shell-page-types';
 export type ShellAppComposition = 'managed' | 'slotted';
 export type ShellSectionNavigation = 'bar' | 'panel';
 /**
@@ -48,6 +48,8 @@ export interface ShellNavigationConfig {
  * the intentionally different mobile MobileHeader presentation.
  */
 export interface ShellPageChromeConfig {
+    /** Explicit presentation for the page-local title. */
+    headerPresentation?: ShellPageHeaderPresentation;
     heading?: string;
     /** Desktop/tablet route-navigation heading when it differs from the page h1. */
     routeHeading?: string;

package/dist/types/components/TabGroup/TabGroup.d.ts

@@ -13,6 +13,7 @@ export declare class TabGroup {
     /** Width fit — hug content (default) or fill the parent with equal-width segments. */
     width: TabGroupWidth;
     /** Show the segmented control's outer background, border, and inset. */
+    presentation: 'segmented' | 'tabs';
     hasContainer: boolean;
     background: TabBackground | undefined;
     ariaLabel: string | null;

package/dist/types/components/Table/Table.d.ts

@@ -1,10 +1,14 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { PaginationChangeDetail } from '../Pagination/pagination-types';
+import type { MenuItemData } from '../Menu/menu-types';
 import type { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableDataModeChangeDetail, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from './table-types';
 export declare class Table {
     el: HTMLElement;
     /** Stable column definitions. Assign through JavaScript. */
     columns: TableColumn[];
+    /** Additional toggle options in the column customizer. */
+    customizeOptions: MenuItemData[];
+    dsCustomizeOptionChange: EventEmitter<string>;
     /** Ungrouped row data. Ignored while grouping is active. Assign through JavaScript. */
     rows: TableRow[];
     /** One level of application-owned grouped data. Assign through JavaScript. */
@@ -29,6 +33,10 @@ export declare class Table {
      * opens the shared Menu of live show/hide switch rows.
      */
     columnCustomizer: boolean;
+    /** Hide only the built-in Customize trigger when an external preferences surface owns it. */
+    /** Remove borders from table-owned caption controls. */
+    captionControlsBorderless: boolean;
+    hideColumnCustomizerTrigger: boolean;
     /** Controlled hidden data-column identities. Action ids are ignored. */
     hiddenColumnIds: string[];
     /** Controlled data-column identities in display order. Omitted ids append in catalog order. */

package/dist/types/components/TableFilter/TableFilter.d.ts

@@ -4,6 +4,8 @@ export declare class TableFilter {
     /** Controlled popup visibility. */
     open: boolean;
     /** Product-owned filter categories and option definitions. */
+    /** Show the trigger border. */
+    hasBorder: boolean;
     filters: FilterMenuFilter[];
     /** Controlled values keyed by filter id. */
     values: FilterMenuValues;

package/dist/types/components/TableGroup/TableGroup.d.ts

@@ -17,6 +17,11 @@ export interface TableGroupOption {
 export declare class TableGroup {
     private el;
     /** Product-owned data points that may group the table. */
+    /** Render content inside a parent-owned surface; the parent owns dismissal and positioning. */
+    /** Show the trigger border. */
+    hasBorder: boolean;
+    vertical: boolean;
+    embedded: boolean;
     options: TableGroupOption[];
     /** Controlled grouping field and the order of its group sections. */
     grouping: TableGroupingState | null;

package/dist/types/components/TablePreferences/TablePreferences.d.ts

@@ -0,0 +1,56 @@
+import type { MenuItemData, MenuSection } from '../Menu/menu-types';
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { FilterMenuFilter, FilterMenuValues, FilterMenuMatchModes, FilterMenuChangeDetail, FilterMenuMatchModeChangeDetail } from '../FilterMenu/FilterMenu';
+import type { TableColumn, TableSortState, TableSortChangeDetail, TableGroupingState, TableColumnsConfigChangeDetail } from '../Table/table-types';
+import type { TableGroupOption } from '../TableGroup/TableGroup';
+export type PreferencesTab = 'filters' | 'sort' | 'group' | 'customize';
+export declare class TablePreferences {
+    el: HTMLElement;
+    /** Show the trigger border. */
+    hasBorder: boolean;
+    filters: FilterMenuFilter[];
+    values: FilterMenuValues;
+    matchModes: FilterMenuMatchModes;
+    activeFilterId: string | undefined;
+    columns: TableColumn[];
+    /** Additional toggle options in the column customizer. */
+    customizeOptions: MenuItemData[];
+    customizeSections: MenuSection[];
+    dsCustomizeOptionChange: EventEmitter<string>;
+    /** Optional sort fields when they differ from customizable content. */
+    sortColumns?: TableColumn[];
+    sort: TableSortState | null;
+    groupingOptions: TableGroupOption[];
+    grouping: TableGroupingState | null;
+    hiddenColumnIds: string[];
+    columnOrder: string[];
+    /** Render shared content without its popup or trigger. */
+    embedded: boolean;
+    activeTab: PreferencesTab;
+    dsPreferencesTabChange: EventEmitter<PreferencesTab>;
+    label: string;
+    dsFilterChange: EventEmitter<FilterMenuChangeDetail>;
+    dsFilterMatchModeChange: EventEmitter<FilterMenuMatchModeChangeDetail>;
+    dsActiveFilterChange: EventEmitter<string>;
+    dsFiltersClear: EventEmitter<void>;
+    dsSortChange: EventEmitter<TableSortChangeDetail>;
+    dsGroupChange: EventEmitter<TableGroupingState>;
+    dsGroupClear: EventEmitter<void>;
+    dsColumnsConfigChange: EventEmitter<TableColumnsConfigChangeDetail>;
+    private open;
+    private tab;
+    private pos;
+    private ready;
+    private readonly popupId;
+    private trigger?;
+    private popup?;
+    private readonly position;
+    private readonly interaction;
+    disconnectedCallback(): void;
+    private close;
+    private toggle;
+    onKeydown(event: KeyboardEvent): void;
+    private forward;
+    render(): any;
+}
+//# sourceMappingURL=TablePreferences.d.ts.map

package/dist/types/components/TableSavedViews/TableSavedViews.d.ts

@@ -3,6 +3,8 @@ import type { TableSavedView, TableSavedViewChangeDetail, TableSavedViewCreateDe
 export declare class TableSavedViews {
     el: HTMLElement;
     /** Application-owned custom saved views. Assign arrays through the JavaScript property. */
+    /** Show the trigger border. */
+    hasBorder: boolean;
     views: TableSavedView[];
     /** ID of the controlled active view, including the default view ID. */
     value: string;
@@ -16,6 +18,8 @@ export declare class TableSavedViews {
     label: string;
     /** Trigger label shown while the default view is selected. */
     triggerLabel: string;
+    /** Use an icon-only trigger in an explicitly compact toolbar. */
+    compact: boolean;
     /** Footer action label that opens the create-view dialog. */
     createLabel: string;
     /** Emitted when a view selection is requested. */