@ds-mo/ui 14.35.0 → 15.0.0

package/dist/vue/ds-table.js

@@ -18,8 +18,8 @@ export const DsTable = /*@__PURE__*/ defineContainer('ds-table', defineDsTable,
     'columnCustomizer',
     'captionControlsBorderless',
     'hideColumnCustomizerTrigger',
-    'hiddenColumnIds',
-    'columnOrder',
+    'hiddenFieldIds',
+    'fieldOrder',
     'displayedCount',
     'totalCount',
     'resultSummaryLabel',
@@ -77,7 +77,7 @@ export const DsTable = /*@__PURE__*/ defineContainer('ds-table', defineDsTable,
     'dsPaginationChange',
     'dsCellAction',
     'dsRowActivate',
-    'dsColumnsConfigChange',
+    'dsFieldsConfigChange',
     'dsDataModeChange'
 ], [
     'dsCustomizeOptionChange',
@@ -89,6 +89,6 @@ export const DsTable = /*@__PURE__*/ defineContainer('ds-table', defineDsTable,
     'dsPaginationChange',
     'dsCellAction',
     'dsRowActivate',
-    'dsColumnsConfigChange',
+    'dsFieldsConfigChange',
     'dsDataModeChange'
 ]);

package/dist/vue/ds-time-picker.d.ts

@@ -0,0 +1,3 @@
+import { type StencilVueComponent } from './vue-runtime.js';
+import type { JSX } from '@ds-mo/ui/components';
+export declare const DsTimePicker: StencilVueComponent<JSX.DsTimePicker>;

package/dist/vue/ds-time-picker.js

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated vue proxies */
+import { defineContainer } from './vue-runtime.js';
+import { defineCustomElement as defineDsTimePicker } from '@ds-mo/ui/components/ds-time-picker.js';
+export const DsTimePicker = /*@__PURE__*/ defineContainer('ds-time-picker', defineDsTimePicker, [
+    'value',
+    'min',
+    'max',
+    'step',
+    'isInactive',
+    'autoFocus',
+    'dsChange'
+], [
+    'dsChange'
+]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "14.35.0",
+  "version": "15.0.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -124,7 +124,7 @@
   "peerDependencies": {
     "@angular/core": ">=19 <23",
     "@angular/forms": ">=19 <23",
-    "@ds-mo/icons": "^7.0.0",
+    "@ds-mo/icons": "^8.1.0",
     "@ds-mo/tokens": "^6.5.1",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
@@ -157,7 +157,7 @@
     "@angular/core": "^22.0.7",
     "@angular/forms": "^22.0.7",
     "@axe-core/playwright": "^4.12.1",
-    "@ds-mo/icons": "^7.0.0",
+    "@ds-mo/icons": "^8.1.0",
     "@ds-mo/tokens": "^6.5.1",
     "@eslint/js": "^10.0.1",
     "@fontsource-variable/inter": "^5.3.0",

package/dist/angular/ds-table-filter.d.ts

@@ -1,50 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableFilterCustomEvent } from '@ds-mo/ui/components';
-import type { FilterMenuChangeDetail as IDsTableFilterFilterMenuChangeDetail } from '@ds-mo/ui/components';
-import type { FilterMenuMatchModeChangeDetail as IDsTableFilterFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableFilter {
-    protected z: NgZone;
-    protected el: HTMLDsTableFilterElement;
-    dsChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuChangeDetail>>;
-    dsClear: EventEmitter<DsTableFilterCustomEvent<void>>;
-    dsMatchModeChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuMatchModeChangeDetail>>;
-    dsActiveFilterChange: EventEmitter<DsTableFilterCustomEvent<string>>;
-    dsClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-    dsOpenChange: EventEmitter<DsTableFilterCustomEvent<boolean>>;
-    dsAfterClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableFilter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableFilter, "ds-table-filter", never, { "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "categoriesLabel": { "alias": "categoriesLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "matchModes": { "alias": "matchModes"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "dsChange": "dsChange"; "dsClear": "dsClear"; "dsMatchModeChange": "dsMatchModeChange"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsClose": "dsClose"; "dsOpenChange": "dsOpenChange"; "dsAfterClose": "dsAfterClose"; }, never, ["*"], true, never>;
-}
-export declare interface DsTableFilter extends Components.DsTableFilter {
-    /**
-     * Requests a controlled value replacement without closing the popup.
-     */
-    dsChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuChangeDetail>>;
-    /**
-     * Requests that the consumer clear every filter value.
-     */
-    dsClear: EventEmitter<DsTableFilterCustomEvent<void>>;
-    /**
-     * Requests a controlled any/all mode replacement for a multiple-choice filter.
-     */
-    dsMatchModeChange: EventEmitter<DsTableFilterCustomEvent<IDsTableFilterFilterMenuMatchModeChangeDetail>>;
-    /**
-     * Requests a controlled active-category replacement.
-     */
-    dsActiveFilterChange: EventEmitter<DsTableFilterCustomEvent<string>>;
-    /**
-     * Requests that the controlled popup close.
-     */
-    dsClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-    /**
-     * Emitted whenever trigger activation changes popup visibility.
-     */
-    dsOpenChange: EventEmitter<DsTableFilterCustomEvent<boolean>>;
-    /**
-     * Emitted after exit motion and rendered popup removal complete.
-     */
-    dsAfterClose: EventEmitter<DsTableFilterCustomEvent<void>>;
-}

package/dist/angular/ds-table-group.d.ts

@@ -1,29 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableGroupCustomEvent } from '@ds-mo/ui/components';
-import type { TableGroupingState as IDsTableGroupTableGroupingState } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableGroup {
-    protected z: NgZone;
-    protected el: HTMLDsTableGroupElement;
-    dsGroupChange: EventEmitter<DsTableGroupCustomEvent<IDsTableGroupTableGroupingState>>;
-    dsClear: EventEmitter<DsTableGroupCustomEvent<void>>;
-    dsOpenChange: EventEmitter<DsTableGroupCustomEvent<boolean>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableGroup, "ds-table-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "dsGroupChange": "dsGroupChange"; "dsClear": "dsClear"; "dsOpenChange": "dsOpenChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsTableGroup extends Components.DsTableGroup {
-    /**
-     * Requests replacement of the complete controlled grouping state.
-     */
-    dsGroupChange: EventEmitter<DsTableGroupCustomEvent<IDsTableGroupTableGroupingState>>;
-    /**
-     * Requests removal of the controlled grouping state.
-     */
-    dsClear: EventEmitter<DsTableGroupCustomEvent<void>>;
-    /**
-     * Reports controlled popup visibility changes.
-     */
-    dsOpenChange: EventEmitter<DsTableGroupCustomEvent<boolean>>;
-}

package/dist/angular/ds-table-preferences.d.ts

@@ -1,39 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTablePreferencesCustomEvent } from '@ds-mo/ui/components';
-import type { PreferencesTab as IDsTablePreferencesPreferencesTab } from '@ds-mo/ui/components';
-import type { FilterMenuChangeDetail as IDsTablePreferencesFilterMenuChangeDetail } from '@ds-mo/ui/components';
-import type { FilterMenuMatchModeChangeDetail as IDsTablePreferencesFilterMenuMatchModeChangeDetail } from '@ds-mo/ui/components';
-import type { TableSortChangeDetail as IDsTablePreferencesTableSortChangeDetail } from '@ds-mo/ui/components';
-import type { TableGroupingState as IDsTablePreferencesTableGroupingState } from '@ds-mo/ui/components';
-import type { TableColumnsConfigChangeDetail as IDsTablePreferencesTableColumnsConfigChangeDetail } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTablePreferences {
-    protected z: NgZone;
-    protected el: HTMLDsTablePreferencesElement;
-    dsCustomizeOptionChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsPreferencesTabChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesPreferencesTab>>;
-    dsFilterChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuChangeDetail>>;
-    dsFilterMatchModeChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuMatchModeChangeDetail>>;
-    dsActiveFilterChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsFiltersClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsSortChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableSortChangeDetail>>;
-    dsGroupChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableGroupingState>>;
-    dsGroupClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsColumnsConfigChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableColumnsConfigChangeDetail>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTablePreferences, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTablePreferences, "ds-table-preferences", never, { "activeFilterId": { "alias": "activeFilterId"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "customizeOptions": { "alias": "customizeOptions"; "required": false; }; "customizeSections": { "alias": "customizeSections"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groupingOptions": { "alias": "groupingOptions"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hiddenColumnIds": { "alias": "hiddenColumnIds"; "required": false; }; "label": { "alias": "label"; "required": false; }; "matchModes": { "alias": "matchModes"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "sortColumns": { "alias": "sortColumns"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "dsCustomizeOptionChange": "dsCustomizeOptionChange"; "dsPreferencesTabChange": "dsPreferencesTabChange"; "dsFilterChange": "dsFilterChange"; "dsFilterMatchModeChange": "dsFilterMatchModeChange"; "dsActiveFilterChange": "dsActiveFilterChange"; "dsFiltersClear": "dsFiltersClear"; "dsSortChange": "dsSortChange"; "dsGroupChange": "dsGroupChange"; "dsGroupClear": "dsGroupClear"; "dsColumnsConfigChange": "dsColumnsConfigChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsTablePreferences extends Components.DsTablePreferences {
-    dsCustomizeOptionChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsPreferencesTabChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesPreferencesTab>>;
-    dsFilterChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuChangeDetail>>;
-    dsFilterMatchModeChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesFilterMenuMatchModeChangeDetail>>;
-    dsActiveFilterChange: EventEmitter<DsTablePreferencesCustomEvent<string>>;
-    dsFiltersClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsSortChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableSortChangeDetail>>;
-    dsGroupChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableGroupingState>>;
-    dsGroupClear: EventEmitter<DsTablePreferencesCustomEvent<void>>;
-    dsColumnsConfigChange: EventEmitter<DsTablePreferencesCustomEvent<IDsTablePreferencesTableColumnsConfigChangeDetail>>;
-}

package/dist/angular/ds-table-saved-views.d.ts

@@ -1,49 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableSavedViewsCustomEvent } from '@ds-mo/ui/components';
-import type { TableSavedViewChangeDetail as IDsTableSavedViewsTableSavedViewChangeDetail } from '@ds-mo/ui/components';
-import type { TableSavedViewCreateDetail as IDsTableSavedViewsTableSavedViewCreateDetail } from '@ds-mo/ui/components';
-import type { TableSavedViewRenameDetail as IDsTableSavedViewsTableSavedViewRenameDetail } from '@ds-mo/ui/components';
-import type { TableSavedViewRemoveDetail as IDsTableSavedViewsTableSavedViewRemoveDetail } from '@ds-mo/ui/components';
-import type { TableSavedViewSaveDetail as IDsTableSavedViewsTableSavedViewSaveDetail } from '@ds-mo/ui/components';
-import type { TableSavedViewDiscardDetail as IDsTableSavedViewsTableSavedViewDiscardDetail } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableSavedViews {
-    protected z: NgZone;
-    protected el: HTMLDsTableSavedViewsElement;
-    dsViewChange: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewChangeDetail>>;
-    dsViewCreate: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewCreateDetail>>;
-    dsViewRename: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewRenameDetail>>;
-    dsViewRemove: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewRemoveDetail>>;
-    dsViewSave: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewSaveDetail>>;
-    dsViewDiscard: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewDiscardDetail>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableSavedViews, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSavedViews, "ds-table-saved-views", never, { "compact": { "alias": "compact"; "required": false; }; "createLabel": { "alias": "createLabel"; "required": false; }; "defaultViewId": { "alias": "defaultViewId"; "required": false; }; "defaultViewLabel": { "alias": "defaultViewLabel"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "views": { "alias": "views"; "required": false; }; }, { "dsViewChange": "dsViewChange"; "dsViewCreate": "dsViewCreate"; "dsViewRename": "dsViewRename"; "dsViewRemove": "dsViewRemove"; "dsViewSave": "dsViewSave"; "dsViewDiscard": "dsViewDiscard"; }, never, ["*"], true, never>;
-}
-export declare interface DsTableSavedViews extends Components.DsTableSavedViews {
-    /**
-     * Emitted when a view selection is requested.
-     */
-    dsViewChange: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewChangeDetail>>;
-    /**
-     * Emitted after a valid create-view name is submitted.
-     */
-    dsViewCreate: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewCreateDetail>>;
-    /**
-     * Emitted after a valid renamed view name is submitted.
-     */
-    dsViewRename: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewRenameDetail>>;
-    /**
-     * Emitted when a custom view removal is requested.
-     */
-    dsViewRemove: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewRemoveDetail>>;
-    /**
-     * Emitted when changes to the active custom view should replace its stored payload.
-     */
-    dsViewSave: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewSaveDetail>>;
-    /**
-     * Emitted when the active custom view's stored payload should be restored.
-     */
-    dsViewDiscard: EventEmitter<DsTableSavedViewsCustomEvent<IDsTableSavedViewsTableSavedViewDiscardDetail>>;
-}

package/dist/angular/ds-table-search.d.ts

@@ -1,20 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableSearchCustomEvent } from '@ds-mo/ui/components';
-import type { TableSearchFieldsChangeDetail as IDsTableSearchTableSearchFieldsChangeDetail } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableSearch {
-    protected z: NgZone;
-    protected el: HTMLDsTableSearchElement;
-    dsChange: EventEmitter<DsTableSearchCustomEvent<string>>;
-    dsFieldsChange: EventEmitter<DsTableSearchCustomEvent<IDsTableSearchTableSearchFieldsChangeDetail>>;
-    dsClear: EventEmitter<DsTableSearchCustomEvent<void>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableSearch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSearch, "ds-table-search", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "fieldMenuLabel": { "alias": "fieldMenuLabel"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "isInactive": { "alias": "isInactive"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectedFieldIds": { "alias": "selectedFieldIds"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "dsChange": "dsChange"; "dsFieldsChange": "dsFieldsChange"; "dsClear": "dsClear"; }, never, ["*"], true, never>;
-}
-export declare interface DsTableSearch extends Components.DsTableSearch {
-    dsChange: EventEmitter<DsTableSearchCustomEvent<string>>;
-    dsFieldsChange: EventEmitter<DsTableSearchCustomEvent<IDsTableSearchTableSearchFieldsChangeDetail>>;
-    dsClear: EventEmitter<DsTableSearchCustomEvent<void>>;
-}

package/dist/angular/ds-table-sort.d.ts

@@ -1,16 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableSortCustomEvent } from '@ds-mo/ui/components';
-import type { TableSortChangeDetail as IDsTableSortTableSortChangeDetail } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableSort {
-    protected z: NgZone;
-    protected el: HTMLDsTableSortElement;
-    dsSortChange: EventEmitter<DsTableSortCustomEvent<IDsTableSortTableSortChangeDetail>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableSort, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableSort, "ds-table-sort", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, { "dsSortChange": "dsSortChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsTableSort extends Components.DsTableSort {
-    dsSortChange: EventEmitter<DsTableSortCustomEvent<IDsTableSortTableSortChangeDetail>>;
-}

package/dist/angular/ds-table-toolbar.d.ts

@@ -1,12 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTableToolbar {
-    protected z: NgZone;
-    protected el: HTMLDsTableToolbarElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTableToolbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTableToolbar, "ds-table-toolbar", never, { "borderless": { "alias": "borderless"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-export declare interface DsTableToolbar extends Components.DsTableToolbar {
-}

package/dist/components/ds-table-filter.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as t,h as i,a,t as r}from"./index.js";import{d as l}from"./p-DtLQIMsa.js";import{d as o}from"./p-xHGqrz_p.js";import{d as n}from"./p-C7CZ9pnP.js";import{d}from"./p-D_u8WhlU.js";import{d as c}from"./p-QjkufCcn.js";import{d as h}from"./p-Cea7rROU.js";import{d as m}from"./p-FPZbS19l.js";import{d as f}from"./p-0XTyQNRG.js";import{d as u}from"./p-beRFLHbB.js";import{d as b}from"./p-BPhbwXOv.js";import{d as p}from"./p-CLGtPE0K.js";import{d as g}from"./p-BINSI_KF.js";const C=()=>`.sc-ds-table-filter-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}ds-filter-menu.sc-ds-table-filter{min-inline-size:0;max-inline-size:100%;--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}`;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",7);this.dsClear=t(this,"dsClear",7);this.dsMatchModeChange=t(this,"dsMatchModeChange",7);this.dsActiveFilterChange=t(this,"dsActiveFilterChange",7);this.dsClose=t(this,"dsClose",7);this.dsOpenChange=t(this,"dsOpenChange",7);this.dsAfterClose=t(this,"dsAfterClose",7);this.open=false;this.hasBorder=true;this.filters=[];this.values={};this.matchModes={};this.label="Filter";this.ariaLabel=null;this.menuLabel=null;this.categoriesLabel="Filter categories";this.clearLabel="Clear";this.searchPlaceholder="Search";this.noResultsText="No results"}render(){const e=this.ariaLabel?.trim()||"Filter table";const s=this.menuLabel?.trim()||e;return i(a,{key:"cae0dbe2b696c0a534bc164b615ee50ce202ed83"},i("ds-filter-menu",{key:"3316eb3f352b1ff7274c99d7d2cbbe1fa930eb18",neutralTrigger:true,applyRequired:true,open:this.open,triggerLabel:this.label,showSelectedCount:false,showIndicator:false,icon:"Filters",size:"md",width:"hug",hasBorder:this.hasBorder,activeFill:false,collapseLabel:true,align:"start","aria-label":e,filters:this.filters,values:this.values,matchModes:this.matchModes,activeFilterId:this.activeFilterId,menuLabel:s,categoriesLabel:this.categoriesLabel,clearLabel:this.clearLabel,searchPlaceholder:this.searchPlaceholder,noResultsText:this.noResultsText,footerLayout:"categories-clear",onDsChange:e=>this.forward(e,this.dsChange),onDsClear:e=>this.forward(e,this.dsClear),onDsMatchModeChange:e=>this.forward(e,this.dsMatchModeChange),onDsActiveFilterChange:e=>this.forward(e,this.dsActiveFilterChange),onDsClose:e=>this.forward(e,this.dsClose),onDsOpenChange:e=>{e.stopPropagation();this.open=e.detail;this.dsOpenChange.emit(e.detail)},onDsAfterClose:e=>this.forward(e,this.dsAfterClose)}))}forward(e,s){e.stopPropagation();s.emit(e.detail)}static get style(){return C()}},[2,"ds-table-filter",{open:[1028],hasBorder:[4,"has-border"],filters:[16],values:[16],matchModes:[16],activeFilterId:[1,"active-filter-id"],label:[1],ariaLabel:[1,"aria-label"],menuLabel:[1,"menu-label"],categoriesLabel:[1,"categories-label"],clearLabel:[1,"clear-label"],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"]}]);function x(){if(typeof customElements==="undefined"){return}const e=["ds-table-filter","ds-badge","ds-button-unfilled","ds-checkbox","ds-empty-state","ds-filter-menu","ds-icon","ds-input","ds-loader","ds-tab-group","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-table-filter":if(!customElements.get(r(e))){customElements.define(r(e),k)}break;case"ds-badge":if(!customElements.get(r(e))){l()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){o()}break;case"ds-checkbox":if(!customElements.get(r(e))){n()}break;case"ds-empty-state":if(!customElements.get(r(e))){d()}break;case"ds-filter-menu":if(!customElements.get(r(e))){c()}break;case"ds-icon":if(!customElements.get(r(e))){h()}break;case"ds-input":if(!customElements.get(r(e))){m()}break;case"ds-loader":if(!customElements.get(r(e))){f()}break;case"ds-tab-group":if(!customElements.get(r(e))){u()}break;case"ds-tag":if(!customElements.get(r(e))){b()}break;case"ds-text":if(!customElements.get(r(e))){p()}break;case"ds-tooltip":if(!customElements.get(r(e))){g()}break}}))}x();const E=k;const j=x;export{E as DsTableFilter,j as defineCustomElement};
-//# sourceMappingURL=ds-table-filter.js.map

package/dist/components/ds-table-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tableFilterCss","TableFilter","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","hasBorder","filters","values","matchModes","label","ariaLabel","menuLabel","categoriesLabel","clearLabel","searchPlaceholder","noResultsText","render","name","trim","menuName","h","Host","key","neutralTrigger","applyRequired","triggerLabel","showSelectedCount","showIndicator","icon","size","width","activeFill","collapseLabel","align","activeFilterId","footerLayout","onDsChange","event","forward","dsChange","onDsClear","dsClear","onDsMatchModeChange","dsMatchModeChange","onDsActiveFilterChange","dsActiveFilterChange","onDsClose","dsClose","onDsOpenChange","stopPropagation","detail","dsOpenChange","emit","onDsAfterClose","dsAfterClose","emitter"],"sources":["src/wc/components/TableFilter/TableFilter.css?tag=ds-table-filter&encapsulation=scoped","src/wc/components/TableFilter/TableFilter.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  min-inline-size: 0;\n  max-inline-size: var(--dimension-menu-width-xs);\n}\n\nds-filter-menu {\n  min-inline-size: 0;\n  max-inline-size: 100%;\n  --ds-choice-popup-min-inline-size: var(--dimension-menu-width-xs);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type {\n  FilterMenuChangeDetail,\n  FilterMenuFilter,\n  FilterMenuMatchModeChangeDetail,\n  FilterMenuMatchModes,\n  FilterMenuValues,\n} from '../FilterMenu/FilterMenu';\n\n@Component({\n  tag: 'ds-table-filter',\n  styleUrl: 'TableFilter.css',\n  scoped: true,\n})\nexport class TableFilter {\n  /** Controlled popup visibility. */\n  @Prop({ mutable: true }) open: boolean = false;\n  /** Product-owned filter categories and option definitions. */\n  /** Show the trigger border. */\n  @Prop() hasBorder: boolean = true;\n  @Prop() filters: FilterMenuFilter[] = [];\n  /** Controlled values keyed by filter id. */\n  @Prop() values: FilterMenuValues = {};\n  /** Controlled any/all match mode keyed by multiple-choice filter id. Defaults to any. */\n  @Prop() matchModes: FilterMenuMatchModes = {};\n  /** Controlled category shown in the option pane. */\n  @Prop() activeFilterId: string | undefined;\n  /** Visible trigger label. */\n  @Prop() label: string = 'Filter';\n  /** Accessible name for the trigger. Defaults to Filter table. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n  /** Accessible name for the non-modal filter dialog. Defaults to the trigger name. */\n  @Prop() menuLabel: string | null = null;\n  /** Accessible name for the category tab list. */\n  @Prop() categoriesLabel: string = 'Filter categories';\n  /** Footer action and date-clear accessible label. */\n  @Prop() clearLabel: string = 'Clear';\n  /** Placeholder shown in each non-date option search header. */\n  @Prop() searchPlaceholder: string = 'Search';\n  /** Empty-state text shown when an option search has no matches. */\n  @Prop() noResultsText: string = 'No results';\n\n  /** Requests a controlled value replacement without closing the popup. */\n  @Event() dsChange!: EventEmitter<FilterMenuChangeDetail>;\n  /** Requests that the consumer clear every filter value. */\n  @Event() dsClear!: EventEmitter<void>;\n  /** Requests a controlled any/all mode replacement for a multiple-choice filter. */\n  @Event() dsMatchModeChange!: EventEmitter<FilterMenuMatchModeChangeDetail>;\n  /** Requests a controlled active-category replacement. */\n  @Event() dsActiveFilterChange!: EventEmitter<string>;\n  /** Requests that the controlled popup close. */\n  @Event() dsClose!: EventEmitter<void>;\n  /** Emitted whenever trigger activation changes popup visibility. */\n  @Event() dsOpenChange!: EventEmitter<boolean>;\n  /** Emitted after exit motion and rendered popup removal complete. */\n  @Event() dsAfterClose!: EventEmitter<void>;\n\n  render() {\n    const name = this.ariaLabel?.trim() || 'Filter table';\n    const menuName = this.menuLabel?.trim() || name;\n\n    return (\n      <Host>\n        <ds-filter-menu\n          neutralTrigger\n          applyRequired\n          open={this.open}\n          triggerLabel={this.label}\n          showSelectedCount={false}\n          showIndicator={false}\n          icon=\"Filters\"\n          size=\"md\"\n          width=\"hug\"\n          hasBorder={this.hasBorder}\n          activeFill={false}\n          collapseLabel={true}\n          align=\"start\"\n          aria-label={name}\n          filters={this.filters}\n          values={this.values}\n          matchModes={this.matchModes}\n          activeFilterId={this.activeFilterId}\n          menuLabel={menuName}\n          categoriesLabel={this.categoriesLabel}\n          clearLabel={this.clearLabel}\n          searchPlaceholder={this.searchPlaceholder}\n          noResultsText={this.noResultsText}\n          footerLayout=\"categories-clear\"\n          onDsChange={event => this.forward(event, this.dsChange)}\n          onDsClear={event => this.forward(event, this.dsClear)}\n          onDsMatchModeChange={event => this.forward(event, this.dsMatchModeChange)}\n          onDsActiveFilterChange={event => this.forward(event, this.dsActiveFilterChange)}\n          onDsClose={event => this.forward(event, this.dsClose)}\n          onDsOpenChange={event => {\n            event.stopPropagation();\n            this.open = event.detail;\n            this.dsOpenChange.emit(event.detail);\n          }}\n          onDsAfterClose={event => this.forward(event, this.dsAfterClose)}\n        />\n      </Host>\n    );\n  }\n\n  private forward<T>(event: CustomEvent<T>, emitter: EventEmitter<T>): void {\n    event.stopPropagation();\n    emitter.emit(event.detail);\n  }\n}\n"],"mappings":"weAAA,MAAMA,EAAiB,IAAM,wP,MCchBC,EAAWC,EAAA,MAAAD,UAAAE,EALxB,WAAAC,CAAAC,G,uVAO2BC,KAAAC,KAAgB,MAGjCD,KAAAE,UAAqB,KACrBF,KAAAG,QAA8B,GAE9BH,KAAAI,OAA2B,GAE3BJ,KAAAK,WAAmC,GAInCL,KAAAM,MAAgB,SAEWN,KAAAO,UAA2B,KAEtDP,KAAAQ,UAA2B,KAE3BR,KAAAS,gBAA0B,oBAE1BT,KAAAU,WAAqB,QAErBV,KAAAW,kBAA4B,SAE5BX,KAAAY,cAAwB,YAoEjC,CAnDC,MAAAC,GACE,MAAMC,EAAOd,KAAKO,WAAWQ,QAAU,eACvC,MAAMC,EAAWhB,KAAKQ,WAAWO,QAAUD,EAE3C,OACEG,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,kBAAAE,IAAA,2CACEC,eAAc,KACdC,cAAa,KACbpB,KAAMD,KAAKC,KACXqB,aAActB,KAAKM,MACnBiB,kBAAmB,MACnBC,cAAe,MACfC,KAAK,UACLC,KAAK,KACLC,MAAM,MACNzB,UAAWF,KAAKE,UAChB0B,WAAY,MACZC,cAAe,KACfC,MAAM,QAAO,aACDhB,EACZX,QAASH,KAAKG,QACdC,OAAQJ,KAAKI,OACbC,WAAYL,KAAKK,WACjB0B,eAAgB/B,KAAK+B,eACrBvB,UAAWQ,EACXP,gBAAiBT,KAAKS,gBACtBC,WAAYV,KAAKU,WACjBC,kBAAmBX,KAAKW,kBACxBC,cAAeZ,KAAKY,cACpBoB,aAAa,mBACbC,WAAYC,GAASlC,KAAKmC,QAAQD,EAAOlC,KAAKoC,UAC9CC,UAAWH,GAASlC,KAAKmC,QAAQD,EAAOlC,KAAKsC,SAC7CC,oBAAqBL,GAASlC,KAAKmC,QAAQD,EAAOlC,KAAKwC,mBACvDC,uBAAwBP,GAASlC,KAAKmC,QAAQD,EAAOlC,KAAK0C,sBAC1DC,UAAWT,GAASlC,KAAKmC,QAAQD,EAAOlC,KAAK4C,SAC7CC,eAAgBX,IACdA,EAAMY,kBACN9C,KAAKC,KAAOiC,EAAMa,OAClB/C,KAAKgD,aAAaC,KAAKf,EAAMa,OAAO,EAEtCG,eAAgBhB,GAASlC,KAAKmC,QAAQD,EAAOlC,KAAKmD,gB,CAMlD,OAAAhB,CAAWD,EAAuBkB,GACxClB,EAAMY,kBACNM,EAAQH,KAAKf,EAAMa,O","ignoreList":[]}

package/dist/components/ds-table-group.js

@@ -1,2 +0,0 @@
-import{T as o,d as s}from"./p-UAIxh67Q.js";const t=o;const p=s;export{t as DsTableGroup,p as defineCustomElement};
-//# sourceMappingURL=ds-table-group.js.map

package/dist/components/ds-table-preferences.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DsTablePreferences extends Components.DsTablePreferences, HTMLElement {}
-export const DsTablePreferences: {
-    prototype: DsTablePreferences;
-    new (): DsTablePreferences;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ds-table-preferences.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as t,h as i,a as r,t as a}from"./index.js";import{A as o,r as d}from"./p-B8ZonS3S.js";import{t as n,n as h}from"./p-CKarsuR2.js";import{t as l,r as c,a as p}from"./p-KBrC9IG4.js";import{A as f}from"./p-etg-Uk1u.js";import{r as m}from"./p-CochmPyg.js";import{T as b}from"./p-BcdHgPi5.js";import{d as u}from"./p-DtLQIMsa.js";import{d as g}from"./p-xHGqrz_p.js";import{d as v}from"./p-C7CZ9pnP.js";import{d as w}from"./p-D_u8WhlU.js";import{d as y}from"./p-QjkufCcn.js";import{d as k}from"./p-Cea7rROU.js";import{d as C}from"./p-FPZbS19l.js";import{d as x}from"./p-0XTyQNRG.js";import{d as j}from"./p-C1_3CVma.js";import{d as E}from"./p-DdspY23v.js";import{d as D}from"./p-DC69DgAR.js";import{d as z}from"./p-beRFLHbB.js";import{d as O}from"./p-UAIxh67Q.js";import{d as P}from"./p-BPhbwXOv.js";import{d as _}from"./p-CLGtPE0K.js";import{d as F}from"./p-BINSI_KF.js";const M=()=>`.sc-ds-table-preferences-h,.sc-ds-table-preferences:where(.ds-table),.sc-ds-table-preferences:where(.tooltip-popup),.sc-ds-table-preferences:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.sc-ds-table-preferences-h{display:inline-flex}.table-preferences.sc-ds-table-preferences{position:fixed;margin:0;padding:0;border:0;border-radius:var(--ds-radius-menu);width:min(var(--dimension-menu-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100dvh - var(--dimension-space-400));display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-primary);color:var(--color-foreground-secondary);box-shadow:var(--effect-shadow-elevated-floating)}.table-preferences.sc-ds-table-preferences::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:var(--effect-highlight-elevated-floating);pointer-events:none;z-index:4}.table-preferences__tabs.sc-ds-table-preferences{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;flex:0 0 var(--dimension-size-500);min-block-size:var(--dimension-size-500);padding:var(--dimension-space-050);background:var(--color-background-primary);border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.table-preferences__body.sc-ds-table-preferences{min-height:0;overflow:auto;overscroll-behavior:contain}.sc-ds-table-preferences-h:has(.table-preferences-panel){display:flex;flex:1;min-height:0}.table-preferences-panel.sc-ds-table-preferences{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.table-preferences-panel.sc-ds-table-preferences .table-preferences__tabs.sc-ds-table-preferences{flex:0 0 auto;padding:var(--dimension-space-200)}`;let A=0;const I=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsCustomizeOptionChange=t(this,"dsCustomizeOptionChange",7);this.dsPreferencesTabChange=t(this,"dsPreferencesTabChange",7);this.dsFilterChange=t(this,"dsFilterChange",7);this.dsFilterMatchModeChange=t(this,"dsFilterMatchModeChange",7);this.dsActiveFilterChange=t(this,"dsActiveFilterChange",7);this.dsFiltersClear=t(this,"dsFiltersClear",7);this.dsSortChange=t(this,"dsSortChange",7);this.dsGroupChange=t(this,"dsGroupChange",7);this.dsGroupClear=t(this,"dsGroupClear",7);this.dsColumnsConfigChange=t(this,"dsColumnsConfigChange",7);this.hasBorder=true;this.filters=[];this.values={};this.matchModes={};this.columns=[];this.customizeOptions=[];this.customizeSections=[];this.sort=null;this.groupingOptions=[];this.grouping=null;this.hiddenColumnIds=[];this.columnOrder=[];this.embedded=false;this.activeTab="filters";this.label="Configure view";this.open=false;this.tab="filters";this.pos={x:0,y:0};this.ready=false;this.popupId=`ds-table-preferences-${++A}`;this.position=new o({getAnchor:()=>this.trigger??null,getPopup:()=>this.popup??null,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{const t=d(e);const i=m(b.space100,8);s.style.maxWidth=`${Math.max(0,Math.min(window.innerWidth,t?.width??window.innerWidth)-i*2)}px`;s.style.maxHeight=`${Math.max(0,Math.min(window.innerHeight,t?.height??window.innerHeight)-i*2)}px`;return{anchorRect:e.getBoundingClientRect(),popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:"end",sideOffsetPx:m(b.space050,4),alignOffsetPx:0,viewportPadPx:m(b.space100,8),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:t}},apply:({x:e,y:s})=>{this.pos={x:e,y:s}},onReady:()=>{this.ready=true},topLayer:true,observeResize:true,observeAnchorMotion:true,liveUpdate:"double-frame"});this.interaction=new f({getAnchor:()=>this.trigger??null,getPopup:()=>this.popup??null,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.close()})}disconnectedCallback(){this.position.unobserve();this.interaction.disconnect()}close(){this.position.unobserve();this.interaction.disconnect();if(this.popup?.matches(":popover-open"))this.popup.hidePopover();this.open=false;void this.trigger?.setFocus()}toggle(){if(this.open){this.close();return}this.open=true;this.ready=false;this.position.observe();this.interaction.connect();this.position.schedule((async()=>{await(this.popup?.querySelector("ds-tab-group")?.componentOnReady?.());requestAnimationFrame((()=>{if(this.open)this.popup?.querySelector('[role="tab"][aria-selected="true"]')?.focus()}))}))}onKeydown(e){if(this.embedded||!this.open||e.defaultPrevented)return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();this.close()}else if(e.key==="Tab"&&this.interaction.tabLeavesPopup(e)){e.preventDefault();this.close();this.interaction.moveFocusAfterTab(e.shiftKey)}}forward(e,s){e.stopPropagation();s.emit(e.detail)}render(){const e=this.embedded?this.activeTab:this.tab;const s=["filters","sort","group","customize"].map((e=>({id:e,label:e==="filters"?"Filters":e[0].toUpperCase()+e.slice(1),panelId:`${this.popupId}-${e}`})));return i(r,{key:"1bc48e74550214ecc1d06eb8b37df4b16b741ad1"},!this.embedded&&i("ds-tooltip",{key:"d0ecd5fd47899508442044b608d150530ed2f71b",label:this.label,side:"bottom",size:"sm"},i("ds-button-unfilled",{key:"3d8d198c13a8d484d0817ba324c74900365109d7",hasBorder:this.hasBorder,ref:e=>{this.trigger=e},variant:"icon",icon:"Preferences",size:"md",ariaLabel:this.label,haspopup:"dialog",expanded:this.open,surfaceOpen:this.open,controls:this.popupId,onDsClick:()=>this.toggle()})),(this.open||this.embedded)&&i("div",{key:"f4d70bd3050ff04fb9043f46092fbc181e5a3d69",ref:e=>{this.popup=e},id:this.popupId,popover:this.embedded?undefined:"manual",role:this.embedded?undefined:"dialog","aria-label":this.label,class:{"table-preferences":!this.embedded,"table-preferences-panel":this.embedded},style:this.embedded?undefined:{left:`${this.pos.x}px`,top:`${this.pos.y}px`,visibility:this.ready?"visible":"hidden"}},i("div",{key:"d4220cd4eef456d0b6c0ad51aec2fd6b6eee9ae6",class:"table-preferences__tabs"},i("ds-tab-group",{key:"e2abb65f1384c17494f9045760e4856ab9e79600",ariaLabel:"Table preference sections",size:"md",presentation:this.embedded?"segmented":"tabs",width:this.embedded?"fill":"hug",tabs:s,value:e,onDsChange:e=>{e.stopPropagation();this.tab=e.detail;this.dsPreferencesTabChange.emit(this.tab)}})),i("div",{key:"5b631d7edf6424b14b6a7689c917882b7a0e718b",class:"table-preferences__body",id:`${this.popupId}-${e}`,role:"tabpanel","aria-label":s.find((s=>s.id===e))?.label},i("div",{key:"7cf452b28e451fc90fb68a4e2e804094208da152",hidden:e!=="filters"},i("ds-filter-menu",{key:"4a6e29619c961f3577cef427e0baf528fe9a20be",embedded:true,vertical:this.embedded,applyRequired:!this.embedded,filters:this.filters,values:this.values,matchModes:this.matchModes,activeFilterId:this.activeFilterId,footerLayout:"categories-clear",onDsChange:e=>this.forward(e,this.dsFilterChange),onDsMatchModeChange:e=>this.forward(e,this.dsFilterMatchModeChange),onDsActiveFilterChange:e=>this.forward(e,this.dsActiveFilterChange),onDsClear:e=>this.forward(e,this.dsFiltersClear)})),e==="sort"&&i("ds-menu",{key:"b7c3f220a888137f46fc51b1dce4c54cb8504774",embedded:true,menuLabel:"Sort table",sections:n(this.sortColumns??this.columns,this.sort),onDsSelect:e=>{e.stopPropagation();this.dsSortChange.emit({sort:h(this.sortColumns??this.columns,this.sort,e.detail)})}}),e==="group"&&i("ds-table-group",{key:"b31df26e2325b4735dbde33eeaac9b4ce2d83f25",embedded:true,vertical:this.embedded,options:this.groupingOptions,grouping:this.grouping,onDsGroupChange:e=>this.forward(e,this.dsGroupChange),onDsClear:e=>this.forward(e,this.dsGroupClear)}),e==="customize"&&i("ds-menu",{key:"b8a555db90c34291ecf5969ee7d5e24c4e4b8045",embedded:true,menuLabel:"Customize table",sections:[...this.columns.length?[{header:this.customizeOptions.length?"Columns":undefined,items:l(this.columns,this.hiddenColumnIds,this.columnOrder)}]:[],...this.customizeSections,...this.customizeOptions.length?[{header:"Options",items:this.customizeOptions}]:[]],onDsSelect:e=>{e.stopPropagation();if(!e.detail.value||e.detail.isInactive)return;if([...this.customizeOptions,...this.customizeSections.flatMap((e=>"items"in e?e.items:[]))].some((s=>s.value===e.detail.value))){this.dsCustomizeOptionChange.emit(e.detail.value);return}this.dsColumnsConfigChange.emit({hiddenColumnIds:p(this.columns,this.hiddenColumnIds,e.detail.value),columnOrder:c(this.columns,this.columnOrder)})},onDsReorder:e=>{e.stopPropagation();this.dsColumnsConfigChange.emit({hiddenColumnIds:this.hiddenColumnIds,columnOrder:e.detail.items.filter((e=>e.reorderable)).map((e=>e.value)).filter(Boolean)})}}))))}get el(){return this}static get style(){return M()}},[2,"ds-table-preferences",{hasBorder:[4,"has-border"],filters:[16],values:[16],matchModes:[16],activeFilterId:[1,"active-filter-id"],columns:[16],customizeOptions:[16],customizeSections:[16],sortColumns:[16],sort:[16],groupingOptions:[16],grouping:[16],hiddenColumnIds:[16],columnOrder:[16],embedded:[4],activeTab:[1,"active-tab"],label:[1],open:[32],tab:[32],pos:[32],ready:[32]},[[0,"keydown","onKeydown"]]]);function R(){if(typeof customElements==="undefined"){return}const e=["ds-table-preferences","ds-badge","ds-button-unfilled","ds-checkbox","ds-empty-state","ds-filter-menu","ds-icon","ds-input","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tab-group","ds-table-group","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-table-preferences":if(!customElements.get(a(e))){customElements.define(a(e),I)}break;case"ds-badge":if(!customElements.get(a(e))){u()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){g()}break;case"ds-checkbox":if(!customElements.get(a(e))){v()}break;case"ds-empty-state":if(!customElements.get(a(e))){w()}break;case"ds-filter-menu":if(!customElements.get(a(e))){y()}break;case"ds-icon":if(!customElements.get(a(e))){k()}break;case"ds-input":if(!customElements.get(a(e))){C()}break;case"ds-loader":if(!customElements.get(a(e))){x()}break;case"ds-menu":if(!customElements.get(a(e))){j()}break;case"ds-swatch-picker":if(!customElements.get(a(e))){E()}break;case"ds-switch":if(!customElements.get(a(e))){D()}break;case"ds-tab-group":if(!customElements.get(a(e))){z()}break;case"ds-table-group":if(!customElements.get(a(e))){O()}break;case"ds-tag":if(!customElements.get(a(e))){P()}break;case"ds-text":if(!customElements.get(a(e))){_()}break;case"ds-tooltip":if(!customElements.get(a(e))){F()}break}}))}R();const B=I;const L=R;export{B as DsTablePreferences,L as defineCustomElement};
-//# sourceMappingURL=ds-table-preferences.js.map

