@quartzds/core 1.0.0-beta.125 → 1.0.0-beta.127

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ import { g as globalScripts } from './app-globals-WylVyaRG.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"qds-icon\",[[257,\"qds-icon\",{\"name\":[1],\"library\":[1],\"svg\":[32]},null,{\"name\":[\"setIcon\"],\"library\":[\"setIcon\"]}]]],[\"qds-list-item\",[[257,\"qds-list-item\",{\"destination\":[1],\"disabled\":[4],\"showDivider\":[4,\"show-divider\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"avatarSrc\":[1,\"avatar-src\"],\"imageSrc\":[1,\"image-src\"],\"kicker\":[1],\"listAction\":[1,\"list-action\"],\"size\":[1],\"selected\":[1028],\"indeterminate\":[1028],\"text\":[1],\"subtitle\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"textTooltip\":[32],\"subtitleTooltip\":[32],\"hasSubmenuSlot\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"],[1,\"dragstart\",\"onDragstart\"],[1,\"dragend\",\"onDragend\"]],{\"disabled\":[\"disabledChanged\"],\"listAction\":[\"listActionChanged\"],\"text\":[\"textChanged\"],\"subtitle\":[\"subtitleChanged\"]}]]],[\"qds-tabbar\",[[273,\"qds-tabbar\",{\"layer\":[1],\"level\":[1],\"size\":[1],\"orientation\":[1],\"placement\":[1],\"tablistDescription\":[1,\"tablist-description\"],\"showDivider\":[4,\"show-divider\"],\"alignment\":[1],\"importance\":[1],\"disableEndArrow\":[32],\"disableStartArrow\":[32],\"activeTab\":[32]},[[9,\"resize\",\"windowResize\"]],{\"importance\":[\"settingChanged\"],\"orientation\":[\"accessibilityChanged\"],\"placement\":[\"accessibilityChanged\"],\"tablistDescription\":[\"accessibilityChanged\"]}]]],[\"qds-dialog\",[[257,\"qds-dialog\",{\"open\":[1540],\"closable\":[4],\"hasTitleSlot\":[32],\"hasFooterSlot\":[32]},null,{\"open\":[\"openChanged\"]}]]],[\"qds-icon-tab\",[[257,\"qds-icon-tab\",{\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"selected\":[4],\"size\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-tab\",[[257,\"qds-tab\",{\"action\":[1],\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"tagIconDescription\":[1,\"tag-icon-description\"],\"tagIconName\":[1,\"tag-icon-name\"],\"tagIconLibrary\":[1,\"tag-icon-library\"],\"tagImportance\":[1,\"tag-importance\"],\"tagSize\":[1,\"tag-size\"],\"tagStatus\":[1,\"tag-status\"],\"tagText\":[1,\"tag-text\"],\"selected\":[4],\"size\":[1],\"subtitle\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"],\"action\":[\"actionChanged\"]}]]],[\"qds-button\",[[321,\"qds-button\",{\"action\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"text\":[1],\"iconOnly\":[4,\"icon-only\"],\"disabled\":[4],\"download\":[1],\"form\":[1],\"formAction\":[1,\"formaction\"],\"formMethod\":[1,\"formmethod\"],\"formNoValidate\":[4,\"formnovalidate\"],\"formTarget\":[1,\"formtarget\"],\"href\":[1],\"labels\":[16],\"rel\":[1],\"name\":[1],\"target\":[1],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1],\"willValidate\":[4,\"will-validate\"],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"click\",\"onClick\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"iconOnly\":[\"iconOnlyChanged\"]}]]],[\"qds-chip\",[[337,\"qds-chip\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"text\":[1],\"checked\":[1028],\"form\":[1],\"disabled\":[4],\"name\":[1],\"value\":[8],\"isPressed\":[32],\"isSelected\":[32],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-menu-item\",[[257,\"qds-menu-item\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"checked\":[1028],\"text\":[1],\"shortcut\":[1],\"hasSubmenuSlot\":[32],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"checked\":[\"checkedChanged\"]}]]],[\"qds-action-item\",[[257,\"qds-action-item\",{\"importance\":[1],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"action\":[1],\"actionDescription\":[1,\"action-description\"],\"size\":[1],\"text\":[1],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"qds-breadcrumb-item\",[[273,\"qds-breadcrumb-item\",{\"text\":[1],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-input\",[[337,\"qds-input\",{\"status\":[1],\"readonly\":[4],\"clearable\":[4],\"noIcon\":[4,\"no-icon\"],\"size\":[1],\"accept\":[1],\"autoComplete\":[1,\"autocomplete\"],\"capture\":[1],\"disabled\":[4],\"enterkeyhint\":[1],\"files\":[16],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"max\":[8],\"maxLength\":[2,\"maxlength\"],\"min\":[8],\"minLength\":[2,\"minlength\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"step\":[8],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"isPasswordVisible\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"aria-label\":[\"ariaLabelChanged\"],\"status\":[\"statusChanged\"],\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"max\":[\"validationChanged\"],\"maxLength\":[\"validationChanged\"],\"min\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"pattern\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"step\":[\"validationChanged\"],\"type\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-form-message\",[[257,\"qds-form-message\",{\"inline\":[4],\"size\":[1],\"status\":[1],\"statusDescription\":[1,\"status-description\"],\"text\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-inline-link\",[[257,\"qds-inline-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-label\",[[257,\"qds-label\",{\"inline\":[4],\"required\":[4],\"size\":[1],\"importance\":[1],\"text\":[1],\"tooltipTarget\":[1,\"tooltip-target\"],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]],[\"qds-loader\",[[321,\"qds-loader\",{\"size\":[1],\"status\":[1],\"importance\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-select\",[[337,\"qds-select\",{\"status\":[1],\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"disabled\":[4],\"form\":[1],\"length\":[2],\"multiple\":[4],\"name\":[1],\"options\":[16],\"required\":[4],\"selectedIndex\":[1026,\"selected-index\"],\"selectedOptions\":[16,\"selected-options\"],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1025],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectedIndex\":[\"selectedIndexChanged\"],\"tabindex\":[\"tabindexChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-standalone-link\",[[257,\"qds-standalone-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"visitable\":[4],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-switch\",[[321,\"qds-switch\",{\"inline\":[4],\"size\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"labels\":[16],\"name\":[1],\"value\":[8],\"noIndicator\":[4,\"no-indicator\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"willValidate\":[4,\"will-validate\"]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-progress-bar\",[[321,\"qds-progress-bar\",{\"size\":[1],\"labels\":[16],\"max\":[8],\"position\":[2],\"value\":[8],\"width\":[32]},null,{\"max\":[\"maxChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-table\",[[257,\"qds-table\"]]],[\"qds-table-cell\",[[257,\"qds-table-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"]}]]],[\"qds-table-head-cell\",[[257,\"qds-table-head-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"scope\":[1],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"],\"scope\":[\"scopeChanged\"]}]]],[\"qds-table-row\",[[257,\"qds-table-row\"]]],[\"qds-textarea\",[[337,\"qds-textarea\",{\"size\":[1],\"status\":[1],\"autoComplete\":[1,\"autocomplete\"],\"cols\":[2],\"disabled\":[4],\"readonly\":[4],\"enterkeyhint\":[1],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"maxLength\":[2,\"maxlength\"],\"minLength\":[2,\"minlength\"],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"rows\":[2],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"wrap\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"maxLength\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-tag\",[[257,\"qds-tag\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"status\":[1],\"size\":[1],\"text\":[1],\"iconDescription\":[1,\"icon-description\"],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"]}]]],[\"qds-title\",[[257,\"qds-title\",{\"alignment\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"layer\":[1],\"level\":[1],\"subtitle\":[1],\"tag\":[1],\"variant\":[1]}]]],[\"qds-dropdown\",[[273,\"qds-dropdown\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"keepOpenOnSelect\":[4,\"keep-open-on-select\"],\"updateGap\":[64],\"show\":[64],\"close\":[64],\"focusFirstItem\":[64]},[[4,\"click\",\"handleMouseDown\"],[0,\"click\",\"onItemClick\"]],{\"target\":[\"updateReferenceElement\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-tooltip\",[[257,\"qds-tooltip\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"trigger\":[1],\"show\":[64],\"close\":[64],\"updateArrow\":[64]},null,{\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"target\":[\"updateReferenceElement\"],\"trigger\":[\"updateEventListeners\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-avatar-media_3\",[[321,\"qds-checkbox\",{\"checkboxOnly\":[4,\"checkbox-only\"],\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"indeterminate\":[1028],\"name\":[1],\"required\":[4],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[8],\"willValidate\":[4,\"will-validate\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"indeterminate\":[\"indeterminateChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"value\":[\"valueChanged\"]}],[258,\"qds-radio\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"name\":[1],\"required\":[4],\"value\":[1032],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}],[257,\"qds-avatar-media\",{\"src\":[1],\"alt\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"text\":[1],\"initials\":[32],\"hasImageError\":[32]},null,{\"text\":[\"textChanged\",\"roleChanged\"],\"alt\":[\"labelChanged\"],\"src\":[\"roleChanged\"]}]]],[\"qds-mini-button\",[[321,\"qds-mini-button\",{\"disabled\":[4],\"name\":[1],\"library\":[1],\"target\":[1],\"href\":[1],\"rel\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-badge-counter_2\",[[257,\"qds-badge-counter\",{\"description\":[1],\"importance\":[1],\"size\":[1],\"strokeRing\":[4,\"stroke-ring\"],\"value\":[8]}],[257,\"qds-badge-indicator\",{\"description\":[1],\"size\":[1],\"status\":[1],\"strokeRing\":[4,\"stroke-ring\"]}]]],[\"qds-divider_2\",[[257,\"qds-divider\",{\"importance\":[1],\"vertical\":[4]},null,{\"vertical\":[\"verticalChanged\"]}],[321,\"qds-icon-button\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"importance\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"target\":[1],\"href\":[1],\"rel\":[1],\"download\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"qds-icon\",[[257,\"qds-icon\",{\"name\":[1],\"library\":[1],\"svg\":[32]},null,{\"name\":[\"setIcon\"],\"library\":[\"setIcon\"]}]]],[\"qds-list-item\",[[257,\"qds-list-item\",{\"destination\":[1],\"disabled\":[4],\"showDivider\":[4,\"show-divider\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"avatarSrc\":[1,\"avatar-src\"],\"imageSrc\":[1,\"image-src\"],\"kicker\":[1],\"listAction\":[1,\"list-action\"],\"size\":[1],\"selected\":[1028],\"indeterminate\":[1028],\"text\":[1],\"subtitle\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"textTooltip\":[32],\"subtitleTooltip\":[32],\"hasSubmenuSlot\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"],[1,\"dragstart\",\"onDragstart\"],[1,\"dragend\",\"onDragend\"]],{\"disabled\":[\"disabledChanged\"],\"listAction\":[\"listActionChanged\"],\"text\":[\"textChanged\"],\"subtitle\":[\"subtitleChanged\"]}]]],[\"qds-tabbar\",[[273,\"qds-tabbar\",{\"layer\":[1],\"level\":[1],\"size\":[1],\"orientation\":[1],\"placement\":[1],\"tablistDescription\":[1,\"tablist-description\"],\"showDivider\":[4,\"show-divider\"],\"alignment\":[1],\"importance\":[1],\"disableEndArrow\":[32],\"disableStartArrow\":[32],\"activeTab\":[32]},[[9,\"resize\",\"windowResize\"]],{\"importance\":[\"settingChanged\"],\"orientation\":[\"accessibilityChanged\"],\"placement\":[\"accessibilityChanged\"],\"tablistDescription\":[\"accessibilityChanged\"]}]]],[\"qds-dialog\",[[257,\"qds-dialog\",{\"open\":[1540],\"closable\":[4],\"hasTitleSlot\":[32],\"hasFooterSlot\":[32]},null,{\"open\":[\"openChanged\"]}]]],[\"qds-icon-tab\",[[257,\"qds-icon-tab\",{\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"selected\":[4],\"size\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"]}]]],[\"qds-tab\",[[257,\"qds-tab\",{\"action\":[1],\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"tagIconDescription\":[1,\"tag-icon-description\"],\"tagIconName\":[1,\"tag-icon-name\"],\"tagIconLibrary\":[1,\"tag-icon-library\"],\"tagImportance\":[1,\"tag-importance\"],\"tagSize\":[1,\"tag-size\"],\"tagStatus\":[1,\"tag-status\"],\"tagText\":[1,\"tag-text\"],\"selected\":[4],\"size\":[1],\"subtitle\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"],\"action\":[\"actionChanged\"]}]]],[\"qds-button\",[[321,\"qds-button\",{\"action\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"text\":[1],\"iconOnly\":[4,\"icon-only\"],\"disabled\":[4],\"download\":[1],\"form\":[1],\"formAction\":[1,\"formaction\"],\"formMethod\":[1,\"formmethod\"],\"formNoValidate\":[4,\"formnovalidate\"],\"formTarget\":[1,\"formtarget\"],\"href\":[1],\"labels\":[16],\"rel\":[1],\"name\":[1],\"target\":[1],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1],\"willValidate\":[4,\"will-validate\"],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"click\",\"onClick\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"action\":[\"actionChanged\"],\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"iconOnly\":[\"iconOnlyChanged\"]}]]],[\"qds-avatar\",[[257,\"qds-avatar\",{\"avatarSrc\":[1,\"avatar-src\"],\"avatarAlt\":[1,\"avatar-alt\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"label\":[1],\"size\":[1],\"vertical\":[4],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"]}]]],[\"qds-chip\",[[337,\"qds-chip\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"text\":[1],\"checked\":[1028],\"form\":[1],\"disabled\":[4],\"name\":[1],\"value\":[8],\"isPressed\":[32],\"isSelected\":[32],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-menu-item\",[[257,\"qds-menu-item\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"checked\":[1028],\"text\":[1],\"shortcut\":[1],\"hasSubmenuSlot\":[32],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"checked\":[\"checkedChanged\"]}]]],[\"qds-action-item\",[[257,\"qds-action-item\",{\"importance\":[1],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"action\":[1],\"actionDescription\":[1,\"action-description\"],\"size\":[1],\"text\":[1],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"qds-breadcrumb-item\",[[273,\"qds-breadcrumb-item\",{\"text\":[1],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-input\",[[337,\"qds-input\",{\"status\":[1],\"readonly\":[4],\"clearable\":[4],\"noIcon\":[4,\"no-icon\"],\"size\":[1],\"accept\":[1],\"autoComplete\":[1,\"autocomplete\"],\"capture\":[1],\"disabled\":[4],\"enterkeyhint\":[1],\"files\":[16],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"max\":[8],\"maxLength\":[2,\"maxlength\"],\"min\":[8],\"minLength\":[2,\"minlength\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"step\":[8],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"isPasswordVisible\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"aria-label\":[\"ariaLabelChanged\"],\"status\":[\"statusChanged\"],\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"max\":[\"validationChanged\"],\"maxLength\":[\"validationChanged\"],\"min\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"pattern\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"step\":[\"validationChanged\"],\"type\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-form-message\",[[257,\"qds-form-message\",{\"inline\":[4],\"size\":[1],\"status\":[1],\"statusDescription\":[1,\"status-description\"],\"text\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-inline-link\",[[257,\"qds-inline-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-label\",[[257,\"qds-label\",{\"inline\":[4],\"required\":[4],\"size\":[1],\"importance\":[1],\"text\":[1],\"tooltipTarget\":[1,\"tooltip-target\"],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]],[\"qds-loader\",[[321,\"qds-loader\",{\"size\":[1],\"status\":[1],\"importance\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-select\",[[337,\"qds-select\",{\"status\":[1],\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"disabled\":[4],\"form\":[1],\"length\":[2],\"multiple\":[4],\"name\":[1],\"options\":[16],\"required\":[4],\"selectedIndex\":[1026,\"selected-index\"],\"selectedOptions\":[16,\"selected-options\"],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1025],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectedIndex\":[\"selectedIndexChanged\"],\"tabindex\":[\"tabindexChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-standalone-link\",[[257,\"qds-standalone-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"visitable\":[4],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-switch\",[[321,\"qds-switch\",{\"inline\":[4],\"size\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"labels\":[16],\"name\":[1],\"value\":[8],\"noIndicator\":[4,\"no-indicator\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"willValidate\":[4,\"will-validate\"]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-progress-bar\",[[321,\"qds-progress-bar\",{\"size\":[1],\"labels\":[16],\"max\":[8],\"position\":[2],\"value\":[8],\"width\":[32]},null,{\"max\":[\"maxChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-table\",[[257,\"qds-table\"]]],[\"qds-table-cell\",[[257,\"qds-table-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"]}]]],[\"qds-table-head-cell\",[[257,\"qds-table-head-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"scope\":[1],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"],\"scope\":[\"scopeChanged\"]}]]],[\"qds-table-row\",[[257,\"qds-table-row\"]]],[\"qds-textarea\",[[337,\"qds-textarea\",{\"size\":[1],\"status\":[1],\"autoComplete\":[1,\"autocomplete\"],\"cols\":[2],\"disabled\":[4],\"readonly\":[4],\"enterkeyhint\":[1],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"maxLength\":[2,\"maxlength\"],\"minLength\":[2,\"minlength\"],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"rows\":[2],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"wrap\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"maxLength\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-tag\",[[257,\"qds-tag\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"status\":[1],\"size\":[1],\"text\":[1],\"iconDescription\":[1,\"icon-description\"],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"]}]]],[\"qds-title\",[[257,\"qds-title\",{\"alignment\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"layer\":[1],\"level\":[1],\"subtitle\":[1],\"tag\":[1],\"variant\":[1]}]]],[\"qds-checkbox_2\",[[321,\"qds-checkbox\",{\"checkboxOnly\":[4,\"checkbox-only\"],\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"indeterminate\":[1028],\"name\":[1],\"required\":[4],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[8],\"willValidate\":[4,\"will-validate\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"indeterminate\":[\"indeterminateChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"value\":[\"valueChanged\"],\"required\":[\"requiredChanged\"]}],[258,\"qds-radio\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"name\":[1],\"required\":[4],\"value\":[1032],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-avatar-media\",[[257,\"qds-avatar-media\",{\"src\":[1],\"alt\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"text\":[1],\"initials\":[32],\"hasImageError\":[32]},null,{\"text\":[\"textChanged\",\"roleChanged\"],\"src\":[\"roleChanged\"],\"iconName\":[\"roleChanged\"],\"alt\":[\"roleChanged\"]}]]],[\"qds-dropdown\",[[273,\"qds-dropdown\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"keepOpenOnSelect\":[4,\"keep-open-on-select\"],\"updateGap\":[64],\"show\":[64],\"close\":[64],\"focusFirstItem\":[64]},[[4,\"click\",\"handleMouseDown\"],[0,\"click\",\"onItemClick\"]],{\"target\":[\"updateReferenceElement\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-mini-button\",[[321,\"qds-mini-button\",{\"disabled\":[4],\"name\":[1],\"library\":[1],\"target\":[1],\"href\":[1],\"rel\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-tooltip\",[[257,\"qds-tooltip\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"trigger\":[1],\"show\":[64],\"close\":[64],\"updateArrow\":[64]},null,{\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"target\":[\"updateReferenceElement\"],\"trigger\":[\"updateEventListeners\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-badge-counter_2\",[[257,\"qds-badge-counter\",{\"description\":[1],\"importance\":[1],\"size\":[1],\"strokeRing\":[4,\"stroke-ring\"],\"value\":[8]}],[257,\"qds-badge-indicator\",{\"description\":[1],\"size\":[1],\"status\":[1],\"strokeRing\":[4,\"stroke-ring\"]}]]],[\"qds-divider_2\",[[257,\"qds-divider\",{\"importance\":[1],\"vertical\":[4]},null,{\"vertical\":[\"verticalChanged\"]}],[321,\"qds-icon-button\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"importance\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"target\":[1],\"href\":[1],\"rel\":[1],\"download\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"aria-label\":[\"ariaLabelChanged\"]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/qds-avatar-media.entry.js

