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

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-18T16:46:34",
+  "timestamp": "2025-12-18T08:11:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.37.1",
@@ -353,6 +353,202 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/avatar-media/avatar-media.tsx",
+      "encapsulation": "shadow",
+      "tag": "qds-avatar-media",
+      "readme": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->\n\n# qds-loader\n",
+      "docs": "<!--\nSPDX-FileCopyrightText: © 2025 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->",
+      "docsTags": [
+        {
+          "name": "experimental"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "alt",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "alt",
+          "reflectToAttr": false,
+          "docs": "The alt text for the avatar-media's image.",
+          "docsTags": [
+            {
+              "name": "webnative"
+            },
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "iconLibrary",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon-library",
+          "reflectToAttr": false,
+          "docs": "The avatar-media's icon library.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "iconName",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon-name",
+          "reflectToAttr": false,
+          "docs": "The avatar-media's icon name.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "src",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "src",
+          "reflectToAttr": false,
+          "docs": "The avatar-media's image source.",
+          "docsTags": [
+            {
+              "name": "webnative"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "text",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "text",
+          "reflectToAttr": false,
+          "docs": "The avatar-media's text content.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "qdsError",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": false,
+          "composed": true,
+          "docs": "Emitted when the avatar-media's image fails to load due to an error.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "qds-list-item"
+      ],
+      "dependencies": [
+        "qds-icon"
+      ],
+      "dependencyGraph": {
+        "qds-avatar-media": [
+          "qds-icon"
+        ],
+        "qds-list-item": [
+          "qds-avatar-media"
+        ]
+      }
+    },
     {
       "filePath": "src/components/badge-counter/badge-counter.tsx",
       "encapsulation": "shadow",
@@ -4688,6 +4884,7 @@
       "parts": [],
       "dependents": [
         "qds-action-item",
+        "qds-avatar-media",
         "qds-breadcrumb-item",
         "qds-button",
         "qds-checkbox",
@@ -4699,7 +4896,6 @@
         "qds-loader",
         "qds-menu-item",
         "qds-mini-button",
-        "qds-nav-list-item",
         "qds-radio",
         "qds-select",
         "qds-standalone-link",
@@ -4713,6 +4909,9 @@
         "qds-action-item": [
           "qds-icon"
         ],
+        "qds-avatar-media": [
+          "qds-icon"
+        ],
         "qds-breadcrumb-item": [
           "qds-icon"
         ],
@@ -4746,9 +4945,6 @@
         "qds-mini-button": [
           "qds-icon"
         ],
-        "qds-nav-list-item": [
-          "qds-icon"
-        ],
         "qds-radio": [
           "qds-icon"
         ],
@@ -5246,10 +5442,10 @@
         },
         {
           "name": "text",
-          "type": "string",
+          "type": "string | undefined",
           "complexType": {
             "original": "string",
-            "resolved": "string",
+            "resolved": "string | undefined",
             "references": {}
           },
           "mutable": false,
@@ -5260,10 +5456,13 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
-          "required": true,
+          "optional": true,
+          "required": false,
           "getter": false,
           "setter": false
         }
@@ -5810,6 +6009,11 @@
           "event": "click",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -7977,6 +8181,7 @@
         "qds-checkbox",
         "qds-radio",
         "qds-icon",
+        "qds-avatar-media",
         "qds-badge-counter",
         "qds-divider",
         "qds-tooltip"
@@ -7986,6 +8191,7 @@
           "qds-checkbox",
           "qds-radio",
           "qds-icon",
+          "qds-avatar-media",
           "qds-badge-counter",
           "qds-divider",
           "qds-tooltip"
@@ -8000,6 +8206,9 @@
         "qds-radio": [
           "qds-icon",
           "qds-label"
+        ],
+        "qds-avatar-media": [
+          "qds-icon"
         ]
       }
     },
@@ -8866,324 +9075,6 @@
         ]
       }
     },
