@ds-mo/ui 8.3.1 → 9.0.0

package/dist/react/components.d.ts

@@ -26,7 +26,6 @@ export { DsInput } from "./ds-input.js";
 export { DsLoader } from "./ds-loader.js";
 export { DsMenu } from "./ds-menu.js";
 export { DsModal } from "./ds-modal.js";
-export { DsPagination } from "./ds-pagination.js";
 export { DsPanelNav } from "./ds-panel-nav.js";
 export { DsPanelSubNav } from "./ds-panel-sub-nav.js";
 export { DsPanelTools } from "./ds-panel-tools.js";
@@ -39,7 +38,6 @@ export { DsSkeleton } from "./ds-skeleton.js";
 export { DsSlider } from "./ds-slider.js";
 export { DsSwitch } from "./ds-switch.js";
 export { DsTabGroup } from "./ds-tab-group.js";
-export { DsTable } from "./ds-table.js";
 export { DsTag } from "./ds-tag.js";
 export { DsText } from "./ds-text.js";
 export { DsTooltipDataViz } from "./ds-tooltip-data-viz.js";

package/dist/react/components.js

@@ -27,7 +27,6 @@ export { DsInput } from "./ds-input.js";
 export { DsLoader } from "./ds-loader.js";
 export { DsMenu } from "./ds-menu.js";
 export { DsModal } from "./ds-modal.js";
-export { DsPagination } from "./ds-pagination.js";
 export { DsPanelNav } from "./ds-panel-nav.js";
 export { DsPanelSubNav } from "./ds-panel-sub-nav.js";
 export { DsPanelTools } from "./ds-panel-tools.js";
@@ -40,7 +39,6 @@ export { DsSkeleton } from "./ds-skeleton.js";
 export { DsSlider } from "./ds-slider.js";
 export { DsSwitch } from "./ds-switch.js";
 export { DsTabGroup } from "./ds-tab-group.js";
-export { DsTable } from "./ds-table.js";
 export { DsTag } from "./ds-tag.js";
 export { DsText } from "./ds-text.js";
 export { DsTooltipDataViz } from "./ds-tooltip-data-viz.js";

package/dist/types/components.d.ts

@@ -44,7 +44,6 @@ import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from
 import { SwitchSize } from "./components/Switch/Switch";
 import { TabGroupItem } from "./components/TabGroup/tab-item-utils";
 import { TabBackground } from "./components/TabGroup/TabGroup";
-import { SortState, TableColumn } from "./components/Table/Table";
 import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 import { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
 export { NavChromeStyle } from "./shell/nav-chrome";
@@ -86,7 +85,6 @@ export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from
 export { SwitchSize } from "./components/Switch/Switch";
 export { TabGroupItem } from "./components/TabGroup/tab-item-utils";
 export { TabBackground } from "./components/TabGroup/TabGroup";
-export { SortState, TableColumn } from "./components/Table/Table";
 export { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 export { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
 export namespace Components {
@@ -909,36 +907,6 @@ export namespace Components {
         "open": boolean;
         "subtitle": string | undefined;
     }
-    interface DsPagination {
-        /**
-          * @default false
-         */
-        "isInactive": boolean;
-        /**
-          * @default 'Next page'
-         */
-        "nextPageLabel": string;
-        /**
-          * @default 1
-         */
-        "page": number;
-        /**
-          * @default 'Pagination'
-         */
-        "paginationLabel": string;
-        /**
-          * @default 'Previous page'
-         */
-        "previousPageLabel": string;
-        /**
-          * @default 1
-         */
-        "siblingCount": number;
-        /**
-          * @default 1
-         */
-        "totalPages": number;
-    }
     interface DsPanelNav {
         /**
           * @default 'Account'
@@ -1697,56 +1665,6 @@ export namespace Components {
          */
         "value": string;
     }
-    interface DsTable {
-        /**
-          * @default []
-         */
-        "columns": TableColumn[];
-        /**
-          * @default []
-         */
-        "data": unknown[];
-        /**
-          * @default 'No results found.'
-         */
-        "emptyMessage": string;
-        /**
-          * @default false
-         */
-        "loading": boolean;
-        /**
-          * @default 'Loading'
-         */
-        "loadingLabel": string;
-        "locale": string | undefined;
-        /**
-          * @default 'Next'
-         */
-        "nextPageLabel": string;
-        /**
-          * Page index (0-based). Enables built-in pagination when set alongside pageSize.
-         */
-        "pageIndex": number | undefined;
-        /**
-          * @default 20
-         */
-        "pageSize": number;
-        /**
-          * Use `{page}` and `{total}` placeholders.
-          * @default 'Page {page} of {total}'
-         */
-        "pageStatusLabel": string;
-        /**
-          * @default 'Previous'
-         */
-        "previousPageLabel": string;
-        /**
-          * Comma-separated zero-based row indices that are selected.
-          * @default ''
-         */
-        "selectedRows": string;
-        "sortState": SortState | undefined;
-    }
     interface DsTag {
         /**
           * ID of the menu controlled by an interactive Tag.
@@ -1977,10 +1895,6 @@ export interface DsModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsModalElement;
 }
-export interface DsPaginationCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsPaginationElement;
-}
 export interface DsPanelNavCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsPanelNavElement;
@@ -2025,10 +1939,6 @@ export interface DsTabGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsTabGroupElement;
 }
-export interface DsTableCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDsTableElement;
-}
 export interface DsTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsTagElement;
@@ -2351,23 +2261,6 @@ declare global {
         prototype: HTMLDsModalElement;
         new (): HTMLDsModalElement;
     };
-    interface HTMLDsPaginationElementEventMap {
-        "dsPageChange": number;
-    }
-    interface HTMLDsPaginationElement extends Components.DsPagination, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsPaginationElementEventMap>(type: K, listener: (this: HTMLDsPaginationElement, ev: DsPaginationCustomEvent<HTMLDsPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDsPaginationElementEventMap>(type: K, listener: (this: HTMLDsPaginationElement, ev: DsPaginationCustomEvent<HTMLDsPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLDsPaginationElement: {
-        prototype: HTMLDsPaginationElement;
-        new (): HTMLDsPaginationElement;
-    };
     interface HTMLDsPanelNavElementEventMap {
         "dsNavSelect": string;
         "dsNavToggle": boolean;
@@ -2576,25 +2469,6 @@ declare global {
         prototype: HTMLDsTabGroupElement;
         new (): HTMLDsTabGroupElement;
     };
-    interface HTMLDsTableElementEventMap {
-        "dsSort": { columnId: string };
-        "dsRowClick": { row: unknown; rowIndex: number };
-        "dsPageChange": { pageIndex: number };
-    }
-    interface HTMLDsTableElement extends Components.DsTable, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDsTableElementEventMap>(type: K, listener: (this: HTMLDsTableElement, ev: DsTableCustomEvent<HTMLDsTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDsTableElementEventMap>(type: K, listener: (this: HTMLDsTableElement, ev: DsTableCustomEvent<HTMLDsTableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLDsTableElement: {
-        prototype: HTMLDsTableElement;
-        new (): HTMLDsTableElement;
-    };
     interface HTMLDsTagElementEventMap {
         "dsClick": MouseEvent;
     }
@@ -2674,7 +2548,6 @@ declare global {
         "ds-loader": HTMLDsLoaderElement;
         "ds-menu": HTMLDsMenuElement;
         "ds-modal": HTMLDsModalElement;
-        "ds-pagination": HTMLDsPaginationElement;
         "ds-panel-nav": HTMLDsPanelNavElement;
         "ds-panel-sub-nav": HTMLDsPanelSubNavElement;
         "ds-panel-tools": HTMLDsPanelToolsElement;
@@ -2687,7 +2560,6 @@ declare global {
         "ds-slider": HTMLDsSliderElement;
         "ds-switch": HTMLDsSwitchElement;
         "ds-tab-group": HTMLDsTabGroupElement;
-        "ds-table": HTMLDsTableElement;
         "ds-tag": HTMLDsTagElement;
         "ds-text": HTMLDsTextElement;
         "ds-tooltip": HTMLDsTooltipElement;
@@ -3562,37 +3434,6 @@ declare namespace LocalJSX {
         "open"?: boolean;
         "subtitle"?: string | undefined;
     }
-    interface DsPagination {
-        /**
-          * @default false
-         */
-        "isInactive"?: boolean;
-        /**
-          * @default 'Next page'
-         */
-        "nextPageLabel"?: string;
-        "onDsPageChange"?: (event: DsPaginationCustomEvent<number>) => void;
-        /**
-          * @default 1
-         */
-        "page"?: number;
-        /**
-          * @default 'Pagination'
-         */
-        "paginationLabel"?: string;
-        /**
-          * @default 'Previous page'
-         */
-        "previousPageLabel"?: string;
-        /**
-          * @default 1
-         */
-        "siblingCount"?: number;
-        /**
-          * @default 1
-         */
-        "totalPages"?: number;
-    }
     interface DsPanelNav {
         /**
           * @default 'Account'
@@ -4418,59 +4259,6 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    interface DsTable {
-        /**
-          * @default []
-         */
-        "columns"?: TableColumn[];
-        /**
-          * @default []
-         */
-        "data"?: unknown[];
-        /**
-          * @default 'No results found.'
-         */
-        "emptyMessage"?: string;
-        /**
-          * @default false
-         */
-        "loading"?: boolean;
-        /**
-          * @default 'Loading'
-         */
-        "loadingLabel"?: string;
-        "locale"?: string | undefined;
-        /**
-          * @default 'Next'
-         */
-        "nextPageLabel"?: string;
-        "onDsPageChange"?: (event: DsTableCustomEvent<{ pageIndex: number }>) => void;
-        "onDsRowClick"?: (event: DsTableCustomEvent<{ row: unknown; rowIndex: number }>) => void;
-        "onDsSort"?: (event: DsTableCustomEvent<{ columnId: string }>) => void;
-        /**
-          * Page index (0-based). Enables built-in pagination when set alongside pageSize.
-         */
-        "pageIndex"?: number | undefined;
-        /**
-          * @default 20
-         */
-        "pageSize"?: number;
-        /**
-          * Use `{page}` and `{total}` placeholders.
-          * @default 'Page {page} of {total}'
-         */
-        "pageStatusLabel"?: string;
-        /**
-          * @default 'Previous'
-         */
-        "previousPageLabel"?: string;
-        /**
-          * Comma-separated zero-based row indices that are selected.
-          * @default ''
-         */
-        "selectedRows"?: string;
-        "sortState"?: SortState | undefined;
-    }
     interface DsTag {
         /**
           * ID of the menu controlled by an interactive Tag.
@@ -4868,15 +4656,6 @@ declare namespace LocalJSX {
         "subtitle": string | undefined;
         "modalWidth": ModalWidth | string;
     }
-    interface DsPaginationAttributes {
-        "page": number;
-        "totalPages": number;
-        "siblingCount": number;
-        "isInactive": boolean;
-        "paginationLabel": string;
-        "previousPageLabel": string;
-        "nextPageLabel": string;
-    }
     interface DsPanelNavAttributes {
         "navStyle": NavChromeStyle;
         "disableViewTransition": boolean;
@@ -5051,18 +4830,6 @@ declare namespace LocalJSX {
         "ariaLabel": string | null;
         "ariaLabelledby": string | undefined;
     }
-    interface DsTableAttributes {
-        "loading": boolean;
-        "emptyMessage": string;
-        "loadingLabel": string;
-        "previousPageLabel": string;
-        "nextPageLabel": string;
-        "pageStatusLabel": string;
-        "locale": string | undefined;
-        "selectedRows": string;
-        "pageIndex": number | undefined;
-        "pageSize": number;
-    }
     interface DsTagAttributes {
         "label": string;
         "icon": string;
@@ -5135,7 +4902,6 @@ declare namespace LocalJSX {
         "ds-loader": Omit<DsLoader, keyof DsLoaderAttributes> & { [K in keyof DsLoader & keyof DsLoaderAttributes]?: DsLoader[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `attr:${K}`]?: DsLoaderAttributes[K] } & { [K in keyof DsLoader & keyof DsLoaderAttributes as `prop:${K}`]?: DsLoader[K] };
         "ds-menu": Omit<DsMenu, keyof DsMenuAttributes> & { [K in keyof DsMenu & keyof DsMenuAttributes]?: DsMenu[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `attr:${K}`]?: DsMenuAttributes[K] } & { [K in keyof DsMenu & keyof DsMenuAttributes as `prop:${K}`]?: DsMenu[K] };
         "ds-modal": Omit<DsModal, keyof DsModalAttributes> & { [K in keyof DsModal & keyof DsModalAttributes]?: DsModal[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `attr:${K}`]?: DsModalAttributes[K] } & { [K in keyof DsModal & keyof DsModalAttributes as `prop:${K}`]?: DsModal[K] } & OneOf<"heading", DsModal["heading"], DsModalAttributes["heading"]>;
-        "ds-pagination": Omit<DsPagination, keyof DsPaginationAttributes> & { [K in keyof DsPagination & keyof DsPaginationAttributes]?: DsPagination[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `attr:${K}`]?: DsPaginationAttributes[K] } & { [K in keyof DsPagination & keyof DsPaginationAttributes as `prop:${K}`]?: DsPagination[K] };
         "ds-panel-nav": Omit<DsPanelNav, keyof DsPanelNavAttributes> & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes]?: DsPanelNav[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `attr:${K}`]?: DsPanelNavAttributes[K] } & { [K in keyof DsPanelNav & keyof DsPanelNavAttributes as `prop:${K}`]?: DsPanelNav[K] };
         "ds-panel-sub-nav": Omit<DsPanelSubNav, keyof DsPanelSubNavAttributes> & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes]?: DsPanelSubNav[K] } & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes as `attr:${K}`]?: DsPanelSubNavAttributes[K] } & { [K in keyof DsPanelSubNav & keyof DsPanelSubNavAttributes as `prop:${K}`]?: DsPanelSubNav[K] };
         "ds-panel-tools": Omit<DsPanelTools, keyof DsPanelToolsAttributes> & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes]?: DsPanelTools[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `attr:${K}`]?: DsPanelToolsAttributes[K] } & { [K in keyof DsPanelTools & keyof DsPanelToolsAttributes as `prop:${K}`]?: DsPanelTools[K] };
@@ -5148,7 +4914,6 @@ declare namespace LocalJSX {
         "ds-slider": Omit<DsSlider, keyof DsSliderAttributes> & { [K in keyof DsSlider & keyof DsSliderAttributes]?: DsSlider[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `attr:${K}`]?: DsSliderAttributes[K] } & { [K in keyof DsSlider & keyof DsSliderAttributes as `prop:${K}`]?: DsSlider[K] };
         "ds-switch": Omit<DsSwitch, keyof DsSwitchAttributes> & { [K in keyof DsSwitch & keyof DsSwitchAttributes]?: DsSwitch[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `attr:${K}`]?: DsSwitchAttributes[K] } & { [K in keyof DsSwitch & keyof DsSwitchAttributes as `prop:${K}`]?: DsSwitch[K] };
         "ds-tab-group": Omit<DsTabGroup, keyof DsTabGroupAttributes> & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes]?: DsTabGroup[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `attr:${K}`]?: DsTabGroupAttributes[K] } & { [K in keyof DsTabGroup & keyof DsTabGroupAttributes as `prop:${K}`]?: DsTabGroup[K] };
-        "ds-table": Omit<DsTable, keyof DsTableAttributes> & { [K in keyof DsTable & keyof DsTableAttributes]?: DsTable[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `attr:${K}`]?: DsTableAttributes[K] } & { [K in keyof DsTable & keyof DsTableAttributes as `prop:${K}`]?: DsTable[K] };
         "ds-tag": Omit<DsTag, keyof DsTagAttributes> & { [K in keyof DsTag & keyof DsTagAttributes]?: DsTag[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `attr:${K}`]?: DsTagAttributes[K] } & { [K in keyof DsTag & keyof DsTagAttributes as `prop:${K}`]?: DsTag[K] } & OneOf<"label", DsTag["label"], DsTagAttributes["label"]>;
         "ds-text": Omit<DsText, keyof DsTextAttributes> & { [K in keyof DsText & keyof DsTextAttributes]?: DsText[K] } & { [K in keyof DsText & keyof DsTextAttributes as `attr:${K}`]?: DsTextAttributes[K] } & { [K in keyof DsText & keyof DsTextAttributes as `prop:${K}`]?: DsText[K] };
         "ds-tooltip": Omit<DsTooltip, keyof DsTooltipAttributes> & { [K in keyof DsTooltip & keyof DsTooltipAttributes]?: DsTooltip[K] } & { [K in keyof DsTooltip & keyof DsTooltipAttributes as `attr:${K}`]?: DsTooltipAttributes[K] } & { [K in keyof DsTooltip & keyof DsTooltipAttributes as `prop:${K}`]?: DsTooltip[K] } & OneOf<"label", DsTooltip["label"], DsTooltipAttributes["label"]>;
@@ -5208,7 +4973,6 @@ declare module "@stencil/core" {
             "ds-loader": LocalJSX.IntrinsicElements["ds-loader"] & JSXBase.HTMLAttributes<HTMLDsLoaderElement>;
             "ds-menu": LocalJSX.IntrinsicElements["ds-menu"] & JSXBase.HTMLAttributes<HTMLDsMenuElement>;
             "ds-modal": LocalJSX.IntrinsicElements["ds-modal"] & JSXBase.HTMLAttributes<HTMLDsModalElement>;
-            "ds-pagination": LocalJSX.IntrinsicElements["ds-pagination"] & JSXBase.HTMLAttributes<HTMLDsPaginationElement>;
             "ds-panel-nav": LocalJSX.IntrinsicElements["ds-panel-nav"] & JSXBase.HTMLAttributes<HTMLDsPanelNavElement>;
             "ds-panel-sub-nav": LocalJSX.IntrinsicElements["ds-panel-sub-nav"] & JSXBase.HTMLAttributes<HTMLDsPanelSubNavElement>;
             "ds-panel-tools": LocalJSX.IntrinsicElements["ds-panel-tools"] & JSXBase.HTMLAttributes<HTMLDsPanelToolsElement>;
@@ -5221,7 +4985,6 @@ declare module "@stencil/core" {
             "ds-slider": LocalJSX.IntrinsicElements["ds-slider"] & JSXBase.HTMLAttributes<HTMLDsSliderElement>;
             "ds-switch": LocalJSX.IntrinsicElements["ds-switch"] & JSXBase.HTMLAttributes<HTMLDsSwitchElement>;
             "ds-tab-group": LocalJSX.IntrinsicElements["ds-tab-group"] & JSXBase.HTMLAttributes<HTMLDsTabGroupElement>;
-            "ds-table": LocalJSX.IntrinsicElements["ds-table"] & JSXBase.HTMLAttributes<HTMLDsTableElement>;
             "ds-tag": LocalJSX.IntrinsicElements["ds-tag"] & JSXBase.HTMLAttributes<HTMLDsTagElement>;
             "ds-text": LocalJSX.IntrinsicElements["ds-text"] & JSXBase.HTMLAttributes<HTMLDsTextElement>;
             /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "8.3.1",
+  "version": "9.0.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",

package/dist/angular/ds-pagination.d.ts

@@ -1,15 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsPaginationCustomEvent } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsPagination {
-    protected z: NgZone;
-    protected el: HTMLDsPaginationElement;
-    dsPageChange: EventEmitter<DsPaginationCustomEvent<number>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsPagination, "ds-pagination", never, { "isInactive": { "alias": "isInactive"; "required": false; }; "nextPageLabel": { "alias": "nextPageLabel"; "required": false; }; "page": { "alias": "page"; "required": false; }; "paginationLabel": { "alias": "paginationLabel"; "required": false; }; "previousPageLabel": { "alias": "previousPageLabel"; "required": false; }; "siblingCount": { "alias": "siblingCount"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; }, { "dsPageChange": "dsPageChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsPagination extends Components.DsPagination {
-    dsPageChange: EventEmitter<DsPaginationCustomEvent<number>>;
-}

package/dist/angular/ds-pagination.js

@@ -1,42 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
-import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsPagination } from '@ds-mo/ui/components/ds-pagination.js';
-import * as i0 from "@angular/core";
-let DsPagination = class DsPagination {
-    constructor(c, r, z) {
-        this.z = z;
-        this.dsPageChange = new EventEmitter();
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsPagination, isStandalone: true, selector: "ds-pagination", inputs: { isInactive: "isInactive", nextPageLabel: "nextPageLabel", page: "page", paginationLabel: "paginationLabel", previousPageLabel: "previousPageLabel", siblingCount: "siblingCount", totalPages: "totalPages" }, outputs: { dsPageChange: "dsPageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-DsPagination = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineDsPagination,
-        inputs: ['isInactive', 'nextPageLabel', 'page', 'paginationLabel', 'previousPageLabel', 'siblingCount', 'totalPages']
-    })
-], DsPagination);
-export { DsPagination };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsPagination, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ds-pagination',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isInactive', 'nextPageLabel', 'page', 'paginationLabel', 'previousPageLabel', 'siblingCount', 'totalPages'],
-                    outputs: ['dsPageChange'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsPageChange: [{
-                type: Output
-            }] } });

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

@@ -1,33 +0,0 @@
-import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import type { Components } from '@ds-mo/ui/components';
-import type { DsTableCustomEvent } from '@ds-mo/ui/components';
-import * as i0 from "@angular/core";
-export declare class DsTable {
-    protected z: NgZone;
-    protected el: HTMLDsTableElement;
-    dsSort: EventEmitter<DsTableCustomEvent<{
-        columnId: string;
-    }>>;
-    dsRowClick: EventEmitter<DsTableCustomEvent<{
-        row: unknown;
-        rowIndex: number;
-    }>>;
-    dsPageChange: EventEmitter<DsTableCustomEvent<{
-        pageIndex: number;
-    }>>;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DsTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsTable, "ds-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "nextPageLabel": { "alias": "nextPageLabel"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageStatusLabel": { "alias": "pageStatusLabel"; "required": false; }; "previousPageLabel": { "alias": "previousPageLabel"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "sortState": { "alias": "sortState"; "required": false; }; }, { "dsSort": "dsSort"; "dsRowClick": "dsRowClick"; "dsPageChange": "dsPageChange"; }, never, ["*"], true, never>;
-}
-export declare interface DsTable extends Components.DsTable {
-    dsSort: EventEmitter<DsTableCustomEvent<{
-        columnId: string;
-    }>>;
-    dsRowClick: EventEmitter<DsTableCustomEvent<{
-        row: unknown;
-        rowIndex: number;
-    }>>;
-    dsPageChange: EventEmitter<DsTableCustomEvent<{
-        pageIndex: number;
-    }>>;
-}

package/dist/angular/ds-table.js

@@ -1,48 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* tslint:disable */
-/* auto-generated angular directive proxies */
-import { ChangeDetectionStrategy, Component, EventEmitter, Output } from '@angular/core';
-import { ProxyCmp } from './angular-component-lib/utils.js';
-import { defineCustomElement as defineDsTable } from '@ds-mo/ui/components/ds-table.js';
-import * as i0 from "@angular/core";
-let DsTable = class DsTable {
-    constructor(c, r, z) {
-        this.z = z;
-        this.dsSort = new EventEmitter();
-        this.dsRowClick = new EventEmitter();
-        this.dsPageChange = new EventEmitter();
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: DsTable, isStandalone: true, selector: "ds-table", inputs: { columns: "columns", data: "data", emptyMessage: "emptyMessage", loading: "loading", loadingLabel: "loadingLabel", locale: "locale", nextPageLabel: "nextPageLabel", pageIndex: "pageIndex", pageSize: "pageSize", pageStatusLabel: "pageStatusLabel", previousPageLabel: "previousPageLabel", selectedRows: "selectedRows", sortState: "sortState" }, outputs: { dsSort: "dsSort", dsRowClick: "dsRowClick", dsPageChange: "dsPageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-};
-DsTable = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineDsTable,
-        inputs: ['columns', 'data', 'emptyMessage', 'loading', 'loadingLabel', 'locale', 'nextPageLabel', 'pageIndex', 'pageSize', 'pageStatusLabel', 'previousPageLabel', 'selectedRows', 'sortState']
-    })
-], DsTable);
-export { DsTable };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DsTable, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ds-table',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['columns', 'data', 'emptyMessage', 'loading', 'loadingLabel', 'locale', 'nextPageLabel', 'pageIndex', 'pageSize', 'pageStatusLabel', 'previousPageLabel', 'selectedRows', 'sortState'],
-                    outputs: ['dsSort', 'dsRowClick', 'dsPageChange'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsSort: [{
-                type: Output
-            }], dsRowClick: [{
-                type: Output
-            }], dsPageChange: [{
-                type: Output
-            }] } });

package/dist/components/ds-pagination.d.ts

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

package/dist/components/ds-pagination.js

@@ -1,2 +0,0 @@
-import{p as t,H as i,c as n,h as s,a as e,t as o}from"./index.js";import{d as a}from"./p-BKA6houZ.js";const r=()=>`.ds-control-inactive.sc-ds-pagination-h,.ds-control-inactive.sc-ds-pagination{opacity:0.25;pointer-events:none;cursor:not-allowed}.sc-ds-pagination-h{display:inline-block}.pagination.sc-ds-pagination{display:flex;align-items:center;gap:var(--dimension-space-025);-webkit-user-select:none;user-select:none}.button.sc-ds-pagination{display:flex;align-items:center;justify-content:center;min-width:var(--dimension-size-300);height:var(--dimension-size-300);padding:0 var(--dimension-space-050);background:none;border:none;border-radius:var(--dimension-radius-075);cursor:pointer;color:var(--color-foreground-secondary);transition:background-color var(--effect-motion-short-2), color var(--effect-motion-short-2)}.button.sc-ds-pagination:hover:not(:disabled){background-color:var(--color-interaction-hover);color:var(--color-foreground-primary)}.button.sc-ds-pagination:active:not(:disabled){background-color:var(--color-interaction-pressed)}.button.sc-ds-pagination:disabled{cursor:not-allowed;opacity:0.35}.button.sc-ds-pagination:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-stroke-width-015)}.button--active.sc-ds-pagination{background-color:var(--color-interaction-hover);color:var(--color-foreground-primary)}.button--nav.sc-ds-pagination{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ellipsis.sc-ds-pagination{display:flex;align-items:center;justify-content:center;min-width:var(--dimension-size-300);height:var(--dimension-size-300)}`;function c(t,i){const n=[];for(let s=t;s<=i;s++)n.push(s);return n}function l(t,i,n){const s=n*2+5;if(i<=s)return c(1,i);const e=Math.max(t-n,2);const o=Math.min(t+n,i-1);const a=e>2;const r=o<i-1;if(!a&&r)return[...c(1,n*2+3),"ellipsis",i];if(a&&!r)return[1,"ellipsis",...c(i-(n*2+2),i)];return[1,"ellipsis",...c(e,o),"ellipsis",i]}const d=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.dsPageChange=n(this,"dsPageChange");this.page=1;this.totalPages=1;this.siblingCount=1;this.isInactive=false;this.paginationLabel="Pagination";this.previousPageLabel="Previous page";this.nextPageLabel="Next page"}go(t){if(this.isInactive)return;this.page=t;this.dsPageChange.emit(t)}render(){if(this.totalPages<=1)return s(e,{style:{display:"none"}});const t=l(this.page,this.totalPages,this.siblingCount);return s(e,null,s("nav",{class:{pagination:true,"ds-control-inactive":this.isInactive},"aria-label":this.paginationLabel},s("button",{type:"button",class:"button button--nav",disabled:this.page<=1||this.isInactive,onClick:()=>this.go(this.page-1),"aria-label":this.previousPageLabel},"‹"),t.map(((t,i)=>t==="ellipsis"?s("ds-text",{key:`e${i}`,class:"ellipsis",as:"span",variant:"text-body-small",color:"tertiary"},"…"):s("button",{key:t,type:"button",class:{button:true,"button--active":t===this.page},onClick:()=>this.go(t),"aria-current":t===this.page?"page":undefined,disabled:this.isInactive},s("ds-text",{as:"span",variant:"text-body-small",emphasis:t===this.page},t)))),s("button",{type:"button",class:"button button--nav",disabled:this.page>=this.totalPages||this.isInactive,onClick:()=>this.go(this.page+1),"aria-label":this.nextPageLabel},"›")))}static get style(){return r()}},[2,"ds-pagination",{page:[1026],totalPages:[2,"total-pages"],siblingCount:[2,"sibling-count"],isInactive:[4,"is-inactive"],paginationLabel:[1,"pagination-label"],previousPageLabel:[1,"previous-page-label"],nextPageLabel:[1,"next-page-label"]}]);function u(){if(typeof customElements==="undefined"){return}const t=["ds-pagination","ds-text"];t.forEach((t=>{switch(t){case"ds-pagination":if(!customElements.get(o(t))){customElements.define(o(t),d)}break;case"ds-text":if(!customElements.get(o(t))){a()}break}}))}u();const p=d;const h=u;export{p as DsPagination,h as defineCustomElement};
-//# sourceMappingURL=ds-pagination.js.map