@@ -0,0 +1,103 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, c as createEvent, h } from './index-Hg1Liloy.js';
+
+const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-text{font:var(--qds-display-standard);text-align:center}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
+
+// SPDX-FileCopyrightText: © 2025 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
+const AvatarMedia = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.loadEmitter = createEvent(this, "qdsLoad", 6);
+        this.errorEmitter = createEvent(this, "qdsError", 6);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        this.hasImageError = false;
+        _AvatarMedia_renderContent.set(this, () => {
+            if (this.src !== undefined && this.src !== '' && !this.hasImageError)
+                return (h("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet(this, _AvatarMedia_handleImageLoad, "f") }));
+            if (this.iconName !== undefined && this.iconName !== '')
+                return (h("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
+            if (this.text !== undefined && this.text !== '')
+                return (h("span", { "aria-hidden": "true", class: "qds-text" }, this.initials));
+            return h("qds-icon", { class: "qds-icon", name: "user", library: "core" });
+        });
+        _AvatarMedia_handleImageError.set(this, () => {
+            this.hasImageError = true;
+            this.roleChanged();
+            this.errorEmitter.emit();
+        });
+        _AvatarMedia_handleImageLoad.set(this, () => {
+            this.hasImageError = false;
+            this.roleChanged();
+            this.loadEmitter.emit();
+        });
+    }
+    textChanged() {
+        if (this.text === undefined || this.text === '') {
+            this.initials = undefined;
+            return;
+        }
+        const words = this.text.trim().split(' ');
+        const [first = '', second = ''] = words.filter(Boolean);
+        this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
+    }
+    roleChanged() {
+        const hasSource = this.src !== undefined && this.src !== '' && !this.hasImageError;
+        const hasIcon = this.iconName !== undefined && this.iconName !== '';
+        const hasText = this.text !== undefined && this.text !== '';
+        const hasFallbackIcon = !hasSource && !hasIcon && !hasText;
+        const isImgMode = hasSource || hasIcon || hasFallbackIcon;
+        if (isImgMode)
+            this.internals.role = 'img';
+        else if (hasText)
+            this.internals.role = 'generic';
+        else
+            this.internals.role = 'presentation';
+        this.internals.ariaLabel =
+            isImgMode && this.alt !== undefined && this.alt !== ''
+                ? this.alt
+                : // eslint-disable-next-line unicorn/no-null
+                    null;
+    }
+    componentWillLoad() {
+        this.textChanged();
+        this.roleChanged();
+    }
+    render() {
+        return h("div", { key: '564c961c4a153b5cce4c5a3da5c606f22a5e7719', class: "qds-container" }, __classPrivateFieldGet(this, _AvatarMedia_renderContent, "f").call(this));
+    }
+    static get watchers() { return {
+        "text": ["textChanged", "roleChanged"],
+        "src": ["roleChanged"],
+        "iconName": ["roleChanged"],
+        "alt": ["roleChanged"]
+    }; }
+};
+_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
+AvatarMedia.style = avatarMediaCss;
+
+export { AvatarMedia as qds_avatar_media };
+//# sourceMappingURL=qds-avatar-media.entry.js.map

package/dist/esm/qds-avatar-media.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-avatar-media.entry.js","sources":["src/components/avatar-media/avatar-media.css?tag=qds-avatar-media&encapsulation=shadow","src/components/avatar-media/avatar-media.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2025 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-container {\n  display: flex;\n  justify-content: center;\n  align-self: stretch;\n  border-radius: var(--qds-display-rounded-border-radius);\n  border: var(--qds-display-border-width) solid\n    var(--qds-theme-display-background-contrast);\n  background: var(--qds-theme-display-background);\n  width: inherit;\n  height: inherit;\n  align-items: center;\n}\n\n.qds-picture {\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n  border-radius: inherit;\n  flex-shrink: 0;\n}\n\n.qds-icon,\n.qds-text {\n  color: var(--qds-theme-display-background-contrast);\n}\n\n.qds-text {\n  text-align: center;\n  font: var(--qds-display-standard);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n","// SPDX-FileCopyrightText: © 2025 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Event,\n  Fragment,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\n/**\n * @experimental\n */\n@Component({\n  tag: 'qds-avatar-media',\n  shadow: true,\n  styleUrl: 'avatar-media.css',\n})\nexport class AvatarMedia implements ComponentInterface {\n  /**\n   * The avatar-media's image source.\n   * @webnative\n   */\n  @Prop() public readonly src?: string\n\n  /**\n   * The alt text for the avatar-media's image.\n   * @webnative\n   */\n  @Prop() public readonly alt?: string\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary?: string = 'default'\n\n  /**\n   * The avatar-media's text content.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * Emitted when the avatar-media's image has loaded.\n   */\n  @Event({ eventName: 'qdsLoad', cancelable: false })\n  private readonly loadEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the avatar-media's image fails to load due to an error.\n   */\n  @Event({ eventName: 'qdsError', cancelable: false })\n  private readonly errorEmitter!: EventEmitter<void>\n\n  @State() private initials?: string\n\n  @State() private hasImageError = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  @Watch('text')\n  private textChanged(): void {\n    if (this.text === undefined || this.text === '') {\n      this.initials = undefined\n      return\n    }\n    const words = this.text.trim().split(' ')\n    const [first = '', second = ''] = words.filter(Boolean)\n    this.initials = (\n      first.charAt(0) + (second.charAt(0) || '')\n    ).toLocaleUpperCase()\n  }\n\n  @Watch('src')\n  @Watch('text')\n  @Watch('iconName')\n  @Watch('alt')\n  private roleChanged(): void {\n    const hasSource =\n      this.src !== undefined && this.src !== '' && !this.hasImageError\n    const hasIcon = this.iconName !== undefined && this.iconName !== ''\n    const hasText = this.text !== undefined && this.text !== ''\n    const hasFallbackIcon = !hasSource && !hasIcon && !hasText\n    const isImgMode = hasSource || hasIcon || hasFallbackIcon\n\n    if (isImgMode) this.internals.role = 'img'\n    else if (hasText) this.internals.role = 'generic'\n    else this.internals.role = 'presentation'\n\n    this.internals.ariaLabel =\n      isImgMode && this.alt !== undefined && this.alt !== ''\n        ? this.alt\n        : // eslint-disable-next-line unicorn/no-null\n          null\n  }\n\n  public componentWillLoad(): Promise<void> | void {\n    this.textChanged()\n    this.roleChanged()\n  }\n\n  public render() {\n    return <div class=\"qds-container\">{this.#renderContent()}</div>\n  }\n\n  readonly #renderContent = (): HTMLElement | undefined => {\n    if (this.src !== undefined && this.src !== '' && !this.hasImageError)\n      return (\n        <img\n          aria-hidden=\"true\"\n          class=\"qds-picture\"\n          src={this.src}\n          alt={this.alt}\n          onError={this.#handleImageError}\n          onLoad={this.#handleImageLoad}\n        />\n      )\n    if (this.iconName !== undefined && this.iconName !== '')\n      return (\n        <qds-icon\n          class=\"qds-icon\"\n          name={this.iconName}\n          library={this.iconLibrary}\n        />\n      )\n    if (this.text !== undefined && this.text !== '')\n      return (\n        <span aria-hidden=\"true\" class=\"qds-text\">\n          {this.initials}\n        </span>\n      )\n    return <qds-icon class=\"qds-icon\" name=\"user\" library=\"core\" />\n  }\n\n  readonly #handleImageError = (): void => {\n    this.hasImageError = true\n    this.roleChanged()\n    this.errorEmitter.emit()\n  }\n\n  readonly #handleImageLoad = (): void => {\n    this.hasImageError = false\n    this.roleChanged()\n    this.loadEmitter.emit()\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/qds-avatar.entry.js

@@ -0,0 +1,68 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, h } from './index-Hg1Liloy.js';
+
+const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;position:relative}.qds-avatar-vertical,.qds-label-container{flex-direction:column}.qds-avatar-vertical,.qds-avatar-vertical .qds-label-container{align-items:center}.qds-avatar-media-wrapper{flex-shrink:0;position:relative}.qds-label{color:var(--qds-theme-title)}.qds-kicker{color:var(--qds-theme-kicker)}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.qds-avatar[data-size=large]{gap:var(--qds-list-item-large-gap-internal)}[data-size=large] .qds-avatar-media{height:var(--qds-display-avatar-large-size);width:var(--qds-display-avatar-large-size)}[data-size=large] .qds-label-container{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-label{font:var(--qds-list-item-large-title)}[data-size=large] .qds-kicker{font:var(--qds-list-item-large-kicker)}.qds-avatar[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);height:var(--qds-control-standard-height)}[data-size=standard] .qds-avatar-media{height:var(--qds-display-avatar-standard-size);width:var(--qds-display-avatar-standard-size)}[data-size=standard] .qds-label-container{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-label{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-kicker{font:var(--qds-list-item-standard-kicker)}.qds-avatar[data-size=small]{gap:var(--qds-list-item-small-gap-internal)}[data-size=small] .qds-avatar-media{height:var(--qds-display-avatar-small-size);width:var(--qds-display-avatar-small-size)}[data-size=small] .qds-label-container{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-label{font:var(--qds-list-item-small-title)}[data-size=small] .qds-kicker{font:var(--qds-list-item-small-kicker)}";
+
+// SPDX-FileCopyrightText: © 2026 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Avatar_instances, _Avatar_computedSize_get;
+const Avatar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        _Avatar_instances.add(this);
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        /**
+         * The avatar's size.
+         */
+        this.size = 'standard';
+        /**
+         * Display the avatar in a vertical direction.
+         */
+        this.vertical = false;
+        /**
+         * Displays an indicator if `true`.
+         */
+        this.badge = false;
+        /**
+         * The indicator's status.
+         */
+        this.badgeIndicatorStatus = 'success';
+    }
+    render() {
+        const hasLabel = this.label !== undefined && this.label !== '';
+        const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== '';
+        const hasKicker = this.kicker !== undefined && this.kicker !== '';
+        return (h("div", { key: '9e5afc4f296453da0caffe97ff460fc270de5f19', class: { 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }, "data-size": __classPrivateFieldGet(this, _Avatar_instances, "a", _Avatar_computedSize_get) }, h("div", { key: '5b3161d52ce3b5be827a814eb70d9e8c92e2b019', class: "qds-avatar-media-wrapper" }, h("qds-avatar-media", { key: '953b17155bb70a5771487c3440d040230241152c', class: "qds-avatar-media", "aria-hidden": hasAlt ? undefined : 'true', src: this.avatarSrc, alt: this.avatarAlt, iconName: this.iconName, iconLibrary: this.iconLibrary, text: this.label }), (this.badge ?? false) && (h("qds-badge-indicator", { key: '95445d863e6d5080b6e999d5c57eca457a759874', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet(this, _Avatar_instances, "a", _Avatar_computedSize_get), strokeRing: true }))), (hasLabel || hasKicker) && (h("div", { key: '1b894e10450d016473472ddd117642a99d0c7a57', class: "qds-label-container" }, hasLabel && h("strong", { key: 'b1eb9a51cdf20a03b4857dc7e81cd40449d2913d', class: "qds-label" }, this.label), hasKicker && h("div", { key: '0baf3adbae5e906b2fb27c289066bfe43fb4b86c', class: "qds-kicker" }, this.kicker)))));
+    }
+};
+_Avatar_instances = new WeakSet(), _Avatar_computedSize_get = function _Avatar_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
+Avatar.style = avatarCss;
+
+export { Avatar as qds_avatar };
+//# sourceMappingURL=qds-avatar.entry.js.map

package/dist/esm/qds-avatar.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-avatar.entry.js","sources":["src/components/avatar/avatar.css?tag=qds-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2026 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-label-container,\n.qds-avatar {\n  display: inline-flex;\n  position: relative;\n}\n\n.qds-label-container {\n  flex-direction: column;\n}\n\n.qds-avatar-vertical {\n  flex-direction: column;\n  align-items: center;\n}\n\n.qds-avatar-vertical .qds-label-container {\n  align-items: center;\n}\n\n.qds-avatar-media-wrapper {\n  position: relative;\n  flex-shrink: 0;\n}\n\n.qds-label {\n  color: var(--qds-theme-title);\n}\n\n.qds-kicker {\n  color: var(--qds-theme-kicker);\n}\n\n.qds-indicator {\n  position: absolute;\n  transform: translate(50%, -50%);\n  inset-block-start: 0;\n  inset-inline-end: 0;\n}\n\n[data-size='large'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-large-gap-internal);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-large-size);\n    height: var(--qds-display-avatar-large-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-large-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-large-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-large-kicker);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-standard-gap-internal);\n    height: var(--qds-control-standard-height);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-standard-size);\n    height: var(--qds-display-avatar-standard-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-standard-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-standard-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-standard-kicker);\n  }\n}\n\n[data-size='small'] {\n  &.qds-avatar {\n    gap: var(--qds-list-item-small-gap-internal);\n  }\n\n  .qds-avatar-media {\n    width: var(--qds-display-avatar-small-size);\n    height: var(--qds-display-avatar-small-size);\n  }\n\n  .qds-label-container {\n    gap: var(--qds-list-item-small-titles-gap);\n  }\n\n  .qds-label {\n    font: var(--qds-list-item-small-title);\n  }\n\n  .qds-kicker {\n    font: var(--qds-list-item-small-kicker);\n  }\n}\n","// SPDX-FileCopyrightText: © 2026 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop, Watch } from '@stencil/core'\n\nimport type { Size } from '../shared'\n\n/**\n * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.\n * It is used to provide a consistent way to identify users across different parts of an interface,\n * such as messages, comments, or user profiles.\n *\n * @see https://quartz.se.com/build/components/avatar\n */\n@Component({\n  tag: 'qds-avatar',\n  shadow: true,\n  styleUrl: 'avatar.css',\n})\nexport class Avatar implements ComponentInterface {\n  /**\n   * The URL of the avatar image to display.\n   */\n  @Prop() public readonly avatarSrc?: string\n\n  /**\n   * The alt text for the avatar's image.\n   */\n  @Prop() public readonly avatarAlt?: string\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary?: string = 'default'\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  /**\n   * Text to display for the label.\n   */\n  @Prop() public readonly label?: string\n\n  /**\n   * The avatar's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Display the avatar in a vertical direction.\n   */\n  @Prop() public readonly vertical: boolean = false\n\n  /**\n   * Displays an indicator if `true`.\n   */\n  @Prop() public readonly badge?: boolean = false\n\n  /**\n   * The indicator badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  /**\n   * The indicator's status.\n   */\n  @Prop()\n  public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n    'success'\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    const hasLabel = this.label !== undefined && this.label !== ''\n    const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== ''\n    const hasKicker = this.kicker !== undefined && this.kicker !== ''\n\n    return (\n      <div\n        class={{ 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }}\n        data-size={this.#computedSize}\n      >\n        <div class=\"qds-avatar-media-wrapper\">\n          <qds-avatar-media\n            class=\"qds-avatar-media\"\n            aria-hidden={hasAlt ? undefined : 'true'}\n            src={this.avatarSrc}\n            alt={this.avatarAlt}\n            iconName={this.iconName}\n            iconLibrary={this.iconLibrary}\n            text={this.label}\n          />\n\n          {(this.badge ?? false) && (\n            <qds-badge-indicator\n              class=\"qds-indicator\"\n              status={this.badgeIndicatorStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )}\n        </div>\n\n        {(hasLabel || hasKicker) && (\n          <div class=\"qds-label-container\">\n            {hasLabel && <strong class=\"qds-label\">{this.label}</strong>}\n            {hasKicker && <div class=\"qds-kicker\">{this.kicker}</div>}\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,0yDAA0yD;;ACA5zD;AACA;AACA;;;;;;;;;MAmBa,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAuBE;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAY,SAAS;AAYxD;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AAEhD;;AAEG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjD;;AAEG;AACqB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAQ/C;;AAEG;AAEa,QAAA,IAAoB,CAAA,oBAAA,GAClC,SAAS;AAwDZ;IAzCQ,MAAM,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE;AAC9D,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE;AACpE,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE;QAEjE,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,QAAQ,EAAE,EACxD,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAAA,EAE7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,iBACX,MAAM,GAAG,SAAS,GAAG,MAAM,EACxC,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,CAAA,EAED,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,MACnB,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,IAAI,CAAC,oBAAoB,EACjC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EACxB,UAAU,EAAA,IAAA,EAAA,CACV,CACH,CACG,EAEL,CAAC,QAAQ,IAAI,SAAS,MACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC7B,QAAQ,IAAI,+DAAQ,KAAK,EAAC,WAAW,EAAE,EAAA,IAAI,CAAC,KAAK,CAAU,EAC3D,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,CACrD,CACP,CACG;;;;AAlDR,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,UAAU;AACf,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC;;;;;"}

