@ds-mo/ui 14.2.0 → 14.3.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-18T21:50:11",
+  "timestamp": "2026-08-19T01:48:34",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -5893,6 +5893,7 @@
         "ds-message-scroller",
         "ds-mobile-sheet-nav",
         "ds-modal",
+        "ds-pagination",
         "ds-panel-nav",
         "ds-panel-tool-header",
         "ds-panel-tool-search",
@@ -5964,6 +5965,9 @@
         "ds-modal": [
           "ds-button-unfilled"
         ],
+        "ds-pagination": [
+          "ds-button-unfilled"
+        ],
         "ds-panel-nav": [
           "ds-button-unfilled"
         ],
@@ -15759,6 +15763,323 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/Pagination/Pagination.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-pagination",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "itemLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "item-label",
+          "reflectToAttr": false,
+          "docs": "Localized plural noun used by assistive range announcements.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'items'"
+            }
+          ],
+          "default": "'items'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the pagination navigation region.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Pagination'"
+            }
+          ],
+          "default": "'Pagination'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "loading",
+          "reflectToAttr": false,
+          "docs": "Prevent interaction while the owner replaces the current data page.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pageIndex",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "page-index",
+          "reflectToAttr": false,
+          "docs": "Controlled zero-based page index.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pageSize",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "page-size",
+          "reflectToAttr": false,
+          "docs": "Controlled number of top-level items on a full page.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "25"
+            }
+          ],
+          "default": "25",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pageSizeLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "page-size-label",
+          "reflectToAttr": false,
+          "docs": "Visible page-size control label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Items per page'"
+            }
+          ],
+          "default": "'Items per page'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pageSizeOptions",
+          "type": "number[]",
+          "complexType": {
+            "original": "number[]",
+            "resolved": "number[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Available page sizes. Assign arrays through JavaScript.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[25, 50, 100, 200]"
+            }
+          ],
+          "default": "[25, 50, 100, 200]",
+          "values": [
+            {
+              "type": "number[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "totalItems",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "total-items",
+          "reflectToAttr": false,
+          "docs": "Controlled total number of top-level items across every page.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "PaginationChangeDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "PaginationChangeDetail",
+            "resolved": "PaginationChangeDetail",
+            "references": {
+              "PaginationChangeDetail": {
+                "location": "import",
+                "path": "./pagination-types",
+                "id": "src/wc/components/Pagination/pagination-types.ts::PaginationChangeDetail",
+                "referenceLocation": "PaginationChangeDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits the complete next controlled state after a page or page-size request.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-table"
+      ],
+      "dependencies": [
+        "ds-text",
+        "ds-select",
+        "ds-button-unfilled"
+      ],
+      "dependencyGraph": {
+        "ds-pagination": [
+          "ds-text",
+          "ds-select",
+          "ds-button-unfilled"
+        ],
+        "ds-select": [
+          "ds-checkbox",
+          "ds-icon",
+          "ds-tooltip",
+          "ds-button-unfilled",
+          "ds-loader",
+          "ds-text",
+          "ds-badge",
+          "ds-empty-state"
+        ],
+        "ds-checkbox": [
+          "ds-text"
+        ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ],
+        "ds-empty-state": [
+          "ds-icon",
+          "ds-text"
+        ],
+        "ds-table": [
+          "ds-pagination"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/PanelNav/PanelNav.tsx",
       "encapsulation": "scoped",
@@ -20054,7 +20375,9 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-pagination"
+      ],
       "dependencies": [
         "ds-checkbox",
         "ds-icon",
@@ -20094,6 +20417,9 @@
         "ds-empty-state": [
           "ds-icon",
           "ds-text"
+        ],
+        "ds-pagination": [
+          "ds-select"
         ]
       }
     },
@@ -24366,6 +24692,47 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dataMode",
+          "type": "\"infinite\" | \"pagination\"",
+          "complexType": {
+            "original": "TableDataMode",
+            "resolved": "\"infinite\" | \"pagination\"",
+            "references": {
+              "TableDataMode": {
+                "location": "import",
+                "path": "./table-types",
+                "id": "src/wc/components/Table/table-types.ts::TableDataMode",
+                "referenceLocation": "TableDataMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "data-mode",
+          "reflectToAttr": false,
+          "docs": "Top-level data-window strategy. Group member loading remains group-owned.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'infinite'"
+            }
+          ],
+          "default": "'infinite'",
+          "values": [
+            {
+              "value": "infinite",
+              "type": "string"
+            },
+            {
+              "value": "pagination",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "displayedCount",
           "type": "number | undefined",
@@ -24929,35 +25296,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "lazyLoading",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "lazy-loading",
-          "reflectToAttr": false,
-          "docs": "Enable application-owned incremental loading without pagination.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "loadIdentity",
           "type": "number | string",
@@ -25231,6 +25569,44 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "pagination",
+          "type": "PaginationState | null",
+          "complexType": {
+            "original": "TablePaginationState | null",
+            "resolved": "PaginationState | null",
+            "references": {
+              "TablePaginationState": {
+                "location": "import",
+                "path": "./table-types",
+                "id": "src/wc/components/Table/table-types.ts::TablePaginationState",
+                "referenceLocation": "TablePaginationState"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Controlled top-level pagination state. Required when dataMode is pagination.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "PaginationState"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "resultSummaryLabel",
           "type": "string",
@@ -25721,6 +26097,27 @@
           "docs": "",
           "docsTags": []
         },
+        {
+          "event": "dsPaginationChange",
+          "detail": "PaginationChangeDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "PaginationChangeDetail",
+            "resolved": "PaginationChangeDetail",
+            "references": {
+              "PaginationChangeDetail": {
+                "location": "import",
+                "path": "../Pagination/pagination-types",
+                "id": "src/wc/components/Pagination/pagination-types.ts::PaginationChangeDetail",
+                "referenceLocation": "PaginationChangeDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "dsRowActivate",
           "detail": "TableRowActivateDetail",
@@ -25799,7 +26196,8 @@
         "ds-tag",
         "ds-loader",
         "ds-skeleton",
-        "ds-empty-state"
+        "ds-empty-state",
+        "ds-pagination"
       ],
       "dependencyGraph": {
         "ds-table": [
@@ -25810,7 +26208,8 @@
           "ds-tag",
           "ds-loader",
           "ds-skeleton",
-          "ds-empty-state"
+          "ds-empty-state",
+          "ds-pagination"
         ],
         "ds-checkbox": [
           "ds-text"
@@ -25831,6 +26230,24 @@
         "ds-empty-state": [
           "ds-icon",
           "ds-text"
+        ],
+        "ds-pagination": [
+          "ds-text",
+          "ds-select",
+          "ds-button-unfilled"
+        ],
+        "ds-select": [
+          "ds-checkbox",
+          "ds-icon",
+          "ds-tooltip",
+          "ds-button-unfilled",
+          "ds-loader",
+          "ds-text",
+          "ds-badge",
+          "ds-empty-state"
+        ],
+        "ds-tooltip": [
+          "ds-text"
         ]
       }
     },
@@ -27008,6 +27425,7 @@
         "ds-mobile-section-switcher",
         "ds-mobile-sheet-nav",
         "ds-modal",
+        "ds-pagination",
         "ds-panel-nav",
         "ds-panel-sub-nav",
         "ds-panel-tool-header",
@@ -27127,6 +27545,9 @@
         "ds-modal": [
           "ds-text"
         ],
+        "ds-pagination": [
+          "ds-text"
+        ],
         "ds-panel-nav": [
           "ds-text"
         ],
@@ -28939,6 +29360,11 @@
       "docstring": "",
       "path": "src/wc/components/PanelNav/panel-nav-types.ts"
     },
+    "src/wc/components/Pagination/pagination-types.ts::PaginationChangeDetail": {
+      "declaration": "export interface PaginationChangeDetail extends PaginationState {\n  previousPageIndex: number;\n  previousPageSize: number;\n  reason: PaginationChangeReason;\n}",
+      "docstring": "Complete next controlled state emitted for a page or page-size request.",
+      "path": "src/wc/components/Pagination/pagination-types.ts"
+    },
     "src/wc/components/PanelNav/panel-nav-types.ts::PanelNavRouterMode": {
       "declaration": "export type PanelNavRouterMode = 'anchor' | 'event';",
       "docstring": "",
@@ -29040,7 +29466,7 @@
       "path": "src/wc/components/Table/table-types.ts"
     },
     "src/wc/components/Table/table-types.ts::TableGroup": {
-      "declaration": "export interface TableGroup {\n  /** Stable group identity. */\n  id: string;\n  label: string;\n  value?: string | number;\n  /** Total server-side member count; may exceed the currently loaded row count. */\n  totalCount?: number;\n  /** Optional localized accessible count phrase such as “18 vehicles”; the visible tag remains numeric. */\n  countLabel?: string;\n  /**\n   * Optional semantic intent for the group section header. Applies a faint\n   * intent background and bold intent title color.\n   */\n  intent?: TableGroupIntent;\n  /** Whether this group has more member rows available to load. */\n  hasMore?: boolean;\n  /** Controlled incremental loading state for this group's member rows. */\n  loadingMore?: boolean;\n  /** Controlled incremental loading failure for this group's member rows. */\n  loadMoreError?: string;\n  /** Reset key for this group's query, sort, or filter state. Defaults to the group ID. */\n  loadIdentity?: string | number;\n  rows: TableRow[];\n}",
+      "declaration": "export interface TableGroup {\n  /** Stable group identity. */\n  id: string;\n  label: string;\n  value?: string | number;\n  /** Total server-side member count; may exceed the currently loaded row count. */\n  totalCount?: number;\n  /** Optional localized total-count phrase such as “166 events” for accessible loaded progress. */\n  countLabel?: string;\n  /**\n   * Optional semantic intent for the group section header. Applies a faint\n   * intent background and bold intent title color.\n   */\n  intent?: TableGroupIntent;\n  /** Whether this group has more member rows available to load. */\n  hasMore?: boolean;\n  /** Controlled incremental loading state for this group's member rows. */\n  loadingMore?: boolean;\n  /** Controlled incremental loading failure for this group's member rows. */\n  loadMoreError?: string;\n  /** Reset key for this group's query, sort, or filter state. Defaults to the group ID. */\n  loadIdentity?: string | number;\n  rows: TableRow[];\n}",
       "docstring": "",
       "path": "src/wc/components/Table/table-types.ts"
     },
@@ -29064,6 +29490,16 @@
       "docstring": "",
       "path": "src/wc/components/Table/table-types.ts"
     },
+    "src/wc/components/Table/table-types.ts::TableDataMode": {
+      "declaration": "export type TableDataMode = 'infinite' | 'pagination';",
+      "docstring": "",
+      "path": "src/wc/components/Table/table-types.ts"
+    },
+    "src/wc/components/Table/table-types.ts::TablePaginationState": {
+      "declaration": "export interface PaginationState {\n  /** Zero-based page index. */\n  pageIndex: number;\n  /** Number of top-level items on a full page. */\n  pageSize: number;\n  /** Total number of top-level items across every page. */\n  totalItems: number;\n  /** Available page sizes. Defaults to 25, 50, 100, and 200. */\n  pageSizeOptions?: number[];\n  /** Localized plural noun used by assistive range announcements. */\n  itemLabel?: string;\n  /** Visible label for the page-size selector. */\n  pageSizeLabel?: string;\n  /** Accessible name for the pagination navigation region. */\n  ariaLabel?: string;\n}",
+      "docstring": "Controlled pagination state shared by Pagination and pagination-aware consumers.",
+      "path": "src/wc/components/Table/table-types.ts"
+    },
     "src/wc/components/Table/table-types.ts::TableLoadMoreMode": {
       "declaration": "export type TableLoadMoreMode = 'auto' | 'manual';",
       "docstring": "",