package/dist/components/ds-table-preferences.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tablePreferencesCss","preferencesSequence","TablePreferences","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","hasBorder","filters","values","matchModes","columns","customizeOptions","customizeSections","sort","groupingOptions","grouping","hiddenColumnIds","columnOrder","embedded","activeTab","label","open","tab","pos","x","y","ready","popupId","position","AnchoredPositionController","getAnchor","trigger","getPopup","popup","getOwnerDocument","el","ownerDocument","measure","anchor","collisionRect","resolveAnchoredOverlayBoundaryRect","pad","resolveCssLengthPx","TOKEN_DEFAULTS","space100","style","maxWidth","Math","max","min","window","innerWidth","width","maxHeight","innerHeight","height","anchorRect","getBoundingClientRect","popupWidth","offsetWidth","popupHeight","offsetHeight","side","align","sideOffsetPx","space050","alignOffsetPx","viewportPadPx","viewportWidth","viewportHeight","apply","onReady","topLayer","observeResize","observeAnchorMotion","liveUpdate","interaction","AnchoredOverlayInteractionController","onOutsideActivation","close","disconnectedCallback","unobserve","disconnect","matches","hidePopover","setFocus","toggle","observe","connect","schedule","async","querySelector","componentOnReady","requestAnimationFrame","focus","onKeydown","event","defaultPrevented","key","preventDefault","stopPropagation","tabLeavesPopup","moveFocusAfterTab","shiftKey","forward","emitter","emit","detail","render","currentTab","tabs","map","id","toUpperCase","slice","panelId","h","Host","size","ref","variant","icon","ariaLabel","haspopup","expanded","surfaceOpen","controls","onDsClick","popover","undefined","role","class","left","top","visibility","presentation","value","onDsChange","dsPreferencesTabChange","find","hidden","vertical","applyRequired","activeFilterId","footerLayout","e","dsFilterChange","onDsMatchModeChange","dsFilterMatchModeChange","onDsActiveFilterChange","dsActiveFilterChange","onDsClear","dsFiltersClear","menuLabel","sections","tableSortMenuSections","sortColumns","onDsSelect","dsSortChange","nextTableSortStateFromMenuItem","options","onDsGroupChange","dsGroupChange","dsGroupClear","length","header","items","tableColumnCustomizerMenuItems","isInactive","flatMap","section","some","option","dsCustomizeOptionChange","dsColumnsConfigChange","toggleTableColumnHidden","resolveTableColumnOrder","onDsReorder","filter","item","reorderable","Boolean"],"sources":["src/wc/components/TablePreferences/TablePreferences.css?tag=ds-table-preferences&encapsulation=scoped","src/wc/components/TablePreferences/TablePreferences.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n\n:host {\n  display: inline-flex;\n}\n\n.table-preferences {\n  position: fixed;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: var(--ds-radius-menu);\n  width: min(var(--dimension-menu-width-lg), calc(100vw - var(--dimension-space-200)));\n  max-height: calc(100dvh - var(--dimension-space-400));\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--color-background-primary);\n  color: var(--color-foreground-secondary);\n  box-shadow: var(--effect-shadow-elevated-floating);\n}\n\n.table-preferences::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  box-shadow: var(--effect-highlight-elevated-floating);\n  pointer-events: none;\n  z-index: 4;\n}\n\n.table-preferences__tabs {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  box-sizing: border-box;\n  flex: 0 0 var(--dimension-size-500);\n  min-block-size: var(--dimension-size-500);\n  padding: var(--dimension-space-050);\n  background: var(--color-background-primary);\n  border-bottom: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.table-preferences__body {\n  min-height: 0;\n  overflow: auto;\n  overscroll-behavior: contain;\n}\n\n:host:has(.table-preferences-panel) {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n.table-preferences-panel {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n}\n.table-preferences-panel .table-preferences__tabs {\n  flex: 0 0 auto;\n  padding: var(--dimension-space-200);\n}\n","import type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n} from '@stencil/core';\nimport type {\n  FilterMenuFilter,\n  FilterMenuValues,\n  FilterMenuMatchModes,\n  FilterMenuChangeDetail,\n  FilterMenuMatchModeChangeDetail,\n} from '../FilterMenu/FilterMenu';\nimport type {\n  TableColumn,\n  TableSortState,\n  TableSortChangeDetail,\n  TableGroupingState,\n  TableColumnsConfigChangeDetail,\n} from '../Table/table-types';\nimport type { TableGroupOption } from '../TableGroup/TableGroup';\nimport {\n  tableSortMenuSections,\n  nextTableSortStateFromMenuItem,\n} from '../TableSort/table-sort-menu';\nimport {\n  tableColumnCustomizerMenuItems,\n  toggleTableColumnHidden,\n  resolveTableColumnOrder,\n} from '../Table/table-column-customizer';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveCssLengthPx } from '../../utils/resolve-css-length-px';\nimport { TOKEN_DEFAULTS } from '../../utils/token-defaults';\n\nexport type PreferencesTab = 'filters' | 'sort' | 'group' | 'customize';\nlet preferencesSequence = 0;\n\n@Component({ tag: 'ds-table-preferences', styleUrl: 'TablePreferences.css', scoped: true })\nexport class TablePreferences {\n  @Element() el!: HTMLElement;\n  /** Show the trigger border. */\n  @Prop() hasBorder: boolean = true;\n  @Prop() filters: FilterMenuFilter[] = [];\n  @Prop() values: FilterMenuValues = {};\n  @Prop() matchModes: FilterMenuMatchModes = {};\n  @Prop() activeFilterId: string | undefined;\n  @Prop() columns: TableColumn[] = [];\n  /** Additional toggle options in the column customizer. */\n  @Prop() customizeOptions: MenuItemData[] = [];\n  @Prop() customizeSections: MenuSection[] = [];\n  @Event() dsCustomizeOptionChange!: EventEmitter<string>;\n  /** Optional sort fields when they differ from customizable content. */\n  @Prop() sortColumns?: TableColumn[];\n  @Prop() sort: TableSortState | null = null;\n  @Prop() groupingOptions: TableGroupOption[] = [];\n  @Prop() grouping: TableGroupingState | null = null;\n  @Prop() hiddenColumnIds: string[] = [];\n  @Prop() columnOrder: string[] = [];\n  /** Render shared content without its popup or trigger. */\n  @Prop() embedded = false;\n  @Prop() activeTab: PreferencesTab = 'filters';\n  @Event() dsPreferencesTabChange!: EventEmitter<PreferencesTab>;\n  @Prop() label = 'Configure view';\n  @Event() dsFilterChange!: EventEmitter<FilterMenuChangeDetail>;\n  @Event() dsFilterMatchModeChange!: EventEmitter<FilterMenuMatchModeChangeDetail>;\n  @Event() dsActiveFilterChange!: EventEmitter<string>;\n  @Event() dsFiltersClear!: EventEmitter<void>;\n  @Event() dsSortChange!: EventEmitter<TableSortChangeDetail>;\n  @Event() dsGroupChange!: EventEmitter<TableGroupingState>;\n  @Event() dsGroupClear!: EventEmitter<void>;\n  @Event() dsColumnsConfigChange!: EventEmitter<TableColumnsConfigChangeDetail>;\n  @State() private open = false;\n  @State() private tab: PreferencesTab = 'filters';\n  @State() private pos = { x: 0, y: 0 };\n  @State() private ready = false;\n  private readonly popupId = `ds-table-preferences-${++preferencesSequence}`;\n  private trigger?: HTMLDsButtonUnfilledElement;\n  private popup?: HTMLElement;\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.trigger ?? null,\n    getPopup: () => this.popup ?? null,\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchor, popup) => {\n      const collisionRect = resolveAnchoredOverlayBoundaryRect(anchor);\n      const pad = resolveCssLengthPx(TOKEN_DEFAULTS.space100, 8);\n      popup.style.maxWidth = `${Math.max(0, Math.min(window.innerWidth, collisionRect?.width ?? window.innerWidth) - pad * 2)}px`;\n      popup.style.maxHeight = `${Math.max(0, Math.min(window.innerHeight, collisionRect?.height ?? window.innerHeight) - pad * 2)}px`;\n      return {\n        anchorRect: anchor.getBoundingClientRect(),\n        popupWidth: popup.offsetWidth,\n        popupHeight: popup.offsetHeight,\n        side: 'bottom',\n        align: 'end',\n        sideOffsetPx: resolveCssLengthPx(TOKEN_DEFAULTS.space050, 4),\n        alignOffsetPx: 0,\n        viewportPadPx: resolveCssLengthPx(TOKEN_DEFAULTS.space100, 8),\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        collisionRect,\n      };\n    },\n    apply: ({ x, y }) => {\n      this.pos = { x, y };\n    },\n    onReady: () => {\n      this.ready = true;\n    },\n    topLayer: true,\n    observeResize: true,\n    observeAnchorMotion: true,\n    liveUpdate: 'double-frame',\n  });\n  private readonly interaction = new AnchoredOverlayInteractionController({\n    getAnchor: () => this.trigger ?? null,\n    getPopup: () => this.popup ?? null,\n    getOwnerDocument: () => this.el.ownerDocument,\n    onOutsideActivation: () => this.close(),\n  });\n  disconnectedCallback() {\n    this.position.unobserve();\n    this.interaction.disconnect();\n  }\n  private close() {\n    this.position.unobserve();\n    this.interaction.disconnect();\n    if (this.popup?.matches(':popover-open')) this.popup.hidePopover();\n    this.open = false;\n    void this.trigger?.setFocus();\n  }\n  private toggle() {\n    if (this.open) {\n      this.close();\n      return;\n    }\n    this.open = true;\n    this.ready = false;\n    this.position.observe();\n    this.interaction.connect();\n    this.position.schedule(async () => {\n      await this.popup?.querySelector('ds-tab-group')?.componentOnReady?.();\n      requestAnimationFrame(() => {\n        if (this.open)\n          this.popup?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')?.focus();\n      });\n    });\n  }\n  @Listen('keydown')\n  onKeydown(event: KeyboardEvent) {\n    if (this.embedded || !this.open || event.defaultPrevented) return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close();\n    } else if (event.key === 'Tab' && this.interaction.tabLeavesPopup(event)) {\n      event.preventDefault();\n      this.close();\n      this.interaction.moveFocusAfterTab(event.shiftKey);\n    }\n  }\n  private forward<T>(event: CustomEvent<T>, emitter: EventEmitter<T>) {\n    event.stopPropagation();\n    emitter.emit(event.detail);\n  }\n  render() {\n    const currentTab = this.embedded ? this.activeTab : this.tab;\n    const tabs = ['filters', 'sort', 'group', 'customize'].map(id => ({\n      id,\n      label: id === 'filters' ? 'Filters' : id[0].toUpperCase() + id.slice(1),\n      panelId: `${this.popupId}-${id}`,\n    }));\n    return (\n      <Host>\n        {!this.embedded && (\n          <ds-tooltip label={this.label} side=\"bottom\" size=\"sm\">\n            <ds-button-unfilled\n              hasBorder={this.hasBorder}\n              ref={el => {\n                this.trigger = el;\n              }}\n              variant=\"icon\"\n              icon=\"Preferences\"\n              size=\"md\"\n              ariaLabel={this.label}\n              haspopup=\"dialog\"\n              expanded={this.open}\n              surfaceOpen={this.open}\n              controls={this.popupId}\n              onDsClick={() => this.toggle()}\n            />\n          </ds-tooltip>\n        )}\n        {(this.open || this.embedded) && (\n          <div\n            ref={el => {\n              this.popup = el;\n            }}\n            id={this.popupId}\n            popover={this.embedded ? undefined : 'manual'}\n            role={this.embedded ? undefined : 'dialog'}\n            aria-label={this.label}\n            class={{\n              'table-preferences': !this.embedded,\n              'table-preferences-panel': this.embedded,\n            }}\n            style={\n              this.embedded\n                ? undefined\n                : {\n                    left: `${this.pos.x}px`,\n                    top: `${this.pos.y}px`,\n                    visibility: this.ready ? 'visible' : 'hidden',\n                  }\n            }\n          >\n            <div class=\"table-preferences__tabs\">\n              <ds-tab-group\n                ariaLabel=\"Table preference sections\"\n                size=\"md\"\n                presentation={this.embedded ? 'segmented' : 'tabs'}\n                width={this.embedded ? 'fill' : 'hug'}\n                tabs={tabs}\n                value={currentTab}\n                onDsChange={event => {\n                  event.stopPropagation();\n                  this.tab = event.detail as PreferencesTab;\n                  this.dsPreferencesTabChange.emit(this.tab);\n                }}\n              />\n            </div>\n            <div\n              class=\"table-preferences__body\"\n              id={`${this.popupId}-${currentTab}`}\n              role=\"tabpanel\"\n              aria-label={tabs.find(tab => tab.id === currentTab)?.label}\n            >\n              <div hidden={currentTab !== 'filters'}>\n                <ds-filter-menu\n                  embedded\n                  vertical={this.embedded}\n                  applyRequired={!this.embedded}\n                  filters={this.filters}\n                  values={this.values}\n                  matchModes={this.matchModes}\n                  activeFilterId={this.activeFilterId}\n                  footerLayout=\"categories-clear\"\n                  onDsChange={e => this.forward(e, this.dsFilterChange)}\n                  onDsMatchModeChange={e => this.forward(e, this.dsFilterMatchModeChange)}\n                  onDsActiveFilterChange={e => this.forward(e, this.dsActiveFilterChange)}\n                  onDsClear={e => this.forward(e, this.dsFiltersClear)}\n                />\n              </div>\n              {currentTab === 'sort' && (\n                <ds-menu\n                  embedded\n                  menuLabel=\"Sort table\"\n                  sections={tableSortMenuSections(this.sortColumns ?? this.columns, this.sort)}\n                  onDsSelect={e => {\n                    e.stopPropagation();\n                    this.dsSortChange.emit({\n                      sort: nextTableSortStateFromMenuItem(\n                        this.sortColumns ?? this.columns,\n                        this.sort,\n                        e.detail\n                      ),\n                    });\n                  }}\n                />\n              )}\n              {currentTab === 'group' && (\n                <ds-table-group\n                  embedded\n                  vertical={this.embedded}\n                  options={this.groupingOptions}\n                  grouping={this.grouping}\n                  onDsGroupChange={e => this.forward(e, this.dsGroupChange)}\n                  onDsClear={e => this.forward(e, this.dsGroupClear)}\n                />\n              )}\n              {currentTab === 'customize' && (\n                <ds-menu\n                  embedded\n                  menuLabel=\"Customize table\"\n                  sections={[\n                    ...(this.columns.length\n                      ? [\n                          {\n                            header: this.customizeOptions.length ? 'Columns' : undefined,\n                            items: tableColumnCustomizerMenuItems(\n                              this.columns,\n                              this.hiddenColumnIds,\n                              this.columnOrder\n                            ),\n                          },\n                        ]\n                      : []),\n                    ...this.customizeSections,\n                    ...(this.customizeOptions.length\n                      ? [{ header: 'Options', items: this.customizeOptions }]\n                      : []),\n                  ]}\n                  onDsSelect={e => {\n                    e.stopPropagation();\n                    if (!e.detail.value || e.detail.isInactive) return;\n                    if (\n                      [\n                        ...this.customizeOptions,\n                        ...this.customizeSections.flatMap(section =>\n                          'items' in section ? section.items : []\n                        ),\n                      ].some(option => option.value === e.detail.value)\n                    ) {\n                      this.dsCustomizeOptionChange.emit(e.detail.value);\n                      return;\n                    }\n                    this.dsColumnsConfigChange.emit({\n                      hiddenColumnIds: toggleTableColumnHidden(\n                        this.columns,\n                        this.hiddenColumnIds,\n                        e.detail.value\n                      ),\n                      columnOrder: resolveTableColumnOrder(this.columns, this.columnOrder),\n                    });\n                  }}\n                  onDsReorder={e => {\n                    e.stopPropagation();\n                    this.dsColumnsConfigChange.emit({\n                      hiddenColumnIds: this.hiddenColumnIds,\n                      columnOrder: e.detail.items\n                        .filter(item => item.reorderable)\n                        .map(item => item.value!)\n                        .filter(Boolean),\n                    });\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-table-saved-views.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{d}from"./p-DtLQIMsa.js";import{d as o}from"./p-CSnsz3Eb.js";import{d as l}from"./p-xHGqrz_p.js";import{d as r}from"./p-C7CZ9pnP.js";import{d as h}from"./p-D_u8WhlU.js";import{d as c}from"./p-BbfBvMRR.js";import{d as m}from"./p-Cea7rROU.js";import{d as f}from"./p-FPZbS19l.js";import{d as u}from"./p-0XTyQNRG.js";import{d as b}from"./p-C1_3CVma.js";import{d as p}from"./p-BQsVI_vO.js";import{d as v}from"./p-Cmj04E5Q.js";import{d as w}from"./p-DdspY23v.js";import{d as g}from"./p-DC69DgAR.js";import{d as k}from"./p-BPhbwXOv.js";import{d as D}from"./p-CLGtPE0K.js";import{d as E}from"./p-BINSI_KF.js";const C=()=>`.sc-ds-table-saved-views-h{--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs);display:inline-block;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}ds-select.sc-ds-table-saved-views{display:block;min-inline-size:0;max-inline-size:100%}.table-saved-views__dialog-actions.sc-ds-table-saved-views{display:flex;align-items:center;justify-content:flex-start;gap:var(--dimension-space-100)}`;let y=0;const j=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsViewChange=t(this,"dsViewChange",7);this.dsViewCreate=t(this,"dsViewCreate",7);this.dsViewRename=t(this,"dsViewRename",7);this.dsViewRemove=t(this,"dsViewRemove",7);this.dsViewSave=t(this,"dsViewSave",7);this.dsViewDiscard=t(this,"dsViewDiscard",7);this.hasBorder=true;this.views=[];this.value="__default__";this.dirty=false;this.defaultViewId="__default__";this.defaultViewLabel="Default";this.label="Saved views";this.triggerLabel="Views";this.compact=false;this.createLabel="New view";this.actionViewId=null;this.actionMenuOpen=false;this.actionMenuInitialFocusVisible=false;this.dialogOpen=false;this.dialogMode="create";this.dialogViewId=null;this.nameDraft="";this.nameError="";this.componentId=`ds-table-saved-views-${++y}`;this.selectId=`${this.componentId}-select`;this.actionMenuId=`${this.componentId}-actions`;this.fieldId=`${this.componentId}-name-field`;this.inputId=`${this.componentId}-name-input`;this.actionItems=[{label:"Rename",value:"rename"},{label:"Remove",value:"remove",isDestructive:true}]}get selectedCustomView(){return this.views.find((e=>e.id===this.value))}get dialogView(){return this.views.find((e=>e.id===this.dialogViewId))}get sections(){const e=this.views.map((e=>({label:e.label,value:e.id,subtextActions:this.dirty&&e.id===this.selectedCustomView?.id?[{label:"Save",value:"save"},{label:"Discard",value:"discard",tone:"negative"}]:undefined,action:{label:`Options for ${e.label}`,controls:this.actionMenuId,expanded:this.actionViewId===e.id&&this.actionMenuOpen,surfaceOpen:this.actionViewId===e.id}})));const s={header:"Templates",options:[{label:this.defaultViewLabel,value:this.defaultViewId}],divider:e.length>0};return e.length>0?[s,{header:"Custom",options:e}]:[s]}handleViewChange(e){if(typeof e==="string")this.dsViewChange.emit({viewId:e})}handleSubtextAction(e){const s=this.selectedCustomView;if(!s||!this.dirty||e.value!==s.id)return;if(e.actionValue==="save")this.dsViewSave.emit({viewId:s.id});if(e.actionValue==="discard")this.dsViewDiscard.emit({viewId:s.id})}handleOptionAction(e){if(!this.views.some((s=>s.id===e.value)))return;this.actionMenuInitialFocusVisible=e.originalEvent.detail===0;if(this.actionViewId===e.value&&this.actionMenuOpen){this.actionMenuOpen=false;return}this.actionViewId=e.value;this.actionAnchorId=e.anchorId;this.actionMenuOpen=true}handleActionSelect(e){const s=this.actionViewId;this.actionMenuOpen=false;if(!s)return;if(e.detail.value==="rename")this.openDialog("rename",s);if(e.detail.value==="remove")this.dsViewRemove.emit({viewId:s})}openDialog(e,s=null){const t=e==="rename"?this.views.find((e=>e.id===s)):undefined;if(e==="rename"&&!t)return;this.dialogMode=e;this.dialogViewId=t?.id??null;this.nameDraft=t?.label??"";this.nameError="";this.dialogOpen=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{const e=this.el.querySelector(`#${this.inputId}`);void e?.setFocus?.()}))}))}validateName(){const e=this.nameDraft.trim();if(!e)return"View name is required.";const s=this.views.some((s=>s.id!==this.dialogViewId&&s.label.trim().toLocaleLowerCase()===e.toLocaleLowerCase()));if(s||this.defaultViewLabel.trim().toLocaleLowerCase()===e.toLocaleLowerCase()){return"A view with this name already exists."}return""}submitDialog(){const e=this.validateName();if(e){this.nameError=e;return}const s=this.nameDraft.trim();if(this.dialogMode==="rename"&&this.dialogView){this.dsViewRename.emit({viewId:this.dialogView.id,name:s})}else{this.dsViewCreate.emit({name:s})}this.dialogOpen=false}finishDialogClose(){if(this.dialogOpen)return;this.dialogViewId=null;this.nameDraft="";this.nameError="";const e=this.el.querySelector(`#${this.selectId}`);void e?.setFocus?.()}render(){return i(a,{key:"18206899d7a8f2e820cbb41a45dcda3d483056df"},i("ds-select",{key:"88934badb443c906ecbcce78cf9071621ef6742c",neutralTrigger:true,hasBorder:this.hasBorder,id:this.selectId,size:"md",icon:"ViewMenu",indicator:"none",collapseLabel:true,iconOnly:this.compact,width:"fill",placeholder:this.label,"aria-label":this.label,sections:this.sections,value:this.value,triggerLabel:this.selectedCustomView?undefined:this.triggerLabel,triggerLabelPlaceholder:!this.selectedCustomView,dot:this.dirty&&Boolean(this.selectedCustomView),footerActionLabel:this.createLabel,activeFill:false,allowClear:false,onDsChange:e=>this.handleViewChange(e.detail),onDsFooterAction:()=>this.openDialog("create"),onDsOptionSubtextAction:e=>this.handleSubtextAction(e.detail),onDsOptionAction:e=>this.handleOptionAction(e.detail)}),i("ds-menu",{key:"2d7e0d1e3c6946fe0d3e0d82374f53e7bb162404",id:this.actionMenuId,anchorId:this.actionAnchorId,menuLabel:"Saved view options",side:"bottom",align:"end",menuWidth:"max-content",minWidth:"0",items:this.actionItems,open:this.actionMenuOpen,initialFocusVisible:this.actionMenuInitialFocusVisible,onDsClose:()=>this.actionMenuOpen=false,onDsAfterClose:()=>{if(this.actionMenuOpen)return;this.actionViewId=null;this.actionAnchorId=undefined},onDsSelect:e=>this.handleActionSelect(e)}),i("ds-modal",{key:"28f57ad17460bac12e3869d590db7bac0548fad4",open:this.dialogOpen,heading:this.dialogMode==="rename"?"Rename view":"Save as new view",modalWidth:"sm",onDsClose:()=>this.dialogOpen=false,onDsAfterClose:()=>this.finishDialogClose()},i("ds-field",{key:"f54251565e99c8a926333d86a7a74bf7da2ef963",label:"Name",fieldId:this.fieldId,error:this.nameError.length>0,errorMessage:this.nameError},i("ds-input",{key:"01cbc7111718224828f6547c5d61cb4b609e301d",id:this.inputId,size:"md",placeholder:"Enter a unique name",value:this.nameDraft,autoFocus:true,onDsChange:e=>{this.nameDraft=e.detail;if(this.nameError)this.nameError=""},onKeyDown:e=>{if(e.key==="Enter")this.submitDialog()}})),i("div",{key:"1781b63d2f3971b5bf945f24d65110445741d92a",slot:"footer",class:"table-saved-views__dialog-actions"},i("ds-button-filled",{key:"b537d1e83331c16e3273c9feb8180314e3fa71fc",label:this.dialogMode==="rename"?"Rename":"Save",size:"md",onDsClick:()=>this.submitDialog()}),i("ds-button-unfilled",{key:"6a98e5bee3fb1601f03467110bd83c4af1721fe6",label:"Cancel",size:"md",onDsClick:()=>this.dialogOpen=false}))))}get el(){return this}static get style(){return C()}},[2,"ds-table-saved-views",{hasBorder:[4,"has-border"],views:[16],value:[1],dirty:[4],defaultViewId:[1,"default-view-id"],defaultViewLabel:[1,"default-view-label"],label:[1],triggerLabel:[1,"trigger-label"],compact:[4],createLabel:[1,"create-label"],actionViewId:[32],actionAnchorId:[32],actionMenuOpen:[32],actionMenuInitialFocusVisible:[32],dialogOpen:[32],dialogMode:[32],dialogViewId:[32],nameDraft:[32],nameError:[32]}]);function x(){if(typeof customElements==="undefined"){return}const e=["ds-table-saved-views","ds-badge","ds-button-filled","ds-button-unfilled","ds-checkbox","ds-empty-state","ds-field","ds-icon","ds-input","ds-loader","ds-menu","ds-modal","ds-select","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-table-saved-views":if(!customElements.get(n(e))){customElements.define(n(e),j)}break;case"ds-badge":if(!customElements.get(n(e))){d()}break;case"ds-button-filled":if(!customElements.get(n(e))){o()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){l()}break;case"ds-checkbox":if(!customElements.get(n(e))){r()}break;case"ds-empty-state":if(!customElements.get(n(e))){h()}break;case"ds-field":if(!customElements.get(n(e))){c()}break;case"ds-icon":if(!customElements.get(n(e))){m()}break;case"ds-input":if(!customElements.get(n(e))){f()}break;case"ds-loader":if(!customElements.get(n(e))){u()}break;case"ds-menu":if(!customElements.get(n(e))){b()}break;case"ds-modal":if(!customElements.get(n(e))){p()}break;case"ds-select":if(!customElements.get(n(e))){v()}break;case"ds-swatch-picker":if(!customElements.get(n(e))){w()}break;case"ds-switch":if(!customElements.get(n(e))){g()}break;case"ds-tag":if(!customElements.get(n(e))){k()}break;case"ds-text":if(!customElements.get(n(e))){D()}break;case"ds-tooltip":if(!customElements.get(n(e))){E()}break}}))}x();const V=j;const _=x;export{V as DsTableSavedViews,_ as defineCustomElement};
-//# sourceMappingURL=ds-table-saved-views.js.map

package/dist/components/ds-table-saved-views.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tableSavedViewsCss","tableSavedViewsId","TableSavedViews","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","hasBorder","views","value","dirty","defaultViewId","defaultViewLabel","label","triggerLabel","compact","createLabel","actionViewId","actionMenuOpen","actionMenuInitialFocusVisible","dialogOpen","dialogMode","dialogViewId","nameDraft","nameError","componentId","selectId","actionMenuId","fieldId","inputId","actionItems","isDestructive","selectedCustomView","find","view","id","dialogView","sections","custom","map","subtextActions","tone","undefined","action","controls","expanded","surfaceOpen","templates","header","options","divider","length","handleViewChange","dsViewChange","emit","viewId","handleSubtextAction","detail","actionValue","dsViewSave","dsViewDiscard","handleOptionAction","some","originalEvent","actionAnchorId","anchorId","handleActionSelect","event","openDialog","dsViewRemove","mode","item","requestAnimationFrame","input","el","querySelector","setFocus","validateName","name","trim","duplicate","toLocaleLowerCase","submitDialog","error","dsViewRename","dsViewCreate","finishDialogClose","select","render","h","Host","key","neutralTrigger","size","icon","indicator","collapseLabel","iconOnly","width","placeholder","triggerLabelPlaceholder","dot","Boolean","footerActionLabel","activeFill","allowClear","onDsChange","onDsFooterAction","onDsOptionSubtextAction","onDsOptionAction","menuLabel","side","align","menuWidth","minWidth","items","open","initialFocusVisible","onDsClose","onDsAfterClose","onDsSelect","heading","modalWidth","errorMessage","autoFocus","onKeyDown","slot","class","onDsClick"],"sources":["src/wc/components/TableSavedViews/TableSavedViews.css?tag=ds-table-saved-views&encapsulation=scoped","src/wc/components/TableSavedViews/TableSavedViews.tsx"],"sourcesContent":[":host {\n  --ds-choice-popup-min-inline-size: var(--dimension-menu-width-xs);\n\n  display: inline-block;\n  min-inline-size: 0;\n  max-inline-size: var(--dimension-menu-width-xs);\n}\n\nds-select {\n  display: block;\n  min-inline-size: 0;\n  max-inline-size: 100%;\n}\n\n.table-saved-views__dialog-actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: var(--dimension-space-100);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core';\nimport type { MenuItemData } from '../Menu/menu-types';\nimport type {\n  SelectOptionActionDetail,\n  SelectOptionSubtextActionDetail,\n  SelectValue,\n} from '../Select/Select';\nimport type {\n  TableSavedView,\n  TableSavedViewChangeDetail,\n  TableSavedViewCreateDetail,\n  TableSavedViewDiscardDetail,\n  TableSavedViewRemoveDetail,\n  TableSavedViewRenameDetail,\n  TableSavedViewSaveDetail,\n} from './table-saved-views-types';\n\ntype SavedViewDialogMode = 'create' | 'rename';\n\nlet tableSavedViewsId = 0;\n\n@Component({\n  tag: 'ds-table-saved-views',\n  styleUrl: 'TableSavedViews.css',\n  scoped: true,\n})\nexport class TableSavedViews {\n  @Element() el!: HTMLElement;\n\n  /** Application-owned custom saved views. Assign arrays through the JavaScript property. */\n  /** Show the trigger border. */\n  @Prop() hasBorder: boolean = true;\n  @Prop() views: TableSavedView[] = [];\n  /** ID of the controlled active view, including the default view ID. */\n  @Prop() value: string = '__default__';\n  /** Whether the current table state differs from the selected custom view. Ignored for the default view. */\n  @Prop() dirty: boolean = false;\n  /** ID used for the built-in default view. */\n  @Prop() defaultViewId: string = '__default__';\n  /** Label used for the built-in default view. */\n  @Prop() defaultViewLabel: string = 'Default';\n  /** Accessible name for the saved-views select. */\n  @Prop() label: string = 'Saved views';\n  /** Trigger label shown while the default view is selected. */\n  @Prop() triggerLabel: string = 'Views';\n  /** Use an icon-only trigger in an explicitly compact toolbar. */\n  @Prop() compact: boolean = false;\n  /** Footer action label that opens the create-view dialog. */\n  @Prop() createLabel: string = 'New view';\n\n  /** Emitted when a view selection is requested. */\n  @Event() dsViewChange!: EventEmitter<TableSavedViewChangeDetail>;\n  /** Emitted after a valid create-view name is submitted. */\n  @Event() dsViewCreate!: EventEmitter<TableSavedViewCreateDetail>;\n  /** Emitted after a valid renamed view name is submitted. */\n  @Event() dsViewRename!: EventEmitter<TableSavedViewRenameDetail>;\n  /** Emitted when a custom view removal is requested. */\n  @Event() dsViewRemove!: EventEmitter<TableSavedViewRemoveDetail>;\n  /** Emitted when changes to the active custom view should replace its stored payload. */\n  @Event() dsViewSave!: EventEmitter<TableSavedViewSaveDetail>;\n  /** Emitted when the active custom view's stored payload should be restored. */\n  @Event() dsViewDiscard!: EventEmitter<TableSavedViewDiscardDetail>;\n\n  @State() private actionViewId: string | null = null;\n  @State() private actionAnchorId: string | undefined;\n  @State() private actionMenuOpen = false;\n  @State() private actionMenuInitialFocusVisible = false;\n  @State() private dialogOpen = false;\n  @State() private dialogMode: SavedViewDialogMode = 'create';\n  @State() private dialogViewId: string | null = null;\n  @State() private nameDraft = '';\n  @State() private nameError = '';\n\n  private readonly componentId = `ds-table-saved-views-${++tableSavedViewsId}`;\n  private readonly selectId = `${this.componentId}-select`;\n  private readonly actionMenuId = `${this.componentId}-actions`;\n  private readonly fieldId = `${this.componentId}-name-field`;\n  private readonly inputId = `${this.componentId}-name-input`;\n  private readonly actionItems: MenuItemData[] = [\n    { label: 'Rename', value: 'rename' },\n    { label: 'Remove', value: 'remove', isDestructive: true },\n  ];\n\n  private get selectedCustomView(): TableSavedView | undefined {\n    return this.views.find(view => view.id === this.value);\n  }\n\n  private get dialogView(): TableSavedView | undefined {\n    return this.views.find(view => view.id === this.dialogViewId);\n  }\n\n  private get sections() {\n    const custom = this.views.map(view => ({\n      label: view.label,\n      value: view.id,\n      subtextActions:\n        this.dirty && view.id === this.selectedCustomView?.id\n          ? [\n              { label: 'Save', value: 'save' },\n              { label: 'Discard', value: 'discard', tone: 'negative' as const },\n            ]\n          : undefined,\n      action: {\n        label: `Options for ${view.label}`,\n        controls: this.actionMenuId,\n        expanded: this.actionViewId === view.id && this.actionMenuOpen,\n        surfaceOpen: this.actionViewId === view.id,\n      },\n    }));\n    const templates = {\n      header: 'Templates',\n      options: [{ label: this.defaultViewLabel, value: this.defaultViewId }],\n      divider: custom.length > 0,\n    };\n    return custom.length > 0 ? [templates, { header: 'Custom', options: custom }] : [templates];\n  }\n\n  private handleViewChange(value: SelectValue) {\n    if (typeof value === 'string') this.dsViewChange.emit({ viewId: value });\n  }\n\n  private handleSubtextAction(detail: SelectOptionSubtextActionDetail) {\n    const view = this.selectedCustomView;\n    if (!view || !this.dirty || detail.value !== view.id) return;\n    if (detail.actionValue === 'save') this.dsViewSave.emit({ viewId: view.id });\n    if (detail.actionValue === 'discard') this.dsViewDiscard.emit({ viewId: view.id });\n  }\n\n  private handleOptionAction(detail: SelectOptionActionDetail) {\n    if (!this.views.some(view => view.id === detail.value)) return;\n    this.actionMenuInitialFocusVisible = detail.originalEvent.detail === 0;\n    if (this.actionViewId === detail.value && this.actionMenuOpen) {\n      this.actionMenuOpen = false;\n      return;\n    }\n    this.actionViewId = detail.value;\n    this.actionAnchorId = detail.anchorId;\n    this.actionMenuOpen = true;\n  }\n\n  private handleActionSelect(event: CustomEvent<MenuItemData>) {\n    const viewId = this.actionViewId;\n    this.actionMenuOpen = false;\n    if (!viewId) return;\n    if (event.detail.value === 'rename') this.openDialog('rename', viewId);\n    if (event.detail.value === 'remove') this.dsViewRemove.emit({ viewId });\n  }\n\n  private openDialog(mode: SavedViewDialogMode, viewId: string | null = null) {\n    const view = mode === 'rename' ? this.views.find(item => item.id === viewId) : undefined;\n    if (mode === 'rename' && !view) return;\n    this.dialogMode = mode;\n    this.dialogViewId = view?.id ?? null;\n    this.nameDraft = view?.label ?? '';\n    this.nameError = '';\n    this.dialogOpen = true;\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        const input = this.el.querySelector<HTMLElement & { setFocus?: () => Promise<void> }>(\n          `#${this.inputId}`\n        );\n        void input?.setFocus?.();\n      });\n    });\n  }\n\n  private validateName(): string {\n    const name = this.nameDraft.trim();\n    if (!name) return 'View name is required.';\n    const duplicate = this.views.some(\n      view =>\n        view.id !== this.dialogViewId &&\n        view.label.trim().toLocaleLowerCase() === name.toLocaleLowerCase()\n    );\n    if (\n      duplicate ||\n      this.defaultViewLabel.trim().toLocaleLowerCase() === name.toLocaleLowerCase()\n    ) {\n      return 'A view with this name already exists.';\n    }\n    return '';\n  }\n\n  private submitDialog() {\n    const error = this.validateName();\n    if (error) {\n      this.nameError = error;\n      return;\n    }\n    const name = this.nameDraft.trim();\n    if (this.dialogMode === 'rename' && this.dialogView) {\n      this.dsViewRename.emit({ viewId: this.dialogView.id, name });\n    } else {\n      this.dsViewCreate.emit({ name });\n    }\n    this.dialogOpen = false;\n  }\n\n  private finishDialogClose() {\n    if (this.dialogOpen) return;\n    this.dialogViewId = null;\n    this.nameDraft = '';\n    this.nameError = '';\n    const select = this.el.querySelector<HTMLElement & { setFocus?: () => Promise<void> }>(\n      `#${this.selectId}`\n    );\n    void select?.setFocus?.();\n  }\n\n  render() {\n    return (\n      <Host>\n        <ds-select\n          neutralTrigger\n          hasBorder={this.hasBorder}\n          id={this.selectId}\n          size=\"md\"\n          icon=\"ViewMenu\"\n          indicator=\"none\"\n          collapseLabel\n          iconOnly={this.compact}\n          width=\"fill\"\n          placeholder={this.label}\n          aria-label={this.label}\n          sections={this.sections}\n          value={this.value}\n          triggerLabel={this.selectedCustomView ? undefined : this.triggerLabel}\n          triggerLabelPlaceholder={!this.selectedCustomView}\n          dot={this.dirty && Boolean(this.selectedCustomView)}\n          footerActionLabel={this.createLabel}\n          activeFill={false}\n          allowClear={false}\n          onDsChange={(event: CustomEvent<SelectValue>) => this.handleViewChange(event.detail)}\n          onDsFooterAction={() => this.openDialog('create')}\n          onDsOptionSubtextAction={(event: CustomEvent<SelectOptionSubtextActionDetail>) =>\n            this.handleSubtextAction(event.detail)\n          }\n          onDsOptionAction={(event: CustomEvent<SelectOptionActionDetail>) =>\n            this.handleOptionAction(event.detail)\n          }\n        />\n\n        <ds-menu\n          id={this.actionMenuId}\n          anchorId={this.actionAnchorId}\n          menuLabel=\"Saved view options\"\n          side=\"bottom\"\n          align=\"end\"\n          menuWidth=\"max-content\"\n          minWidth=\"0\"\n          items={this.actionItems}\n          open={this.actionMenuOpen}\n          initialFocusVisible={this.actionMenuInitialFocusVisible}\n          onDsClose={() => (this.actionMenuOpen = false)}\n          onDsAfterClose={() => {\n            if (this.actionMenuOpen) return;\n            this.actionViewId = null;\n            this.actionAnchorId = undefined;\n          }}\n          onDsSelect={(event: CustomEvent<MenuItemData>) => this.handleActionSelect(event)}\n        />\n\n        <ds-modal\n          open={this.dialogOpen}\n          heading={this.dialogMode === 'rename' ? 'Rename view' : 'Save as new view'}\n          modalWidth=\"sm\"\n          onDsClose={() => (this.dialogOpen = false)}\n          onDsAfterClose={() => this.finishDialogClose()}\n        >\n          <ds-field\n            label=\"Name\"\n            fieldId={this.fieldId}\n            error={this.nameError.length > 0}\n            errorMessage={this.nameError}\n          >\n            <ds-input\n              id={this.inputId}\n              size=\"md\"\n              placeholder=\"Enter a unique name\"\n              value={this.nameDraft}\n              autoFocus={true}\n              onDsChange={(event: CustomEvent<string>) => {\n                this.nameDraft = event.detail;\n                if (this.nameError) this.nameError = '';\n              }}\n              onKeyDown={(event: KeyboardEvent) => {\n                if (event.key === 'Enter') this.submitDialog();\n              }}\n            />\n          </ds-field>\n\n          <div slot=\"footer\" class=\"table-saved-views__dialog-actions\">\n            <ds-button-filled\n              label={this.dialogMode === 'rename' ? 'Rename' : 'Save'}\n              size=\"md\"\n              onDsClick={() => this.submitDialog()}\n            />\n            <ds-button-unfilled\n              label=\"Cancel\"\n              size=\"md\"\n              onDsClick={() => (this.dialogOpen = false)}\n            />\n          </div>\n        </ds-modal>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4pBAAA,MAAMA,EAAqB,IAAM,iaCmBjC,IAAIC,EAAoB,E,MAOXC,EAAeC,EAAA,MAAAD,UAAAE,EAL5B,WAAAC,CAAAC,G,4SAUUC,KAAAC,UAAqB,KACrBD,KAAAE,MAA0B,GAE1BF,KAAAG,MAAgB,cAEhBH,KAAAI,MAAiB,MAEjBJ,KAAAK,cAAwB,cAExBL,KAAAM,iBAA2B,UAE3BN,KAAAO,MAAgB,cAEhBP,KAAAQ,aAAuB,QAEvBR,KAAAS,QAAmB,MAEnBT,KAAAU,YAAsB,WAebV,KAAAW,aAA8B,KAE9BX,KAAAY,eAAiB,MACjBZ,KAAAa,8BAAgC,MAChCb,KAAAc,WAAa,MACbd,KAAAe,WAAkC,SAClCf,KAAAgB,aAA8B,KAC9BhB,KAAAiB,UAAY,GACZjB,KAAAkB,UAAY,GAEZlB,KAAAmB,YAAc,0BAA0BzB,IACxCM,KAAAoB,SAAW,GAAGpB,KAAKmB,qBACnBnB,KAAAqB,aAAe,GAAGrB,KAAKmB,sBACvBnB,KAAAsB,QAAU,GAAGtB,KAAKmB,yBAClBnB,KAAAuB,QAAU,GAAGvB,KAAKmB,yBAClBnB,KAAAwB,YAA8B,CAC7C,CAAEjB,MAAO,SAAUJ,MAAO,UAC1B,CAAEI,MAAO,SAAUJ,MAAO,SAAUsB,cAAe,MAmOtD,CAhOC,sBAAYC,GACV,OAAO1B,KAAKE,MAAMyB,MAAKC,GAAQA,EAAKC,KAAO7B,KAAKG,O,CAGlD,cAAY2B,GACV,OAAO9B,KAAKE,MAAMyB,MAAKC,GAAQA,EAAKC,KAAO7B,KAAKgB,c,CAGlD,YAAYe,GACV,MAAMC,EAAShC,KAAKE,MAAM+B,KAAIL,IAAI,CAChCrB,MAAOqB,EAAKrB,MACZJ,MAAOyB,EAAKC,GACZK,eACElC,KAAKI,OAASwB,EAAKC,KAAO7B,KAAK0B,oBAAoBG,GAC/C,CACE,CAAEtB,MAAO,OAAQJ,MAAO,QACxB,CAAEI,MAAO,UAAWJ,MAAO,UAAWgC,KAAM,aAE9CC,UACNC,OAAQ,CACN9B,MAAO,eAAeqB,EAAKrB,QAC3B+B,SAAUtC,KAAKqB,aACfkB,SAAUvC,KAAKW,eAAiBiB,EAAKC,IAAM7B,KAAKY,eAChD4B,YAAaxC,KAAKW,eAAiBiB,EAAKC,QAG5C,MAAMY,EAAY,CAChBC,OAAQ,YACRC,QAAS,CAAC,CAAEpC,MAAOP,KAAKM,iBAAkBH,MAAOH,KAAKK,gBACtDuC,QAASZ,EAAOa,OAAS,GAE3B,OAAOb,EAAOa,OAAS,EAAI,CAACJ,EAAW,CAAEC,OAAQ,SAAUC,QAASX,IAAY,CAACS,E,CAG3E,gBAAAK,CAAiB3C,GACvB,UAAWA,IAAU,SAAUH,KAAK+C,aAAaC,KAAK,CAAEC,OAAQ9C,G,CAG1D,mBAAA+C,CAAoBC,GAC1B,MAAMvB,EAAO5B,KAAK0B,mBAClB,IAAKE,IAAS5B,KAAKI,OAAS+C,EAAOhD,QAAUyB,EAAKC,GAAI,OACtD,GAAIsB,EAAOC,cAAgB,OAAQpD,KAAKqD,WAAWL,KAAK,CAAEC,OAAQrB,EAAKC,KACvE,GAAIsB,EAAOC,cAAgB,UAAWpD,KAAKsD,cAAcN,KAAK,CAAEC,OAAQrB,EAAKC,I,CAGvE,kBAAA0B,CAAmBJ,GACzB,IAAKnD,KAAKE,MAAMsD,MAAK5B,GAAQA,EAAKC,KAAOsB,EAAOhD,QAAQ,OACxDH,KAAKa,8BAAgCsC,EAAOM,cAAcN,SAAW,EACrE,GAAInD,KAAKW,eAAiBwC,EAAOhD,OAASH,KAAKY,eAAgB,CAC7DZ,KAAKY,eAAiB,MACtB,M,CAEFZ,KAAKW,aAAewC,EAAOhD,MAC3BH,KAAK0D,eAAiBP,EAAOQ,SAC7B3D,KAAKY,eAAiB,I,CAGhB,kBAAAgD,CAAmBC,GACzB,MAAMZ,EAASjD,KAAKW,aACpBX,KAAKY,eAAiB,MACtB,IAAKqC,EAAQ,OACb,GAAIY,EAAMV,OAAOhD,QAAU,SAAUH,KAAK8D,WAAW,SAAUb,GAC/D,GAAIY,EAAMV,OAAOhD,QAAU,SAAUH,KAAK+D,aAAaf,KAAK,CAAEC,U,CAGxD,UAAAa,CAAWE,EAA2Bf,EAAwB,MACpE,MAAMrB,EAAOoC,IAAS,SAAWhE,KAAKE,MAAMyB,MAAKsC,GAAQA,EAAKpC,KAAOoB,IAAUb,UAC/E,GAAI4B,IAAS,WAAapC,EAAM,OAChC5B,KAAKe,WAAaiD,EAClBhE,KAAKgB,aAAeY,GAAMC,IAAM,KAChC7B,KAAKiB,UAAYW,GAAMrB,OAAS,GAChCP,KAAKkB,UAAY,GACjBlB,KAAKc,WAAa,KAClBoD,uBAAsB,KACpBA,uBAAsB,KACpB,MAAMC,EAAQnE,KAAKoE,GAAGC,cACpB,IAAIrE,KAAKuB,gBAEN4C,GAAOG,YAAY,GACxB,G,CAIE,YAAAC,GACN,MAAMC,EAAOxE,KAAKiB,UAAUwD,OAC5B,IAAKD,EAAM,MAAO,yBAClB,MAAME,EAAY1E,KAAKE,MAAMsD,MAC3B5B,GACEA,EAAKC,KAAO7B,KAAKgB,cACjBY,EAAKrB,MAAMkE,OAAOE,sBAAwBH,EAAKG,sBAEnD,GACED,GACA1E,KAAKM,iBAAiBmE,OAAOE,sBAAwBH,EAAKG,oBAC1D,CACA,MAAO,uC,CAET,MAAO,E,CAGD,YAAAC,GACN,MAAMC,EAAQ7E,KAAKuE,eACnB,GAAIM,EAAO,CACT7E,KAAKkB,UAAY2D,EACjB,M,CAEF,MAAML,EAAOxE,KAAKiB,UAAUwD,OAC5B,GAAIzE,KAAKe,aAAe,UAAYf,KAAK8B,WAAY,CACnD9B,KAAK8E,aAAa9B,KAAK,CAAEC,OAAQjD,KAAK8B,WAAWD,GAAI2C,Q,KAChD,CACLxE,KAAK+E,aAAa/B,KAAK,CAAEwB,Q,CAE3BxE,KAAKc,WAAa,K,CAGZ,iBAAAkE,GACN,GAAIhF,KAAKc,WAAY,OACrBd,KAAKgB,aAAe,KACpBhB,KAAKiB,UAAY,GACjBjB,KAAKkB,UAAY,GACjB,MAAM+D,EAASjF,KAAKoE,GAAGC,cACrB,IAAIrE,KAAKoB,iBAEN6D,GAAQX,Y,CAGf,MAAAY,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,aAAAE,IAAA,2CACEC,eAAc,KACdrF,UAAWD,KAAKC,UAChB4B,GAAI7B,KAAKoB,SACTmE,KAAK,KACLC,KAAK,WACLC,UAAU,OACVC,cAAa,KACbC,SAAU3F,KAAKS,QACfmF,MAAM,OACNC,YAAa7F,KAAKO,MAAK,aACXP,KAAKO,MACjBwB,SAAU/B,KAAK+B,SACf5B,MAAOH,KAAKG,MACZK,aAAcR,KAAK0B,mBAAqBU,UAAYpC,KAAKQ,aACzDsF,yBAA0B9F,KAAK0B,mBAC/BqE,IAAK/F,KAAKI,OAAS4F,QAAQhG,KAAK0B,oBAChCuE,kBAAmBjG,KAAKU,YACxBwF,WAAY,MACZC,WAAY,MACZC,WAAavC,GAAoC7D,KAAK8C,iBAAiBe,EAAMV,QAC7EkD,iBAAkB,IAAMrG,KAAK8D,WAAW,UACxCwC,wBAA0BzC,GACxB7D,KAAKkD,oBAAoBW,EAAMV,QAEjCoD,iBAAmB1C,GACjB7D,KAAKuD,mBAAmBM,EAAMV,UAIlCgC,EAAA,WAAAE,IAAA,2CACExD,GAAI7B,KAAKqB,aACTsC,SAAU3D,KAAK0D,eACf8C,UAAU,qBACVC,KAAK,SACLC,MAAM,MACNC,UAAU,cACVC,SAAS,IACTC,MAAO7G,KAAKwB,YACZsF,KAAM9G,KAAKY,eACXmG,oBAAqB/G,KAAKa,8BAC1BmG,UAAW,IAAOhH,KAAKY,eAAiB,MACxCqG,eAAgB,KACd,GAAIjH,KAAKY,eAAgB,OACzBZ,KAAKW,aAAe,KACpBX,KAAK0D,eAAiBtB,SAAS,EAEjC8E,WAAarD,GAAqC7D,KAAK4D,mBAAmBC,KAG5EsB,EAAA,YAAAE,IAAA,2CACEyB,KAAM9G,KAAKc,WACXqG,QAASnH,KAAKe,aAAe,SAAW,cAAgB,mBACxDqG,WAAW,KACXJ,UAAW,IAAOhH,KAAKc,WAAa,MACpCmG,eAAgB,IAAMjH,KAAKgF,qBAE3BG,EAAA,YAAAE,IAAA,2CACE9E,MAAM,OACNe,QAAStB,KAAKsB,QACduD,MAAO7E,KAAKkB,UAAU2B,OAAS,EAC/BwE,aAAcrH,KAAKkB,WAEnBiE,EAAA,YAAAE,IAAA,2CACExD,GAAI7B,KAAKuB,QACTgE,KAAK,KACLM,YAAY,sBACZ1F,MAAOH,KAAKiB,UACZqG,UAAW,KACXlB,WAAavC,IACX7D,KAAKiB,UAAY4C,EAAMV,OACvB,GAAInD,KAAKkB,UAAWlB,KAAKkB,UAAY,EAAE,EAEzCqG,UAAY1D,IACV,GAAIA,EAAMwB,MAAQ,QAASrF,KAAK4E,cAAc,KAKpDO,EAAA,OAAAE,IAAA,2CAAKmC,KAAK,SAASC,MAAM,qCACvBtC,EAAA,oBAAAE,IAAA,2CACE9E,MAAOP,KAAKe,aAAe,SAAW,SAAW,OACjDwE,KAAK,KACLmC,UAAW,IAAM1H,KAAK4E,iBAExBO,EAAA,sBAAAE,IAAA,2CACE9E,MAAM,SACNgF,KAAK,KACLmC,UAAW,IAAO1H,KAAKc,WAAa,U","ignoreList":[]}