@quartzds/core 1.0.0-beta.124 → 1.0.0-beta.126
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +2 -1
- package/components/index.js.map +1 -1
- package/components/{p-BPNu4xuI.js → p-B56IOBA3.js} +9 -9
- package/components/p-B56IOBA3.js.map +1 -0
- package/components/{p-DVXvtEPn.js → p-BFkKlQwu.js} +38 -18
- package/components/p-BFkKlQwu.js.map +1 -0
- package/components/{p-BGAgQ6J5.js → p-B_CYrw-t.js} +3 -3
- package/components/{p-BGAgQ6J5.js.map → p-B_CYrw-t.js.map} +1 -1
- package/components/{p-B6ToH-uM.js → p-Bn9o5Um2.js} +3 -3
- package/components/{p-B6ToH-uM.js.map → p-Bn9o5Um2.js.map} +1 -1
- package/components/{p-BceRDckL.js → p-Br32bYGr.js} +25 -21
- package/components/p-Br32bYGr.js.map +1 -0
- package/components/p-CaibVX_2.js +3539 -0
- package/components/p-CaibVX_2.js.map +1 -0
- package/components/{p-D5u-bDNf.js → p-Cb5Tgh-o.js} +5 -5
- package/components/{p-D5u-bDNf.js.map → p-Cb5Tgh-o.js.map} +1 -1
- package/components/{p-De7cAKF1.js → p-DFjYtqSI.js} +21 -12
- package/components/p-DFjYtqSI.js.map +1 -0
- package/components/{p-CsIsG3ra.js → p-GskDFwn4.js} +6 -6
- package/components/p-GskDFwn4.js.map +1 -0
- package/components/{p-BxrR19WD.js → p-LrIqfiOT.js} +5 -5
- package/components/{p-BxrR19WD.js.map → p-LrIqfiOT.js.map} +1 -1
- package/components/{p-Vtb6GsBy.js → p-b8LTn_fi.js} +6 -6
- package/components/{p-Vtb6GsBy.js.map → p-b8LTn_fi.js.map} +1 -1
- package/components/{p-EjoVBa5a.js → p-fKK7EmM2.js} +3 -3
- package/components/{p-EjoVBa5a.js.map → p-fKK7EmM2.js.map} +1 -1
- package/components/qds-action-item.js +3 -3
- package/components/qds-avatar-media.js +1 -1
- package/components/qds-avatar.d.ts +11 -0
- package/components/qds-avatar.js +120 -0
- package/components/qds-avatar.js.map +1 -0
- package/components/qds-breadcrumb-item.js +3 -3
- package/components/qds-button.js +9 -4
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +5 -5
- package/components/qds-chip.js.map +1 -1
- package/components/qds-dialog.js +5 -5
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +1 -1
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.js +4 -4
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +4 -4
- package/components/qds-input.js +3 -3
- package/components/qds-label.js +2 -2
- package/components/qds-list-item.js +9 -9
- package/components/qds-loader.js +2 -2
- package/components/qds-menu-item.js +9 -9
- package/components/qds-menu-item.js.map +1 -1
- package/components/qds-mini-button.js +1 -1
- package/components/qds-progress-bar.js +2 -2
- package/components/qds-radio.js +1 -1
- package/components/qds-select.js +12 -16
- package/components/qds-select.js.map +1 -1
- package/components/qds-standalone-link.js +4 -4
- package/components/qds-switch.js +6 -6
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.js +7 -7
- package/components/qds-tabbar.js +10 -10
- package/components/qds-tabbar.js.map +1 -1
- package/components/qds-table-cell.js +2 -2
- package/components/qds-table-head-cell.js +2 -2
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +3 -3
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/helpers-DjUgyTKn.js +3559 -0
- package/dist/cjs/helpers-DjUgyTKn.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-avatar-media.cjs.entry.js +105 -0
- package/dist/cjs/qds-avatar-media.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-avatar.cjs.entry.js +70 -0
- package/dist/cjs/qds-avatar.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +7 -2
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-checkbox.qds-radio.entry.cjs.js.map +1 -0
- package/dist/cjs/{qds-avatar-media_3.cjs.entry.js → qds-checkbox_2.cjs.entry.js} +7 -99
- package/dist/cjs/qds-chip.cjs.entry.js +2 -2
- package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +2 -2
- package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider_2.cjs.entry.js +33 -14
- package/dist/cjs/qds-dropdown.cjs.entry.js +19 -10
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon-tab.cjs.entry.js +1 -1
- package/dist/cjs/qds-icon.cjs.entry.js +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-input.cjs.entry.js +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-loader.cjs.entry.js +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +5 -5
- package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-mini-button.cjs.entry.js +2 -2
- package/dist/cjs/qds-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/qds-select.cjs.entry.js +11 -15
- package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-switch.cjs.entry.js +5 -5
- package/dist/cjs/qds-switch.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tab.cjs.entry.js +4 -4
- package/dist/cjs/qds-tabbar.cjs.entry.js +6 -6
- package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag.cjs.entry.js +3 -3
- package/dist/cjs/qds-textarea.cjs.entry.js +3 -3
- package/dist/cjs/qds-title.cjs.entry.js +2 -2
- package/dist/cjs/qds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +309 -14
- package/dist/docs.json +396 -7
- package/dist/esm/helpers-mPQzhx-O.js +3539 -0
- package/dist/esm/helpers-mPQzhx-O.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +1 -1
- package/dist/esm/qds-avatar-media.entry.js +103 -0
- package/dist/esm/qds-avatar-media.entry.js.map +1 -0
- package/dist/esm/qds-avatar.entry.js +68 -0
- package/dist/esm/qds-avatar.entry.js.map +1 -0
- package/dist/esm/qds-breadcrumb-item.entry.js +1 -1
- package/dist/esm/qds-button.entry.js +7 -2
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-checkbox.qds-radio.entry.js.map +1 -0
- package/dist/esm/{qds-avatar-media_3.entry.js → qds-checkbox_2.entry.js} +9 -100
- package/dist/esm/qds-chip.entry.js +2 -2
- package/dist/esm/qds-chip.entry.js.map +1 -1
- package/dist/esm/qds-dialog.entry.js +2 -2
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
- package/dist/esm/qds-divider_2.entry.js +33 -14
- package/dist/esm/qds-dropdown.entry.js +19 -10
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +1 -1
- package/dist/esm/qds-icon.entry.js +1 -1
- package/dist/esm/qds-inline-link.entry.js +3 -3
- package/dist/esm/qds-input.entry.js +1 -1
- package/dist/esm/qds-label.entry.js +1 -1
- package/dist/esm/qds-list-item.entry.js +1 -1
- package/dist/esm/qds-loader.entry.js +1 -1
- package/dist/esm/qds-menu-item.entry.js +6 -6
- package/dist/esm/qds-menu-item.entry.js.map +1 -1
- package/dist/esm/qds-mini-button.entry.js +2 -2
- package/dist/esm/qds-progress-bar.entry.js +2 -2
- package/dist/esm/qds-select.entry.js +11 -15
- package/dist/esm/qds-select.entry.js.map +1 -1
- package/dist/esm/qds-standalone-link.entry.js +3 -3
- package/dist/esm/qds-switch.entry.js +5 -5
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +4 -4
- package/dist/esm/qds-tabbar.entry.js +6 -6
- package/dist/esm/qds-tabbar.entry.js.map +1 -1
- package/dist/esm/qds-table-cell.entry.js +2 -2
- package/dist/esm/qds-table-head-cell.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +3 -3
- package/dist/esm/qds-textarea.entry.js +3 -3
- package/dist/esm/qds-title.entry.js +2 -2
- package/dist/esm/qds-tooltip.entry.js +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/avatar/avatar.d.ts +61 -0
- package/dist/types/components/avatar-media/avatar-media.d.ts +0 -1
- package/dist/types/components/icon-button/icon-button.d.ts +1 -0
- package/dist/types/components/select/select.d.ts +1 -1
- package/dist/types/components.d.ts +139 -6
- package/dist/vscode.html-custom-data.json +81 -0
- package/hydrate/index.js +3478 -114
- package/hydrate/index.mjs +3478 -114
- package/package.json +2 -1
- package/components/p-BPNu4xuI.js.map +0 -1
- package/components/p-BceRDckL.js.map +0 -1
- package/components/p-Bm_hrsjc.js +0 -294
- package/components/p-Bm_hrsjc.js.map +0 -1
- package/components/p-CsIsG3ra.js.map +0 -1
- package/components/p-DVXvtEPn.js.map +0 -1
- package/components/p-De7cAKF1.js.map +0 -1
- package/dist/cjs/helpers-CPSgo4Ef.js +0 -314
- package/dist/cjs/helpers-CPSgo4Ef.js.map +0 -1
- package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +0 -1
- package/dist/esm/helpers-JWnSavo8.js +0 -294
- package/dist/esm/helpers-JWnSavo8.js.map +0 -1
- package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ import { g as globalScripts } from './app-globals-WylVyaRG.js';
|
|
|
10
10
|
const defineCustomElements = async (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return undefined;
|
|
12
12
|
await globalScripts();
|
|
13
|
-
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);
|
|
13
|
+
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-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\"]}],[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);
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { defineCustomElements };
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { r as registerInstance, c as createEvent, a as readTask, h } from './index-Hg1Liloy.js';
|
|
7
|
-
import { p as pickFocusEventAttributes, i as invariant, a as isEllipsisActive } from './helpers-
|
|
7
|
+
import { p as pickFocusEventAttributes, i as invariant, a as isEllipsisActive } from './helpers-mPQzhx-O.js';
|
|
8
8
|
|
|
9
9
|
const actionItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-action-item{align-items:center;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:flex}.qds-action-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-action-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-action-item[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}.qds-action-item[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}.qds-action-item[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}[data-importance=standard] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard] .qds-icon{color:var(--qds-theme-control-text-standard)}.qds-action-item[data-importance=emphasized] .qds-icon,.qds-action-item[data-importance=emphasized] .qds-text{color:var(--qds-theme-signature-color-default)}.qds-action-item[data-importance=emphasized]:hover .qds-icon,.qds-action-item[data-importance=emphasized]:hover .qds-text{color:var(--qds-theme-signature-color-hover)}.qds-action-item[data-importance=emphasized]:active .qds-icon,.qds-action-item[data-importance=emphasized]:active .qds-text{color:var(--qds-theme-signature-color-pressed)}.qds-action-item[data-importance=subdued] .qds-icon,.qds-action-item[data-importance=subdued] .qds-text{color:var(--qds-theme-link-standard-default)}.qds-action-item[data-importance=subdued]:hover .qds-icon,.qds-action-item[data-importance=subdued]:hover .qds-text{color:var(--qds-theme-link-standard-hover)}.qds-action-item[data-importance=subdued]:active .qds-icon,.qds-action-item[data-importance=subdued]:active .qds-text{color:var(--qds-theme-link-standard-pressed)}.qds-action-item[data-importance=destructive] .qds-icon,.qds-action-item[data-importance=destructive] .qds-text{color:var(--qds-theme-feedback-action-destructive-default)}.qds-action-item[data-importance=destructive]:hover .qds-icon,.qds-action-item[data-importance=destructive]:hover .qds-text{color:var(--qds-theme-feedback-action-destructive-hover)}.qds-action-item[data-importance=destructive]:active .qds-icon,.qds-action-item[data-importance=destructive]:active .qds-text{color:var(--qds-theme-feedback-action-destructive-pressed)}";
|
|
10
10
|
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
3
|
+
*
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { r as registerInstance, c as createEvent, h } from './index-Hg1Liloy.js';
|
|
7
|
+
|
|
8
|
+
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}";
|
|
9
|
+
|
|
10
|
+
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
11
|
+
//
|
|
12
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
13
|
+
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
14
|
+
if (kind === "a" && !f)
|
|
15
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
16
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
17
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
18
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
19
|
+
};
|
|
20
|
+
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
|
|
21
|
+
const AvatarMedia = class {
|
|
22
|
+
constructor(hostRef) {
|
|
23
|
+
registerInstance(this, hostRef);
|
|
24
|
+
this.loadEmitter = createEvent(this, "qdsLoad", 6);
|
|
25
|
+
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
26
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
27
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
31
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* The name of a registered icon library.
|
|
35
|
+
*/
|
|
36
|
+
this.iconLibrary = 'default';
|
|
37
|
+
this.hasImageError = false;
|
|
38
|
+
_AvatarMedia_renderContent.set(this, () => {
|
|
39
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
40
|
+
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") }));
|
|
41
|
+
if (this.iconName !== undefined && this.iconName !== '')
|
|
42
|
+
return (h("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
|
|
43
|
+
if (this.text !== undefined && this.text !== '')
|
|
44
|
+
return (h("span", { "aria-hidden": "true", class: "qds-text" }, this.initials));
|
|
45
|
+
return h("qds-icon", { class: "qds-icon", name: "user", library: "core" });
|
|
46
|
+
});
|
|
47
|
+
_AvatarMedia_handleImageError.set(this, () => {
|
|
48
|
+
this.hasImageError = true;
|
|
49
|
+
this.roleChanged();
|
|
50
|
+
this.errorEmitter.emit();
|
|
51
|
+
});
|
|
52
|
+
_AvatarMedia_handleImageLoad.set(this, () => {
|
|
53
|
+
this.hasImageError = false;
|
|
54
|
+
this.roleChanged();
|
|
55
|
+
this.loadEmitter.emit();
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
textChanged() {
|
|
59
|
+
if (this.text === undefined || this.text === '') {
|
|
60
|
+
this.initials = undefined;
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const words = this.text.trim().split(' ');
|
|
64
|
+
const [first = '', second = ''] = words.filter(Boolean);
|
|
65
|
+
this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
|
|
66
|
+
}
|
|
67
|
+
roleChanged() {
|
|
68
|
+
const hasSource = this.src !== undefined && this.src !== '' && !this.hasImageError;
|
|
69
|
+
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
70
|
+
const hasText = this.text !== undefined && this.text !== '';
|
|
71
|
+
const hasFallbackIcon = !hasSource && !hasIcon && !hasText;
|
|
72
|
+
const isImgMode = hasSource || hasIcon || hasFallbackIcon;
|
|
73
|
+
if (isImgMode)
|
|
74
|
+
this.internals.role = 'img';
|
|
75
|
+
else if (hasText)
|
|
76
|
+
this.internals.role = 'generic';
|
|
77
|
+
else
|
|
78
|
+
this.internals.role = 'presentation';
|
|
79
|
+
this.internals.ariaLabel =
|
|
80
|
+
isImgMode && this.alt !== undefined && this.alt !== ''
|
|
81
|
+
? this.alt
|
|
82
|
+
: // eslint-disable-next-line unicorn/no-null
|
|
83
|
+
null;
|
|
84
|
+
}
|
|
85
|
+
componentWillLoad() {
|
|
86
|
+
this.textChanged();
|
|
87
|
+
this.roleChanged();
|
|
88
|
+
}
|
|
89
|
+
render() {
|
|
90
|
+
return h("div", { key: 'ac301d086b8cc5fa51eda1f39a49ce7120af96df', class: "qds-container" }, __classPrivateFieldGet(this, _AvatarMedia_renderContent, "f").call(this));
|
|
91
|
+
}
|
|
92
|
+
static get watchers() { return {
|
|
93
|
+
"text": ["textChanged", "roleChanged"],
|
|
94
|
+
"src": ["roleChanged"],
|
|
95
|
+
"iconName": ["roleChanged"],
|
|
96
|
+
"alt": ["roleChanged"]
|
|
97
|
+
}; }
|
|
98
|
+
};
|
|
99
|
+
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
|
|
100
|
+
AvatarMedia.style = avatarMediaCss;
|
|
101
|
+
|
|
102
|
+
export { AvatarMedia as qds_avatar_media };
|
|
103
|
+
//# sourceMappingURL=qds-avatar-media.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":";;;;;;;AAAA,MAAM,cAAc,GAAG,gtBAAgtB;;ACAvuB;AACA;AACA;;;;;;;;;MAsBa,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;;AAyBE;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAY,SAAS;AAqBvC,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;AAiD7B,QAAA,0BAAA,CAAA,GAAA,CAAA,IAAA,EAAiB,MAA8B;AACtD,YAAA,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa;gBAClE,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,KAAK,EAAC,aAAa,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,uBAAA,IAAI,EAAA,6BAAA,EAAA,GAAA,CAAkB,EAC/B,MAAM,EAAE,sBAAA,CAAA,IAAI,EAAiB,4BAAA,EAAA,GAAA,CAAA,EAAA,CAC7B;YAEN,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE;gBACrD,QACE,CACE,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,CACzB;YAEN,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;gBAC7C,QACE,CAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,KAAK,EAAC,UAAU,EAAA,EACtC,IAAI,CAAC,QAAQ,CACT;AAEX,YAAA,OAAO,CAAU,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,GAAG;AACjE,SAAC,CAAA;AAEQ,QAAA,6BAAA,CAAA,GAAA,CAAA,IAAA,EAAoB,MAAW;AACtC,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YACzB,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,SAAC,CAAA;AAEQ,QAAA,4BAAA,CAAA,GAAA,CAAA,IAAA,EAAmB,MAAW;AACrC,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;YAC1B,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,SAAC,CAAA;AACF;IApFS,WAAW,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,EAAE;AAC/C,YAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;YACzB;;AAEF,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AACzC,QAAA,MAAM,CAAC,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,CACd,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAC1C,iBAAiB,EAAE;;IAOf,WAAW,GAAA;AACjB,QAAA,MAAM,SAAS,GACb,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa;AAClE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE;AACnE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;QAC3D,MAAM,eAAe,GAAG,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO;AAC1D,QAAA,MAAM,SAAS,GAAG,SAAS,IAAI,OAAO,IAAI,eAAe;AAEzD,QAAA,IAAI,SAAS;AAAE,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK;AACrC,aAAA,IAAI,OAAO;AAAE,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,SAAS;;AAC5C,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,cAAc;QAEzC,IAAI,CAAC,SAAS,CAAC,SAAS;YACtB,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK;kBAChD,IAAI,CAAC;AACP;AACE,oBAAA,IAAI;;IAGL,iBAAiB,GAAA;QACtB,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,WAAW,EAAE;;IAGb,MAAM,GAAA;AACX,QAAA,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAE,EAAA,sBAAA,CAAA,IAAI,EAAA,0BAAA,EAAA,GAAA,CAAe,CAAnB,IAAA,CAAA,IAAI,CAAiB,CAAO;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
3
|
+
*
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { r as registerInstance, h } from './index-Hg1Liloy.js';
|
|
7
|
+
|
|
8
|
+
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)}";
|
|
9
|
+
|
|
10
|
+
// SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
11
|
+
//
|
|
12
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
13
|
+
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
14
|
+
if (kind === "a" && !f)
|
|
15
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
16
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
17
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
18
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
19
|
+
};
|
|
20
|
+
var _Avatar_instances, _Avatar_computedSize_get;
|
|
21
|
+
const Avatar = class {
|
|
22
|
+
constructor(hostRef) {
|
|
23
|
+
registerInstance(this, hostRef);
|
|
24
|
+
_Avatar_instances.add(this);
|
|
25
|
+
/**
|
|
26
|
+
* The name of a registered icon library.
|
|
27
|
+
*/
|
|
28
|
+
this.iconLibrary = 'default';
|
|
29
|
+
/**
|
|
30
|
+
* The avatar's size.
|
|
31
|
+
*/
|
|
32
|
+
this.size = 'standard';
|
|
33
|
+
/**
|
|
34
|
+
* Display the avatar in a vertical direction.
|
|
35
|
+
*/
|
|
36
|
+
this.vertical = false;
|
|
37
|
+
/**
|
|
38
|
+
* Displays an indicator if `true`.
|
|
39
|
+
*/
|
|
40
|
+
this.badge = false;
|
|
41
|
+
/**
|
|
42
|
+
* The indicator's status.
|
|
43
|
+
*/
|
|
44
|
+
this.badgeIndicatorStatus = 'success';
|
|
45
|
+
}
|
|
46
|
+
render() {
|
|
47
|
+
const hasLabel = this.label !== undefined && this.label !== '';
|
|
48
|
+
const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== '';
|
|
49
|
+
const hasKicker = this.kicker !== undefined && this.kicker !== '';
|
|
50
|
+
return (h("div", { key: 'df04ee473b689f1d0315b7346d77d93d66fb8abf', class: { 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }, "data-size": __classPrivateFieldGet(this, _Avatar_instances, "a", _Avatar_computedSize_get) }, h("div", { key: '77682dc8297bc75252f92db6907de27f40c3ed4f', class: "qds-avatar-media-wrapper" }, h("qds-avatar-media", { key: 'e4062d40f2d91f958bac93de8a4d010c14dc6fc6', 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: 'b074d5844b847890ba3531eb34ae5b5447714871', 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: 'b00b1cbc34d71655bad3ba9290acead687469bce', class: "qds-label-container" }, hasLabel && h("strong", { key: '2b7df27b74c8dd1bb5a77ec54ef46a1e4034edb9', class: "qds-label" }, this.label), hasKicker && h("div", { key: '8a81525400061561e265ce5dfebc162a5ecbe04a', class: "qds-kicker" }, this.kicker)))));
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
_Avatar_instances = new WeakSet(), _Avatar_computedSize_get = function _Avatar_computedSize_get() {
|
|
54
|
+
switch (this.size) {
|
|
55
|
+
case 'standard':
|
|
56
|
+
case 'small':
|
|
57
|
+
case 'large': {
|
|
58
|
+
return this.size;
|
|
59
|
+
}
|
|
60
|
+
default: {
|
|
61
|
+
return 'standard';
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
Avatar.style = avatarCss;
|
|
66
|
+
|
|
67
|
+
export { Avatar as qds_avatar };
|
|
68
|
+
//# sourceMappingURL=qds-avatar.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { r as registerInstance, a as readTask, h, F as Fragment } from './index-Hg1Liloy.js';
|
|
7
|
-
import { a as isEllipsisActive, b as isCurrentPage } from './helpers-
|
|
7
|
+
import { a as isEllipsisActive, b as isCurrentPage } from './helpers-mPQzhx-O.js';
|
|
8
8
|
|
|
9
9
|
const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-anchor{font:var(--qds-control-standard-link)}.qds-anchor,.qds-breadcrumb-item{color:var(--qds-theme-control-text-standard)}.qds-anchor:focus-visible,.qds-breadcrumb-item:focus-visible{border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}";
|
|
10
10
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { r as registerInstance, c as createEvent, a as readTask, h, g as getElement } from './index-Hg1Liloy.js';
|
|
7
|
-
import { p as pickFocusEventAttributes, a as isEllipsisActive } from './helpers-
|
|
7
|
+
import { p as pickFocusEventAttributes, a as isEllipsisActive } from './helpers-mPQzhx-O.js';
|
|
8
8
|
import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './controls-CZRW1LV_.js';
|
|
9
9
|
|
|
10
10
|
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:c;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:c;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(--qds-control-button-small-badge-padding-top);inset-inline-end:var(--qds-control-button-small-badge-padding-end)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(--qds-control-button-standard-badge-padding-top);inset-inline-end:var(--qds-control-button-standard-badge-padding-end)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(--qds-control-button-large-badge-padding-top);inset-inline-end:var(--qds-control-button-large-badge-padding-end)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-button[data-size=hero] .qds-indicator{inset-block-start:var(--qds-control-button-hero-badge-padding-top);inset-inline-end:var(--qds-control-button-hero-badge-padding-end)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}[data-importance]:is([data-action=dropdown],[data-action=dropdown-close]){padding-inline:var(--qds-control-input-padding-horizontal)}";
|
|
@@ -380,10 +380,15 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
382
|
}, _Button_updateAriaLabel = function _Button_updateAriaLabel() {
|
|
383
|
-
|
|
383
|
+
const hasBadge = this.badge !== undefined;
|
|
384
|
+
if (hasBadge && this.badgeDescription !== undefined) {
|
|
384
385
|
this.internals.ariaLabel = `${this.text} ${isIndicator(this.badge) ? '' : this.badge} ${this.badgeDescription}`;
|
|
385
386
|
return;
|
|
386
387
|
}
|
|
388
|
+
if (hasBadge && !isIndicator(this.badge)) {
|
|
389
|
+
this.internals.ariaLabel = `${this.text} ${this.badge}`;
|
|
390
|
+
return;
|
|
391
|
+
}
|
|
387
392
|
if (this.target !== undefined &&
|
|
388
393
|
this.target === '_blank' &&
|
|
389
394
|
this.href !== undefined) {
|