@ebrains/components 2.0.0 → 2.1.0

package/dist/types/Users/nigeor/Documents/Projects/EBRAINS/ebrains-ui-ecosystem/packages/components/.stencil/packages/svgs/src/lib/svgs.d.ts

@@ -60,4 +60,6 @@ import bin from '../img/bin.svg';
 import start from '../img/start.svg';
 import draft from '../img/draft.svg';
 import edit from '../img/edit.svg';
-export { twitter, linkedin, facebook, youtube, mastodon, bluesky, euSvg, arrowRight, arrowDiagonal, bookmark, chevronUp, chevronDown, chevronRight, chevronLeft, check, clear, close, completed, copy, documentation, download, error, gitlabColor, gitlabBlack, loader, hLogoColor, hLogoBlack, hLogoColorWhite, hLogoWhite, hLogoWhiteNoBg, vLogoColor, vLogoBlack, vLogoColorWhite, vLogoWhite, vLogoWhiteNoBg, vLogoMargins, menu, minus, more, failed, filter, group, plus, paper, privat, pub, portal, user, upDonw, search, success, tutorial, warning, unknown, thumbsUp, thumbsDown, star, external, bin, start, draft, edit };
+import view from '../img/view.svg';
+import clone from '../img/clone.svg';
+export { twitter, linkedin, facebook, youtube, mastodon, bluesky, euSvg, arrowRight, arrowDiagonal, bookmark, chevronUp, chevronDown, chevronRight, chevronLeft, check, clear, close, completed, copy, documentation, download, error, gitlabColor, gitlabBlack, loader, hLogoColor, hLogoBlack, hLogoColorWhite, hLogoWhite, hLogoWhiteNoBg, vLogoColor, vLogoBlack, vLogoColorWhite, vLogoWhite, vLogoWhiteNoBg, vLogoMargins, menu, minus, more, failed, filter, group, plus, paper, privat, pub, portal, user, upDonw, search, success, tutorial, warning, unknown, thumbsUp, thumbsDown, star, external, bin, start, draft, edit, view, clone };

package/dist/types/components/eds-alert/eds-alert.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * `EdsAlert` is a versatile alert component designed for displaying contextual messages.
  * This component offers various configuration options to support different use cases, making it ideal for notifying users of information, warnings, errors, or successes.
