dap-design-system 0.58.3 → 0.59.0

package/dist/components/datatable/datatable.component.d.ts

@@ -52,6 +52,9 @@ type LoadingType = 'spinner' | 'skeleton';
  * @cssproperty --dds-datatable-last-column-padding - Padding of the last column. (default: var(--dds-spacing-500))
  * @cssproperty --dds-datatable-first-column-padding - Padding of the first column. (default: var(--dds-spacing-500))
  * @cssproperty --dds-datatable-border-width - Width of table borders. (default: var(--dds-border-width-base))
+ * @cssproperty --dds-datatable-outer-border-width - Width of the outer container border only. (default: var(--dds-datatable-border-width))
+ * @cssproperty --dds-datatable-header-border-width - Width of the header row bottom border only. (default: var(--dds-datatable-border-width))
+ * @cssproperty --dds-datatable-row-border-width - Width of the row (body cell) bottom borders only. (default: var(--dds-datatable-border-width))
  * @cssproperty --dds-datatable-stripe-color - Background color for striped rows. (default: var(--dds-background-neutral-base))
  * @cssproperty --dds-datatable-border-radius - Border radius of the table. (default: var(--dds-radius-base))
  * @cssproperty --dds-datatable-shadow - Box shadow of the table. (default: none)
@@ -135,6 +138,10 @@ export default class DapDSDataTable<T> extends DdsElement {
     showNextButton: string;
     /** Show the last button. */
     showLastButton: string;
+    /** Show numbered page buttons between the previous and next buttons. */
+    showPageNumbers: string;
+    /** How many page numbers to show on each side of the current page. */
+    siblingCount: number;
     /** The label of the first button */
     firstButtonLabel: string;
     /** The label of the previous button */

package/dist/components/pager/pager.component.d.ts

@@ -24,6 +24,12 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @csspart pager-button-last-content - The content of the last page button.
  * @csspart page-size-select-base - The base of the page size select.
  * @csspart page-size-select-trigger - The trigger of the page size select.
+ * @csspart page-numbers - The container of the numbered page buttons (shown when showPageNumbers is 'true').
+ * @csspart page-number - Each numbered page button.
+ * @csspart page-number-active - The active (current) numbered page button.
+ * @csspart page-number-base - The base of each numbered page button.
+ * @csspart page-number-content - The content of each numbered page button.
+ * @csspart page-info - The page info / total count text.
  *
  * @cssproperty --dds-pager-spacing-vertical - The vertical spacing of the pager (default: var(--dds-spacing-400))
  * @cssproperty --dds-pager-spacing-horizontal - The horizontal spacing of the pager (default: var(--dds-spacing-200))
@@ -64,6 +70,10 @@ export default class DapDSPager extends DdsElement {
     showNextButton: string;
     /** Show the last button. */
     showLastButton: string;
+    /** Show numbered page buttons between the previous and next buttons. */
+    showPageNumbers: string;
+    /** How many page numbers to show on each side of the current page. */
+    siblingCount: number;
     /** The first button label. */
     firstButtonLabel: string;
     /** The previous button label. */
@@ -84,6 +94,9 @@ export default class DapDSPager extends DdsElement {
     private updatePageSize;
     private renderPageSizeSelect;
     private renderNavigationButton;
+    /** Windowed list of page indexes to show around the current page. */
+    private pageNumberWindow;
+    private renderPageNumbers;
     private renderPageInfo;
     protected render(): import('lit-html').TemplateResult<1>;
 }