-    {
-      "filePath": "src/components/nav-list-item/nav-list-item.tsx",
-      "encapsulation": "shadow",
-      "tag": "qds-nav-list-item",
-      "readme": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->\n\n# qds-nav-list-item\n",
-      "docs": "<!--\nSPDX-FileCopyrightText: © 2024 Schneider Electric\n\nSPDX-License-Identifier: Apache-2.0\n-->",
-      "docsTags": [
-        {
-          "name": "see",
-          "text": "https://quartz.se.com/build/components/nav-list-item"
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "collapsed",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "collapsed",
-          "reflectToAttr": false,
-          "docs": "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.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": false,
-          "docs": "Prevents the navigation list item from being interacted with: it cannot be\nselected or focused.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "iconLibrary",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon-library",
-          "reflectToAttr": false,
-          "docs": "The name of a registered icon library.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'default'"
-            }
-          ],
-          "default": "'default'",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "iconName",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon-name",
-          "reflectToAttr": false,
-          "docs": "The name of the icon to render.\n\nAvailable names depend on the icon library being used.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "selected",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "selected",
-          "reflectToAttr": false,
-          "docs": "Whether or not the navigation list item is selected.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "size",
-          "type": "\"large\" | \"small\" | \"standard\" | undefined",
-          "complexType": {
-            "original": "Size",
-            "resolved": "\"large\" | \"small\" | \"standard\" | undefined",
-            "references": {
-              "Size": {
-                "location": "import",
-                "path": "../shared",
-                "id": "src/components/shared.ts::Size"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "size",
-          "reflectToAttr": false,
-          "docs": "The navigation list items's size.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'standard'"
-            }
-          ],
-          "default": "'standard'",
-          "values": [
-            {
-              "value": "large",
-              "type": "string"
-            },
-            {
-              "value": "small",
-              "type": "string"
-            },
-            {
-              "value": "standard",
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "subtext",
-          "type": "string | undefined",
-          "complexType": {
-            "original": "string",
-            "resolved": "string | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "subtext",
-          "reflectToAttr": false,
-          "docs": "Text to display for the subtext.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "text",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "text",
-          "reflectToAttr": false,
-          "docs": "Primary text to display.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": true,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "qdsBlur",
-          "detail": "{ readonly relatedTarget: EventTarget | null; }",
-          "bubbles": false,
-          "complexType": {
-            "original": "QdsFocusEventDetail",
-            "resolved": "{ readonly relatedTarget: EventTarget | null; }",
-            "references": {
-              "QdsFocusEventDetail": {
-                "location": "import",
-                "path": "../../helpers",
-                "id": "src/helpers.ts::QdsFocusEventDetail"
-              }
-            }
-          },
-          "cancelable": false,
-          "composed": true,
-          "docs": "Emitted when the navigation list item loses focus.",
-          "docsTags": []
-        },
-        {
-          "event": "qdsFocus",
-          "detail": "{ readonly relatedTarget: EventTarget | null; }",
-          "bubbles": false,
-          "complexType": {
-            "original": "QdsFocusEventDetail",
-            "resolved": "{ readonly relatedTarget: EventTarget | null; }",
-            "references": {
-              "QdsFocusEventDetail": {
-                "location": "import",
-                "path": "../../helpers",
-                "id": "src/helpers.ts::QdsFocusEventDetail"
-              }
-            }
-          },
-          "cancelable": false,
-          "composed": true,
-          "docs": "Emitted when the navigation list item gains focus.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "qds-icon",
-        "qds-tooltip"
-      ],
-      "dependencyGraph": {
-        "qds-nav-list-item": [
-          "qds-icon",
-          "qds-tooltip"
-        ]
-      }
-    },
     {
       "filePath": "src/components/progress-bar/progress-bar.tsx",
       "encapsulation": "shadow",
@@ -11041,6 +10932,11 @@
           "event": "click",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -15586,7 +15482,6 @@
         "qds-label",
         "qds-list-item",
         "qds-menu-item",
-        "qds-nav-list-item",
         "qds-tab"
       ],
       "dependencies": [],
@@ -15615,9 +15510,6 @@
         "qds-menu-item": [
           "qds-tooltip"
         ],
-        "qds-nav-list-item": [
-          "qds-tooltip"
-        ],
         "qds-tab": [
           "qds-tooltip"
         ]

package/{components/p-CzJQDr3N.js → dist/esm/helpers-t9FQ7Vl_.js}

@@ -157,14 +157,30 @@ const roundByDPR = (value) => {
     return Math.round(value * dpr) / dpr;
 };
 /**
- * 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.
  */
-const isOverflowing = (element) => {
-    const { clientHeight, clientWidth, scrollHeight, scrollWidth } = element;
-    return scrollHeight > clientHeight + 1 || scrollWidth > clientWidth;
+const isEllipsisActive = (element) => {
+    if (!element.parentElement)
+        return false;
+    const temporary = element.cloneNode(true);
+    Object.assign(temporary.style, {
+        position: 'fixed',
+        overflow: 'visible',
+        whiteSpace: 'nowrap',
+        visibility: 'hidden',
+    });
+    element.parentElement.append(temporary);
+    try {
+        const fullWidth = temporary.getBoundingClientRect().width;
+        const displayWidth = element.getBoundingClientRect().width;
+        return fullWidth > displayWidth;
+    }
+    finally {
+        temporary.remove();
+    }
 };
 const determineLinkIcon = (target, 
 // eslint-disable-next-line unicorn/prevent-abbreviations
@@ -252,7 +268,7 @@ const VERTICAL_MOVE_KEYS = new Set([
     'End',
 ]);
 
-export { HORIZONTAL_MOVE_KEYS as H, VERTICAL_MOVE_KEYS as V, isOverflowing as a, inheritAriaAttributes as b, pickInputEventAttributes as c, determineLinkIcon as d, ignorePromise as e, propertyToPx as f, roundByDPR as g, resolvePanelElement as h, invariant as i, componentOnReady as j, isTouchDevice as k, pickFocusEventAttributes as p, resolveTarget as r };
-//# sourceMappingURL=p-CzJQDr3N.js.map
+export { HORIZONTAL_MOVE_KEYS as H, VERTICAL_MOVE_KEYS as V, isEllipsisActive as a, inheritAriaAttributes as b, pickInputEventAttributes as c, determineLinkIcon as d, resolvePanelElement as e, componentOnReady as f, ignorePromise as g, propertyToPx as h, invariant as i, roundByDPR as j, isTouchDevice as k, pickFocusEventAttributes as p, resolveTarget as r };
+//# sourceMappingURL=helpers-t9FQ7Vl_.js.map
 
-//# sourceMappingURL=p-CzJQDr3N.js.map
+//# sourceMappingURL=helpers-t9FQ7Vl_.js.map