dap-design-system 0.57.7 → 0.57.9

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

@@ -69,6 +69,8 @@ export default class DapDSBanner extends DdsElement {
     opened: string;
     /** The aria-label for the close button */
     closeButtonLabel: string;
+    /** `data-testid` for the close button. */
+    closeButtonTestId: string;
     /** The icon of the banner, this is a name of a built icon icon */
     icon: string;
     static readonly styles: import('lit').CSSResult;

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

@@ -91,6 +91,10 @@ export default class DapDSCalendar extends DdsElement {
      * @default dayjs.locale()
      */
     locale: string;
+    /** `data-testid` for the previous-month button. */
+    prevButtonTestId: string;
+    /** `data-testid` for the next-month button. */
+    nextButtonTestId: string;
     private _currentCell;
     private _yearOptionsLoaded;
     private instanceLocalData;

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

@@ -93,6 +93,8 @@ export default class DapDSCallout extends DdsElement {
     title: string;
     /** The label of the close button */
     closeButtonLabel: string;
+    /** `data-testid` for the default close button. */
+    closeButtonTestId: string;
     /** If the callout is opened */
     opened: string;
     static readonly styles: import('lit').CSSResult;

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

@@ -58,6 +58,8 @@ export default class DapDSChip extends ChipBaseWithSized {
     value?: string;
     /** The aria label for the delete button */
     deleteAriaLabel?: string;
+    /** `data-testid` for the remove button. */
+    removeButtonTestId: string;
     private _slotNodes;
     private _slotTextContent;
     static readonly styles: import('lit').CSSResult;

package/dist/components/combobox/comboboxBase.d.ts

@@ -25,6 +25,10 @@ export default class ComboboxBaseElement extends GenericFormElement {
     subtle: boolean;
     multiselect: boolean;
     maxSelections?: number;
+    /** `data-testid` for the clear button. */
+    clearButtonTestId: string;
+    /** `data-testid` for the search button. */
+    searchButtonTestId: string;
     selectedItem: any;
     selectedItems: any[];
     currentItem: any;

package/dist/components/copybox-input/copybox-input.component.d.ts

@@ -83,6 +83,8 @@ import { InputBaseElement } from '../input/input-base-element';
 export default class DapDSCopyBoxInput extends InputBaseElement {
     constructor();
     copyButtonAriaLabel?: string;
+    /** `data-testid` for the copy button. */
+    copyButtonTestId: string;
     render(): import('lit-html').TemplateResult<1>;
     onCopy(): void;
     private copyToClipboard;

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

@@ -143,6 +143,8 @@ export default class DapDSDataTable<T> extends DdsElement {
     nextButtonLabel: string;
     /** The label of the last button */
     lastButtonLabel: string;
+    /** `data-testid` for the column sort-toggle button. Suffixed with the column id. */
+    sortButtonTestId: string;
     /** The function to determine the pager text
      * @type {(pageIndex: number, pageSize: number, totalRows: number) => string}
      */

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

@@ -154,6 +154,10 @@ export default class DapDSDatePicker extends GenericFormElement {
     clearButton?: string;
     /** The aria label of the clear button. */
     clearButtonAriaLabel?: string;
+    /** `data-testid` for the clear button. */
+    clearButtonTestId: string;
+    /** `data-testid` for the calendar indicator button that opens the calendar. */
+    calendarButtonTestId: string;
     /** The floating strategy of the datepicker. */
     floatingStrategy: FloatingStrategy;
     /** Whether to keep popup open when trigger leaves viewport. */

package/dist/components/file-input/file-input-list-item.component.d.ts

@@ -64,6 +64,8 @@ export default class DapDSFileInputListItem extends DapDSFileInputListItem_base
     loading?: boolean | undefined;
     /** Show delete button. */
     showDeleteButton: string;
+    /** `data-testid` for the remove-file button. */
+    removeButtonTestId: string;
     /** Show file size. */
     showFileSize?: string | undefined;
     /** Show file link. */

package/dist/components/file-input/file-input.component.d.ts

@@ -90,6 +90,10 @@ export default class DapDSFileInput extends GenericFormElement {
     uploadButtonLabel: string;
     /** Label for the browse button */
     browseButtonLabel: string;
+    /** `data-testid` for the browse button. */
+    browseButtonTestId: string;
+    /** `data-testid` for the upload button. */
+    uploadButtonTestId: string;
     /** Whether to show a separate dropzone area */
     showDropzone: boolean;
     /** Text to display in the dropzone */

package/dist/components/image-zoom/image-zoom.component.d.ts

@@ -61,6 +61,10 @@ export default class DapDSImageZoom extends DdsElement {
     /** Hides the expand and unzoom buttons. Useful when the host UI provides its own controls. */
     hideButtons: boolean;
     zoomButtonVariant: ButtonVariant;
+    /** `data-testid` for the expand/zoom button. */
+    expandButtonTestId: string;
+    /** `data-testid` for the unzoom/close button. */
+    unzoomButtonTestId: string;
     private _dialogState;
     private _slottedImgSrc;
     private _slottedImgAlt;

package/dist/components/modal/modal-base-element.d.ts

@@ -38,6 +38,12 @@ export default class ModalBaseElement extends ModalBaseWithSized {
     closeButtonSize: string;
     /** Override sizeMap for the close icon button; when empty uses the modal's sizeMap. */
     closeButtonSizeMap: string;
+    /** `data-testid` for the default OK button. */
+    okButtonTestId: string;
+    /** `data-testid` for the default Cancel button. */
+    cancelButtonTestId: string;
+    /** `data-testid` for the default close icon button. */
+    closeButtonTestId: string;
     footer: string;
     header: string;
     wideFooter: boolean;

package/dist/components/navigation-menu/navigation-menu-item.component.d.ts

@@ -133,6 +133,8 @@ export default class DapDSNavigationMenuItem extends DapDSNavigationMenuItem_bas
     orientation: 'horizontal' | 'vertical';
     /** Controls tab key behavior (propagated from parent navigation menu). */
     tabMode: TabNavigationMode;
+    /** `data-testid` for the default menu trigger button. */
+    triggerButtonTestId: string;
     hasContent: boolean;
     private hasLink;
     private hasTitleSlot;

package/dist/components/number-input/number-input.component.d.ts

@@ -110,6 +110,10 @@ export default class DapDSNumberInput extends InputBaseElement {
     allowDecimal: string;
     hideControls: boolean;
     padStart?: number;
+    /** `data-testid` for the decrement stepper button. */
+    decrementButtonTestId: string;
+    /** `data-testid` for the increment stepper button. */
+    incrementButtonTestId: string;
     private formattedValue;
     private valueSetInternally;
     get _thousandSeparator(): string;

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

@@ -72,6 +72,8 @@ export default class DapDSPager extends DdsElement {
     nextButtonLabel: string;
     /** The last button label. */
     lastButtonLabel: string;
+    /** `data-testid` for the pagination buttons. Suffixed with the button's part (first/previous/next/last). */
+    pageButtonTestId: string;
     /** The function to determine the pager text. If not provided, uses default reactive translation.
      * @type {Function}
      */

package/dist/components/password-input/password-input.component.d.ts

@@ -85,6 +85,8 @@ import { InputBaseElement } from '../input/input-base-element';
  */
 export default class DapDSPasswordInput extends InputBaseElement {
     passwordVisibile: boolean;
+    /** `data-testid` for the show/hide toggle button. */
+    toggleButtonTestId: string;
     static readonly styles: import('lit').CSSResult;
     constructor();
     private _toggleVisibility;

package/dist/components/snackbar/snackbar-message.component.d.ts

@@ -57,6 +57,8 @@ export default class DapDSSnackbarMessage extends DdsElement {
     customStyle?: Record<string, string>;
     /** The position of the snackbar container for directional animations. */
     position: SnackbarPosition;
+    /** `data-testid` for the snackbar close button. */
+    closeButtonTestId: string;
     private isClosing;
     static readonly styles: import('lit').CSSResult;
     private getActions;

package/dist/components/tab/tab-group.component.d.ts

@@ -51,6 +51,16 @@ export default class DapDSTabGroup extends DdsElement {
     private _initialEmit;
     emitTabSelect(tabId: string): void;
     attributeChangedCallback(name: string, oldValue: string | null, value: string | null): void;
+    /**
+     * Collects the title nodes of a tab (every light DOM child that is not
+     * slotted into the tab content).
+     *
+     * The nodes are cloned: rendering the original nodes into the nav would move
+     * them out of the tab's light DOM, so any later slotchange would find the tab
+     * title empty and the nav labels would disappear.
+     * @ignore
+     */
+    private getTabTitleNodes;
     handleSlotChange(event: Event): void;
     handleClick(tabId: string | null): void;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/components/timepicker/time-grid.component.d.ts

@@ -50,6 +50,14 @@ export default class DapDSTimeGrid extends DdsElement {
     disabledTime?: (hour: number, minute: number, second?: number) => boolean;
     hideDisabledTimes: boolean;
     presets?: TimePreset[];
+    /** `data-testid` base for the preset buttons (preset value appended). */
+    presetButtonTestId: string;
+    /** `data-testid` base for the hour select buttons (hour value appended). */
+    hourButtonTestId: string;
+    /** `data-testid` base for the minute select buttons (minute value appended). */
+    minuteButtonTestId: string;
+    /** `data-testid` base for the second select buttons (second value appended). */
+    secondButtonTestId: string;
     static readonly styles: import('lit').CSSResult;
     private getHours;
     private getMinutes;

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

@@ -142,6 +142,10 @@ export default class DapDSTimePicker extends GenericFormElement {
     clearButton?: string;
     /** The aria label of the clear button. */
     clearButtonAriaLabel?: string;
+    /** `data-testid` for the clear button. */
+    clearButtonTestId: string;
+    /** `data-testid` for the time indicator button that opens the grid. */
+    timeButtonTestId: string;
     /** The floating strategy of the timepicker. */
     floatingStrategy: FloatingStrategy;
     /** Whether to keep popup open when trigger leaves viewport. */