package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"qds-badge-counter.qds-badge-indicator.entry.js","sources":["src/components/badge-counter/badge-counter.css?tag=qds-badge-counter&encapsulation=shadow","src/components/badge-counter/badge-counter.tsx","src/components/badge-indicator/badge-indicator.css?tag=qds-badge-indicator&encapsulation=shadow","src/components/badge-indicator/badge-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-counter {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  color: var(--qds-theme-feedback-message-neutral-contrast);\n  display: flex;\n  font: var(--qds-feedback-badge-counter-standard-text);\n  height: var(--qds-feedback-badge-counter-standard-height);\n  min-width: var(--qds-feedback-badge-counter-standard-min-width);\n  justify-content: center;\n  margin: 0;\n  padding-inline: var(--qds-feedback-badge-counter-standard-padding-horizontal);\n  text-align: center;\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-signature-color-contrast);\n  color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-signature-color-default);\n  }\n}\n\n[data-importance='subdued'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n  color: var(--qds-theme-feedback-message-informational-contrast);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n}\n\n[data-importance='destructive'] {\n  background-color: var(--qds-theme-feedback-message-critical-contrast);\n  color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical);\n  }\n}\n\n[data-importance='subdued-destructive'] {\n  color: var(--qds-theme-feedback-message-critical-contrast);\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-feedback-badge-counter-small-text);\n  height: var(--qds-feedback-badge-counter-small-height);\n  min-width: var(--qds-feedback-badge-counter-small-min-width);\n  padding-inline: var(--qds-feedback-badge-counter-small-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-feedback-badge-counter-large-text);\n  height: var(--qds-feedback-badge-counter-large-height);\n  min-width: var(--qds-feedback-badge-counter-large-min-width);\n  padding-inline: var(--qds-feedback-badge-counter-large-padding-horizontal);\n}\n\n[data-size='hero'] {\n  font: var(--qds-feedback-badge-counter-hero-text);\n  height: var(--qds-feedback-badge-counter-hero-height);\n  padding-inline: var(--qds-feedback-badge-counter-hero-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Importance, Size } from '../shared'\n\nexport type BadgeCounterImportance =\n  | Importance\n  | 'destructive'\n  | 'subdued-destructive'\nexport type BadgeCounterSize = Size | 'hero'\n\n/**\n * The `<qds-badge-counter>` element is a small, rounded UI element used to\n * display numerical values or counts. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that a countable\n * event or item has occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-counter',\n  shadow: true,\n  styleUrl: 'badge-counter.css',\n})\nexport class BadgeCounter implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-counter that will be used by screen\n   * readers.\n   *\n   * @example\n   * <qds-badge-counter value={2} description=\"new notifications\"></qds-badge-counter>\n   * // This qds-badge-counter will be read by screen readers as \"two new notifications\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge counter's importance.\n   */\n  @Prop() public readonly importance?: BadgeCounterImportance = 'standard'\n\n  /**\n   * The badge counter's size.\n   */\n  @Prop() public readonly size?: BadgeCounterSize = 'standard'\n\n  /**\n   * Shows a stroke ring around the component for better visibility\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  /**\n   * The badge-counter's value.\n   */\n  @Prop() public readonly value!: number | string\n\n  get #computedValue(): string {\n    const value =\n      typeof this.value === 'string'\n        ? Number.parseInt(this.value, 10)\n        : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          (this.value ?? Number.NaN)\n    if (Number.isNaN(value) || value < 0) return ''\n\n    return value < 100 ? value.toString() : '99+'\n  }\n\n  get #computedImportance(): BadgeCounterImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'destructive':\n      case 'subdued-destructive':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeCounterSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-badge-counter': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n      >\n        {this.#computedValue}\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </span>\n    )\n  }\n}\n","/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-indicator {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  display: flex;\n  height: var(--qds-badge-indicator-standard-height);\n  justify-content: center;\n  width: var(--qds-badge-indicator-standard-height);\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-status='error'] {\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='info'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='neutral'] {\n  background-color: var(--qds-theme-feedback-message-neutral);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='success'] {\n  background-color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='warning'] {\n  background-color: var(--qds-theme-feedback-message-important);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-badge-indicator-small-size);\n  width: var(--qds-feedback-badge-indicator-small-size);\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-badge-indicator-standard-size);\n  width: var(--qds-feedback-badge-indicator-standard-size);\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-badge-indicator-large-size);\n  width: var(--qds-feedback-badge-indicator-large-size);\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-badge-indicator-hero-size);\n  width: var(--qds-feedback-badge-indicator-hero-size);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Size, Status } from '../shared'\n\nexport type BadgeIndicatorSize = Size | 'hero'\nexport type BadgeIndicatorStatus = Status | 'neutral'\n\n/**\n * The `<qds-badge-indicator>` element is a small, rounded UI element used to\n * display status indicators. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that an event has\n * occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-indicator',\n  shadow: true,\n  styleUrl: 'badge-indicator.css',\n})\nexport class BadgeIndicator implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-indicator that will be used by\n   * screen readers.\n   *\n   * @example\n   * <qds-badge-indicator description=\"success\"></qds-badge-indicator>\n   * // This qds-badge-indicator will be read by screen readers as \"success\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge indicator's size.\n   */\n  @Prop() public readonly size?: BadgeIndicatorSize = 'standard'\n\n  /**\n   * The badge indicator's status.\n   */\n  @Prop() public readonly status?: BadgeIndicatorStatus = 'neutral'\n\n  /**\n   * Shows a stroke ring around the badge indicator for better visibility.\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  get #computedStatus(): BadgeIndicatorStatus {\n    switch (this.status) {\n      case 'error':\n      case 'info':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return 'neutral'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeIndicatorSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-badge-indicator': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n      >\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </div>\n    )\n  }\n}\n"],"names":["__classPrivateFieldGet"],"mappings":"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"}
+{"version":3,"file":"qds-badge-counter.qds-badge-indicator.entry.js","sources":["src/components/badge-counter/badge-counter.css?tag=qds-badge-counter&encapsulation=shadow","src/components/badge-counter/badge-counter.tsx","src/components/badge-indicator/badge-indicator.css?tag=qds-badge-indicator&encapsulation=shadow","src/components/badge-indicator/badge-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-counter {\n  align-items: center;\n  background-color: var(--qds-theme-feedback-message-neutral);\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  color: var(--qds-theme-feedback-message-neutral-contrast);\n  display: flex;\n  font: var(--qds-feedback-badge-counter-standard-text);\n  height: var(--qds-feedback-badge-counter-standard-height);\n  min-width: var(--qds-feedback-badge-counter-standard-min-width);\n  justify-content: center;\n  margin: 0;\n  padding-inline: var(--qds-feedback-badge-counter-standard-padding-horizontal);\n  text-align: center;\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-importance='emphasized'] {\n  background-color: var(--qds-theme-signature-color-contrast);\n  color: var(--qds-theme-signature-color-default);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-signature-color-default);\n  }\n}\n\n[data-importance='subdued'] {\n  background-color: var(--qds-theme-feedback-message-informational);\n  color: var(--qds-theme-feedback-message-informational-contrast);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n}\n\n[data-importance='destructive'] {\n  background-color: var(--qds-theme-feedback-message-critical-contrast);\n  color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical);\n  }\n}\n\n[data-importance='subdued-destructive'] {\n  color: var(--qds-theme-feedback-message-critical-contrast);\n  background-color: var(--qds-theme-feedback-message-critical);\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-feedback-badge-counter-small-text);\n  height: var(--qds-feedback-badge-counter-small-height);\n  min-width: var(--qds-feedback-badge-counter-small-min-width);\n  padding-inline: var(--qds-feedback-badge-counter-small-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-feedback-badge-counter-large-text);\n  height: var(--qds-feedback-badge-counter-large-height);\n  min-width: var(--qds-feedback-badge-counter-large-min-width);\n  padding-inline: var(--qds-feedback-badge-counter-large-padding-horizontal);\n}\n\n[data-size='hero'] {\n  font: var(--qds-feedback-badge-counter-hero-text);\n  height: var(--qds-feedback-badge-counter-hero-height);\n  padding-inline: var(--qds-feedback-badge-counter-hero-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Importance, Size } from '../shared'\n\nexport type BadgeCounterImportance =\n  | Importance\n  | 'destructive'\n  | 'subdued-destructive'\nexport type BadgeCounterSize = Size | 'hero'\n\n/**\n * The `<qds-badge-counter>` element is a small, rounded UI element used to\n * display numerical values or counts. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that a countable\n * event or item has occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-counter',\n  shadow: true,\n  styleUrl: 'badge-counter.css',\n})\nexport class BadgeCounter implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-counter that will be used by screen\n   * readers.\n   *\n   * @example\n   * <qds-badge-counter value={2} description=\"new notifications\"></qds-badge-counter>\n   * // This qds-badge-counter will be read by screen readers as \"two new notifications\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge counter's importance.\n   */\n  @Prop() public readonly importance?: BadgeCounterImportance = 'standard'\n\n  /**\n   * The badge counter's size.\n   */\n  @Prop() public readonly size?: BadgeCounterSize = 'standard'\n\n  /**\n   * Shows a stroke ring around the component for better visibility\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  /**\n   * The badge-counter's value.\n   */\n  @Prop() public readonly value!: number | string\n\n  get #computedValue(): string {\n    const value =\n      typeof this.value === 'string'\n        ? Number.parseInt(this.value, 10)\n        : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n          (this.value ?? Number.NaN)\n    if (Number.isNaN(value) || value < 0) return ''\n\n    return value < 100 ? value.toString() : '99+'\n  }\n\n  get #computedImportance(): BadgeCounterImportance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'destructive':\n      case 'subdued-destructive':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeCounterSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-badge-counter': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n      >\n        {this.#computedValue}\n        <span class=\"qds-sr-only\">{this.description}</span>\n      </span>\n    )\n  }\n}\n","/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-badge-indicator {\n  align-items: center;\n  border-radius: var(--qds-feedback-rounded-border-radius);\n  display: flex;\n  height: var(--qds-feedback-badge-indicator-standard-size);\n  justify-content: center;\n  width: var(--qds-feedback-badge-indicator-standard-size);\n}\n\n.qds-stroke-ring {\n  border: var(--qds-feedback-badge-border-width) solid\n    var(--qds-theme-feedback-message-neutral-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n.qds-icon {\n  height: 100%;\n  width: 100%;\n}\n\n[data-status='error'] {\n  &.qds-badge-indicator {\n    background-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n\n  &.qds-icon {\n    color: var(--qds-theme-feedback-message-critical);\n  }\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n}\n\n[data-status='info'] {\n  &.qds-badge-indicator {\n    background-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n\n  &.qds-icon {\n    color: var(--qds-theme-feedback-message-informational);\n  }\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n}\n\n[data-status='neutral'] {\n  &.qds-badge-indicator {\n    background-color: var(--qds-theme-feedback-message-neutral);\n  }\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='unavailable'] {\n  &.qds-badge-indicator {\n    background-color: var(--qds-theme-feedback-availability-unavailable);\n  }\n\n  &.qds-icon {\n    color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-status='success'] {\n  &.qds-badge-indicator {\n    background-color: var(--qds-theme-feedback-message-success-contrast);\n  }\n\n  &.qds-icon {\n    color: var(--qds-theme-feedback-message-success);\n  }\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-success-contrast);\n  }\n}\n\n[data-status='warning'] {\n  &.qds-badge-indicator {\n    background-color: var(--qds-theme-feedback-message-important-contrast);\n  }\n\n  &.qds-icon {\n    color: var(--qds-theme-feedback-message-important);\n  }\n\n  &.qds-stroke-ring {\n    border-color: var(--qds-theme-feedback-message-important-contrast);\n  }\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-badge-indicator-small-size);\n  width: var(--qds-feedback-badge-indicator-small-size);\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-badge-indicator-standard-size);\n  width: var(--qds-feedback-badge-indicator-standard-size);\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-badge-indicator-large-size);\n  width: var(--qds-feedback-badge-indicator-large-size);\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-badge-indicator-hero-size);\n  width: var(--qds-feedback-badge-indicator-hero-size);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop } from '@stencil/core'\n\nimport type { Size, Status } from '../shared'\n\nexport type BadgeIndicatorSize = Size | 'hero'\nexport type BadgeIndicatorStatus = Status | 'neutral' | 'unavailable'\n\n/**\n * The `<qds-badge-indicator>` element is a small, rounded UI element used to\n * display status indicators. It is designed to draw the user's eye to\n * important or dynamic content by providing a visual cue that an event has\n * occurred or is waiting to be addressed.\n */\n@Component({\n  tag: 'qds-badge-indicator',\n  shadow: true,\n  styleUrl: 'badge-indicator.css',\n})\nexport class BadgeIndicator implements ComponentInterface {\n  /**\n   * Adds accessible text to the qds-badge-indicator that will be used by\n   * screen readers.\n   *\n   * @example\n   * <qds-badge-indicator description=\"success\"></qds-badge-indicator>\n   * // This qds-badge-indicator will be read by screen readers as \"success\"\n   */\n  @Prop() public readonly description?: string\n\n  /**\n   * The badge indicator's size.\n   */\n  @Prop() public readonly size?: BadgeIndicatorSize = 'standard'\n\n  /**\n   * The badge indicator's status.\n   */\n  @Prop() public readonly status?: BadgeIndicatorStatus = 'neutral'\n\n  /**\n   * Shows a stroke ring around the badge indicator for better visibility.\n   */\n  @Prop() public readonly strokeRing: boolean = false\n\n  get #computedStatus(): BadgeIndicatorStatus {\n    switch (this.status) {\n      case 'error':\n      case 'info':\n      case 'success':\n      case 'warning':\n      case 'unavailable': {\n        return this.status\n      }\n      default: {\n        return 'neutral'\n      }\n    }\n  }\n\n  get #computedSize(): BadgeIndicatorSize {\n    switch (this.size) {\n      case 'hero':\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedIconName(): string {\n    switch (this.#computedStatus) {\n      case 'error': {\n        return 'status-error-solid'\n      }\n      case 'info': {\n        return 'status-info-solid'\n      }\n      case 'success': {\n        return 'status-success-solid'\n      }\n      case 'warning': {\n        return 'status-warning-solid'\n      }\n      case 'unavailable': {\n        return 'checked-radio'\n      }\n      default: {\n        return ''\n      }\n    }\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-badge-indicator': true,\n          'qds-stroke-ring': this.strokeRing,\n        }}\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n      >\n        <span class=\"qds-sr-only\">{this.description}</span>\n        {this.#computedStatus !== 'neutral' && (\n          <qds-icon\n            library=\"core\"\n            class=\"qds-icon\"\n            name={this.#computedIconName}\n            data-status={this.#computedStatus}\n          />\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["__classPrivateFieldGet"],"mappings":"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"}

package/dist/esm/qds-badge-counter_2.entry.js

@@ -76,7 +76,7 @@ _BadgeCounter_instances = new WeakSet(), _BadgeCounter_computedValue_get = funct
 };
 BadgeCounter.style = badgeCounterCss;
 
-const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);display:flex;height:var(--qds-badge-indicator-standard-height);justify-content:center;width:var(--qds-badge-indicator-standard-height)}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-status=error]{background-color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-status=error]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=info]{background-color:var(--qds-theme-feedback-message-informational)}.qds-stroke-ring[data-status=info]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral)}.qds-stroke-ring[data-status=neutral]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=success]{background-color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-status=success]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=warning]{background-color:var(--qds-theme-feedback-message-important)}.qds-stroke-ring[data-status=warning]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-size=small]{height:var(--qds-feedback-badge-indicator-small-size);width:var(--qds-feedback-badge-indicator-small-size)}[data-size=standard]{height:var(--qds-feedback-badge-indicator-standard-size);width:var(--qds-feedback-badge-indicator-standard-size)}[data-size=large]{height:var(--qds-feedback-badge-indicator-large-size);width:var(--qds-feedback-badge-indicator-large-size)}[data-size=hero]{height:var(--qds-feedback-badge-indicator-hero-size);width:var(--qds-feedback-badge-indicator-hero-size)}";
+const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;border-radius:var(--qds-feedback-rounded-border-radius);display:flex;height:var(--qds-feedback-badge-indicator-standard-size);justify-content:center;width:var(--qds-feedback-badge-indicator-standard-size)}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.qds-icon{height:100%;width:100%}.qds-badge-indicator[data-status=error]{background-color:var(--qds-theme-feedback-message-critical-contrast)}.qds-icon[data-status=error]{color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-status=error]{border-color:var(--qds-theme-feedback-message-critical-contrast)}.qds-badge-indicator[data-status=info]{background-color:var(--qds-theme-feedback-message-informational-contrast)}.qds-icon[data-status=info]{color:var(--qds-theme-feedback-message-informational)}.qds-stroke-ring[data-status=info]{border-color:var(--qds-theme-feedback-message-informational-contrast)}.qds-badge-indicator[data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral)}.qds-stroke-ring[data-status=neutral]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-badge-indicator[data-status=unavailable]{background-color:var(--qds-theme-feedback-availability-unavailable)}.qds-icon[data-status=unavailable]{color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-stroke-ring[data-status=unavailable]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-badge-indicator[data-status=success]{background-color:var(--qds-theme-feedback-message-success-contrast)}.qds-icon[data-status=success]{color:var(--qds-theme-feedback-message-success)}.qds-stroke-ring[data-status=success]{border-color:var(--qds-theme-feedback-message-success-contrast)}.qds-badge-indicator[data-status=warning]{background-color:var(--qds-theme-feedback-message-important-contrast)}.qds-icon[data-status=warning]{color:var(--qds-theme-feedback-message-important)}.qds-stroke-ring[data-status=warning]{border-color:var(--qds-theme-feedback-message-important-contrast)}[data-size=small]{height:var(--qds-feedback-badge-indicator-small-size);width:var(--qds-feedback-badge-indicator-small-size)}[data-size=standard]{height:var(--qds-feedback-badge-indicator-standard-size);width:var(--qds-feedback-badge-indicator-standard-size)}[data-size=large]{height:var(--qds-feedback-badge-indicator-large-size);width:var(--qds-feedback-badge-indicator-large-size)}[data-size=hero]{height:var(--qds-feedback-badge-indicator-hero-size);width:var(--qds-feedback-badge-indicator-hero-size)}";
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
@@ -88,7 +88,7 @@ var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) ||
         throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _BadgeIndicator_instances, _BadgeIndicator_computedStatus_get, _BadgeIndicator_computedSize_get;
