@ds-mo/ui 14.3.0 → 14.4.0

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

@@ -1,18 +1,30 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { PaginationChangeDetail } from './pagination-types';
+import type { PaginationChangeDetail, PaginationPageSizeMode } from './pagination-types';
 export declare class Pagination {
     /** Controlled zero-based page index. */
     pageIndex: number;
     /** Controlled number of top-level items on a full page. */
     pageSize: number;
+    /** Whether pageSize is a fixed choice or a measured Fit snapshot. */
+    pageSizeMode: PaginationPageSizeMode;
     /** Controlled total number of top-level items across every page. */
     totalItems: number;
     /** Available page sizes. Assign arrays through JavaScript. */
     pageSizeOptions: number[];
+    /** Include the Fit to page choice. */
+    fitToPage: boolean;
+    /** Effective whole-item capacity to request when Fit is selected. */
+    fitPageSize: number | undefined;
+    /** Full choice-list label for Fit. */
+    fitPageSizeLabel: string;
+    /** Compact closed-trigger label while Fit is selected. */
+    fitPageSizeTriggerLabel: string;
     /** Localized plural noun used by assistive range announcements. */
     itemLabel: string;
     /** Visible page-size control label. */
     pageSizeLabel: string;
+    /** Accessible page-size control label. Defaults to “{pageSizeLabel} per page”. */
+    pageSizeAriaLabel: string | undefined;
     /** Accessible name for the pagination navigation region. */
     label: string;
     /** Prevent interaction while the owner replaces the current data page. */
@@ -22,6 +34,8 @@ export declare class Pagination {
     private readonly pageSizeControlId;
     private requestPage;
     private requestPageSize;
+    private handleKeyDown;
+    private get resolvedFitPageSize();
     private get resolvedState();
     render(): any;
 }

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

@@ -1,3 +1,3 @@
 export { Pagination } from './Pagination';
-export type { PaginationChangeDetail, PaginationChangeReason, PaginationState, } from './pagination-types';
+export type { PaginationChangeDetail, PaginationChangeReason, PaginationPageSizeMode, PaginationState, } from './pagination-types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Pagination/pagination-model.d.ts

@@ -1,13 +1,14 @@
-import type { PaginationState } from './pagination-types';
+import type { PaginationPageSizeMode, PaginationState } from './pagination-types';
 export declare const DEFAULT_PAGE_SIZE_OPTIONS: readonly [25, 50, 100, 200];
 export interface ResolvedPaginationState {
     pageIndex: number;
     pageSize: number;
+    pageSizeMode: PaginationPageSizeMode;
     totalItems: number;
     totalPages: number;
     firstItem: number;
     lastItem: number;
     pageSizeOptions: number[];
 }
-export declare function resolvePaginationState(state: Pick<PaginationState, 'pageIndex' | 'pageSize' | 'totalItems' | 'pageSizeOptions'>): ResolvedPaginationState;
+export declare function resolvePaginationState(state: Pick<PaginationState, 'pageIndex' | 'pageSize' | 'pageSizeMode' | 'totalItems' | 'pageSizeOptions'>): ResolvedPaginationState;
 //# sourceMappingURL=pagination-model.d.ts.map

package/dist/types/components/Pagination/pagination-types.d.ts

@@ -1,14 +1,25 @@
-export type PaginationChangeReason = 'page' | 'page-size';
+export type PaginationChangeReason = 'page' | 'page-size' | 'fit';
+export type PaginationPageSizeMode = 'fixed' | 'fit';
 /** Controlled pagination state shared by Pagination and pagination-aware consumers. */
 export interface PaginationState {
     /** Zero-based page index. */
     pageIndex: number;
     /** Number of top-level items on a full page. */
     pageSize: number;
+    /** Whether pageSize is a chosen fixed value or a measured Fit snapshot. */
+    pageSizeMode?: PaginationPageSizeMode;
     /** Total number of top-level items across every page. */
     totalItems: number;
     /** Available page sizes. Defaults to 25, 50, 100, and 200. */
     pageSizeOptions?: number[];
+    /** Include a Fit to page option. The owner supplies the effective fitted size. */
+    fitToPage?: boolean;
+    /** Effective page size proposed when Fit to page is selected. */
+    fitPageSize?: number;
+    /** Full option label for Fit in the open choice list. */
+    fitPageSizeLabel?: string;
+    /** Compact trigger label while Fit is selected. */
+    fitPageSizeTriggerLabel?: string;
     /** Localized plural noun used by assistive range announcements. */
     itemLabel?: string;
     /** Visible label for the page-size selector. */
@@ -20,6 +31,7 @@ export interface PaginationState {
 export interface PaginationChangeDetail extends PaginationState {
     previousPageIndex: number;
     previousPageSize: number;
+    previousPageSizeMode: PaginationPageSizeMode;
     reason: PaginationChangeReason;
 }
 //# sourceMappingURL=pagination-types.d.ts.map

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

@@ -8,6 +8,7 @@ export type SelectSize = 'lg' | 'md' | 'sm' | 'xs';
 export type SelectWidth = ControlWidth;
 export type SelectPopupAlign = 'start' | 'end';
 export type SelectValue = string | string[];
+export type SelectIndicator = 'down' | 'up-down';
 export interface SelectOptionActionDetail {
     value: string;
     anchorId: string;
@@ -58,6 +59,8 @@ export declare class Select {
     hasBorder: boolean;
     /** Optional trigger prefix icon name. */
     icon: string | undefined;
+    /** Trailing choice indicator. Use up-down for compact value steppers such as page size. */
+    indicator: SelectIndicator;
     /** Show the clear footer action when a value exists. */
     allowClear: boolean;
     /** Localized clear action label. */

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

@@ -1,2 +1,2 @@
-export type { SelectBackground, SelectOption, SelectSection, SelectSize, SelectValue, SelectWidth, } from './Select';
+export type { SelectBackground, SelectIndicator, SelectOption, SelectSection, SelectSize, SelectValue, SelectWidth, } from './Select';
 //# sourceMappingURL=index.d.ts.map

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

@@ -45,6 +45,7 @@ export declare class Table {
     selectedRowIds: string[];
     /** Initial loading state. Existing rows stay visible; incremental loading uses loadingMore. */
     loading: boolean;
+    /** Initial-loading rows. Defaults to ten so bounded tables retain a useful filled viewport. */
     skeletonRows: number;
     emptyHeading: string;
     emptyBody: string;
@@ -97,6 +98,7 @@ export declare class Table {
     private activeStickyGroupId;
     private viewportFitSettled;
     private headerPresent;
+    private fitPageSize;
     private rootEl;
     private viewportEl;
     private frameEl;
@@ -112,6 +114,10 @@ export declare class Table {
     private renderedModel;
     private stickyGroupConnected;
     private headerSlotObserver;
+    private fitResizeObserver;
+    private fitObservedViewport;
+    private fitObservedTable;
+    private fitMeasurementPending;
     private readonly layoutController;
     private readonly loadController;
     private readonly groupLoadController;
@@ -132,6 +138,7 @@ export declare class Table {
     handleLoadIdentityChange(): void;
     handleLazyConfigurationChange(): void;
     handleDataModeChange(): void;
+    handlePaginationChange(pagination: TablePaginationState | null, previous: TablePaginationState | null): void;
     handleLoadingMoreChange(loading: boolean): void;
     handleLoadMoreErrorChange(error: string | undefined): void;
     handleHasMoreChange(hasMore: boolean, hadMore: boolean): void;
@@ -142,6 +149,9 @@ export declare class Table {
     private get fixedHeight();
     private get boundedComposition();
     private get containedScroll();
+    private connectFitObserver;
+    private disconnectFitObserver;
+    private readonly syncFitPageSize;
     private currentLoadedRows;
     private currentLoadedRowCount;
     private createRenderModel;
@@ -173,6 +183,8 @@ export declare class Table {
     private renderStickyGroup;
     private renderDataBodies;
     private renderSkeletonBody;
+    private renderSkeletonCell;
+    private renderSkeletonCellContent;
     private renderStateBody;
     private renderLazyBody;
     private renderDocumentStickyHeader;

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

@@ -1,2 +1,2 @@
-export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellPrimaryText, TableCellText, TableCellTag, TableCellTagVariant, TableCellValue, TableColumn, TableColumnSticky, TableColumnWidth, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
+export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellPrimaryText, TableCellSkeleton, TableCellText, TableCellTag, TableCellTagVariant, TableCellValue, TableSkeletonWidth, TableColumn, TableColumnSticky, TableColumnWidth, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortDirection, TableSortState, } from './table-types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Table/table-pagination-fit.d.ts

@@ -0,0 +1,8 @@
+export interface TableFitPageSizeInput {
+    viewportBlockSize: number;
+    headerBlockSize: number;
+    itemBlockSize: number;
+}
+/** Resolve how many complete top-level rows or group headers fit below the column header. */
+export declare function resolveTableFitPageSize(input: TableFitPageSizeInput): number | undefined;
+//# sourceMappingURL=table-pagination-fit.d.ts.map

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

@@ -121,6 +121,30 @@ export type TableCellTag = TableCellTagBase & ({
     text: string;
 });
 export type TableCellValue = string | number | null | undefined | TableCellText | TableCellPrimaryText | TableCellTag | TableCellIcon | TableCellImage | TableCellAction | TableCellEmpty | TableCellBlank;
+export type TableSkeletonWidth = string | number;
+/** Representative loading geometry for one table column. */
+export type TableCellSkeleton = {
+    kind: 'text';
+    /** One track for scalar content, two for primary and secondary copy. */
+    lines?: 1 | 2;
+    primaryWidth?: TableSkeletonWidth;
+    secondaryWidth?: TableSkeletonWidth;
+} | {
+    kind: 'image';
+} | {
+    kind: 'tag';
+    width?: TableSkeletonWidth;
+} | {
+    kind: 'icon';
+    rounded?: boolean;
+} | {
+    kind: 'action';
+    /** Icon actions use a square control canvas; labeled actions may provide a wider width. */
+    variant?: 'icon' | 'label' | 'icon-label';
+    width?: TableSkeletonWidth;
+} | {
+    kind: 'blank';
+};
 export interface TableColumn {
     /** Stable column identity. */
     id: string;
@@ -147,6 +171,8 @@ export interface TableColumn {
      * geometry and may host grouped table-level controls in their header.
      */
     kind?: 'data' | 'action';
+    /** Representative loading geometry for this column. Defaults to one text line. */
+    skeleton?: TableCellSkeleton;
 }
 export interface TableRow {
     /** Stable identity, unique across all groups. */
@@ -220,6 +246,9 @@ export interface TableRowActivateDetail {
     rowId: string;
 }
 /** Controlled top-level pagination state. Rows or groups contain only the active page. */
-export type TablePaginationState = PaginationState;
+export interface TablePaginationState extends PaginationState {
+    /** Change to request one fresh fitted-capacity snapshot for the current query shape. */
+    fitIdentity?: string | number;
+}
 export {};
 //# sourceMappingURL=table-types.d.ts.map

package/dist/types/components.d.ts

@@ -47,14 +47,14 @@ import { MobileHeaderHeadingLevel, MobileHeaderSectionsPresentation, MobileHeade
 import { TabGroupItem, TabItem } from "./components/TabGroup/tab-item-utils";
 import { TabGroupSize } from "./components/TabGroup/TabGroup";
 import { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
-import { PaginationChangeDetail } from "./components/Pagination/pagination-types";
+import { PaginationChangeDetail, PaginationPageSizeMode } from "./components/Pagination/pagination-types";
 import { ChromeTransitionDetail } from "./shell/chrome-transition";
 import { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 import { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 import { PanelToolsHeaderAction, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
 import { RadioOption, RadioSize } from "./components/Radio/Radio";
 import { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
-import { SelectBackground, SelectOption, SelectOptionActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
+import { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
 import { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 import { ShellGradientPreset } from "./shell/shell-gradient-presets";
 import { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
@@ -111,14 +111,14 @@ export { MobileHeaderHeadingLevel, MobileHeaderSectionsPresentation, MobileHeade
 export { TabGroupItem, TabItem } from "./components/TabGroup/tab-item-utils";
 export { TabGroupSize } from "./components/TabGroup/TabGroup";
 export { ModalCloseDetail, ModalWidth } from "./components/Modal/Modal";
-export { PaginationChangeDetail } from "./components/Pagination/pagination-types";
+export { PaginationChangeDetail, PaginationPageSizeMode } from "./components/Pagination/pagination-types";
 export { ChromeTransitionDetail } from "./shell/chrome-transition";
 export { PanelSubNavItem } from "./components/PanelSubNav/panel-sub-nav-types";
 export { PanelSubNavBackground } from "./components/PanelSubNav/PanelSubNav";
 export { PanelToolsHeaderAction, PanelToolsHeaders, PanelToolsItem, PanelToolsToolId } from "./components/PanelTools/panel-tools-types";
 export { RadioOption, RadioSize } from "./components/Radio/Radio";
 export { ScrollOverlayScrollDetail } from "./components/ScrollOverlay/ScrollOverlay";
-export { SelectBackground, SelectOption, SelectOptionActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
+export { SelectBackground, SelectIndicator, SelectOption, SelectOptionActionDetail, SelectPopupAlign, SelectSection, SelectSize, SelectValue, SelectWidth } from "./components/Select/Select";
 export { ShellAppComposition, ShellNavigationConfig, ShellPageChromeConfig, ShellToolsConfig } from "./components/ShellApp/shell-app-types";
 export { ShellGradientPreset } from "./shell/shell-gradient-presets";
 export { ShellPageCapacity, ShellPageContentInset, ShellPageContentSurface, ShellPageHeaderPresentation } from "./components/ShellPage/shell-page-types";
@@ -1808,6 +1808,25 @@ export namespace Components {
         "open": boolean;
     }
     interface DsPagination {
+        /**
+          * Effective whole-item capacity to request when Fit is selected.
+         */
+        "fitPageSize": number | undefined;
+        /**
+          * Full choice-list label for Fit.
+          * @default 'Fit to page'
+         */
+        "fitPageSizeLabel": string;
+        /**
+          * Compact closed-trigger label while Fit is selected.
+          * @default 'Fit'
+         */
+        "fitPageSizeTriggerLabel": string;
+        /**
+          * Include the Fit to page choice.
+          * @default false
+         */
+        "fitToPage": boolean;
         /**
           * Localized plural noun used by assistive range announcements.
           * @default 'items'
@@ -1833,11 +1852,20 @@ export namespace Components {
           * @default 25
          */
         "pageSize": number;
+        /**
+          * Accessible page-size control label. Defaults to “{pageSizeLabel} per page”.
+         */
+        "pageSizeAriaLabel": string | undefined;
         /**
           * Visible page-size control label.
-          * @default 'Items per page'
+          * @default 'Items'
          */
         "pageSizeLabel": string;
+        /**
+          * Whether pageSize is a fixed choice or a measured Fit snapshot.
+          * @default 'fixed'
+         */
+        "pageSizeMode": PaginationPageSizeMode;
         /**
           * Available page sizes. Assign arrays through JavaScript.
           * @default [25, 50, 100, 200]
@@ -2281,6 +2309,11 @@ export namespace Components {
           * Optional trigger prefix icon name.
          */
         "icon": string | undefined;
+        /**
+          * Trailing choice indicator. Use up-down for compact value steppers such as page size.
+          * @default 'down'
+         */
+        "indicator": SelectIndicator;
         /**
           * ID applied to the internal combobox trigger for external labels.
          */
@@ -2995,7 +3028,8 @@ export namespace Components {
          */
         "selectionMode": TableSelectionMode;
         /**
-          * @default 5
+          * Initial-loading rows. Defaults to ten so bounded tables retain a useful filled viewport.
+          * @default 10
          */
         "skeletonRows": number;
         /**
@@ -6427,6 +6461,25 @@ declare namespace LocalJSX {
         "open"?: boolean;
     }
     interface DsPagination {
+        /**
+          * Effective whole-item capacity to request when Fit is selected.
+         */
+        "fitPageSize"?: number | undefined;
+        /**
+          * Full choice-list label for Fit.
+          * @default 'Fit to page'
+         */
+        "fitPageSizeLabel"?: string;
+        /**
+          * Compact closed-trigger label while Fit is selected.
+          * @default 'Fit'
+         */
+        "fitPageSizeTriggerLabel"?: string;
+        /**
+          * Include the Fit to page choice.
+          * @default false
+         */
+        "fitToPage"?: boolean;
         /**
           * Localized plural noun used by assistive range announcements.
           * @default 'items'
@@ -6456,11 +6509,20 @@ declare namespace LocalJSX {
           * @default 25
          */
         "pageSize"?: number;
+        /**
+          * Accessible page-size control label. Defaults to “{pageSizeLabel} per page”.
+         */
+        "pageSizeAriaLabel"?: string | undefined;
         /**
           * Visible page-size control label.
-          * @default 'Items per page'
+          * @default 'Items'
          */
         "pageSizeLabel"?: string;
+        /**
+          * Whether pageSize is a fixed choice or a measured Fit snapshot.
+          * @default 'fixed'
+         */
+        "pageSizeMode"?: PaginationPageSizeMode;
         /**
           * Available page sizes. Assign arrays through JavaScript.
           * @default [25, 50, 100, 200]
@@ -6940,6 +7002,11 @@ declare namespace LocalJSX {
           * Optional trigger prefix icon name.
          */
         "icon"?: string | undefined;
+        /**
+          * Trailing choice indicator. Use up-down for compact value steppers such as page size.
+          * @default 'down'
+         */
+        "indicator"?: SelectIndicator;
         /**
           * ID applied to the internal combobox trigger for external labels.
          */
@@ -7737,7 +7804,8 @@ declare namespace LocalJSX {
          */
         "selectionMode"?: TableSelectionMode;
         /**
-          * @default 5
+          * Initial-loading rows. Defaults to ten so bounded tables retain a useful filled viewport.
+          * @default 10
          */
         "skeletonRows"?: number;
         /**
@@ -8432,9 +8500,15 @@ declare namespace LocalJSX {
     interface DsPaginationAttributes {
         "pageIndex": number;
         "pageSize": number;
+        "pageSizeMode": PaginationPageSizeMode;
         "totalItems": number;
+        "fitToPage": boolean;
+        "fitPageSize": number | undefined;
+        "fitPageSizeLabel": string;
+        "fitPageSizeTriggerLabel": string;
         "itemLabel": string;
         "pageSizeLabel": string;
+        "pageSizeAriaLabel": string | undefined;
         "label": string;
         "loading": boolean;
     }
@@ -8535,6 +8609,7 @@ declare namespace LocalJSX {
         "activeFill": boolean;
         "hasBorder": boolean;
         "icon": string | undefined;
+        "indicator": SelectIndicator;
         "allowClear": boolean;
         "clearLabel": string;
         "selectedLabel": string;

package/package.json

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

package/dist/components/p-D1ZI_10t.js

@@ -1,2 +0,0 @@
-import{p as e,H as a,c as i,h as s,a as t,t as n}from"./index.js";import{d as o}from"./p-D8nnhQNJ.js";import{d}from"./p-CTTDiW33.js";import{d as c}from"./p-C5TrNd31.js";import{d as r}from"./p-DLkNcCY0.js";import{d as l}from"./p-BFfLvMZd.js";import{d as p}from"./p-Ca-I2UnB.js";import{d as g}from"./p-DwqUW4Rg.js";import{d as b}from"./p-DZFilC--.js";import{d as f}from"./p-CtOK5oZ1.js";const m=[25,50,100,200];function h(e){return Number.isFinite(e)?Math.max(0,Math.trunc(e)):0}function u(e,a){return Number.isFinite(e)&&e>0?Math.trunc(e):a}function v(e){const a=u(e.pageSize,m[0]);const i=h(e.totalItems);const s=Math.max(1,Math.ceil(i/a));const t=Math.min(h(e.pageIndex),s-1);const n=(e.pageSizeOptions?.length?e.pageSizeOptions:m).map((e=>u(e,0))).filter((e=>e>0));const o=[...new Set([...n,a])].sort(((e,a)=>e-a));const d=i===0?0:t*a+1;const c=i===0?0:Math.min(i,d+a-1);return{pageIndex:t,pageSize:a,totalItems:i,totalPages:s,firstItem:d,lastItem:c,pageSizeOptions:o}}const x=()=>`.ds-visually-hidden.sc-ds-pagination-h,.ds-visually-hidden.sc-ds-pagination{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ds-pagination-h{display:block;box-sizing:border-box;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.sc-ds-pagination-h::-webkit-scrollbar{display:none}.pagination.sc-ds-pagination,.pagination__page-size.sc-ds-pagination,.pagination__navigation.sc-ds-pagination{display:flex;align-items:center;box-sizing:border-box}.pagination.sc-ds-pagination{width:max-content;min-width:100%;gap:var(--dimension-space-200)}.pagination__page-size.sc-ds-pagination,.pagination__navigation.sc-ds-pagination{flex:0 0 auto;gap:var(--dimension-space-050)}.pagination__range.sc-ds-pagination,.pagination__page.sc-ds-pagination,.pagination__label.sc-ds-pagination{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap}.pagination__page.sc-ds-pagination{justify-content:center;min-inline-size:calc(var(--dimension-size-800) + var(--dimension-space-200));padding-inline:var(--dimension-space-050)}`;let y=0;const k=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=i(this,"dsChange");this.pageIndex=0;this.pageSize=25;this.totalItems=0;this.pageSizeOptions=[25,50,100,200];this.itemLabel="items";this.pageSizeLabel="Items per page";this.label="Pagination";this.loading=false;this.pageSizeControlId=`ds-pagination-${++y}-page-size`}requestPage(e){const a=this.resolvedState;if(this.loading||e===a.pageIndex||e<0||e>=a.totalPages){return}this.dsChange.emit({pageIndex:e,pageSize:a.pageSize,totalItems:a.totalItems,pageSizeOptions:a.pageSizeOptions,itemLabel:this.itemLabel,pageSizeLabel:this.pageSizeLabel,ariaLabel:this.label,previousPageIndex:a.pageIndex,previousPageSize:a.pageSize,reason:"page"})}requestPageSize(e){if(this.loading||typeof e!=="string")return;const a=Number(e);const i=this.resolvedState;if(!Number.isFinite(a)||a<=0||a===i.pageSize)return;this.dsChange.emit({pageIndex:0,pageSize:Math.trunc(a),totalItems:i.totalItems,pageSizeOptions:i.pageSizeOptions,itemLabel:this.itemLabel,pageSizeLabel:this.pageSizeLabel,ariaLabel:this.label,previousPageIndex:i.pageIndex,previousPageSize:i.pageSize,reason:"page-size"})}get resolvedState(){return v({pageIndex:this.pageIndex,pageSize:this.pageSize,totalItems:this.totalItems,pageSizeOptions:this.pageSizeOptions})}render(){const e=this.resolvedState;const a=e.pageIndex===0;const i=e.pageIndex===e.totalPages-1;const n=`${e.firstItem}–${e.lastItem} of ${e.totalItems}`;const o=`Page ${e.pageIndex+1} of ${e.totalPages}`;return s(t,{key:"97730e6b852fb7c0e42fa1ac8e3004d3d2bb76dc"},s("nav",{key:"3985455856f989b87f9ca5266754fe422765bd9f",class:"pagination","aria-label":this.label,"aria-busy":this.loading?"true":undefined},s("div",{key:"41a68ce203f345f8d23d7ba023fad194895bc4eb",class:"pagination__page-size"},s("ds-text",{key:"b9342a3b08692856caae7f4b51786bb4185815b4",id:`${this.pageSizeControlId}-label`,class:"pagination__label",as:"span",variant:"text-body-medium",color:"secondary"},this.pageSizeLabel),s("ds-select",{key:"448356e6f700ebd64dcc8078a5e42fbd3d78778c",size:"md",inputId:this.pageSizeControlId,ariaLabelledby:`${this.pageSizeControlId}-label`,options:e.pageSizeOptions.map((e=>({label:String(e),value:String(e)}))),value:String(e.pageSize),allowClear:false,activeFill:false,isInactive:this.loading,onDsChange:e=>{e.stopPropagation();this.requestPageSize(e.detail)}})),s("ds-text",{key:"b7ae026614124ee78890e3b20033bb9138d827e9",class:"pagination__range",as:"span",variant:"text-body-medium",color:"secondary",fontFeature:"tabular-nums"},n),s("div",{key:"d98195913447b85bf2de8442d427f6386882750b",class:"pagination__navigation"},s("ds-button-unfilled",{key:"652045ec2fcf363f8f7f7a8912b1f6304b209c1e",variant:"icon",size:"md",icon:"ChevronLeftDouble",ariaLabel:"First page",hasBorder:false,isInactive:this.loading||a,onDsClick:()=>this.requestPage(0)}),s("ds-button-unfilled",{key:"78e74050c116db3f5908eea8e8e7f1c96f04b57b",variant:"icon",size:"md",icon:"ChevronLeft",ariaLabel:"Previous page",hasBorder:false,isInactive:this.loading||a,onDsClick:()=>this.requestPage(e.pageIndex-1)}),s("ds-text",{key:"8227c75b341a66b73b6d6aae875afe87fe524bde",class:"pagination__page",as:"span",variant:"text-body-medium",color:"secondary",fontFeature:"tabular-nums"},o),s("ds-button-unfilled",{key:"7f6cf5029fde8e180125d4615d506c1764f79930",variant:"icon",size:"md",icon:"ChevronRight",ariaLabel:"Next page",hasBorder:false,isInactive:this.loading||i,onDsClick:()=>this.requestPage(e.pageIndex+1)}),s("ds-button-unfilled",{key:"9ac5ffb3f3b10c47a73cdd3341d8432ddd7cbad4",variant:"icon",size:"md",icon:"ChevronRightDouble",ariaLabel:"Last page",hasBorder:false,isInactive:this.loading||i,onDsClick:()=>this.requestPage(e.totalPages-1)})),s("span",{key:"1c52f9b74102a04cbf5248069768a864a3e61518",class:"ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},n," ",this.itemLabel,". ",o,".")))}static get style(){return x()}},[2,"ds-pagination",{pageIndex:[2,"page-index"],pageSize:[2,"page-size"],totalItems:[2,"total-items"],pageSizeOptions:[16],itemLabel:[1,"item-label"],pageSizeLabel:[1,"page-size-label"],label:[1],loading:[4]}]);function z(){if(typeof customElements==="undefined"){return}const e=["ds-pagination","ds-badge","ds-button-unfilled","ds-checkbox","ds-empty-state","ds-icon","ds-loader","ds-select","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-pagination":if(!customElements.get(n(e))){customElements.define(n(e),k)}break;case"ds-badge":if(!customElements.get(n(e))){o()}break;case"ds-button-unfilled":if(!customElements.get(n(e))){d()}break;case"ds-checkbox":if(!customElements.get(n(e))){c()}break;case"ds-empty-state":if(!customElements.get(n(e))){r()}break;case"ds-icon":if(!customElements.get(n(e))){l()}break;case"ds-loader":if(!customElements.get(n(e))){p()}break;case"ds-select":if(!customElements.get(n(e))){g()}break;case"ds-text":if(!customElements.get(n(e))){b()}break;case"ds-tooltip":if(!customElements.get(n(e))){f()}break}}))}z();export{k as P,z as d};
-//# sourceMappingURL=p-D1ZI_10t.js.map

package/dist/components/p-D1ZI_10t.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DEFAULT_PAGE_SIZE_OPTIONS","nonNegativeInteger","value","Number","isFinite","Math","max","trunc","positiveInteger","fallback","resolvePaginationState","state","pageSize","totalItems","totalPages","ceil","pageIndex","min","options","pageSizeOptions","length","map","filter","Set","sort","left","right","firstItem","lastItem","paginationCss","paginationId","Pagination","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","itemLabel","pageSizeLabel","label","loading","pageSizeControlId","requestPage","resolvedState","dsChange","emit","ariaLabel","previousPageIndex","previousPageSize","reason","requestPageSize","render","atStart","atEnd","range","page","h","Host","key","class","undefined","id","as","variant","color","size","inputId","ariaLabelledby","String","allowClear","activeFill","isInactive","onDsChange","event","stopPropagation","detail","fontFeature","icon","hasBorder","onDsClick","role"],"sources":["src/wc/components/Pagination/pagination-model.ts","src/wc/components/Pagination/Pagination.css?tag=ds-pagination&encapsulation=scoped","src/wc/components/Pagination/Pagination.tsx"],"sourcesContent":["import type { PaginationState } from './pagination-types';\n\nexport const DEFAULT_PAGE_SIZE_OPTIONS = [25, 50, 100, 200] as const;\n\nexport interface ResolvedPaginationState {\n  pageIndex: number;\n  pageSize: number;\n  totalItems: number;\n  totalPages: number;\n  firstItem: number;\n  lastItem: number;\n  pageSizeOptions: number[];\n}\n\nfunction nonNegativeInteger(value: number): number {\n  return Number.isFinite(value) ? Math.max(0, Math.trunc(value)) : 0;\n}\n\nfunction positiveInteger(value: number, fallback: number): number {\n  return Number.isFinite(value) && value > 0 ? Math.trunc(value) : fallback;\n}\n\nexport function resolvePaginationState(\n  state: Pick<PaginationState, 'pageIndex' | 'pageSize' | 'totalItems' | 'pageSizeOptions'>,\n): ResolvedPaginationState {\n  const pageSize = positiveInteger(state.pageSize, DEFAULT_PAGE_SIZE_OPTIONS[0]);\n  const totalItems = nonNegativeInteger(state.totalItems);\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n  const pageIndex = Math.min(nonNegativeInteger(state.pageIndex), totalPages - 1);\n  const options = (state.pageSizeOptions?.length\n    ? state.pageSizeOptions\n    : DEFAULT_PAGE_SIZE_OPTIONS\n  )\n    .map(value => positiveInteger(value, 0))\n    .filter(value => value > 0);\n  const pageSizeOptions = [...new Set([...options, pageSize])].sort((left, right) => left - right);\n  const firstItem = totalItems === 0 ? 0 : pageIndex * pageSize + 1;\n  const lastItem = totalItems === 0 ? 0 : Math.min(totalItems, firstItem + pageSize - 1);\n\n  return {\n    pageIndex,\n    pageSize,\n    totalItems,\n    totalPages,\n    firstItem,\n    lastItem,\n    pageSizeOptions,\n  };\n}\n","@import '../../utils/visually-hidden.css';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  min-width: 0;\n  max-width: 100%;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n\n:host::-webkit-scrollbar {\n  display: none;\n}\n\n.pagination,\n.pagination__page-size,\n.pagination__navigation {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.pagination {\n  width: max-content;\n  min-width: 100%;\n  gap: var(--dimension-space-200);\n}\n\n.pagination__page-size,\n.pagination__navigation {\n  flex: 0 0 auto;\n  gap: var(--dimension-space-050);\n}\n\n.pagination__range,\n.pagination__page,\n.pagination__label {\n  display: inline-flex;\n  align-items: center;\n  flex: 0 0 auto;\n  white-space: nowrap;\n}\n\n.pagination__page {\n  justify-content: center;\n  min-inline-size: calc(var(--dimension-size-800) + var(--dimension-space-200));\n  padding-inline: var(--dimension-space-050);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { resolvePaginationState } from './pagination-model';\nimport type { PaginationChangeDetail } from './pagination-types';\n\nlet paginationId = 0;\n\n@Component({\n  tag: 'ds-pagination',\n  styleUrl: 'Pagination.css',\n  scoped: true,\n})\nexport class Pagination {\n  /** Controlled zero-based page index. */\n  @Prop() pageIndex: number = 0;\n  /** Controlled number of top-level items on a full page. */\n  @Prop() pageSize: number = 25;\n  /** Controlled total number of top-level items across every page. */\n  @Prop() totalItems: number = 0;\n  /** Available page sizes. Assign arrays through JavaScript. */\n  @Prop() pageSizeOptions: number[] = [25, 50, 100, 200];\n  /** Localized plural noun used by assistive range announcements. */\n  @Prop() itemLabel: string = 'items';\n  /** Visible page-size control label. */\n  @Prop() pageSizeLabel: string = 'Items per page';\n  /** Accessible name for the pagination navigation region. */\n  @Prop() label: string = 'Pagination';\n  /** Prevent interaction while the owner replaces the current data page. */\n  @Prop() loading: boolean = false;\n\n  /** Emits the complete next controlled state after a page or page-size request. */\n  @Event() dsChange!: EventEmitter<PaginationChangeDetail>;\n\n  private readonly pageSizeControlId = `ds-pagination-${++paginationId}-page-size`;\n\n  private requestPage(pageIndex: number): void {\n    const state = this.resolvedState;\n    if (this.loading || pageIndex === state.pageIndex || pageIndex < 0 || pageIndex >= state.totalPages) {\n      return;\n    }\n    this.dsChange.emit({\n      pageIndex,\n      pageSize: state.pageSize,\n      totalItems: state.totalItems,\n      pageSizeOptions: state.pageSizeOptions,\n      itemLabel: this.itemLabel,\n      pageSizeLabel: this.pageSizeLabel,\n      ariaLabel: this.label,\n      previousPageIndex: state.pageIndex,\n      previousPageSize: state.pageSize,\n      reason: 'page',\n    });\n  }\n\n  private requestPageSize(value: string | string[]): void {\n    if (this.loading || typeof value !== 'string') return;\n    const pageSize = Number(value);\n    const state = this.resolvedState;\n    if (!Number.isFinite(pageSize) || pageSize <= 0 || pageSize === state.pageSize) return;\n    this.dsChange.emit({\n      pageIndex: 0,\n      pageSize: Math.trunc(pageSize),\n      totalItems: state.totalItems,\n      pageSizeOptions: state.pageSizeOptions,\n      itemLabel: this.itemLabel,\n      pageSizeLabel: this.pageSizeLabel,\n      ariaLabel: this.label,\n      previousPageIndex: state.pageIndex,\n      previousPageSize: state.pageSize,\n      reason: 'page-size',\n    });\n  }\n\n  private get resolvedState() {\n    return resolvePaginationState({\n      pageIndex: this.pageIndex,\n      pageSize: this.pageSize,\n      totalItems: this.totalItems,\n      pageSizeOptions: this.pageSizeOptions,\n    });\n  }\n\n  render() {\n    const state = this.resolvedState;\n    const atStart = state.pageIndex === 0;\n    const atEnd = state.pageIndex === state.totalPages - 1;\n    const range = `${state.firstItem}–${state.lastItem} of ${state.totalItems}`;\n    const page = `Page ${state.pageIndex + 1} of ${state.totalPages}`;\n\n    return (\n      <Host>\n        <nav class=\"pagination\" aria-label={this.label} aria-busy={this.loading ? 'true' : undefined}>\n          <div class=\"pagination__page-size\">\n            <ds-text\n              id={`${this.pageSizeControlId}-label`}\n              class=\"pagination__label\"\n              as=\"span\"\n              variant=\"text-body-medium\"\n              color=\"secondary\"\n            >\n              {this.pageSizeLabel}\n            </ds-text>\n            <ds-select\n              size=\"md\"\n              inputId={this.pageSizeControlId}\n              ariaLabelledby={`${this.pageSizeControlId}-label`}\n              options={state.pageSizeOptions.map(value => ({ label: String(value), value: String(value) }))}\n              value={String(state.pageSize)}\n              allowClear={false}\n              activeFill={false}\n              isInactive={this.loading}\n              onDsChange={event => {\n                event.stopPropagation();\n                this.requestPageSize(event.detail);\n              }}\n            />\n          </div>\n          <ds-text\n            class=\"pagination__range\"\n            as=\"span\"\n            variant=\"text-body-medium\"\n            color=\"secondary\"\n            fontFeature=\"tabular-nums\"\n          >\n            {range}\n          </ds-text>\n          <div class=\"pagination__navigation\">\n            <ds-button-unfilled\n              variant=\"icon\"\n              size=\"md\"\n              icon=\"ChevronLeftDouble\"\n              ariaLabel=\"First page\"\n              hasBorder={false}\n              isInactive={this.loading || atStart}\n              onDsClick={() => this.requestPage(0)}\n            />\n            <ds-button-unfilled\n              variant=\"icon\"\n              size=\"md\"\n              icon=\"ChevronLeft\"\n              ariaLabel=\"Previous page\"\n              hasBorder={false}\n              isInactive={this.loading || atStart}\n              onDsClick={() => this.requestPage(state.pageIndex - 1)}\n            />\n            <ds-text\n              class=\"pagination__page\"\n              as=\"span\"\n              variant=\"text-body-medium\"\n              color=\"secondary\"\n              fontFeature=\"tabular-nums\"\n            >\n              {page}\n            </ds-text>\n            <ds-button-unfilled\n              variant=\"icon\"\n              size=\"md\"\n              icon=\"ChevronRight\"\n              ariaLabel=\"Next page\"\n              hasBorder={false}\n              isInactive={this.loading || atEnd}\n              onDsClick={() => this.requestPage(state.pageIndex + 1)}\n            />\n            <ds-button-unfilled\n              variant=\"icon\"\n              size=\"md\"\n              icon=\"ChevronRightDouble\"\n              ariaLabel=\"Last page\"\n              hasBorder={false}\n              isInactive={this.loading || atEnd}\n              onDsClick={() => this.requestPage(state.totalPages - 1)}\n            />\n          </div>\n          <span class=\"ds-visually-hidden\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n            {range} {this.itemLabel}. {page}.\n          </span>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}