package/dist/components/ds-pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paginationCss","buildRange","start","end","items","i","push","buildPages","page","totalPages","siblings","totalSlots","leftSibling","Math","max","rightSibling","min","showLeft","showRight","Pagination","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","siblingCount","isInactive","paginationLabel","previousPageLabel","nextPageLabel","go","p","dsPageChange","emit","render","h","Host","style","display","pages","class","pagination","type","disabled","onClick","map","item","key","as","variant","color","button","undefined","emphasis"],"sources":["src/wc/components/Pagination/Pagination.css?tag=ds-pagination&encapsulation=scoped","src/wc/components/Pagination/Pagination.tsx"],"sourcesContent":["@import '../../utils/control-inactive.css';\n\n:host {\n  display: inline-block;\n}\n\n.pagination {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-025);\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n/* Inactive: `.ds-control-inactive` (25% opacity). */\n\n.button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--dimension-size-300);\n  height: var(--dimension-size-300);\n  padding: 0 var(--dimension-space-050);\n  background: none;\n  border: none;\n  border-radius: var(--dimension-radius-075);\n  cursor: pointer;\n  color: var(--color-foreground-secondary);\n  transition: background-color var(--effect-motion-short-2), color var(--effect-motion-short-2);\n}\n\n.button:hover:not(:disabled) {\n  background-color: var(--color-interaction-hover);\n  color: var(--color-foreground-primary);\n}\n\n.button:active:not(:disabled) {\n  background-color: var(--color-interaction-pressed);\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.35;\n}\n\n.button:focus-visible {\n  outline: var(--dimension-stroke-width-025) solid var(--color-interaction-focus);\n  outline-offset: var(--dimension-stroke-width-015);\n}\n\n.button--active {\n  background-color: var(--color-interaction-hover);\n  color: var(--color-foreground-primary);\n}\n\n.button--nav {\n  font-size: var(--typography-fontsize-md);\n  line-height: var(--typography-lineheight-md);\n}\n\n.ellipsis {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--dimension-size-300);\n  height: var(--dimension-size-300);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nfunction buildRange(start: number, end: number): (number | 'ellipsis')[] {\n  const items: (number | 'ellipsis')[] = [];\n  for (let i = start; i <= end; i++) items.push(i);\n  return items;\n}\n\nfunction buildPages(page: number, totalPages: number, siblings: number): (number | 'ellipsis')[] {\n  const totalSlots = siblings * 2 + 5;\n  if (totalPages <= totalSlots) return buildRange(1, totalPages);\n\n  const leftSibling = Math.max(page - siblings, 2);\n  const rightSibling = Math.min(page + siblings, totalPages - 1);\n  const showLeft = leftSibling > 2;\n  const showRight = rightSibling < totalPages - 1;\n\n  if (!showLeft && showRight) return [...buildRange(1, siblings * 2 + 3), 'ellipsis', totalPages];\n  if (showLeft && !showRight) return [1, 'ellipsis', ...buildRange(totalPages - (siblings * 2 + 2), totalPages)];\n  return [1, 'ellipsis', ...buildRange(leftSibling, rightSibling), 'ellipsis', totalPages];\n}\n\n@Component({\n  tag: 'ds-pagination',\n  styleUrl: 'Pagination.css',\n  scoped: true,\n})\nexport class Pagination {\n  @Prop({ mutable: true }) page: number = 1;\n  @Prop() totalPages: number = 1;\n  @Prop() siblingCount: number = 1;\n  @Prop() isInactive: boolean = false;\n  @Prop() paginationLabel: string = 'Pagination';\n  @Prop() previousPageLabel: string = 'Previous page';\n  @Prop() nextPageLabel: string = 'Next page';\n\n  @Event() dsPageChange!: EventEmitter<number>;\n\n  private go(p: number) {\n    if (this.isInactive) return;\n    this.page = p;\n    this.dsPageChange.emit(p);\n  }\n\n  render() {\n    if (this.totalPages <= 1) return <Host style={{ display: 'none' }} />;\n\n    const pages = buildPages(this.page, this.totalPages, this.siblingCount);\n\n    return (\n      <Host>\n        <nav\n          class={{ pagination: true, 'ds-control-inactive': this.isInactive }}\n          aria-label={this.paginationLabel}\n        >\n          <button\n            type=\"button\"\n            class=\"button button--nav\"\n            disabled={this.page <= 1 || this.isInactive}\n            onClick={() => this.go(this.page - 1)}\n            aria-label={this.previousPageLabel}\n          >\n            &#x2039;\n          </button>\n\n          {pages.map((item, i) =>\n            item === 'ellipsis' ? (\n              <ds-text key={`e${i}`} class=\"ellipsis\" as=\"span\" variant=\"text-body-small\" color=\"tertiary\">\n                …\n              </ds-text>\n            ) : (\n              <button\n                key={item}\n                type=\"button\"\n                class={{ button: true, 'button--active': item === this.page }}\n                onClick={() => this.go(item)}\n                aria-current={item === this.page ? 'page' : undefined}\n                disabled={this.isInactive}\n              >\n                <ds-text as=\"span\" variant=\"text-body-small\" emphasis={item === this.page}>\n                  {item}\n                </ds-text>\n              </button>\n            )\n          )}\n\n          <button\n            type=\"button\"\n            class=\"button button--nav\"\n            disabled={this.page >= this.totalPages || this.isInactive}\n            onClick={() => this.go(this.page + 1)}\n            aria-label={this.nextPageLabel}\n          >\n            &#x203A;\n          </button>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAgB,IAAM,shDCE5B,SAASC,EAAWC,EAAeC,GACjC,MAAMC,EAAiC,GACvC,IAAK,IAAIC,EAAIH,EAAOG,GAAKF,EAAKE,IAAKD,EAAME,KAAKD,GAC9C,OAAOD,CACT,CAEA,SAASG,EAAWC,EAAcC,EAAoBC,GACpD,MAAMC,EAAaD,EAAW,EAAI,EAClC,GAAID,GAAcE,EAAY,OAAOV,EAAW,EAAGQ,GAEnD,MAAMG,EAAcC,KAAKC,IAAIN,EAAOE,EAAU,GAC9C,MAAMK,EAAeF,KAAKG,IAAIR,EAAOE,EAAUD,EAAa,GAC5D,MAAMQ,EAAWL,EAAc,EAC/B,MAAMM,EAAYH,EAAeN,EAAa,EAE9C,IAAKQ,GAAYC,EAAW,MAAO,IAAIjB,EAAW,EAAGS,EAAW,EAAI,GAAI,WAAYD,GACpF,GAAIQ,IAAaC,EAAW,MAAO,CAAC,EAAG,cAAejB,EAAWQ,GAAcC,EAAW,EAAI,GAAID,IAClG,MAAO,CAAC,EAAG,cAAeR,EAAWW,EAAaG,GAAe,WAAYN,EAC/E,C,MAOaU,EAAUC,EAAA,MAAAD,UAAAE,EALvB,WAAAC,CAAAC,G,qFAM2BC,KAAAhB,KAAe,EAChCgB,KAAAf,WAAqB,EACrBe,KAAAC,aAAuB,EACvBD,KAAAE,WAAsB,MACtBF,KAAAG,gBAA0B,aAC1BH,KAAAI,kBAA4B,gBAC5BJ,KAAAK,cAAwB,WAiEjC,CA7DS,EAAAC,CAAGC,GACT,GAAIP,KAAKE,WAAY,OACrBF,KAAKhB,KAAOuB,EACZP,KAAKQ,aAAaC,KAAKF,E,CAGzB,MAAAG,GACE,GAAIV,KAAKf,YAAc,EAAG,OAAO0B,EAACC,EAAI,CAACC,MAAO,CAAEC,QAAS,UAEzD,MAAMC,EAAQhC,EAAWiB,KAAKhB,KAAMgB,KAAKf,WAAYe,KAAKC,cAE1D,OACEU,EAACC,EAAI,KACHD,EAAA,OACEK,MAAO,CAAEC,WAAY,KAAM,sBAAuBjB,KAAKE,YAAY,aACvDF,KAAKG,iBAEjBQ,EAAA,UACEO,KAAK,SACLF,MAAM,qBACNG,SAAUnB,KAAKhB,MAAQ,GAAKgB,KAAKE,WACjCkB,QAAS,IAAMpB,KAAKM,GAAGN,KAAKhB,KAAO,GAAE,aACzBgB,KAAKI,mBAAiB,KAKnCW,EAAMM,KAAI,CAACC,EAAMzC,IAChByC,IAAS,WACPX,EAAA,WAASY,IAAK,IAAI1C,IAAKmC,MAAM,WAAWQ,GAAG,OAAOC,QAAQ,kBAAkBC,MAAM,YAAU,KAI5Ff,EAAA,UACEY,IAAKD,EACLJ,KAAK,SACLF,MAAO,CAAEW,OAAQ,KAAM,iBAAkBL,IAAStB,KAAKhB,MACvDoC,QAAS,IAAMpB,KAAKM,GAAGgB,GAAK,eACdA,IAAStB,KAAKhB,KAAO,OAAS4C,UAC5CT,SAAUnB,KAAKE,YAEfS,EAAA,WAASa,GAAG,OAAOC,QAAQ,kBAAkBI,SAAUP,IAAStB,KAAKhB,MAClEsC,MAMTX,EAAA,UACEO,KAAK,SACLF,MAAM,qBACNG,SAAUnB,KAAKhB,MAAQgB,KAAKf,YAAce,KAAKE,WAC/CkB,QAAS,IAAMpB,KAAKM,GAAGN,KAAKhB,KAAO,GAAE,aACzBgB,KAAKK,eAAa,M","ignoreList":[]}

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

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

package/dist/components/ds-table.js

@@ -1,2 +0,0 @@
-import{p as e,H as t,c as s,h as a,a as r,t as i}from"./index.js";import{d as o}from"./p-DhxWfdX0.js";import{d as n}from"./p-BKA6houZ.js";const d=()=>`.sc-ds-table-h{display:block;width:100%}.table-wrapper.sc-ds-table{display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:var(--dimension-radius-075)}.table-scroll.sc-ds-table{overflow-x:auto;width:100%}.table.sc-ds-table{display:grid;width:100%;min-width:max-content}.header-row.sc-ds-table{display:contents}.header-cell.sc-ds-table{display:flex;align-items:center;gap:var(--dimension-space-050);padding:var(--dimension-space-075) var(--dimension-space-100);background-color:var(--color-background-secondary);border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-primary);-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:2}.header-cell--sortable.sc-ds-table{cursor:pointer}.header-cell--sortable.sc-ds-table:hover{background-color:var(--color-translucent-translucent)}.header-cell--sortable.sc-ds-table:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:calc(var(--dimension-space-025) * -1)}.sort-indicator.sc-ds-table{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);color:var(--color-foreground-secondary)}.row.sc-ds-table{display:contents}.row--clickable.sc-ds-table{cursor:pointer}.row.sc-ds-table:hover .cell.sc-ds-table{background-color:var(--color-interaction-hover)}.row--selected.sc-ds-table .cell.sc-ds-table{background-color:var(--color-background-faint-brand)}.row--clickable.sc-ds-table:focus-visible .cell.sc-ds-table{background-color:var(--color-interaction-hover);box-shadow:inset 0 0 0 var(--dimension-stroke-width-025) var(--color-interaction-focus)}.cell.sc-ds-table{display:flex;align-items:center;padding:var(--dimension-space-075) var(--dimension-space-100);border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-primary);min-height:var(--dimension-size-500);background-color:var(--color-background-primary);transition:background-color var(--effect-motion-short-2)}.align-right.sc-ds-table{justify-content:flex-end;text-align:right}.align-center.sc-ds-table{justify-content:center;text-align:center}.empty-row.sc-ds-table{display:flex;align-items:center;justify-content:center;padding:var(--dimension-space-400);background-color:var(--color-background-primary)}.table-pagination.sc-ds-table{display:flex;align-items:center;justify-content:center;gap:var(--dimension-space-100);padding:var(--dimension-space-100);border-top:var(--dimension-stroke-width-015) solid var(--color-border-primary);background-color:var(--color-background-primary)}.page-button.sc-ds-table{display:flex;align-items:center;padding:var(--dimension-space-050) var(--dimension-space-100);background-color:transparent;border:none;border-radius:var(--dimension-radius-075);cursor:pointer;transition:background-color var(--effect-motion-short-2)}.page-button.sc-ds-table:hover:not(:disabled){background-color:var(--color-interaction-hover)}.page-button.sc-ds-table:disabled{opacity:0.4;cursor:not-allowed}.page-button.sc-ds-table:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-stroke-width-015)}`;function c(e,t){if(e.accessorKey)return t[e.accessorKey];if(e.accessor)return e.accessor(t);return undefined}function l(e,t,s,a){const r=s==="asc"?1:-1;if(e==null&&t==null)return 0;if(e==null)return r;if(t==null)return-r;if(typeof e==="number"&&typeof t==="number")return(e-t)*r;return a.compare(String(e),String(t))*r}const b=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsSort=s(this,"dsSort");this.dsRowClick=s(this,"dsRowClick");this.dsPageChange=s(this,"dsPageChange");this.columns=[];this.data=[];this.loading=false;this.emptyMessage="No results found.";this.loadingLabel="Loading";this.previousPageLabel="Previous";this.nextPageLabel="Next";this.pageStatusLabel="Page {page} of {total}";this.selectedRows="";this.pageSize=20}get activeSort(){return this.sortState??this.internalSort}get visibleCols(){return this.columns.filter((e=>!e.hide))}get gridTemplate(){return this.visibleCols.map((e=>{if(e.width)return typeof e.width==="number"?`${e.width}px`:e.width;return"minmax(120px, 1fr)"})).join(" ")}get sortedData(){const e=this.activeSort;if(!e)return this.data;const t=this.columns.find((t=>t.id===e.columnId));if(!t)return this.data;return[...this.data].sort(((s,a)=>l(c(t,s),c(t,a),e.direction,new Intl.Collator(this.locale))))}get pagedData(){if(this.pageIndex===undefined)return this.sortedData;const e=this.pageIndex*this.pageSize;return this.sortedData.slice(e,e+this.pageSize)}get totalPages(){if(this.pageIndex===undefined)return 1;return Math.ceil(this.sortedData.length/this.pageSize)}get selectedSet(){if(!this.selectedRows)return new Set;return new Set(this.selectedRows.split(",").map(Number).filter((e=>!isNaN(e))))}handleSort(e){this.dsSort.emit({columnId:e});if(!this.sortState){const t=this.internalSort;this.internalSort=t?.columnId===e?{columnId:e,direction:t.direction==="asc"?"desc":"asc"}:{columnId:e,direction:"asc"}}}render(){const{visibleCols:e,pagedData:t,totalPages:s,loading:i}=this;const o=!i&&t.length===0;const n=this.selectedSet;const d=this.activeSort;const l=this.pageIndex!==undefined&&s>1;return a(r,{key:"2e0b9bf82b5c1991187235e244366cf1cf8d2c35"},a("div",{key:"388204eb94d96d402231c2f66c3e7ca533259c59",class:"table-wrapper","aria-busy":i||undefined},a("div",{key:"20574089efc617d33912837454ba284f012beb71",class:"table-scroll"},a("div",{key:"c20d34ee5fd40ab3da757df0f3a120cc569a0c5f",class:"table",style:{gridTemplateColumns:this.gridTemplate},role:"table"},a("div",{key:"4051b3ea2825aabea903938358775b21aa574cb1",class:"header-row",role:"row"},e.map((e=>{const t=d?.columnId===e.id;const s=e.sortable?t?d.direction==="asc"?"ascending":"descending":"none":undefined;return a("div",{key:e.id,class:{"header-cell":true,"header-cell--sortable":!!e.sortable,"align-right":e.align==="right","align-center":e.align==="center"},role:"columnheader","aria-sort":s,tabIndex:e.sortable?0:undefined,onClick:()=>e.sortable&&this.handleSort(e.id),onKeyDown:t=>{if(e.sortable&&(t.key==="Enter"||t.key===" ")){t.preventDefault();this.handleSort(e.id)}},style:e.minWidth?{minWidth:typeof e.minWidth==="number"?`${e.minWidth}px`:e.minWidth}:undefined},a("ds-text",{as:"span",variant:"text-body-small",emphasis:true,color:"secondary"},e.header),t&&a("span",{class:"sort-indicator","aria-hidden":"true"},d.direction==="asc"?"↑":"↓"))}))),i&&Array.from({length:5}).map(((t,s)=>a("div",{key:`sk-${s}`,class:"row",role:s===0?"status":"row","aria-label":s===0?this.loadingLabel:undefined},e.map((e=>a("div",{key:e.id,class:"cell",role:"cell"},a("ds-skeleton",{variant:"text",width:"60%"}))))))),o&&a("ds-text",{key:"072db1d261691e1a7997980930c1c40b415deb7b",class:"empty-row",as:"p",variant:"text-body-medium",color:"secondary",style:{gridColumn:"1 / -1"}},this.emptyMessage),!i&&t.map(((t,s)=>{const r=n.has(s);return a("div",{key:s,class:{row:true,"row--selected":r,"row--clickable":true},role:"row",tabIndex:0,"aria-selected":this.selectedRows?r:undefined,onClick:()=>this.dsRowClick.emit({row:t,rowIndex:s}),onKeyDown:e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();this.dsRowClick.emit({row:t,rowIndex:s})}}},e.map((e=>a("ds-text",{key:e.id,class:{cell:true,"align-right":e.align==="right","align-center":e.align==="center"},as:"span",variant:"text-body-medium",lineTruncation:1,role:"cell"},String(c(e,t)??"")))))})))),l&&a("div",{key:"d8ddf6559e43a75f61b5dd53df04420af2797769",class:"table-pagination"},a("button",{key:"08131fc616c35d7259f689895a90c64864dd01c7",type:"button",class:"page-button",disabled:this.pageIndex===0,onClick:()=>{this.pageIndex=this.pageIndex-1;this.dsPageChange.emit({pageIndex:this.pageIndex})}},a("ds-text",{key:"2d7302e4619cd52b41d818c1122fa1cd2b8ceebf",as:"span",variant:"text-body-small"},this.previousPageLabel)),a("ds-text",{key:"fdb89c9b3e67adc7a3fca996aef716bdc01a863d",as:"span",variant:"text-body-small",color:"secondary"},this.pageStatusLabel.replace("{page}",String(this.pageIndex+1)).replace("{total}",String(s))),a("button",{key:"d33c7ab0ddb5dbb09a54f07ae5c2cb492f788c15",type:"button",class:"page-button",disabled:this.pageIndex>=s-1,onClick:()=>{this.pageIndex=this.pageIndex+1;this.dsPageChange.emit({pageIndex:this.pageIndex})}},a("ds-text",{key:"284036c8b51c7570ae1783dd86712304e7962e7b",as:"span",variant:"text-body-small"},this.nextPageLabel)))))}static get style(){return d()}},[2,"ds-table",{columns:[16],data:[16],sortState:[16],loading:[4],emptyMessage:[1,"empty-message"],loadingLabel:[1,"loading-label"],previousPageLabel:[1,"previous-page-label"],nextPageLabel:[1,"next-page-label"],pageStatusLabel:[1,"page-status-label"],locale:[1],selectedRows:[1,"selected-rows"],pageIndex:[1026,"page-index"],pageSize:[2,"page-size"],internalSort:[32]}]);function u(){if(typeof customElements==="undefined"){return}const e=["ds-table","ds-skeleton","ds-text"];e.forEach((e=>{switch(e){case"ds-table":if(!customElements.get(i(e))){customElements.define(i(e),b)}break;case"ds-skeleton":if(!customElements.get(i(e))){o()}break;case"ds-text":if(!customElements.get(i(e))){n()}break}}))}u();const h=b;const p=u;export{h as DsTable,p as defineCustomElement};
-//# sourceMappingURL=ds-table.js.map