+var _BadgeIndicator_instances, _BadgeIndicator_computedStatus_get, _BadgeIndicator_computedSize_get, _BadgeIndicator_computedIconName_get;
 const BadgeIndicator = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -107,10 +107,10 @@ const BadgeIndicator = class {
         this.strokeRing = false;
     }
     render() {
-        return (h("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
+        return (h("div", { key: '55e0899fbd29f2fc33608976f5a3d75a8e65d099', class: {
                 'qds-badge-indicator': true,
                 'qds-stroke-ring': this.strokeRing,
-            }, "data-size": __classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, h("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
+            }, "data-size": __classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, h("span", { key: 'ebfd2b40bc09fa1fca45981bac18301aa16a971c', class: "qds-sr-only" }, this.description), __classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) !== 'neutral' && (h("qds-icon", { key: '528334a07ff8235ef199433f4997a43d47b9dcf4', library: "core", class: "qds-icon", name: __classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedIconName_get), "data-status": __classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }))));
     }
 };
 _BadgeIndicator_instances = new WeakSet(), _BadgeIndicator_computedStatus_get = function _BadgeIndicator_computedStatus_get() {
@@ -118,7 +118,8 @@ _BadgeIndicator_instances = new WeakSet(), _BadgeIndicator_computedStatus_get =
         case 'error':
         case 'info':
         case 'success':
-        case 'warning': {
+        case 'warning':
+        case 'unavailable': {
             return this.status;
         }
         default: {
@@ -136,6 +137,27 @@ _BadgeIndicator_instances = new WeakSet(), _BadgeIndicator_computedStatus_get =
             return 'standard';
         }
     }
+}, _BadgeIndicator_computedIconName_get = function _BadgeIndicator_computedIconName_get() {
+    switch (__classPrivateFieldGet(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get)) {
+        case 'error': {
+            return 'status-error-solid';
+        }
+        case 'info': {
+            return 'status-info-solid';
+        }
+        case 'success': {
+            return 'status-success-solid';
+        }
+        case 'warning': {
+            return 'status-warning-solid';
+        }
+        case 'unavailable': {
+            return 'checked-radio';
+        }
+        default: {
+            return '';
+        }
+    }
 };
 BadgeIndicator.style = badgeIndicatorCss;
 

package/dist/esm/qds-breadcrumb-item.entry.js

@@ -102,12 +102,12 @@ const QdsBreadcrumbItem = class {
             __classPrivateFieldGet(this, _QdsBreadcrumbItem_ro, "f").disconnect();
     }
     render() {
-        return (h("div", { key: '9d1917bb3ef33e1c3d11e75373bf5bfc383a09e5', class: {
+        return (h("div", { key: '65821313d94031e8ab4f4f75f4367293ed19019d', class: {
                 'qds-breadcrumb-item': true,
                 'qds-disabled': __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
-            }, ref: this.href === undefined ? __classPrivateFieldGet(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '0dc2c60d1acefc4fa6bee3a883e1ef1681e731c8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
+            }, ref: this.href === undefined ? __classPrivateFieldGet(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '22b6c15d9996796f006cb386189f288cacd810f8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
             ? __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
-            : __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (h("qds-tooltip", { key: '08b0db3040f0140592ba7a570fbcc7a241c399ff', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
+            : __classPrivateFieldGet(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (h("qds-tooltip", { key: 'a717340ee06542ecd2a3db3d945345f130de91e1', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {