@quartzds/core 1.0.0-beta.113 → 1.0.0-beta.115

package/dist/types/components/avatar-media/avatar-media.d.ts

@@ -0,0 +1,39 @@
+import type { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * @experimental
+ */
+export declare class AvatarMedia implements ComponentInterface {
+    #private;
+    /**
+     * The avatar-media's image source.
+     * @webnative
+     */
+    readonly src?: string;
+    /**
+     * The alt text for the avatar-media's image.
+     * @webnative
+     */
+    readonly alt: string;
+    /**
+     * The avatar-media's icon name.
+     */
+    readonly iconName?: string;
+    /**
+     * The avatar-media's icon library.
+     */
+    readonly iconLibrary?: string;
+    /**
+     * The avatar-media's text content.
+     */
+    readonly text?: string;
+    /**
+     * Emitted when the avatar-media's image fails to load due to an error.
+     */
+    private readonly errorEmitter;
+    private initials;
+    private hasImageError;
+    private handleTextChange;
+    componentWillLoad(): Promise<void> | void;
+    render(): any;
+}
+//# sourceMappingURL=avatar-media.d.ts.map

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

@@ -96,7 +96,7 @@ export declare class IconButton implements ComponentInterface {
     /**
      * The icon button's accessible name.
      */
-    readonly text: string;
+    readonly text?: string;
     /**
      * Emitted when the icon button loses focus.
      */

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

@@ -213,9 +213,9 @@ export declare class InlineLink implements ComponentInterface {
     private readonly focusEmitter;
     private readonly host;
     private linkIcon?;
-    private tabIndex?;
     private readonly internals;
     protected onClick(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
     protected disabledChanged(): void;
     protected tabindexChanged(newValue: string): void;
     protected hrefTargetChanged(): void;

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

@@ -37,7 +37,7 @@ export declare class Label implements ComponentInterface {
      * By default, the tooltip is anchored to the label itself when this prop is not set.
      */
     readonly tooltipTarget?: Tooltip['target'];
-    private truncatedTooltip;
+    private tooltip;
     protected textChanged(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

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

@@ -221,9 +221,9 @@ export declare class StandaloneLink implements ComponentInterface {
     private readonly focusEmitter;
     private readonly host;
     private linkIcon?;
-    private tabIndex?;
     private readonly internals;
     protected onClick(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
     protected disabledChanged(): void;
     protected tabindexChanged(newValue: string): void;
     protected hrefTargetChanged(): void;

package/dist/types/components.d.ts

@@ -107,6 +107,35 @@ export namespace Components {
          */
         "text": string;
     }
+    /**
+     * @experimental 
+     */
+    interface QdsAvatarMedia {
+        /**
+          * The alt text for the avatar-media's image.
+          * @webnative 
+          * @default ''
+         */
+        "alt": string;
+        /**
+          * The avatar-media's icon library.
+          * @default 'default'
+         */
+        "iconLibrary"?: string;
+        /**
+          * The avatar-media's icon name.
+         */
+        "iconName"?: string;
+        /**
+          * The avatar-media's image source.
+          * @webnative
+         */
+        "src"?: string;
+        /**
+          * The avatar-media's text content.
+         */
+        "text"?: string;
+    }
     /**
      * The `<qds-badge-counter>` element is a small, rounded UI element used to
      * display numerical values or counts. It is designed to draw the user's eye to
@@ -752,7 +781,7 @@ export namespace Components {
         /**
           * The icon button's accessible name.
          */
-        "text": string;
+        "text"?: string;
     }
     /**
      * `<qds-inline-link>` elements, with their `href` property, create a hyperlink
@@ -1194,48 +1223,6 @@ export namespace Components {
          */
         "text": string;
     }
-    /**
-     * @see https://quartz.se.com/build/components/nav-list-item
-     */
-    interface QdsNavListItem {
-        /**
-          * Displays the navigation list item in a collapsed state without its text. The text will be displayed in a tooltip instead.  This property has no effect if the navigation list item does not have an icon set.
-          * @default false
-         */
-        "collapsed": boolean;
-        /**
-          * Prevents the navigation list item from being interacted with: it cannot be selected or focused.
-          * @default false
-         */
-        "disabled": boolean;
-        /**
-          * The name of a registered icon library.
-          * @default 'default'
-         */
-        "iconLibrary": string;
-        /**
-          * The name of the icon to render.  Available names depend on the icon library being used.
-         */
-        "iconName"?: string;
-        /**
-          * Whether or not the navigation list item is selected.
-          * @default false
-         */
-        "selected": boolean;
-        /**
-          * The navigation list items's size.
-          * @default 'standard'
-         */
-        "size"?: Size;
-        /**
-          * Text to display for the subtext.
-         */
-        "subtext"?: string;
-        /**
-          * Primary text to display.
-         */
-        "text": string;
-    }
     /**
      * The `<qds-progress-bar>` element displays an indicator showing the
      * completion progress of a task.
@@ -2090,6 +2077,10 @@ export interface QdsActionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQdsActionItemElement;
 }
+export interface QdsAvatarMediaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQdsAvatarMediaElement;
+}
 export interface QdsButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQdsButtonElement;
@@ -2138,10 +2129,6 @@ export interface QdsMiniButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQdsMiniButtonElement;
 }
-export interface QdsNavListItemCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLQdsNavListItemElement;
-}
 export interface QdsRadioCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQdsRadioElement;
@@ -2196,6 +2183,26 @@ declare global {
         prototype: HTMLQdsActionItemElement;
         new (): HTMLQdsActionItemElement;
     };
+    interface HTMLQdsAvatarMediaElementEventMap {
+        "qdsError": void;
+    }
+    /**
+     * @experimental 
+     */
+    interface HTMLQdsAvatarMediaElement extends Components.QdsAvatarMedia, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLQdsAvatarMediaElementEventMap>(type: K, listener: (this: HTMLQdsAvatarMediaElement, ev: QdsAvatarMediaCustomEvent<HTMLQdsAvatarMediaElementEventMap[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 HTMLQdsAvatarMediaElementEventMap>(type: K, listener: (this: HTMLQdsAvatarMediaElement, ev: QdsAvatarMediaCustomEvent<HTMLQdsAvatarMediaElementEventMap[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 HTMLQdsAvatarMediaElement: {
+        prototype: HTMLQdsAvatarMediaElement;
+        new (): HTMLQdsAvatarMediaElement;
+    };
     /**
      * The `<qds-badge-counter>` element is a small, rounded UI element used to
      * display numerical values or counts. It is designed to draw the user's eye to
@@ -2569,27 +2576,6 @@ declare global {
         prototype: HTMLQdsMiniButtonElement;
         new (): HTMLQdsMiniButtonElement;
     };
-    interface HTMLQdsNavListItemElementEventMap {
-        "qdsBlur": QdsFocusEventDetail;
-        "qdsFocus": QdsFocusEventDetail;
-    }
-    /**
-     * @see https://quartz.se.com/build/components/nav-list-item
-     */
-    interface HTMLQdsNavListItemElement extends Components.QdsNavListItem, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLQdsNavListItemElementEventMap>(type: K, listener: (this: HTMLQdsNavListItemElement, ev: QdsNavListItemCustomEvent<HTMLQdsNavListItemElementEventMap[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 HTMLQdsNavListItemElementEventMap>(type: K, listener: (this: HTMLQdsNavListItemElement, ev: QdsNavListItemCustomEvent<HTMLQdsNavListItemElementEventMap[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 HTMLQdsNavListItemElement: {
-        prototype: HTMLQdsNavListItemElement;
-        new (): HTMLQdsNavListItemElement;
-    };
     /**
      * The `<qds-progress-bar>` element displays an indicator showing the
      * completion progress of a task.
@@ -2865,6 +2851,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "qds-action-item": HTMLQdsActionItemElement;
+        "qds-avatar-media": HTMLQdsAvatarMediaElement;
         "qds-badge-counter": HTMLQdsBadgeCounterElement;
         "qds-badge-indicator": HTMLQdsBadgeIndicatorElement;
         "qds-breadcrumb-item": HTMLQdsBreadcrumbItemElement;
@@ -2884,7 +2871,6 @@ declare global {
         "qds-loader": HTMLQdsLoaderElement;
         "qds-menu-item": HTMLQdsMenuItemElement;
         "qds-mini-button": HTMLQdsMiniButtonElement;
-        "qds-nav-list-item": HTMLQdsNavListItemElement;
         "qds-progress-bar": HTMLQdsProgressBarElement;
         "qds-radio": HTMLQdsRadioElement;
         "qds-select": HTMLQdsSelectElement;
@@ -2952,6 +2938,39 @@ declare namespace LocalJSX {
          */
         "text": string;
     }
+    /**
+     * @experimental 
+     */
+    interface QdsAvatarMedia {
+        /**
+          * The alt text for the avatar-media's image.
+          * @webnative 
+          * @default ''
+         */
+        "alt"?: string;
+        /**
+          * The avatar-media's icon library.
+          * @default 'default'
+         */
+        "iconLibrary"?: string;
+        /**
+          * The avatar-media's icon name.
+         */
+        "iconName"?: string;
+        /**
+          * Emitted when the avatar-media's image fails to load due to an error.
+         */
+        "onQdsError"?: (event: QdsAvatarMediaCustomEvent<void>) => void;
+        /**
+          * The avatar-media's image source.
+          * @webnative
+         */
+        "src"?: string;
+        /**
+          * The avatar-media's text content.
+         */
+        "text"?: string;
+    }
     /**
      * The `<qds-badge-counter>` element is a small, rounded UI element used to
      * display numerical values or counts. It is designed to draw the user's eye to
@@ -3653,7 +3672,7 @@ declare namespace LocalJSX {
         /**
           * The icon button's accessible name.
          */
-        "text": string;
+        "text"?: string;
     }
     /**
      * `<qds-inline-link>` elements, with their `href` property, create a hyperlink
@@ -4159,56 +4178,6 @@ declare namespace LocalJSX {
          */
         "text": string;
     }
-    /**
-     * @see https://quartz.se.com/build/components/nav-list-item
-     */
-    interface QdsNavListItem {
-        /**
-          * Displays the navigation list item in a collapsed state without its text. The text will be displayed in a tooltip instead.  This property has no effect if the navigation list item does not have an icon set.
-          * @default false
-         */
-        "collapsed"?: boolean;
-        /**
-          * Prevents the navigation list item from being interacted with: it cannot be selected or focused.
-          * @default false
-         */
-        "disabled"?: boolean;
-        /**
-          * The name of a registered icon library.
-          * @default 'default'
-         */
-        "iconLibrary"?: string;
-        /**
-          * The name of the icon to render.  Available names depend on the icon library being used.
-         */
-        "iconName"?: string;
-        /**
-          * Emitted when the navigation list item loses focus.
-         */
-        "onQdsBlur"?: (event: QdsNavListItemCustomEvent<QdsFocusEventDetail>) => void;
-        /**
-          * Emitted when the navigation list item gains focus.
-         */
-        "onQdsFocus"?: (event: QdsNavListItemCustomEvent<QdsFocusEventDetail>) => void;
-        /**
-          * Whether or not the navigation list item is selected.
-          * @default false
-         */
-        "selected"?: boolean;
-        /**
-          * The navigation list items's size.
-          * @default 'standard'
-         */
-        "size"?: Size;
-        /**
-          * Text to display for the subtext.
-         */
-        "subtext"?: string;
-        /**
-          * Primary text to display.
-         */
-        "text": string;
-    }
     /**
      * The `<qds-progress-bar>` element displays an indicator showing the
      * completion progress of a task.
@@ -5136,6 +5105,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "qds-action-item": QdsActionItem;
+        "qds-avatar-media": QdsAvatarMedia;
         "qds-badge-counter": QdsBadgeCounter;
         "qds-badge-indicator": QdsBadgeIndicator;
         "qds-breadcrumb-item": QdsBreadcrumbItem;
@@ -5155,7 +5125,6 @@ declare namespace LocalJSX {
         "qds-loader": QdsLoader;
         "qds-menu-item": QdsMenuItem;
         "qds-mini-button": QdsMiniButton;
-        "qds-nav-list-item": QdsNavListItem;
         "qds-progress-bar": QdsProgressBar;
         "qds-radio": QdsRadio;
         "qds-select": QdsSelect;
@@ -5181,6 +5150,10 @@ declare module "@stencil/core" {
              * @see https://quartz.se.com/build/components/action-item
              */
             "qds-action-item": LocalJSX.QdsActionItem & JSXBase.HTMLAttributes<HTMLQdsActionItemElement>;
+            /**
+             * @experimental 
+             */
+            "qds-avatar-media": LocalJSX.QdsAvatarMedia & JSXBase.HTMLAttributes<HTMLQdsAvatarMediaElement>;
             /**
              * The `<qds-badge-counter>` element is a small, rounded UI element used to
              * display numerical values or counts. It is designed to draw the user's eye to
@@ -5306,10 +5279,6 @@ declare module "@stencil/core" {
              * @experimental 
              */
             "qds-mini-button": LocalJSX.QdsMiniButton & JSXBase.HTMLAttributes<HTMLQdsMiniButtonElement>;
-            /**
-             * @see https://quartz.se.com/build/components/nav-list-item
-             */
-            "qds-nav-list-item": LocalJSX.QdsNavListItem & JSXBase.HTMLAttributes<HTMLQdsNavListItemElement>;
             /**
              * The `<qds-progress-bar>` element displays an indicator showing the
              * completion progress of a task.

package/dist/types/helpers.d.ts

@@ -34,12 +34,12 @@ export declare const ignorePromise: <T>(promise: Promise<T>) => void;
 export declare const isTouchDevice: () => boolean;
 export declare const roundByDPR: (value: number) => number;
 /**
- * Checks if an element's content is overflowing.
+ * Checks if an element's ellipsis is active.
  *
  * @param element The element to check.
- * @returns `true` if overflowing, `false` otherwise.
+ * @returns `true` if ellipsis is active, `false` otherwise.
  */
-export declare const isOverflowing: (element: Element) => boolean;
+export declare const isEllipsisActive: (element: HTMLElement) => boolean;
 export declare const determineLinkIcon: (target?: string, rel?: string) => LinkIcon | undefined;
 export declare const resolveTarget: (target?: ReferenceElement | string | (() => ReferenceElement | string)) => ReferenceElement | undefined;
 /**

package/dist/vscode.html-custom-data.json

@@ -67,6 +67,35 @@
         }
       ]
     },
+    {
+      "name": "qds-avatar-media",
+      "description": {
+        "kind": "markdown",
+        "value": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
+      },
+      "attributes": [
+        {
+          "name": "alt",
+          "description": "The alt text for the avatar-media's image."
+        },
+        {
+          "name": "icon-library",
+          "description": "The avatar-media's icon library."
+        },
+        {
+          "name": "icon-name",
+          "description": "The avatar-media's icon name."
+        },
+        {
+          "name": "src",
+          "description": "The avatar-media's image source."
+        },
+        {
+          "name": "text",
+          "description": "The avatar-media's text content."
+        }
+      ]
+    },
     {
       "name": "qds-badge-counter",
       "description": {
@@ -1711,58 +1740,6 @@
         }
       ]
     },
-    {
-      "name": "qds-nav-list-item",
-      "description": {
-        "kind": "markdown",
-        "value": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->"
-      },
-      "attributes": [
-        {
-          "name": "collapsed",
-          "description": "Displays the navigation list item in a collapsed state without its text.\nThe text will be displayed in a tooltip instead.\n\nThis property has no effect if the navigation list item does not have an\nicon set."
-        },
-        {
-          "name": "disabled",
-          "description": "Prevents the navigation list item from being interacted with: it cannot be\nselected or focused."
-        },
-        {
-          "name": "icon-library",
-          "description": "The name of a registered icon library."
-        },
-        {
-          "name": "icon-name",
-          "description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
-        },
-        {
-          "name": "selected",
-          "description": "Whether or not the navigation list item is selected."
-        },
-        {
-          "name": "size",
-          "description": "The navigation list items's size.",
-          "values": [
-            {
-              "name": "large"
-            },
-            {
-              "name": "small"
-            },
-            {
-              "name": "standard"
-            }
-          ]
-        },
-        {
-          "name": "subtext",
-          "description": "Text to display for the subtext."
-        },
-        {
-          "name": "text",
-          "description": "Primary text to display."
-        }
-      ]
-    },
     {
       "name": "qds-progress-bar",
       "description": {