@@ -37,6 +38,10 @@ export declare class EdsAlert {
      */
     brd: 'rounded' | 'normal';
     withBtn: boolean;
+    /**
+     * Emitted when the alert action button is clicked (for non-URL actions).
+     */
+    edsalert: EventEmitter<void>;
     /**
      * Reference to the host element.
      */
@@ -44,5 +49,6 @@ export declare class EdsAlert {
     componentWillLoad(): void;
     componentDidLoad(): void;
     emitContext(linkElement: HTMLElement): void;
+    private handleAction;
     render(): any;
 }

package/dist/types/components/eds-button/eds-button.d.ts

@@ -71,5 +71,6 @@ export declare class EdsButton {
     private parentContext;
     handleParentContext(event: CustomEvent): void;
     private handleClick;
+    private handleKeyDown;
     render(): any;
 }

package/dist/types/components/eds-icons/eds-icon-clone/eds-icon-clone.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconClone {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-view/eds-icon-view.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconView {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-link/eds-link.d.ts

@@ -76,6 +76,7 @@ export declare class EdsLink {
     private parentContext;
     handleParentContext(event: CustomEvent): void;
     private handleClick;
+    private handleKeyDown;
     private getLinkSize;
     private renderLeftIcon;
     private renderRightIcon;

package/dist/types/components/eds-nps/eds-npm.stories.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        question: {
+            control: string;
+            description: string;
+        };
+        leftLabel: {
+            control: string;
+            description: string;
+        };
+        rightLabel: {
+            control: string;
+            description: string;
+        };
+    };
+    args: {
+        question: string;
+        leftLabel: string;
+        rightLabel: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: any) => string;
+    args: {};
+};

package/dist/types/components/eds-nps/eds-nps.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EdsNps {
+    /** The question prompt for the NPS scale. */
+    question: string;
+    /** Label displayed under the min value. */
+    leftLabel: string;
+    /** Label displayed under the max value. */
+    rightLabel: string;
+    /** Currently selected NPS value. */
+    selectedValue: number;
+    /** Event emitted when the NPS value changes. */
+    nps: EventEmitter<number>;
+    el: HTMLElement;
+    private min;
+    private max;
+    private handleClick;
+    private handleKeyNav;
+    private activateRadio;
+    render(): any;
+}

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

@@ -17,6 +17,8 @@ interface Link {
  * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
  * - Emits a `page` event when the page is changed in "default" mode.
  * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+ * - Full keyboard navigation support with arrow keys, Home, End
+ * - Proper ARIA labels and screen reader support
  *
  * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
  */
@@ -33,6 +35,8 @@ export declare class EdsPagination {
     url: string;
     /** Mode of pagination display - 'default' shows page numbers, 'navigator' shows Previous/Next buttons only */
     mode: 'default' | 'navigator';
+    /** Whether to use buttons (for JavaScript pagination) or links (for URL navigation) */
+    useButtons: boolean;
     /** Label for the previous button in navigator mode */
     prevLabel: string;
     /** Label for the next button in navigator mode */
@@ -43,6 +47,8 @@ export declare class EdsPagination {
     nextUrl: string;
     /** List of links generated for pagination */
     links: (Link | string)[];
+    /** Currently focused pagination item index for keyboard navigation */
+    focusedIndex: number;
     /** Reference to the host element */
     hostEl: HTMLElement;
     /** Lifecycle hook to generate pagination links on component load */
@@ -50,12 +56,28 @@ export declare class EdsPagination {
     componentDidLoad(): void;
     /**
      * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
+     * This event provides context information about the pagination component.
      *
      * @param linkElement - The link element to which the event will be dispatched.
      */
     emitContext(linkElement: HTMLElement): void;
     onPageOrLastPageChange(): void;
+    /**
+     * Handles keyboard navigation within the pagination
+     */
+    private handleKeyDown;
+    /**
+     * Gets all navigable pagination items for keyboard navigation
+     */
+    private getNavigableItems;
+    /**
+     * Focuses a specific pagination item by index
+     */
+    private focusPaginationItem;
+    /**
+     * Handles focus events for pagination items
+     */
+    private handleItemFocus;
     /**
      * Checks if the current page is the first page
      * @returns {boolean} - true if current page is the first page
@@ -78,7 +100,6 @@ export declare class EdsPagination {
      * Creates a pagination range based on delta, current, and total pages
      * @param {number} current - Current page number
      * @param {number} total - Total number of pages
-     * @param {number} delta - Range of pages to display around the current page
      * @returns {(number | string)[]} - Range of page numbers or ellipses
      */
     private getPaginationGenerator;

package/dist/types/components/eds-rating/eds-rating.d.ts

@@ -20,6 +20,7 @@ export declare class EdsRating {
      * Reference to the host element.
      */
     el: HTMLElement;
+    private buttonRefs;
     /**
      * Lifecycle method that runs when the component has fully loaded.
      * It emits a custom event for each `eds-button` element contained within the breadcrumb.
@@ -36,6 +37,7 @@ export declare class EdsRating {
      * Handles the click event on a star.
      * @param rating - The selected rating value.
      */
-    handleClick(rating: number): void;
+    onSelect(rating: number): void;
+    private handleKeyNav;
     render(): any;
 }

package/dist/types/components/eds-switch/eds-switch.d.ts

@@ -24,5 +24,6 @@ export declare class EdsSwitch {
     }>;
     el: HTMLElement;
     private toggleSwitch;
+    private handleKeyDown;
     render(): any;
 }

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

@@ -36,12 +36,13 @@ export interface TableAction {
     type?: 'button' | 'checkbox';
     /** optional: field in row to bind checkbox state */
     field?: string;
+    /** optional: icon name for the action */
+    icon?: string;
 }
 /**
  * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
  *
  * Key Features:
- * - Accepts static data or fetches dynamic data from an endpoint.
  * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
  * - Pagination support with adjustable rows per page.
  * - Searchable content for easier data filtering.
@@ -53,8 +54,6 @@ export declare class EdsTable {
     data: string | {
         [key: string]: any;
     }[] | null;
-    /** Endpoint to fetch data dynamically */
-    endpoint: string | null;
     /** Config object to hide or format columns */
     config: string | {
         [key: string]: {
@@ -125,7 +124,6 @@ export declare class EdsTable {
     private updateContainerWidth;
     private parseData;
     private parseConfig;
-    private fetchData;
     private setupPaginationListener;
     private getFilteredRows;
     private getPaginatedRows;
@@ -143,5 +141,6 @@ export declare class EdsTable {
     private getVisibleColumnsCount;
     private divisionFactor;
     private capitalize;
+    private onActionKeyDown;
     render(): any;
 }

package/dist/types/components/eds-table/eds-table.stories.d.ts

@@ -90,10 +90,15 @@ export declare const Default: {
 export declare const WithActions: {
     render: (args: any) => import("lit-html").TemplateResult<1>;
     args: {
-        actions: {
+        actions: ({
             name: string;
             label: string;
-        }[];
+            icon: string;
+        } | {
+            name: string;
+            label: string;
+            icon?: undefined;
+        })[];
         data: {
             name: string;
             age: number;

package/dist/types/components.d.ts

@@ -836,6 +836,12 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconClone {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     interface EdsIconClose {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -1016,6 +1022,12 @@ export namespace Components {
          */
         "class": string;
     }
+    interface EdsIconView {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class": string;
+    }
     /**
      * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
      * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -1512,12 +1524,28 @@ export namespace Components {
          */
         "truncate": 1 | 2 | 3 | 4;
     }
+    interface EdsNps {
+        /**
+          * Label displayed under the min value.
+         */
+        "leftLabel": string;
+        /**
+          * The question prompt for the NPS scale.
+         */
+        "question": string;
+        /**
+          * Label displayed under the max value.
+         */
+        "rightLabel": string;
+    }
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
      * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+     * - Full keyboard navigation support with arrow keys, Home, End
+     * - Proper ARIA labels and screen reader support
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
     interface EdsPagination {
@@ -1561,6 +1589,10 @@ export namespace Components {
           * Base URL for the pagination links
          */
         "url": string;
+        /**
+          * Whether to use buttons (for JavaScript pagination) or links (for URL navigation)
+         */
+        "useButtons": boolean;
     }
     interface EdsPie {
         /**
@@ -1748,7 +1780,6 @@ export namespace Components {
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Accepts static data or fetches dynamic data from an endpoint.
      * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
@@ -1781,10 +1812,6 @@ export namespace Components {
           * Static data for the table as an object or JSON string
          */
         "data": string | { [key: string]: any }[] | null;
-        /**
-          * Endpoint to fetch data dynamically
-         */
-        "endpoint": string | null;
         "hostWidth"?: string;
         /**
           * Enable or disable pagination explicitly
@@ -1935,6 +1962,10 @@ export interface EdsAccordionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsAccordionElement;
 }
+export interface EdsAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsAlertElement;
+}
 export interface EdsDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsDropdownElement;
@@ -1979,6 +2010,10 @@ export interface EdsMatomoNoticeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsMatomoNoticeElement;
 }
+export interface EdsNpsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsNpsElement;
+}
 export interface EdsRatingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsRatingElement;
@@ -2087,6 +2122,9 @@ declare global {
         prototype: HTMLEdsAccordionElement;
         new (): HTMLEdsAccordionElement;
     };
+    interface HTMLEdsAlertElementEventMap {
+        "edsalert": void;
+    }
     /**
      * `EdsAlert` is a versatile alert component designed for displaying contextual messages.
      * This component offers various configuration options to support different use cases, making it ideal for notifying users of information, warnings, errors, or successes.
@@ -2098,6 +2136,14 @@ declare global {
      * This component is styled with predefined CSS classes to ensure consistent appearance across different alert types and layout configurations.
      */
     interface HTMLEdsAlertElement extends Components.EdsAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsAlertElementEventMap>(type: K, listener: (this: HTMLEdsAlertElement, ev: EdsAlertCustomEvent<HTMLEdsAlertElementEventMap[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 HTMLEdsAlertElementEventMap>(type: K, listener: (this: HTMLEdsAlertElement, ev: EdsAlertCustomEvent<HTMLEdsAlertElementEventMap[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 HTMLEdsAlertElement: {
         prototype: HTMLEdsAlertElement;
@@ -2472,6 +2518,12 @@ declare global {
         prototype: HTMLEdsIconChevronUpElement;
         new (): HTMLEdsIconChevronUpElement;
     };
+    interface HTMLEdsIconCloneElement extends Components.EdsIconClone, HTMLStencilElement {
+    }
+    var HTMLEdsIconCloneElement: {
+        prototype: HTMLEdsIconCloneElement;
+        new (): HTMLEdsIconCloneElement;
+    };
     interface HTMLEdsIconCloseElement extends Components.EdsIconClose, HTMLStencilElement {
     }
     var HTMLEdsIconCloseElement: {
@@ -2652,6 +2704,12 @@ declare global {
         prototype: HTMLEdsIconUserElement;
         new (): HTMLEdsIconUserElement;
     };
+    interface HTMLEdsIconViewElement extends Components.EdsIconView, HTMLStencilElement {
+    }
+    var HTMLEdsIconViewElement: {
+        prototype: HTMLEdsIconViewElement;
+        new (): HTMLEdsIconViewElement;
+    };
     /**
      * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
      * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -2850,12 +2908,31 @@ declare global {
         prototype: HTMLEdsModalElement;
         new (): HTMLEdsModalElement;
     };
+    interface HTMLEdsNpsElementEventMap {
+        "nps": number;
+    }
+    interface HTMLEdsNpsElement extends Components.EdsNps, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsNpsElementEventMap>(type: K, listener: (this: HTMLEdsNpsElement, ev: EdsNpsCustomEvent<HTMLEdsNpsElementEventMap[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 HTMLEdsNpsElementEventMap>(type: K, listener: (this: HTMLEdsNpsElement, ev: EdsNpsCustomEvent<HTMLEdsNpsElementEventMap[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 HTMLEdsNpsElement: {
+        prototype: HTMLEdsNpsElement;
+        new (): HTMLEdsNpsElement;
+    };
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
      * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+     * - Full keyboard navigation support with arrow keys, Home, End
+     * - Proper ARIA labels and screen reader support
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
     interface HTMLEdsPaginationElement extends Components.EdsPagination, HTMLStencilElement {
@@ -2995,7 +3072,6 @@ declare global {
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Accepts static data or fetches dynamic data from an endpoint.
      * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
@@ -3246,6 +3322,7 @@ declare global {
         "eds-icon-chevron-left": HTMLEdsIconChevronLeftElement;
         "eds-icon-chevron-right": HTMLEdsIconChevronRightElement;
         "eds-icon-chevron-up": HTMLEdsIconChevronUpElement;
+        "eds-icon-clone": HTMLEdsIconCloneElement;
         "eds-icon-close": HTMLEdsIconCloseElement;
         "eds-icon-copy": HTMLEdsIconCopyElement;
         "eds-icon-draft": HTMLEdsIconDraftElement;
@@ -3276,6 +3353,7 @@ declare global {
         "eds-icon-unknown": HTMLEdsIconUnknownElement;
         "eds-icon-updown": HTMLEdsIconUpdownElement;
         "eds-icon-user": HTMLEdsIconUserElement;
+        "eds-icon-view": HTMLEdsIconViewElement;
         "eds-icon-wrapper": HTMLEdsIconWrapperElement;
         "eds-icon-youtube": HTMLEdsIconYoutubeElement;
         "eds-img": HTMLEdsImgElement;
@@ -3290,6 +3368,7 @@ declare global {
         "eds-logo": HTMLEdsLogoElement;
         "eds-matomo-notice": HTMLEdsMatomoNoticeElement;
         "eds-modal": HTMLEdsModalElement;
+        "eds-nps": HTMLEdsNpsElement;
         "eds-pagination": HTMLEdsPaginationElement;
         "eds-pie": HTMLEdsPieElement;
         "eds-progress-bar": HTMLEdsProgressBarElement;
@@ -3431,6 +3510,10 @@ declare namespace LocalJSX {
           * The main message or text to be displayed in the alert.
          */
         "message": string;
+        /**
+          * Emitted when the alert action button is clicked (for non-URL actions).
+         */
+        "onEdsalert"?: (event: EdsAlertCustomEvent<void>) => void;
         /**
           * Determines whether the alert includes a pressable element, such as a button or link.
          */
@@ -4175,6 +4258,12 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconClone {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     interface EdsIconClose {
         /**
           * Additional CSS classes to be applied to the icon for styling.
@@ -4355,6 +4444,12 @@ declare namespace LocalJSX {
          */
         "class"?: string;
     }
+    interface EdsIconView {
+        /**
+          * Additional CSS classes to be applied to the icon for styling.
+         */
+        "class"?: string;
+    }
     /**
      * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
      * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -4861,12 +4956,32 @@ declare namespace LocalJSX {
          */
         "truncate"?: 1 | 2 | 3 | 4;
     }
+    interface EdsNps {
+        /**
+          * Label displayed under the min value.
+         */
+        "leftLabel"?: string;
+        /**
+          * Event emitted when the NPS value changes.
+         */
+        "onNps"?: (event: EdsNpsCustomEvent<number>) => void;
+        /**
+          * The question prompt for the NPS scale.
+         */
+        "question"?: string;
+        /**
+          * Label displayed under the max value.
+         */
+        "rightLabel"?: string;
+    }
     /**
      * `EdsPagination` is a component for navigating paginated data.
      * Key Features:
      * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
      * - Emits a `page` event when the page is changed in "default" mode.
      * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+     * - Full keyboard navigation support with arrow keys, Home, End
+     * - Proper ARIA labels and screen reader support
      * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
      */
     interface EdsPagination {
@@ -4910,6 +5025,10 @@ declare namespace LocalJSX {
           * Base URL for the pagination links
          */
         "url"?: string;
+        /**
+          * Whether to use buttons (for JavaScript pagination) or links (for URL navigation)
+         */
+        "useButtons"?: boolean;
     }
     interface EdsPie {
         /**
@@ -5112,7 +5231,6 @@ declare namespace LocalJSX {
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
      * Key Features:
-     * - Accepts static data or fetches dynamic data from an endpoint.
      * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
      * - Pagination support with adjustable rows per page.
      * - Searchable content for easier data filtering.
@@ -5145,10 +5263,6 @@ declare namespace LocalJSX {
           * Static data for the table as an object or JSON string
          */
         "data"?: string | { [key: string]: any }[] | null;
-        /**
-          * Endpoint to fetch data dynamically
-         */
-        "endpoint"?: string | null;
         "hostWidth"?: string;
         /**
           * Define the event with the payload type
@@ -5345,6 +5459,7 @@ declare namespace LocalJSX {
         "eds-icon-chevron-left": EdsIconChevronLeft;
         "eds-icon-chevron-right": EdsIconChevronRight;
         "eds-icon-chevron-up": EdsIconChevronUp;
+        "eds-icon-clone": EdsIconClone;
         "eds-icon-close": EdsIconClose;
         "eds-icon-copy": EdsIconCopy;
         "eds-icon-draft": EdsIconDraft;
@@ -5375,6 +5490,7 @@ declare namespace LocalJSX {
         "eds-icon-unknown": EdsIconUnknown;
         "eds-icon-updown": EdsIconUpdown;
         "eds-icon-user": EdsIconUser;
+        "eds-icon-view": EdsIconView;
         "eds-icon-wrapper": EdsIconWrapper;
         "eds-icon-youtube": EdsIconYoutube;
         "eds-img": EdsImg;
@@ -5389,6 +5505,7 @@ declare namespace LocalJSX {
         "eds-logo": EdsLogo;
         "eds-matomo-notice": EdsMatomoNotice;
         "eds-modal": EdsModal;
+        "eds-nps": EdsNps;
         "eds-pagination": EdsPagination;
         "eds-pie": EdsPie;
         "eds-progress-bar": EdsProgressBar;
@@ -5608,6 +5725,7 @@ declare module "@stencil/core" {
             "eds-icon-chevron-left": LocalJSX.EdsIconChevronLeft & JSXBase.HTMLAttributes<HTMLEdsIconChevronLeftElement>;
             "eds-icon-chevron-right": LocalJSX.EdsIconChevronRight & JSXBase.HTMLAttributes<HTMLEdsIconChevronRightElement>;
             "eds-icon-chevron-up": LocalJSX.EdsIconChevronUp & JSXBase.HTMLAttributes<HTMLEdsIconChevronUpElement>;
+            "eds-icon-clone": LocalJSX.EdsIconClone & JSXBase.HTMLAttributes<HTMLEdsIconCloneElement>;
             "eds-icon-close": LocalJSX.EdsIconClose & JSXBase.HTMLAttributes<HTMLEdsIconCloseElement>;
             "eds-icon-copy": LocalJSX.EdsIconCopy & JSXBase.HTMLAttributes<HTMLEdsIconCopyElement>;
             "eds-icon-draft": LocalJSX.EdsIconDraft & JSXBase.HTMLAttributes<HTMLEdsIconDraftElement>;
@@ -5638,6 +5756,7 @@ declare module "@stencil/core" {
             "eds-icon-unknown": LocalJSX.EdsIconUnknown & JSXBase.HTMLAttributes<HTMLEdsIconUnknownElement>;
             "eds-icon-updown": LocalJSX.EdsIconUpdown & JSXBase.HTMLAttributes<HTMLEdsIconUpdownElement>;
             "eds-icon-user": LocalJSX.EdsIconUser & JSXBase.HTMLAttributes<HTMLEdsIconUserElement>;
+            "eds-icon-view": LocalJSX.EdsIconView & JSXBase.HTMLAttributes<HTMLEdsIconViewElement>;
             /**
              * `EdsIconWrapper` is a wrapper component for displaying icons with dynamic loading capabilities.
              * It allows specifying the icon name, which is dynamically imported and rendered within the component.
@@ -5707,12 +5826,15 @@ declare module "@stencil/core" {
              * This component is useful for displaying overlay content in a structured and accessible manner, with controls for dynamic visibility and content truncation.
              */
             "eds-modal": LocalJSX.EdsModal & JSXBase.HTMLAttributes<HTMLEdsModalElement>;
+            "eds-nps": LocalJSX.EdsNps & JSXBase.HTMLAttributes<HTMLEdsNpsElement>;
             /**
              * `EdsPagination` is a component for navigating paginated data.
              * Key Features:
              * - Supports two display modes: "default" (shows numbered page links) and "navigator" (shows Previous/Next buttons).
              * - Emits a `page` event when the page is changed in "default" mode.
              * - Automatically generates pagination links based on the `currentPage` and `lastPage`.
+             * - Full keyboard navigation support with arrow keys, Home, End
+             * - Proper ARIA labels and screen reader support
              * This component is designed for flexible and accessible pagination controls, suitable for various display needs.
              */
             "eds-pagination": LocalJSX.EdsPagination & JSXBase.HTMLAttributes<HTMLEdsPaginationElement>;
@@ -5734,7 +5856,6 @@ declare module "@stencil/core" {
             /**
              * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
              * Key Features:
-             * - Accepts static data or fetches dynamic data from an endpoint.
              * - Configurable columns with options to hide or apply text formatting (uppercase, bold, or code).
              * - Pagination support with adjustable rows per page.
              * - Searchable content for easier data filtering.

package/dist/types/shared-ui/eds-form/eds-form.d.ts

@@ -104,6 +104,7 @@ export declare class EdsForm {
     handleChange(e: Event, field: any): void;
     handleInput(e: Event, field: any): void;
     private handleRating;
+    private handleNPS;
     handleSubmit(): void;
     private get groupedFields();
     private renderField;