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

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.
Files changed (200) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/components/index.js +1 -1
  3. package/components/{p--fUtCWTJ.js → p-BJEvSqqL.js} +6 -6
  4. package/components/{p--fUtCWTJ.js.map → p-BJEvSqqL.js.map} +1 -1
  5. package/components/{p-CeqWiFUg.js → p-Bn9o5Um2.js} +3 -3
  6. package/components/{p-CeqWiFUg.js.map → p-Bn9o5Um2.js.map} +1 -1
  7. package/components/{p-CaibVX_2.js → p-BoqB4ddF.js} +29 -7
  8. package/components/p-BoqB4ddF.js.map +1 -0
  9. package/components/{p-B2794xy3.js → p-CQ-Ilm5d.js} +5 -5
  10. package/components/p-CQ-Ilm5d.js.map +1 -0
  11. package/components/{p-CVa_aaUh.js → p-Cevyg51v.js} +46 -20
  12. package/components/p-Cevyg51v.js.map +1 -0
  13. package/components/{p-CgD-5rh_.js → p-CnWdHgve.js} +12 -22
  14. package/components/p-CnWdHgve.js.map +1 -0
  15. package/components/{p-D03cCQ_7.js → p-CrzaI1TQ.js} +6 -6
  16. package/components/p-CrzaI1TQ.js.map +1 -0
  17. package/components/{p-CIoYTw7w.js → p-DEa0r_EV.js} +6 -6
  18. package/components/p-DEa0r_EV.js.map +1 -0
  19. package/components/{p-CHINI0hi.js → p-DOqfdgQA.js} +6 -6
  20. package/components/p-DOqfdgQA.js.map +1 -0
  21. package/components/{p-BIt0dDIJ.js → p-DjZ2J7fQ.js} +4 -4
  22. package/components/{p-BIt0dDIJ.js.map → p-DjZ2J7fQ.js.map} +1 -1
  23. package/components/{p-epc3kt-8.js → p-Do46q_Gd.js} +5 -5
  24. package/components/p-Do46q_Gd.js.map +1 -0
  25. package/components/{p-CS-MebAm.js → p-cw45QxUT.js} +7 -7
  26. package/components/{p-CS-MebAm.js.map → p-cw45QxUT.js.map} +1 -1
  27. package/components/{p-CtPHn4AQ.js → p-fKK7EmM2.js} +3 -3
  28. package/components/{p-CtPHn4AQ.js.map → p-fKK7EmM2.js.map} +1 -1
  29. package/components/qds-action-item.js +3 -3
  30. package/components/qds-avatar-media.js +1 -1
  31. package/components/qds-avatar.js +5 -5
  32. package/components/qds-avatar.js.map +1 -1
  33. package/components/qds-badge-indicator.js +1 -1
  34. package/components/qds-breadcrumb-item.js +5 -5
  35. package/components/qds-breadcrumb-item.js.map +1 -1
  36. package/components/qds-button.js +12 -20
  37. package/components/qds-button.js.map +1 -1
  38. package/components/qds-checkbox.js +1 -1
  39. package/components/qds-chip.js +62 -29
  40. package/components/qds-chip.js.map +1 -1
  41. package/components/qds-dialog.js +6 -6
  42. package/components/qds-divider.js +1 -1
  43. package/components/qds-dropdown.js +1 -1
  44. package/components/qds-form-message.js +3 -3
  45. package/components/qds-icon-button.js +1 -1
  46. package/components/qds-icon-tab.js +68 -34
  47. package/components/qds-icon-tab.js.map +1 -1
  48. package/components/qds-icon.js +1 -1
  49. package/components/qds-inline-link.js +4 -4
  50. package/components/qds-inline-link.js.map +1 -1
  51. package/components/qds-input.js +6 -6
  52. package/components/qds-input.js.map +1 -1
  53. package/components/qds-label.js +4 -4
  54. package/components/qds-list-item.js +14 -14
  55. package/components/qds-loader.js +2 -2
  56. package/components/qds-menu-item.js +49 -16
  57. package/components/qds-menu-item.js.map +1 -1
  58. package/components/qds-mini-button.js +1 -1
  59. package/components/qds-progress-bar.js +1 -1
  60. package/components/qds-radio.js +1 -1
  61. package/components/qds-select.js +6 -6
  62. package/components/qds-standalone-link.js +2 -2
  63. package/components/qds-switch.js +2 -2
  64. package/components/qds-tab.js +39 -29
  65. package/components/qds-tab.js.map +1 -1
  66. package/components/qds-tabbar.js +140 -33
  67. package/components/qds-tabbar.js.map +1 -1
  68. package/components/qds-table-head-cell.js +2 -2
  69. package/components/qds-tag.js +1 -1
  70. package/components/qds-textarea.js +4 -4
  71. package/components/qds-textarea.js.map +1 -1
  72. package/components/qds-title.js +1 -1
  73. package/components/qds-tooltip.js +1 -1
  74. package/dist/cjs/{helpers-DjUgyTKn.js → helpers-D6srVOLt.js} +31 -6
  75. package/dist/{esm/helpers-mPQzhx-O.js.map → cjs/helpers-D6srVOLt.js.map} +1 -1
  76. package/dist/cjs/loader.cjs.js +1 -1
  77. package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
  78. package/dist/cjs/qds-avatar-media.cjs.entry.js +2 -2
  79. package/dist/cjs/qds-avatar-media.entry.cjs.js.map +1 -1
  80. package/dist/cjs/qds-avatar.cjs.entry.js +2 -2
  81. package/dist/cjs/qds-avatar.entry.cjs.js.map +1 -1
  82. package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
  83. package/dist/cjs/qds-badge-counter_2.cjs.entry.js +3 -3
  84. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +3 -3
  85. package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
  86. package/dist/cjs/qds-button.cjs.entry.js +9 -17
  87. package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
  88. package/dist/cjs/qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
  89. package/dist/cjs/qds-checkbox_2.cjs.entry.js +3 -3
  90. package/dist/cjs/qds-chip.cjs.entry.js +56 -23
  91. package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
  92. package/dist/cjs/qds-dialog.cjs.entry.js +2 -2
  93. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  94. package/dist/cjs/qds-divider_2.cjs.entry.js +8 -18
  95. package/dist/cjs/qds-dropdown.cjs.entry.js +44 -18
  96. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  97. package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
  98. package/dist/cjs/qds-icon-tab.cjs.entry.js +59 -29
  99. package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -1
  100. package/dist/cjs/qds-icon.cjs.entry.js +1 -1
  101. package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
  102. package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
  103. package/dist/cjs/qds-input.cjs.entry.js +4 -4
  104. package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
  105. package/dist/cjs/qds-label.cjs.entry.js +3 -3
  106. package/dist/cjs/qds-list-item.cjs.entry.js +5 -5
  107. package/dist/cjs/qds-loader.cjs.entry.js +1 -1
  108. package/dist/cjs/qds-menu-item.cjs.entry.js +42 -12
  109. package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
  110. package/dist/cjs/qds-mini-button.cjs.entry.js +1 -1
  111. package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
  112. package/dist/cjs/qds-select.cjs.entry.js +5 -5
  113. package/dist/cjs/qds-standalone-link.cjs.entry.js +1 -1
  114. package/dist/cjs/qds-switch.cjs.entry.js +1 -1
  115. package/dist/cjs/qds-tab.cjs.entry.js +34 -24
  116. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  117. package/dist/cjs/qds-tabbar.cjs.entry.js +130 -26
  118. package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
  119. package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
  120. package/dist/cjs/qds-tag.cjs.entry.js +3 -3
  121. package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
  122. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  123. package/dist/cjs/qds-title.cjs.entry.js +3 -3
  124. package/dist/cjs/qds-tooltip.cjs.entry.js +3 -3
  125. package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
  126. package/dist/cjs/qds.cjs.js +1 -1
  127. package/dist/custom-elements.json +379 -47
  128. package/dist/docs.json +47 -1
  129. package/dist/esm/{helpers-mPQzhx-O.js → helpers-_a9kqEyo.js} +29 -7
  130. package/dist/{cjs/helpers-DjUgyTKn.js.map → esm/helpers-_a9kqEyo.js.map} +1 -1
  131. package/dist/esm/loader.js +1 -1
  132. package/dist/esm/qds-action-item.entry.js +1 -1
  133. package/dist/esm/qds-avatar-media.entry.js +2 -2
  134. package/dist/esm/qds-avatar-media.entry.js.map +1 -1
  135. package/dist/esm/qds-avatar.entry.js +2 -2
  136. package/dist/esm/qds-avatar.entry.js.map +1 -1
  137. package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
  138. package/dist/esm/qds-badge-counter_2.entry.js +3 -3
  139. package/dist/esm/qds-breadcrumb-item.entry.js +3 -3
  140. package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
  141. package/dist/esm/qds-button.entry.js +9 -17
  142. package/dist/esm/qds-button.entry.js.map +1 -1
  143. package/dist/esm/qds-checkbox.qds-radio.entry.js.map +1 -1
  144. package/dist/esm/qds-checkbox_2.entry.js +3 -3
  145. package/dist/esm/qds-chip.entry.js +56 -23
  146. package/dist/esm/qds-chip.entry.js.map +1 -1
  147. package/dist/esm/qds-dialog.entry.js +2 -2
  148. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  149. package/dist/esm/qds-divider_2.entry.js +8 -18
  150. package/dist/esm/qds-dropdown.entry.js +44 -18
  151. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  152. package/dist/esm/qds-form-message.entry.js +2 -2
  153. package/dist/esm/qds-icon-tab.entry.js +59 -29
  154. package/dist/esm/qds-icon-tab.entry.js.map +1 -1
  155. package/dist/esm/qds-icon.entry.js +1 -1
  156. package/dist/esm/qds-inline-link.entry.js +3 -3
  157. package/dist/esm/qds-inline-link.entry.js.map +1 -1
  158. package/dist/esm/qds-input.entry.js +4 -4
  159. package/dist/esm/qds-input.entry.js.map +1 -1
  160. package/dist/esm/qds-label.entry.js +3 -3
  161. package/dist/esm/qds-list-item.entry.js +5 -5
  162. package/dist/esm/qds-loader.entry.js +1 -1
  163. package/dist/esm/qds-menu-item.entry.js +42 -12
  164. package/dist/esm/qds-menu-item.entry.js.map +1 -1
  165. package/dist/esm/qds-mini-button.entry.js +1 -1
  166. package/dist/esm/qds-progress-bar.entry.js +1 -1
  167. package/dist/esm/qds-select.entry.js +5 -5
  168. package/dist/esm/qds-standalone-link.entry.js +1 -1
  169. package/dist/esm/qds-switch.entry.js +1 -1
  170. package/dist/esm/qds-tab.entry.js +34 -24
  171. package/dist/esm/qds-tab.entry.js.map +1 -1
  172. package/dist/esm/qds-tabbar.entry.js +130 -26
  173. package/dist/esm/qds-tabbar.entry.js.map +1 -1
  174. package/dist/esm/qds-table-head-cell.entry.js +2 -2
  175. package/dist/esm/qds-tag.entry.js +3 -3
  176. package/dist/esm/qds-textarea.entry.js +4 -4
  177. package/dist/esm/qds-textarea.entry.js.map +1 -1
  178. package/dist/esm/qds-title.entry.js +3 -3
  179. package/dist/esm/qds-tooltip.entry.js +3 -3
  180. package/dist/esm/qds-tooltip.entry.js.map +1 -1
  181. package/dist/esm/qds.js +1 -1
  182. package/dist/types/components/chip/chip.d.ts +4 -2
  183. package/dist/types/components/icon-tab/icon-tab.d.ts +2 -0
  184. package/dist/types/components/menu-item/menu-item.d.ts +3 -0
  185. package/dist/types/components/tab/tab.d.ts +2 -0
  186. package/dist/types/components/tabbar/tabbar.d.ts +7 -0
  187. package/dist/types/components.d.ts +8 -0
  188. package/dist/types/helpers.d.ts +4 -1
  189. package/dist/vscode.html-custom-data.json +4 -0
  190. package/hydrate/index.js +450 -212
  191. package/hydrate/index.mjs +450 -212
  192. package/package.json +1 -1
  193. package/components/p-B2794xy3.js.map +0 -1
  194. package/components/p-CHINI0hi.js.map +0 -1
  195. package/components/p-CIoYTw7w.js.map +0 -1
  196. package/components/p-CVa_aaUh.js.map +0 -1
  197. package/components/p-CaibVX_2.js.map +0 -1
  198. package/components/p-CgD-5rh_.js.map +0 -1
  199. package/components/p-D03cCQ_7.js.map +0 -1
  200. package/components/p-epc3kt-8.js.map +0 -1
package/hydrate/index.mjs CHANGED
@@ -6785,14 +6785,17 @@ rel) => {
6785
6785
  return undefined;
6786
6786
  return target === '_blank' ? 'external-new-tab-link' : 'external-link';
6787
6787
  };
6788
- const resolveTarget = (target) => {
6788
+ // Warn instead of throwing an error so an unresolved selector doesn't block recovery.
6789
+ const resolveTarget = (target, caller) => {
6789
6790
  const resolvedTarget = typeof target === 'function' ? target() : target;
6790
6791
  if (typeof resolvedTarget !== 'string')
6791
6792
  return resolvedTarget;
6792
6793
  const element = document.querySelector(resolvedTarget);
6793
- if (element === null)
6794
- throw new Error('String must resolve to an Element.');
6795
- return element;
6794
+ if (element === null) {
6795
+ // eslint-disable-next-line no-console
6796
+ console.warn(`${caller ?? 'resolveTarget'}: selector "${resolvedTarget}" did not match any element.`);
6797
+ }
6798
+ return element ?? undefined;
6796
6799
  };
6797
6800
  /**
6798
6801
  * Patched version of requestAnimationFrame that avoids ngzone
@@ -6891,6 +6894,25 @@ const isCurrentPage = (url) => {
6891
6894
  return false;
6892
6895
  }
6893
6896
  };
6897
+ const isCounter = (value) => typeof value === 'string'
6898
+ ? !Number.isNaN(Number.parseFloat(value))
6899
+ : typeof value === 'number';
6900
+ const isIndicator = (value) => value === '' || value === true;
6901
+ const computeBadgeCounterRawValue = (value) => {
6902
+ const numericValue = typeof value === 'string' ? Number.parseInt(value, 10) : value;
6903
+ if (Number.isNaN(numericValue) || numericValue < 0)
6904
+ return '';
6905
+ return numericValue < 100 ? numericValue.toString() : '99+';
6906
+ };
6907
+ const computeBadgeValue = (text, badge, description) => {
6908
+ const parts = [
6909
+ text,
6910
+ isCounter(badge) ? computeBadgeCounterRawValue(badge) : undefined,
6911
+ description,
6912
+ ].filter(Boolean);
6913
+ // eslint-disable-next-line unicorn/no-null
6914
+ return parts.length > 0 ? parts.join(' ') : null;
6915
+ };
6894
6916
 
6895
6917
  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)}";
6896
6918
 
@@ -7048,7 +7070,7 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
7048
7070
  return this.disabled;
7049
7071
  };
7050
7072
 
7051
- 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)}";
7073
+ const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;justify-content:center;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)}";
7052
7074
 
7053
7075
  // SPDX-FileCopyrightText: © 2026 Schneider Electric
7054
7076
  //
@@ -7097,7 +7119,7 @@ class Avatar {
7097
7119
  const hasLabel = this.label !== undefined && this.label !== '';
7098
7120
  const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== '';
7099
7121
  const hasKicker = this.kicker !== undefined && this.kicker !== '';
7100
- return (hAsync("div", { key: '9e5afc4f296453da0caffe97ff460fc270de5f19', class: { 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }, "data-size": __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get) }, hAsync("div", { key: '5b3161d52ce3b5be827a814eb70d9e8c92e2b019', class: "qds-avatar-media-wrapper" }, hAsync("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) && (hAsync("qds-badge-indicator", { key: '95445d863e6d5080b6e999d5c57eca457a759874', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get), strokeRing: true }))), (hasLabel || hasKicker) && (hAsync("div", { key: '1b894e10450d016473472ddd117642a99d0c7a57', class: "qds-label-container" }, hasLabel && hAsync("strong", { key: 'b1eb9a51cdf20a03b4857dc7e81cd40449d2913d', class: "qds-label" }, this.label), hasKicker && hAsync("div", { key: '0baf3adbae5e906b2fb27c289066bfe43fb4b86c', class: "qds-kicker" }, this.kicker)))));
7122
+ return (hAsync("div", { key: 'df04ee473b689f1d0315b7346d77d93d66fb8abf', class: { 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }, "data-size": __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get) }, hAsync("div", { key: '77682dc8297bc75252f92db6907de27f40c3ed4f', class: "qds-avatar-media-wrapper" }, hAsync("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) && (hAsync("qds-badge-indicator", { key: 'b074d5844b847890ba3531eb34ae5b5447714871', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get), strokeRing: true }))), (hasLabel || hasKicker) && (hAsync("div", { key: 'b00b1cbc34d71655bad3ba9290acead687469bce', class: "qds-label-container" }, hasLabel && hAsync("strong", { key: '2b7df27b74c8dd1bb5a77ec54ef46a1e4034edb9', class: "qds-label" }, this.label), hasKicker && hAsync("div", { key: '8a81525400061561e265ce5dfebc162a5ecbe04a', class: "qds-kicker" }, this.kicker)))));
7101
7123
  }
7102
7124
  static get style() { return avatarCss; }
7103
7125
  static get cmpMeta() { return {
@@ -7134,7 +7156,7 @@ _Avatar_instances = new WeakSet(), _Avatar_computedSize_get = function _Avatar_c
7134
7156
  }
7135
7157
  };
7136
7158
 
7137
- 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}";
7159
+ 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-kicker);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}";
7138
7160
 
7139
7161
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
7140
7162
  //
@@ -7219,7 +7241,7 @@ class AvatarMedia {
7219
7241
  this.roleChanged();
7220
7242
  }
7221
7243
  render() {
7222
- return hAsync("div", { key: '564c961c4a153b5cce4c5a3da5c606f22a5e7719', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
7244
+ return hAsync("div", { key: 'ac301d086b8cc5fa51eda1f39a49ce7120af96df', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
7223
7245
  }
7224
7246
  static get watchers() { return {
7225
7247
  "text": ["textChanged", "roleChanged"],
@@ -7375,10 +7397,10 @@ class BadgeIndicator {
7375
7397
  this.strokeRing = false;
7376
7398
  }
7377
7399
  render() {
7378
- return (hAsync("div", { key: '55e0899fbd29f2fc33608976f5a3d75a8e65d099', class: {
7400
+ return (hAsync("div", { key: '917e4474d3495841ecbfe7112bf260ba442e4f27', class: {
7379
7401
  'qds-badge-indicator': true,
7380
7402
  'qds-stroke-ring': this.strokeRing,
7381
- }, "data-size": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'ebfd2b40bc09fa1fca45981bac18301aa16a971c', class: "qds-sr-only" }, this.description), __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) !== 'neutral' && (hAsync("qds-icon", { key: '528334a07ff8235ef199433f4997a43d47b9dcf4', library: "core", class: "qds-icon", name: __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedIconName_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }))));
7403
+ }, "data-size": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: '482e95481de34e14c462d46211a75e659114496a', class: "qds-sr-only" }, this.description), __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) !== 'neutral' && (hAsync("qds-icon", { key: 'b73cb4b84f7e0f1957461f5951dc42374ba7f230', library: "core", class: "qds-icon", name: __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedIconName_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }))));
7382
7404
  }
7383
7405
  static get style() { return badgeIndicatorCss; }
7384
7406
  static get cmpMeta() { return {
@@ -7434,7 +7456,7 @@ _BadgeIndicator_instances = new WeakSet(), _BadgeIndicator_computedStatus_get =
7434
7456
  return 'status-warning-solid';
7435
7457
  }
7436
7458
  case 'unavailable': {
7437
- return 'checked-radio';
7459
+ return 'status-unavailable';
7438
7460
  }
7439
7461
  default: {
7440
7462
  return '';
@@ -7461,7 +7483,7 @@ const VALID_STATE = {
7461
7483
  valueMissing: false,
7462
7484
  };
7463
7485
 
7464
- 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;letter-spacing:inherit;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;word-spacing:inherit}.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)}";
7486
+ 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;letter-spacing:inherit;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;word-spacing:inherit}.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-default);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}";
7465
7487
 
7466
7488
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7467
7489
  //
@@ -7483,10 +7505,6 @@ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) |
7483
7505
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7484
7506
  };
7485
7507
  var _Button_instances, _Button_savedTabIndex, _Button_button, _Button_span, _Button_ro, _Button_buttonType_get, _Button_iconOnly_get, _Button_computedAction_get, _Button_computedActionIcon_get, _Button_computedDisabled_get, _Button_computedImportance_get, _Button_computedSize_get, _Button_buttonRef, _Button_spanRef, _Button_tooltipRef, _Button_onClick, _Button_updateAriaLabel, _Button_defineGetter;
7486
- const isCounter$3 = (value) => typeof value === 'string'
7487
- ? !Number.isNaN(Number.parseFloat(value))
7488
- : typeof value === 'number';
7489
- const isIndicator$3 = (value) => value === '' || value === true;
7490
7508
  const preventDefault$2 = (event) => {
7491
7509
  event.preventDefault();
7492
7510
  };
@@ -7777,21 +7795,21 @@ class Button {
7777
7795
  }
7778
7796
  render() {
7779
7797
  const Tag = this.href === undefined ? 'button' : 'a';
7780
- return (hAsync("div", { key: '14fceb5cfd1343e93d7f4685ec746b72b8809790', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '9a9cc25be17af49a5e56adef9730b49b712272e7', class: {
7798
+ return (hAsync("div", { key: 'f86715d75b38467b979b281ead37c5d5e3222988', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '9d7467ae956902eb14343e6929a272d339588cfb', class: {
7781
7799
  'qds-button': true,
7782
7800
  'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
7783
7801
  /* DEPRECATED: will be removed by september 2026 */
7784
7802
  'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
7785
- }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd29f1c83acadfb07b3ab612be5e7aaad47b65444', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
7803
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '47d8b78276482d6454726b9f55c2624f51096493', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
7786
7804
  /* DEPRECATED: will be removed by september 2026 */
7787
- hAsync("span", { key: '704bd42590686493e6d683bb25684663511bd4fc', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '004db3a8a9cb007aa1135cb81cd64a92744d3a25', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: '85bb751c4c3d529cd4b45aee4d4671567b09816a', class: {
7805
+ hAsync("span", { key: 'a7e6fd071790bc11fff42616ebb1dffdfc3a8ae3', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'c9ba582b432342f992d7b86c3acc8d5b52e4a0a3', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '781db3bdcf4dcf61d6fc7a68e4e4e6d932ef0458', class: {
7788
7806
  /* DEPRECATED: will be removed by september 2026 */
7789
7807
  'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
7790
- }, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3cb73d92892eeabe0f19361b2a0debd930315966', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '4b8b51fad5f2d1a22eb7fcf37c3a09ed2451c464', class: {
7808
+ }, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: 'b218db54f4ca8c5fd39a421be83e2f696841a3aa', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: 'fa6b3bebb7b78ef2fcc135df85416901d4d20cca', class: {
7791
7809
  'qds-focus-ring': true,
7792
7810
  /* DEPRECATED: will be removed by september 2026 */
7793
7811
  'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
7794
- }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'a0027a6eb6412bbdc3184d0df86c82f5e3bd93f6', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
7812
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: '8551c4c97a9ed86935a1e12c687342d13e424460', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
7795
7813
  }
7796
7814
  static get formAssociated() { return true; }
7797
7815
  get host() { return getElement(this); }
@@ -7901,12 +7919,8 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
7901
7919
  }
7902
7920
  }, _Button_updateAriaLabel = function _Button_updateAriaLabel() {
7903
7921
  const hasBadge = this.badge !== undefined;
7904
- if (hasBadge && this.badgeDescription !== undefined) {
7905
- this.internals.ariaLabel = `${this.text} ${isIndicator$3(this.badge) ? '' : this.badge} ${this.badgeDescription}`;
7906
- return;
7907
- }
7908
- if (hasBadge && !isIndicator$3(this.badge)) {
7909
- this.internals.ariaLabel = `${this.text} ${this.badge}`;
7922
+ if (hasBadge) {
7923
+ this.internals.ariaLabel = computeBadgeValue(this.text, this.badge, this.badgeDescription);
7910
7924
  return;
7911
7925
  }
7912
7926
  if (this.target !== undefined &&
@@ -7920,7 +7934,7 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
7920
7934
  Object.defineProperty(this.host, p, { enumerable: true, get });
7921
7935
  };
7922
7936
 
7923
- const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}:host(:focus-visible) .qds-label{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-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-default-contrast);border-color:#0000}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
7937
+ const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:e;place-self:center}.qds-icon{color:var(--qds-theme-control-text-standard-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"e\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}:host(:focus-visible) .qds-label{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-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-default-contrast);border-color:#0000}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
7924
7938
 
7925
7939
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7926
7940
  //
@@ -8248,7 +8262,7 @@ _Checkbox_ro = new WeakMap(), _Checkbox_savedTabIndex = new WeakMap(), _Checkbox
8248
8262
  Object.defineProperty(this.host, p, { enumerable: true, get });
8249
8263
  };
8250
8264
 
8251
- const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-container:not(.qds-closable-chip):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-container:not(.qds-closable-chip):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{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-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-end)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-text[data-size=small]{font:var(--qds-control-small-text);line-height:normal}.qds-closable-chip[data-size=standard],.qds-container[data-size=standard]{min-height:var(--qds-control-chip-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-closable-chip[data-size=standard]{padding-inline-end:var(--qds-control-chip-closable-standard-padding-end)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-text[data-size=standard]{font:var(--qds-control-standard-text);line-height:normal}.qds-closable-chip[data-size=large],.qds-container[data-size=large]{min-height:var(--qds-control-chip-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-closable-chip[data-size=large]{padding-inline-end:var(--qds-control-chip-closable-large-padding-end)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-text[data-size=large]{font:var(--qds-control-large-text);line-height:normal}";
8265
+ const chipCss = ":host([hidden]){display:none!important}:host{display:block;outline:none}.qds-disabled,[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-container{min-width:0}.qds-container:not(.qds-closable-chip):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-container:not(.qds-closable-chip):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-control-background-default-contrast)}.qds-container.qds-selected-state,.qds-container.qds-selected-state .qds-icon{color:var(--qds-theme-control-text-standard-contrast)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-control-background-hover-contrast)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-control-background-pressed-contrast)}.qds-disabled{background-color:var(--qds-theme-control-background-default-contrast);color:var(--qds-theme-control-text-standard-contrast)}:host(:focus-visible) .qds-container:not(.qds-closable-chip){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-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-end)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-text[data-size=small]{font:var(--qds-control-small-text);line-height:normal}.qds-closable-chip[data-size=standard],.qds-container[data-size=standard]{min-height:var(--qds-control-chip-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-closable-chip[data-size=standard]{padding-inline-end:var(--qds-control-chip-closable-standard-padding-end)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-text[data-size=standard]{font:var(--qds-control-standard-text);line-height:normal}.qds-closable-chip[data-size=large],.qds-container[data-size=large]{min-height:var(--qds-control-chip-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-closable-chip[data-size=large]{padding-inline-end:var(--qds-control-chip-closable-large-padding-end)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-text[data-size=large]{font:var(--qds-control-large-text);line-height:normal}";
8252
8266
 
8253
8267
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8254
8268
  //
@@ -8269,7 +8283,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
8269
8283
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
8270
8284
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
8271
8285
  };
8272
- var _Chip_instances, _Chip_chip, _Chip_span, _Chip_ro, _Chip_inheritedAttributes, _Chip_closableText_get, _Chip_computedDisabled_get, _Chip_computedSize_get, _Chip_computedType_get, _Chip_computedChecked_get, _Chip_computedValue_get, _Chip_onIconClick, _Chip_onFocus, _Chip_onBlur, _Chip_chipRef, _Chip_spanRef, _Chip_tooltipRef;
8286
+ var _Chip_instances, _Chip_chip, _Chip_span, _Chip_ro, _Chip_savedTabIndex, _Chip_closableText_get, _Chip_computedDisabled_get, _Chip_computedSize_get, _Chip_computedType_get, _Chip_computedChecked_get, _Chip_computedValue_get, _Chip_onIconClick, _Chip_chipRef, _Chip_spanRef, _Chip_tooltipRef;
8273
8287
  /**
8274
8288
  * `<qds-chip>` elements are interactive elements that represent selections.
8275
8289
  * Chips allow users to make a selection from a list of options or display
@@ -8332,17 +8346,11 @@ class Chip {
8332
8346
  _Chip_chip.set(this, void 0);
8333
8347
  _Chip_span.set(this, void 0);
8334
8348
  _Chip_ro.set(this, void 0);
8335
- _Chip_inheritedAttributes.set(this, {});
8349
+ _Chip_savedTabIndex.set(this, 0);
8336
8350
  _Chip_onIconClick.set(this, (event) => {
8337
8351
  if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
8338
8352
  this.closeEmitter.emit();
8339
8353
  });
8340
- _Chip_onFocus.set(this, (event) => {
8341
- this.focusEmitter.emit(pickFocusEventAttributes(event));
8342
- });
8343
- _Chip_onBlur.set(this, (event) => {
8344
- this.blurEmitter.emit(pickFocusEventAttributes(event));
8345
- });
8346
8354
  _Chip_chipRef.set(this, (chip) => {
8347
8355
  __classPrivateFieldSet$l(this, _Chip_chip, chip, "f");
8348
8356
  });
@@ -8355,6 +8363,16 @@ class Chip {
8355
8363
  tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
8356
8364
  });
8357
8365
  }
8366
+ onBlur(event) {
8367
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8368
+ this.blurEmitter.emit(pickFocusEventAttributes(event));
8369
+ }
8370
+ }
8371
+ onFocus(event) {
8372
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8373
+ this.focusEmitter.emit(pickFocusEventAttributes(event));
8374
+ }
8375
+ }
8358
8376
  onClick(event) {
8359
8377
  if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
8360
8378
  event.stopImmediatePropagation();
@@ -8391,12 +8409,20 @@ class Chip {
8391
8409
  }
8392
8410
  checkedChanged() {
8393
8411
  this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
8412
+ this.internals.ariaChecked = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get).toString();
8394
8413
  this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
8395
8414
  ? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
8396
8415
  : // eslint-disable-next-line unicorn/no-null
8397
8416
  null);
8398
8417
  }
8399
8418
  disabledChanged() {
8419
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8420
+ this.internals.ariaDisabled = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get).toString();
8421
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8422
+ this.host.removeAttribute('tabindex');
8423
+ else
8424
+ this.host.tabIndex = __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f");
8425
+ }
8400
8426
  if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8401
8427
  this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
8402
8428
  // eslint-disable-next-line unicorn/no-null
@@ -8404,21 +8430,43 @@ class Chip {
8404
8430
  this.internals.setFormValue(null);
8405
8431
  }
8406
8432
  tabindexChanged(newValue) {
8407
- const parsedValue = Number.parseInt(newValue, 10);
8408
- this.tabIndex =
8409
- parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
8433
+ if (newValue !== null) {
8434
+ const parsedValue = Number.parseInt(newValue, 10);
8435
+ __classPrivateFieldSet$l(this, _Chip_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
8436
+ ? 0
8437
+ : parsedValue, "f");
8438
+ }
8439
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8440
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8441
+ this.host.removeAttribute('tabindex');
8442
+ else
8443
+ this.host.tabIndex = __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f");
8444
+ }
8445
+ else {
8446
+ this.host.removeAttribute('tabindex');
8447
+ }
8448
+ }
8449
+ textChanged() {
8450
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8451
+ this.internals.ariaLabel = this.text ?? '';
8452
+ }
8410
8453
  }
8411
8454
  valueChanged() {
8412
8455
  if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8413
8456
  this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
8414
8457
  }
8415
8458
  componentWillLoad() {
8459
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8460
+ this.internals.role = 'checkbox';
8461
+ this.internals.ariaChecked = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get).toString();
8462
+ this.internals.ariaLabel = this.text ?? '';
8463
+ this.internals.ariaDisabled = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get).toString();
8464
+ }
8416
8465
  this.valueChanged();
8417
8466
  Object.defineProperty(this.host, 'form', {
8418
8467
  enumerable: true,
8419
8468
  get: () => this.internals.form,
8420
8469
  });
8421
- __classPrivateFieldSet$l(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
8422
8470
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8423
8471
  }
8424
8472
  componentDidLoad() {
@@ -8437,33 +8485,32 @@ class Chip {
8437
8485
  __classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
8438
8486
  }
8439
8487
  render() {
8440
- return (hAsync("div", { key: '036f87c178e7bbab0f349247eac5a9b3045e9fe0', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '94e3a099d185c277bafce6df6a330ca2a41d7a13', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
8488
+ return (hAsync("div", { key: 'ceb94f6e3862e266203397c2065d23b8190fec1f', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '1ac3c7fc5684dc1e663de722756a38f3cd663531', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
8441
8489
  'qds-container': true,
8442
8490
  'qds-closable-chip': true,
8443
- }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'a0517c1047c62db925f96ff814dc45d9ed120240', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '418e9f9c6f4ed15f2aacc9d9056a5a09875b6c70', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: 'e79aa2c9920a34941f3683f1d476abebba653f9b', name: "clear", text: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$r(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
8444
- // eslint-disable-next-line jsx-a11y/label-has-associated-control
8445
- hAsync("label", { key: '167bd54b2a57f76a89ff003a186916325e9c960e', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '97570dd1cf9dfcf7b8b27522f7c3d4604e52ada9',
8446
- // eslint-disable-next-line jsx-a11y/no-autofocus
8447
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$r(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '34b675435db40c40a18b3d7af7e18c94cb129377', class: {
8491
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'c60500cc2c01f4c65002e8c25c3c8aebe3a45c45', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'feb9e6f34753705f5b201021f453f6e885619ddd', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '0a907f5bdcd58808b68b88e7594cdc2296eaffae', name: "clear", text: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$r(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
8492
+ ? undefined
8493
+ : __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f") || undefined }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (hAsync("div", { key: '047181713d87e2cb320c7dfcdd23398d1444d597', "aria-hidden": "true", class: {
8448
8494
  'qds-container': true,
8449
8495
  'qds-pressed-state': this.isPressed,
8450
8496
  'qds-selected-state': this.isSelected,
8451
8497
  'qds-padding-end': true,
8452
8498
  'qds-cursor': true,
8453
- }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'f2e3b48a5d4eb2f25f403d6f18ebd98ed2f4bb7c', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'fdc4309bffbdcf5f8817bd94cff5c1d1faec8db1', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'b50167a276566e7d578d5af65e46bdb03be0645a', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: '36768135818ab70a42a425274db70563d81ccc88', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
8499
+ 'qds-disabled': __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get),
8500
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: '5ef7c87a93654f7e21cbcd67597cd6337d1059a2', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6911b0b5c13a754917e4d48e7ac3737b0b5f9c8f', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '8fa735c988e124e76c0f53bfb2512d4919dd5f1b', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text))), this.tooltip && (hAsync("qds-tooltip", { key: '1efef725c1304299e4f31466c3c76d1c9b518849', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
8454
8501
  }
8455
- static get delegatesFocus() { return true; }
8456
8502
  static get formAssociated() { return true; }
8457
8503
  get host() { return getElement(this); }
8458
8504
  static get watchers() { return {
8459
8505
  "checked": ["checkedChanged"],
8460
8506
  "disabled": ["disabledChanged"],
8461
8507
  "tabindex": ["tabindexChanged"],
8508
+ "text": ["textChanged"],
8462
8509
  "value": ["valueChanged"]
8463
8510
  }; }
8464
8511
  static get style() { return chipCss; }
8465
8512
  static get cmpMeta() { return {
8466
- "$flags$": 345,
8513
+ "$flags$": 329,
8467
8514
  "$tagName$": "qds-chip",
8468
8515
  "$members$": {
8469
8516
  "iconName": [1, "icon-name"],
@@ -8478,15 +8525,14 @@ class Chip {
8478
8525
  "value": [8],
8479
8526
  "isPressed": [32],
8480
8527
  "isSelected": [32],
8481
- "tabIndex": [32],
8482
8528
  "tooltip": [32]
8483
8529
  },
8484
- "$listeners$": [[0, "click", "onClick"], [0, "keydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"]],
8530
+ "$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [0, "keydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"]],
8485
8531
  "$lazyBundleId$": "-",
8486
8532
  "$attrsToReflect$": []
8487
8533
  }; }
8488
8534
  }
8489
- _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap(), _Chip_inheritedAttributes = new WeakMap(), _Chip_onIconClick = new WeakMap(), _Chip_onFocus = new WeakMap(), _Chip_onBlur = new WeakMap(), _Chip_chipRef = new WeakMap(), _Chip_spanRef = new WeakMap(), _Chip_tooltipRef = new WeakMap(), _Chip_instances = new WeakSet(), _Chip_closableText_get = function _Chip_closableText_get() {
8535
+ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap(), _Chip_savedTabIndex = new WeakMap(), _Chip_onIconClick = new WeakMap(), _Chip_chipRef = new WeakMap(), _Chip_spanRef = new WeakMap(), _Chip_tooltipRef = new WeakMap(), _Chip_instances = new WeakSet(), _Chip_closableText_get = function _Chip_closableText_get() {
8490
8536
  return `Delete ${this.text} selection`;
8491
8537
  }, _Chip_computedDisabled_get = function _Chip_computedDisabled_get() {
8492
8538
  return this.disabled ?? false;
@@ -8627,7 +8673,7 @@ class Dialog {
8627
8673
  }
8628
8674
  render() {
8629
8675
  const hasHeading = this.hasTitleSlot || this.closable === true;
8630
- return (hAsync(Host, { key: '91fa01707d5035530a3a893b691ff7890a90b3ce' }, hAsync("dialog", { key: '61e37dbde8a390ccb63908af79cd619832057b12', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '871b79bc21a46f60d590b822b3008b3f6d912ac8', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '5b1b6b8fd6dc49fbdeded274be68d3ff24ff955a', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '4b1eb49940058260d6369c17e81735c3128272d5', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '370a4596c01ef2150b6298086fa3f473c76e1bf8', "aria-label": "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: '16e1511c984b46b75d51021be09aa13fb3fcc0c3', class: "qds-content" }, hAsync("slot", { key: '3047e8fbf63c299ff123501c48221b58c5a4657b' })), this.hasFooterSlot && (hAsync("div", { key: 'bec995497c541a5fb979c0e8bef75d51ed6c7526', class: "qds-footer" }, hAsync("slot", { key: '39be69fdd97b4ecc405d0d35faef8ff9da3d26ef', name: "footer" })))), hAsync("div", { key: '5766c309d8145f1b688e69e5bedb5af0e279c6d3', class: "qds-backdrop", "aria-hidden": "true" })));
8676
+ return (hAsync(Host, { key: 'bf4674798e66be27eb0b35cc098774afb8591916' }, hAsync("dialog", { key: '3fcd5de1d60f22aa005744575d2226a527388385', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: 'c78ad5071e914a9270f08d2e14ff42d7288b7789', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '99d57b36bfc0dd20a1afc6d3ac62a5a7a2c6a83a', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'fc071c652158f1b556a60692fe8a10135be37cef', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '301036e270f56a9bce5c35dda62452e5680c2434', "aria-label": "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: '533874075c54678654210741e139d2d9186512f7', class: "qds-content" }, hAsync("slot", { key: '10c081a99bffd1fb40394bcb957a22329118b777' })), this.hasFooterSlot && (hAsync("div", { key: '927fc31c531dff7ddc4d22869db5789cf47d759d', class: "qds-footer" }, hAsync("slot", { key: '24764196502824137984f0838cb15fd4a1122566', name: "footer" })))), hAsync("div", { key: '4448e7a0d02cada97f8f3fa93ec2bd08caf7d599', class: "qds-backdrop", "aria-hidden": "true" })));
8631
8677
  }
8632
8678
  show() {
8633
8679
  invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
@@ -8713,7 +8759,7 @@ class Divider {
8713
8759
  this.verticalChanged();
8714
8760
  }
8715
8761
  render() {
8716
- return (hAsync("hr", { key: 'c9e6acc256748c7dd1f557ff1b5a20334ccd7c4a', class: {
8762
+ return (hAsync("hr", { key: 'a2920144cecf267a6639c9f6388367600df26660', class: {
8717
8763
  'qds-divider': true,
8718
8764
  'qds-vertical': this.vertical,
8719
8765
  }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
@@ -10451,7 +10497,7 @@ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) |
10451
10497
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
10452
10498
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
10453
10499
  };
10454
- var _Dropdown_instances, _Dropdown_cleanup, _Dropdown_Items, _Dropdown_gap, _Dropdown_middleware, _Dropdown_referenceElement, _Dropdown_open, _Dropdown_opened, _Dropdown_onFocusout, _Dropdown_focusOnTrigger, _Dropdown_onKeydown, _Dropdown_onReferenceClick, _Dropdown_focusFirstItem, _Dropdown_initializeFirstItem, _Dropdown_setFirstItemTabindex, _Dropdown_disconnectReferenceElement, _Dropdown_boundOnFocusout, _Dropdown_boundOnKeydown, _Dropdown_boundOnReferenceClick, _Dropdown_onSlotchange;
10500
+ var _Dropdown_instances, _Dropdown_cleanup, _Dropdown_Items, _Dropdown_gap, _Dropdown_middleware, _Dropdown_referenceElement, _Dropdown_open, _Dropdown_opened, _Dropdown_onFocusout, _Dropdown_focusOnTrigger, _Dropdown_onKeydown, _Dropdown_onReferenceClick, _Dropdown_focusFirstItem, _Dropdown_initializeFirstItem, _Dropdown_setFirstItemTabindex, _Dropdown_findFirstFocusableDescendant, _Dropdown_focusWithin, _Dropdown_disconnectReferenceElement, _Dropdown_boundOnFocusout, _Dropdown_boundOnKeydown, _Dropdown_boundOnReferenceClick, _Dropdown_onSlotchange;
10455
10501
  let autoIncrementingId$3 = 1;
10456
10502
  const isQdsButton = (element) => element.tagName.toLowerCase() === 'qds-button';
10457
10503
  const ALLOWED_TAGS = new Set([
@@ -10462,7 +10508,8 @@ const ALLOWED_TAGS = new Set([
10462
10508
  const isEnabledItem = (element) => element instanceof HTMLElement &&
10463
10509
  ALLOWED_TAGS.has(element.tagName.toLowerCase()) &&
10464
10510
  !element.hasAttribute('disabled') &&
10465
- !element.inert;
10511
+ !element.inert &&
10512
+ element.getAttribute('list-action') !== 'none';
10466
10513
  /**
10467
10514
  * @slot Content to display in the dropdown.
10468
10515
  * @see https://quartz.se.com/build/components/dropdown
@@ -10535,7 +10582,6 @@ class Dropdown {
10535
10582
  const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
10536
10583
  if (relatedTarget instanceof globalThis.Element &&
10537
10584
  !this.host.contains(relatedTarget) &&
10538
- __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
10539
10585
  !dropdownItem)
10540
10586
  await this.close();
10541
10587
  });
@@ -10570,17 +10616,16 @@ class Dropdown {
10570
10616
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
10571
10617
  return;
10572
10618
  }
10573
- if (keydownOnReference &&
10574
- (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
10619
+ if (keydownOnReference && (key === 'ArrowDown' || key === 'ArrowUp')) {
10620
+ event.preventDefault();
10621
+ event.stopPropagation();
10575
10622
  if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
10576
10623
  await this.show();
10577
10624
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
10578
- event.preventDefault();
10579
- event.stopPropagation();
10580
10625
  return;
10581
10626
  }
10582
10627
  // Prevent space key from scrolling the page when focused on an item
10583
- if (key === ' ') {
10628
+ if (key === ' ' || key === 'Enter') {
10584
10629
  event.preventDefault();
10585
10630
  event.stopPropagation();
10586
10631
  return;
@@ -10639,6 +10684,7 @@ class Dropdown {
10639
10684
  }
10640
10685
  await this.show();
10641
10686
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_initializeFirstItem).call(this);
10687
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
10642
10688
  });
10643
10689
  _Dropdown_boundOnFocusout.set(this, (event) => {
10644
10690
  ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
@@ -10672,10 +10718,7 @@ class Dropdown {
10672
10718
  const { host } = this;
10673
10719
  if (reference instanceof globalThis.Element) {
10674
10720
  reference.setAttribute('aria-expanded', 'true');
10675
- reference.setAttribute('aria-controls', host.id);
10676
10721
  host.setAttribute('aria-labelledby', reference.id);
10677
- if (!reference.hasAttribute('aria-haspopup'))
10678
- reference.setAttribute('aria-haspopup', 'true');
10679
10722
  if (isQdsButton(reference) && reference.action === 'dropdown')
10680
10723
  reference.action = 'dropdown-close';
10681
10724
  }
@@ -10696,7 +10739,6 @@ class Dropdown {
10696
10739
  return;
10697
10740
  if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
10698
10741
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
10699
- __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
10700
10742
  if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
10701
10743
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
10702
10744
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
@@ -10729,14 +10771,16 @@ class Dropdown {
10729
10771
  async updateReferenceElement() {
10730
10772
  var _a;
10731
10773
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
10732
- __classPrivateFieldSet$j(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
10774
+ __classPrivateFieldSet$j(this, _Dropdown_referenceElement, resolveTarget(this.target, 'qds-dropdown'), "f");
10733
10775
  if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
10734
10776
  return;
10735
10777
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
10778
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-haspopup', 'true');
10779
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-controls', this.host.id);
10736
10780
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
10737
10781
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
10738
10782
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
10739
- if (this.host.role === 'menu') {
10783
+ if (this.internals.role === 'menu') {
10740
10784
  (_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
10741
10785
  this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
10742
10786
  }
@@ -10795,7 +10839,7 @@ class Dropdown {
10795
10839
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
10796
10840
  }
10797
10841
  render() {
10798
- return (hAsync(Host, { key: '99b0e58ec4762fa26868d79cbab1e12aecdb95f7', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '33db315799e24d3ebb7ec14096499ea4ee081b14', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
10842
+ return (hAsync(Host, { key: '0e08f6bea6c7daaf5663fde8a64e4b57986fa9b3', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '20c10767c9c7d03c7097d7112e8ee489dd72a194', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
10799
10843
  }
10800
10844
  static get delegatesFocus() { return true; }
10801
10845
  get host() { return getElement(this); }
@@ -10849,9 +10893,13 @@ _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_ga
10849
10893
  }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
10850
10894
  requestAnimationFrame(() => {
10851
10895
  const firstItem = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_setFirstItemTabindex).call(this);
10852
- if (!firstItem)
10896
+ if (firstItem) {
10897
+ firstItem.focus();
10853
10898
  return;
10854
- firstItem.focus();
10899
+ }
10900
+ const focusable = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_findFirstFocusableDescendant).call(this);
10901
+ if (focusable)
10902
+ focusable.focus();
10855
10903
  });
10856
10904
  }, _Dropdown_initializeFirstItem = function _Dropdown_initializeFirstItem() {
10857
10905
  requestAnimationFrame(() => {
@@ -10867,10 +10915,34 @@ _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_ga
10867
10915
  item.setAttribute('tabindex', '-1');
10868
10916
  firstItem.setAttribute('tabindex', '0');
10869
10917
  return firstItem;
10918
+ }, _Dropdown_findFirstFocusableDescendant = function _Dropdown_findFirstFocusableDescendant() {
10919
+ for (const child of this.host.children) {
10920
+ if (child instanceof HTMLElement && !child.inert) {
10921
+ const focusable = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusWithin).call(this, child);
10922
+ if (focusable)
10923
+ return focusable;
10924
+ }
10925
+ }
10926
+ return undefined;
10927
+ }, _Dropdown_focusWithin = function _Dropdown_focusWithin(target) {
10928
+ target.focus();
10929
+ if (target.matches(':focus'))
10930
+ return target;
10931
+ if (target.shadowRoot) {
10932
+ for (const child of target.shadowRoot.querySelectorAll('*')) {
10933
+ if (child instanceof HTMLElement && !child.inert) {
10934
+ const focusable = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusWithin).call(this, child);
10935
+ if (focusable)
10936
+ return focusable;
10937
+ }
10938
+ }
10939
+ }
10940
+ return undefined;
10870
10941
  }, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
10871
10942
  this.host.removeAttribute('aria-labelledby');
10872
10943
  if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
10873
10944
  return;
10945
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
10874
10946
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
10875
10947
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
10876
10948
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
@@ -10934,10 +11006,10 @@ class FormMessage {
10934
11006
  __classPrivateFieldGet$n(this, _FormMessage_instances, "m", _FormMessage_syncInternalsAccessibility).call(this);
10935
11007
  }
10936
11008
  render() {
10937
- return (hAsync("div", { key: '490e2876b82e3235e008e272fd98d609d5d414d0', class: {
11009
+ return (hAsync("div", { key: '759963a507bcf2b627308d1c2aba25417f7de9a3', class: {
10938
11010
  'qds-form-message': true,
10939
11011
  'qds-inline': this.inline,
10940
- }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) !== 'neutral' && (hAsync("div", { key: '822e2863046193618dc157549a7b6207ef37086d', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '01a2e35d82460f0dec73c43be19554b1454bc7c4', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, hAsync("qds-icon", { key: 'c524c9fc4d929439cc06aa49a52f5514a2fc78ff', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get), name: `status-${__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get)}-solid`, library: "core" }), hAsync("span", { key: 'e1c0b1a8f5ca1a4b25238e11be1ca8243c7977e0', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'c19a2f4bfb0f2d5b501f349f081fd1b18722520d', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
11012
+ }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) !== 'neutral' && (hAsync("div", { key: '43ed401c91d26c323225436cee087dff786676d2', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: 'dc8e7cb62f946c1a0d4f7ea7b687d61246dddd52', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, hAsync("qds-icon", { key: '0e3063047c84de01742cb309736ffb09187f7382', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get), name: `status-${__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get)}-solid`, library: "core" }), hAsync("span", { key: '71a512a0550e779243aac4e7fbf8a75c1fb7fa68', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: '1d069be1bb36c46ce828c2c4cf0a4ae2006fcbea', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
10941
11013
  }
10942
11014
  get host() { return getElement(this); }
10943
11015
  static get watchers() { return {
@@ -11183,7 +11255,7 @@ class Icon {
11183
11255
  await this.setIcon();
11184
11256
  }
11185
11257
  render() {
11186
- return (hAsync("div", { key: '1eb7551647b3baa73e8a7894b31f1ba8eddc5b77', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '0877039b38c6c3b4db49ca497c66e159f21dac87', class: "qds-icon-wrapper", innerHTML: this.svg })));
11258
+ return (hAsync("div", { key: '679545e776f70c30bc7843c107e115d2dd3501a1', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: 'dd410b390eca7c4db0dc258d635eeb32b9ed7639', class: "qds-icon-wrapper", innerHTML: this.svg })));
11187
11259
  }
11188
11260
  static get watchers() { return {
11189
11261
  "name": ["setIcon"],
@@ -11204,7 +11276,7 @@ class Icon {
11204
11276
  }; }
11205
11277
  }
11206
11278
 
11207
- const iconButtonCss = ":host{display:block;outline:none}.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:a;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-container{display:grid;grid-template-areas:\"a\"}.qds-icon-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;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-small-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-small-badge-indicator-padding-end\n )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-standard-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-standard-badge-indicator-padding-end\n )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-large-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-large-badge-indicator-padding-end\n )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[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 );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-hero-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-indicator-padding-end\n )}[data-size=hero] .qds-counter{inset-block-start:var(\n --qds-control-icon-button-hero-badge-counter-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-counter-padding-end\n )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
11279
+ const iconButtonCss = ":host{display:block;outline:none}.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:d;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-container{display:grid;grid-template-areas:\"d\"}.qds-icon-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;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:d;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-small-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-small-badge-indicator-padding-end\n )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-standard-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-standard-badge-indicator-padding-end\n )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-large-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-large-badge-indicator-padding-end\n )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[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 );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-hero-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-indicator-padding-end\n )}[data-size=hero] .qds-counter{inset-block-start:var(\n --qds-control-icon-button-hero-badge-counter-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-counter-padding-end\n )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
11208
11280
 
11209
11281
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
11210
11282
  //
@@ -11226,10 +11298,6 @@ var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) |
11226
11298
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11227
11299
  };
11228
11300
  var _IconButton_instances, _IconButton_savedTabIndex, _IconButton_button, _IconButton_tooltip, _IconButton_rawAriaLabel, _IconButton_computedSize_get, _IconButton_computedImportance_get, _IconButton_computedDisabled_get, _IconButton_hasText_get, _IconButton_updateAriaLabel, _IconButton_ref, _IconButton_tooltipRef;
11229
- const isCounter$2 = (value) => typeof value === 'string'
11230
- ? !Number.isNaN(Number.parseFloat(value))
11231
- : typeof value === 'number';
11232
- const isIndicator$2 = (value) => value === '' || value === true;
11233
11301
  const preventDefault$1 = (event) => {
11234
11302
  event.preventDefault();
11235
11303
  };
@@ -11294,7 +11362,7 @@ class IconButton {
11294
11362
  _IconButton_tooltipRef.set(this, (tooltip) => {
11295
11363
  if (tooltip) {
11296
11364
  // eslint-disable-next-line no-param-reassign
11297
- tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
11365
+ tooltip.target = this.host;
11298
11366
  __classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
11299
11367
  }
11300
11368
  });
@@ -11373,10 +11441,10 @@ class IconButton {
11373
11441
  }
11374
11442
  render() {
11375
11443
  const Tag = this.href === undefined ? 'button' : 'a';
11376
- return (hAsync("div", { key: 'c637f8f68438848da1c4c6583ea9a15c793858fe', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: 'e289b103914756087fd5b829cb31146c170ee9c3', type: Tag === 'a' ? undefined : 'button', class: {
11444
+ return (hAsync("div", { key: 'a2803cbdd9bc5e5e8b4c633b6b897f658171c47b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '3aec5e2fbee2cac9985a268cb6f29ecd423a3500', type: Tag === 'a' ? undefined : 'button', class: {
11377
11445
  'qds-icon-button': true,
11378
11446
  'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
11379
- }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '83e3f6e9a2e3458abbea3298588f16e2a92e9fcb', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: 'ed6ac17998893da10446e75aa07b0d62eab2fee2', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: 'c10b19043c92d846542622482617a0e32dbbae51', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '5c67aadac993375758759a63a1fd110f8c267333', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '7e400bedc6f48014a6c57f17175d337a95363ad6', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
11447
+ }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '9d93634f3b86517b1b440a17f2295be29cd9dda7', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '7969d5bedaa444a0bb73f81a9b6d42ac1ea78727', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '11d3a61a6c06abc8f4bbabee349898826d6880c3', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '4ec792cd970d1664aa92e243cd4008049a26ee0e', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: 'd8091fce4390e61261f00e584589788d7ef153f7', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
11380
11448
  }
11381
11449
  static get formAssociated() { return true; }
11382
11450
  get host() { return getElement(this); }
@@ -11441,14 +11509,8 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
11441
11509
  }, _IconButton_updateAriaLabel = function _IconButton_updateAriaLabel() {
11442
11510
  const label = this.text ?? __classPrivateFieldGet$m(this, _IconButton_rawAriaLabel, "f") ?? '';
11443
11511
  const hasBadge = this.badge !== undefined;
11444
- if (hasBadge && this.badgeDescription !== undefined) {
11445
- this.internals.ariaLabel = isIndicator$2(this.badge)
11446
- ? `${label} ${this.badgeDescription}`
11447
- : `${label} ${this.badge} ${this.badgeDescription}`;
11448
- return;
11449
- }
11450
- if (hasBadge && !isIndicator$2(this.badge)) {
11451
- this.internals.ariaLabel = `${label} ${this.badge}`;
11512
+ if (hasBadge) {
11513
+ this.internals.ariaLabel = computeBadgeValue(label, this.badge, this.badgeDescription);
11452
11514
  return;
11453
11515
  }
11454
11516
  this.internals.ariaLabel =
@@ -11478,11 +11540,7 @@ var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) |
11478
11540
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
11479
11541
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11480
11542
  };
11481
- var _IconTab_instances, _IconTab_div, _IconTab_panel, _IconTab_iconTab, _IconTab_computedSize_get, _IconTab_computedImportance_get, _IconTab_parentLayer_get, _IconTab_parentLevel_get, _IconTab_computedDisabled_get, _IconTab_placement_get, _IconTab_ref, _IconTab_iconTabRef, _IconTab_tooltipRef, _IconTab_onBlur, _IconTab_onFocus, _IconTab_defineTab, _IconTab_defineGetter;
11482
- const isCounter$1 = (value) => typeof value === 'string'
11483
- ? !Number.isNaN(Number.parseFloat(value))
11484
- : typeof value === 'number';
11485
- const isIndicator$1 = (value) => value === '' || value === true;
11543
+ var _IconTab_instances, _IconTab_tab, _IconTab_panel, _IconTab_computedSize_get, _IconTab_computedImportance_get, _IconTab_parentLayer_get, _IconTab_parentLevel_get, _IconTab_computedDisabled_get, _IconTab_placement_get, _IconTab_isLink_get, _IconTab_syncAriaLabel, _IconTab_tabRef, _IconTab_tooltipRef, _IconTab_onBlur, _IconTab_onFocus, _IconTab_defineTab, _IconTab_defineGetter;
11486
11544
  let autoIncrementingId$2 = 1;
11487
11545
  /**
11488
11546
  * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -11533,19 +11591,16 @@ class IconTab {
11533
11591
  */
11534
11592
  this.size = 'standard';
11535
11593
  this.isIndicatorOnTop = false;
11536
- _IconTab_div.set(this, void 0);
11594
+ _IconTab_tab.set(this, void 0);
11537
11595
  _IconTab_panel.set(this, void 0);
11538
- _IconTab_iconTab.set(this, void 0);
11539
- _IconTab_ref.set(this, (div) => {
11540
- __classPrivateFieldSet$h(this, _IconTab_div, div, "f");
11541
- });
11542
- _IconTab_iconTabRef.set(this, (tab) => {
11543
- __classPrivateFieldSet$h(this, _IconTab_iconTab, tab, "f");
11596
+ _IconTab_tabRef.set(this, (tab) => {
11597
+ __classPrivateFieldSet$h(this, _IconTab_tab, tab, "f");
11598
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11544
11599
  });
11545
11600
  _IconTab_tooltipRef.set(this, (tooltip) => {
11546
11601
  if (tooltip)
11547
11602
  // eslint-disable-next-line no-param-reassign
11548
- tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
11603
+ tooltip.target = this.host;
11549
11604
  });
11550
11605
  _IconTab_onBlur.set(this, (event) => {
11551
11606
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -11554,19 +11609,27 @@ class IconTab {
11554
11609
  this.focusEmitter.emit(pickFocusEventAttributes(event));
11555
11610
  });
11556
11611
  _IconTab_defineTab.set(this, () => {
11557
- this.internals.role = 'tab';
11558
- __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
11612
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get)) {
11613
+ // eslint-disable-next-line unicorn/no-null
11614
+ this.internals.role = null;
11615
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_tab, "f"));
11616
+ }
11617
+ else {
11618
+ this.internals.role = 'tab';
11619
+ this.internals.ariaSelected = this.selected ? 'true' : 'false';
11620
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => this.host);
11621
+ }
11622
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11559
11623
  });
11560
11624
  }
11561
11625
  panelChanged() {
11562
11626
  this.disconnectedCallback();
11563
- const panel = resolveTarget(this.panel);
11627
+ const panel = resolveTarget(this.panel, 'qds-icon-tab');
11564
11628
  if (!(panel instanceof globalThis.Element))
11565
11629
  return;
11566
11630
  __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
11567
- const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11568
- if (tab)
11569
- tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
11631
+ if (!__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get))
11632
+ this.host.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
11570
11633
  if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
11571
11634
  __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
11572
11635
  if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
@@ -11582,6 +11645,13 @@ class IconTab {
11582
11645
  this.tabIndex =
11583
11646
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
11584
11647
  }
11648
+ ariaLabelChanged() {
11649
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11650
+ }
11651
+ hrefChanged() {
11652
+ __classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
11653
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11654
+ }
11585
11655
  componentWillLoad() {
11586
11656
  var _a;
11587
11657
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
@@ -11600,9 +11670,7 @@ class IconTab {
11600
11670
  disconnectedCallback() {
11601
11671
  if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
11602
11672
  return;
11603
- const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11604
- if (tab)
11605
- tab.removeAttribute('aria-controls');
11673
+ this.host.removeAttribute('aria-controls');
11606
11674
  if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
11607
11675
  // eslint-disable-next-line unicorn/no-null
11608
11676
  __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
@@ -11611,20 +11679,24 @@ class IconTab {
11611
11679
  __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
11612
11680
  }
11613
11681
  render() {
11614
- const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
11682
+ const isLink = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get);
11615
11683
  const Tag = isLink ? 'a' : 'div';
11616
- return (hAsync("div", { key: 'b58fa450fd39c6a344befae33d929abf0ad128f9', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
11684
+ return (hAsync("div", { key: 'a07a44895055d6ad057780791f1b47eb92f19656', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
11617
11685
  'qds-selected': this.selected,
11618
- }, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$l(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '088a28dfd80adde6212e7a9636af0d82ee9d1558', ref: __classPrivateFieldGet$l(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$l(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _IconTab_onFocus, "f"), class: {
11686
+ }, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get) }, hAsync(Tag, { key: '9f37a73925df953a0c82bff6916ee49d0e2d95f6', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$l(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _IconTab_onFocus, "f"), class: {
11619
11687
  'qds-icon-tab': true,
11620
11688
  'qds-selected': this.selected,
11621
11689
  [`qds-indicator-${this.indicatorPosition}`]: true,
11622
- }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: 'b90487476f2f3062d5c2e37e6bea4840737740f5', class: "qds-icon-container" }, hAsync("qds-icon", { key: '0bf38dc86125dad03fee937a1c77edd410d44fbd', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '3290af493236d92a24ed9a027621cd8aecb06e71', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: 'ef80241f2f407b54e363bd65e1f418b763ca4c86', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'aedf06b4765747ec8f9899abdf429669d6453dd1', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '2d83f0057f41c9e37b09674f5304a3067a68ebc3', layer: "accessory", level: "root" }, this.text))));
11690
+ }, "aria-selected": isLink && this.selected ? 'true' : undefined, "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined, role: isLink ? 'tab' : undefined, ref: __classPrivateFieldGet$l(this, _IconTab_tabRef, "f") }, hAsync("div", { key: 'e86a614402e0fbb35deb4352955ced1957c05a4e', class: "qds-icon-container" }, hAsync("qds-icon", { key: 'e0bc0565e7e362531cc93952f07b9ed9af583600', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'a198419320b358545bcf07c9614edfe2a7d34c4c', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '08da61a0b23b5dbbacd1d383bd4ef855d6621d62', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'ab638b82a0c6fe3d88ba28ee87d02c3ceb55d3df', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '1a0009d13238d7896416e476215476450d7107d8', layer: "accessory", level: "root" }, this.text))));
11623
11691
  }
11624
11692
  get host() { return getElement(this); }
11625
11693
  static get watchers() { return {
11626
11694
  "panel": ["panelChanged"],
11627
- "tabindex": ["tabindexChanged"]
11695
+ "tabindex": ["tabindexChanged"],
11696
+ "text": ["ariaLabelChanged"],
11697
+ "badge": ["ariaLabelChanged"],
11698
+ "badgeDescription": ["ariaLabelChanged"],
11699
+ "href": ["hrefChanged"]
11628
11700
  }; }
11629
11701
  static get style() { return iconTabCss; }
11630
11702
  static get cmpMeta() { return {
@@ -11653,7 +11725,7 @@ class IconTab {
11653
11725
  "$attrsToReflect$": []
11654
11726
  }; }
11655
11727
  }
11656
- _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_iconTab = new WeakMap(), _IconTab_ref = new WeakMap(), _IconTab_iconTabRef = new WeakMap(), _IconTab_tooltipRef = new WeakMap(), _IconTab_onBlur = new WeakMap(), _IconTab_onFocus = new WeakMap(), _IconTab_defineTab = new WeakMap(), _IconTab_instances = new WeakSet(), _IconTab_computedSize_get = function _IconTab_computedSize_get() {
11728
+ _IconTab_tab = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_tabRef = new WeakMap(), _IconTab_tooltipRef = new WeakMap(), _IconTab_onBlur = new WeakMap(), _IconTab_onFocus = new WeakMap(), _IconTab_defineTab = new WeakMap(), _IconTab_instances = new WeakSet(), _IconTab_computedSize_get = function _IconTab_computedSize_get() {
11657
11729
  switch (this.size) {
11658
11730
  case 'standard':
11659
11731
  case 'small':
@@ -11687,6 +11759,26 @@ _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_iconTab =
11687
11759
  return 'bottom';
11688
11760
  }
11689
11761
  }
11762
+ }, _IconTab_isLink_get = function _IconTab_isLink_get() {
11763
+ return this.href !== undefined;
11764
+ }, _IconTab_syncAriaLabel = function _IconTab_syncAriaLabel() {
11765
+ const ariaLabel = this.badge === undefined
11766
+ ? // eslint-disable-next-line unicorn/no-null
11767
+ (this.text ?? null)
11768
+ : computeBadgeValue(this.text, this.badge, this.badgeDescription);
11769
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get)) {
11770
+ // eslint-disable-next-line unicorn/no-null
11771
+ this.internals.ariaLabel = null;
11772
+ if (ariaLabel === null) {
11773
+ __classPrivateFieldGet$l(this, _IconTab_tab, "f")?.removeAttribute('aria-label');
11774
+ }
11775
+ else {
11776
+ __classPrivateFieldGet$l(this, _IconTab_tab, "f")?.setAttribute('aria-label', ariaLabel);
11777
+ }
11778
+ return;
11779
+ }
11780
+ __classPrivateFieldGet$l(this, _IconTab_tab, "f")?.removeAttribute('aria-label');
11781
+ this.internals.ariaLabel = ariaLabel;
11690
11782
  }, _IconTab_defineGetter = function _IconTab_defineGetter(p, get) {
11691
11783
  Object.defineProperty(this.host, p, { enumerable: true, get });
11692
11784
  };
@@ -11812,10 +11904,10 @@ class InlineLink {
11812
11904
  __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
11813
11905
  }
11814
11906
  render() {
11815
- return (hAsync("a", { key: '5e98f35ab690d555e08b706b1d744c2143549d4a', "aria-hidden": "true", class: {
11907
+ return (hAsync("a", { key: '4d6e42864e8a486dd43e5d135235af25d056151c', "aria-hidden": "true", class: {
11816
11908
  'qds-inline-link': true,
11817
11909
  'qds-disabled': this.disabled,
11818
- }, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'e796f1f6b2087038611d5e99ebfdfba02a7a8d4c', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: 'cddf92369dba53b2e53f393191adda5a24259563', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: '2afb005b8853bb82f9ab61b14a02ff2f978f4cb3', class: "qds-icon", library: "core", name: this.linkIcon }))));
11910
+ }, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '7fb6b02c0d0a84fa30084b03be1dc0a788f083d6', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '474dde87899de40f6d50a92f8523d98c0224760d' }, hAsync("slot", { key: '224dab8982040c1312e1e3d35df26dd5100221b9', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") })), this.linkIcon && (hAsync("qds-icon", { key: 'c5e2051bcd56207d7563330fc643c7116aade1de', class: "qds-icon", library: "core", name: this.linkIcon }))));
11819
11911
  }
11820
11912
  get host() { return getElement(this); }
11821
11913
  static get watchers() { return {
@@ -11860,7 +11952,7 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
11860
11952
  return this.target === '_blank';
11861
11953
  };
11862
11954
 
11863
- const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{letter-spacing:inherit;max-width:inherit;width:inherit;word-spacing:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));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-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
11955
+ const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{letter-spacing:inherit;max-width:inherit;width:inherit;word-spacing:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"a\"}.qds-icon-container,.qds-input{grid-area:a}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));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-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:a;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input::placeholder{color:var(--qds-theme-form-input-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
11864
11956
 
11865
11957
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11866
11958
  //
@@ -12262,7 +12354,7 @@ class Input {
12262
12354
  const shouldShowSearchButton = isSearchType && this.noIcon === false;
12263
12355
  const shouldHideIcon = !isSearchType && this.noIcon === true;
12264
12356
  const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
12265
- return (hAsync("div", { key: '0bf9fdcc8938e511ffd3304f45848f3ac332f2c5', class: "qds-container" }, hAsync("input", { key: 'f54a65875087136dae83af6380b0da958ea3973f', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12357
+ return (hAsync("div", { key: '5fafd9f757ef2f22e8674646a8d39ea35ef5512d', class: "qds-container" }, hAsync("input", { key: '28973fa020fad68133f42362becd41823fc97776', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12266
12358
  // eslint-disable-next-line jsx-a11y/no-autofocus
12267
12359
  autoFocus: this.host.autofocus, capture: this.capture, class: {
12268
12360
  'qds-search-padding': shouldRemoveSearchPadding,
@@ -12273,7 +12365,7 @@ class Input {
12273
12365
  (this.isPasswordVisible && this.type === 'text'),
12274
12366
  'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
12275
12367
  'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
12276
- }, "data-status": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$j(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$j(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$j(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$j(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$j(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$j(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '04cb2cf6f04b05ad081d3545786969aa4104c409', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '546affdf737672979448db665824060771f23adc', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'ee13db96309169ab751d42d5705ab844286dcd50', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
12368
+ }, "data-status": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$j(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$j(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$j(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$j(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$j(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$j(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: 'f566daf7b17d5c4fc9bd846744a14c71ac18b65a', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '397dc20c1680762a218100fd714249b75f8473ad', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '5c500890ef26da34262829df4065f64e63b5089a', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
12277
12369
  __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
12278
12370
  __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$j(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$j(this, _Input_renderSearchButton, "f").call(this)))));
12279
12371
  }
@@ -12502,12 +12594,12 @@ class Label {
12502
12594
  __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
12503
12595
  }
12504
12596
  render() {
12505
- return (hAsync("span", { key: '79d6e7a5e92d3f97933b40e3c22159707280cbbe', class: {
12597
+ return (hAsync("span", { key: '0915703faa9ab405d9906f6620bfa19d78fbfca2', class: {
12506
12598
  'qds-inline': this.inline,
12507
12599
  'qds-label': true,
12508
12600
  }, "data-size": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$i(this, _Label_labelRef, "f"),
12509
12601
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
12510
- tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '25332f8f9d9e2aa3dd8b3475c904edfc27dafec9', class: "qds-required" }, "*"), hAsync("span", { key: '80492aefacf6ed82e889b0fbc9351dcf8acb5a27', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: 'c61aa883a02d48f53831514f74be2823d23678e3', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
12602
+ tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: 'd0a36929ba2e813923e5e28c5d13f9f62203637b', class: "qds-required" }, "*"), hAsync("span", { key: '0dd2a08b4c5458408aaa30fe241fc807920dd50c', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '68050637f772a80cae98db77c10fb7d42a507dca', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
12511
12603
  }
12512
12604
  static get watchers() { return {
12513
12605
  "text": ["textChanged"]
@@ -12779,18 +12871,18 @@ class ListItem {
12779
12871
  this.subtitleChanged();
12780
12872
  }
12781
12873
  render() {
12782
- return (hAsync(Host, { key: '4d09719a8b92bd1bd16ac819e1350a9370f0f648' }, hAsync("div", { key: 'e834cf3e518a01f9f7371a993e235e58994853eb', class: {
12874
+ return (hAsync(Host, { key: 'fc9e8b47c69efbdd474f2253f50a451e9be82ec2' }, hAsync("div", { key: '0178cf6c821cd8b09a69021311175c630f1bfdf4', class: {
12783
12875
  'qds-list-item': true,
12784
12876
  'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
12785
12877
  'qds-disabled': this.disabled,
12786
12878
  'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
12787
12879
  'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
12788
- }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '64f5d7796de062bb8043ca0c53a162bee63fbf72', class: {
12880
+ }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: 'fb2f5397b4b93b248f82a5fae33145b5f6af86bb', class: {
12789
12881
  'qds-indented-content': true,
12790
12882
  'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
12791
- } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a6e08ee6e4f02be7eaf826016e68f60f73b79678', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: stopImmediatePropagation, ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: '0014445604c21bc1b322a4bb3cd285799812979a', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'f90356dee4cb32fbafcb4a1580ea1f325b114d9f', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '1e9efb8918c452649e9dcc44d797d377d103bd01', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '110c75be71a3d09171582454b8e933304f2a0c91', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '14f1ac38bdc47901ec6450e1964bc0df471c8a65', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: 'e936c1c06077bfd2eb531d0a22c15073d5ee3880', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
12883
+ } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '40a215a1042bf19d4cbfc3acc4952d05e5c77d86', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: stopImmediatePropagation, ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'bfc7faa9a19b9d552f9d4052097de7418ebeae51', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'cdd01cecc10cb827c50e3fa11db8cfd20419b78e', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '9c1eea174d74cfd4ae3bac725bf661ab6f828afd', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f63b4f5a0899aa57ed7491de3a8b7321c7d239e3', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '87fedaf9564e754ae0e2b9dbeb6148210bfe5341', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '0993c1fdb6b9309b6f58b393694272f30dbf7e23', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
12792
12884
  ? 0
12793
- : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '122d26660e62e4c35572037ee382ca44838b2b0a', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '21e96e949ef2f89d2399d29ae72f56e7f5e8f858', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '95b13e521436d694c37925fd4ada2d61f1fc2068', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '35eed39bcbb06d69f03d66e90e1d8d22a8ae56ff', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: 'b8935175371857fc514df2d9ae33601715c94d53', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: 'ef3f943d2a51320bd84a2aa22911c2170d507da2', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'e74f1cf5b1428bba054c8d7e5b5d66237bc03871', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: 'a399a6cd9075975f92af208c2bca2c33584108b9', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '3fb38cb08dc93ad5f1ac451b60bc7b38ce75f1cd' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '38a0a2fd46a1dab5fa874b9f679f1b08a9e47aad', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: 'e5d859c99b4615bab764579620684d4d79a73f84', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '4d10a39bc0034b3be8cd501727941db7123d1713', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: '50e58c10c993c6951f0ef66e2c3d31f3295f7bd9', class: "qds-tooltip-subtitle" }, this.subtitle))))));
12885
+ : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'a1a6411b94bc9056f8cd4a5d87e655ea1866be59', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '716b7c1e086446653b57ab7c4814914262c2691a', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '1bb85fe9790529121915b1228b8e5da795f5ec8d', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '23193abe734625075ee972a3d684cc49066fc680', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '44f0d2c6d752b7c137466f2cfeecff952c50db79', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '7242254aa2ac2e4d7607e5896f239b9610329ac9', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '034db48359fb561aede8f190f3ff78cd2acbbcf4', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: 'fe3d2a12ded31fc135b01256ce0375bc356c9dc5', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '777bd1da618126ce7664ca50d083162566417b86' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '9d84dc380e85cb81b91e3908bfd421812bb82a1f', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '0e60fa0a8f3affcf5384030c6da0301dc95c978b', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: 'e129593f9eeb06b3569a3b4093e39077bd543e30', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: '400febabe85d4b98ec9f3c62d9628880bafd7c33', class: "qds-tooltip-subtitle" }, this.subtitle))))));
12794
12886
  }
12795
12887
  get host() { return getElement(this); }
12796
12888
  static get watchers() { return {
@@ -12869,7 +12961,7 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
12869
12961
  return this.hasSubmenuSlot;
12870
12962
  };
12871
12963
 
12872
- const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:a 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n --qds-theme-feedback-loader-destructive-indeterminate\n )}[data-status=loading][data-importance=informative]{background-image:var(\n --qds-theme-feedback-loader-informational-indeterminate\n )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n --qds-theme-feedback-loader-neutral-contrast-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes a{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
12964
+ const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:b 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n --qds-theme-feedback-loader-destructive-indeterminate\n )}[data-status=loading][data-importance=informative]{background-image:var(\n --qds-theme-feedback-loader-informational-indeterminate\n )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n --qds-theme-feedback-loader-neutral-contrast-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes b{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
12873
12965
 
12874
12966
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
12875
12967
  //
@@ -13023,7 +13115,7 @@ var __classPrivateFieldSet$c = (undefined && undefined.__classPrivateFieldSet) |
13023
13115
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
13024
13116
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
13025
13117
  };
13026
- var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_submenuDropdown, _MenuItem_submenuPlacement_get, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
13118
+ var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_submenuDropdown, _MenuItem_rawAriaLabel, _MenuItem_submenuPlacement_get, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_computedRole_get, _MenuItem_hasShortcut_get, _MenuItem_computedAriaLabel_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef, _MenuItem_updateAriaLabel;
13027
13119
  /**
13028
13120
  *
13029
13121
  *
@@ -13062,6 +13154,7 @@ class MenuItem {
13062
13154
  _MenuItem_menuItem.set(this, void 0);
13063
13155
  _MenuItem_span.set(this, void 0);
13064
13156
  _MenuItem_submenuDropdown.set(this, void 0);
13157
+ _MenuItem_rawAriaLabel.set(this, void 0);
13065
13158
  _MenuItem_menuitemDivRef.set(this, (menuItem) => {
13066
13159
  if (menuItem) {
13067
13160
  __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
@@ -13117,6 +13210,16 @@ class MenuItem {
13117
13210
  checkedChanged() {
13118
13211
  this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
13119
13212
  }
13213
+ textChanged() {
13214
+ __classPrivateFieldGet$f(this, _MenuItem_instances, "m", _MenuItem_updateAriaLabel).call(this);
13215
+ }
13216
+ ariaLabelChanged(newValue) {
13217
+ __classPrivateFieldSet$c(this, _MenuItem_rawAriaLabel, newValue ?? undefined, "f");
13218
+ __classPrivateFieldGet$f(this, _MenuItem_instances, "m", _MenuItem_updateAriaLabel).call(this);
13219
+ }
13220
+ shortcutChanged() {
13221
+ __classPrivateFieldGet$f(this, _MenuItem_instances, "m", _MenuItem_updateAriaLabel).call(this);
13222
+ }
13120
13223
  componentDidLoad() {
13121
13224
  this.checkedChanged();
13122
13225
  invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
@@ -13131,26 +13234,32 @@ class MenuItem {
13131
13234
  }
13132
13235
  componentWillLoad() {
13133
13236
  this.hasSubmenuSlot = this.host.hasChildNodes();
13134
- this.internals.role = this.hasSubmenuSlot
13135
- ? 'menu'
13136
- : this.type === 'checkbox'
13137
- ? 'menuitemcheckbox'
13138
- : 'menuitem';
13237
+ const { ariaLabel } = this.host;
13238
+ if (ariaLabel !== null) {
13239
+ __classPrivateFieldSet$c(this, _MenuItem_rawAriaLabel, ariaLabel, "f");
13240
+ }
13241
+ this.internals.role = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedRole_get);
13242
+ // eslint-disable-next-line unicorn/no-null
13243
+ this.internals.ariaHasPopup = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) ? 'menu' : null;
13139
13244
  this.disabledChanged();
13245
+ this.textChanged();
13140
13246
  }
13141
13247
  render() {
13142
- return (hAsync(Host, { key: 'f59fc1aa593b8f2a96708e3a8e1ea7a616605876' }, hAsync("div", { key: 'f60c27a0d0fbd2466808eb4acb8ec014f3e46a05', class: {
13248
+ return (hAsync(Host, { key: '188cb246fe509c86b2f188dbf68a01f3705d4400' }, hAsync("div", { key: 'a4ebc3162cbb01afba240e1ec19d4ab03c15941c', class: {
13143
13249
  'qds-menu-item': true,
13144
13250
  'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
13145
13251
  'qds-has-submenu': this.hasSubmenuSlot,
13146
- }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: '6568198d5d6cce60288526d6d90be4896d1d7087', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '3b17235c25ca6244bb1afc2fd8e3a17d6844da16', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '36433c135b0a381ae74a0b2250d5d160e23fe180', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '9a46e96e66e87effba507f7ee8e82aacc2cc03da', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'ad4864a046632c01ba79c2b90d5899a413855042', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: 'bc4325728cfa74e4c229e7c69fb8b83baacf7220', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: '320a0b4ac80b1feaa9602b22df748e05aa30d52c', class: "qds-icon", library: "core", name: "navigation" })))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '529440eb657c8401ba92dcd4bdc3a065a72e51f9', class: "qds-accessory qds-related", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), ref: (element) => {
13252
+ }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'a8789cf00c5420c848a13cca4a5e3c12b6de7816', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '3d4e4fadf946e73c94d3ff55623313824e12b493', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'c72568eca1ce49400ac75a961cbf1c7069cfcc3d', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd61752f41105f296937079799b0727c6996b949b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '29eb303cf1149475a27b0db7a21da102944ae517', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasShortcut_get) && (hAsync("span", { key: '971b1ac1ecd8d48052783a428437380e52c3dbd3', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'e338f528ef590fefad078cd711ec68070857429f', class: "qds-icon", library: "core", name: "navigation" })))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '7e305dd2fb596aa36207ba15d55d1035101cd897', class: "qds-accessory qds-related", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), ref: (element) => {
13147
13253
  __classPrivateFieldSet$c(this, _MenuItem_submenuDropdown, element, "f");
13148
- } }, hAsync("slot", { key: 'a415b02332197ff35f588279e4469eaac24ecee2' }))), this.tooltip && (hAsync("qds-tooltip", { key: '5406ce00bca96d747f62216baff27058f85132dd', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
13254
+ } }, hAsync("slot", { key: '2f8d35a64b65a3dcde2d48800ec09d1ddc0aaaac' }))), this.tooltip && (hAsync("qds-tooltip", { key: '1db819ba0bb444a600f1f497ff0f064c653bf9cd', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
13149
13255
  }
13150
13256
  get host() { return getElement(this); }
13151
13257
  static get watchers() { return {
13152
13258
  "disabled": ["disabledChanged"],
13153
- "checked": ["checkedChanged"]
13259
+ "checked": ["checkedChanged"],
13260
+ "text": ["textChanged"],
13261
+ "aria-label": ["ariaLabelChanged"],
13262
+ "shortcut": ["shortcutChanged"]
13154
13263
  }; }
13155
13264
  static get style() { return menuItemCss; }
13156
13265
  static get cmpMeta() { return {
@@ -13173,7 +13282,7 @@ class MenuItem {
13173
13282
  "$attrsToReflect$": []
13174
13283
  }; }
13175
13284
  }
13176
- _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_submenuDropdown = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_submenuPlacement_get = function _MenuItem_submenuPlacement_get() {
13285
+ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_submenuDropdown = new WeakMap(), _MenuItem_rawAriaLabel = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_submenuPlacement_get = function _MenuItem_submenuPlacement_get() {
13177
13286
  return isRTL$1(this.host) ? 'left-start' : 'right-start';
13178
13287
  }, _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
13179
13288
  switch (this.size) {
@@ -13196,6 +13305,19 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
13196
13305
  return this.disabled ?? false;
13197
13306
  }, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
13198
13307
  return this.hasSubmenuSlot;
13308
+ }, _MenuItem_computedRole_get = function _MenuItem_computedRole_get() {
13309
+ return this.hasSubmenuSlot
13310
+ ? 'menuitem'
13311
+ : this.type === 'checkbox'
13312
+ ? 'menuitemcheckbox'
13313
+ : 'menuitem';
13314
+ }, _MenuItem_hasShortcut_get = function _MenuItem_hasShortcut_get() {
13315
+ return (this.shortcut?.trim() ?? '') !== '';
13316
+ }, _MenuItem_computedAriaLabel_get = function _MenuItem_computedAriaLabel_get() {
13317
+ const label = __classPrivateFieldGet$f(this, _MenuItem_rawAriaLabel, "f") ?? this.text;
13318
+ return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasShortcut_get) ? `${label} ${this.shortcut}` : label;
13319
+ }, _MenuItem_updateAriaLabel = function _MenuItem_updateAriaLabel() {
13320
+ this.internals.ariaLabel = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedAriaLabel_get);
13199
13321
  };
13200
13322
 
13201
13323
  const miniButtonCss = ":host{border-radius:var(--qds-control-rounded-border-radius);display:block}:host(:focus-visible){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}:host(:hover){background-color:var(--qds-theme-interactive-background-hover)}:host(:active){background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button{align-items:center;background-color:initial;border:none;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
@@ -13335,7 +13457,7 @@ _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet()
13335
13457
  return this.disabled ?? false;
13336
13458
  };
13337
13459
 
13338
- const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:b 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes b{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
13460
+ const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:a 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes a{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
13339
13461
 
13340
13462
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13341
13463
  //
@@ -13476,7 +13598,7 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
13476
13598
  Object.defineProperty(this.host, p, { enumerable: true, get });
13477
13599
  };
13478
13600
 
13479
- 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}";
13601
+ const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){outline:none}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);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:var(--qds-control-standard-gap-siblings-related)}.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,:host(:focus-visible) .qds-anchor{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}";
13480
13602
 
13481
13603
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13482
13604
  //
@@ -13621,12 +13743,12 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
13621
13743
  return false;
13622
13744
  return isCurrentPage(this.href);
13623
13745
  }, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
13624
- return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, hAsync("a", { class: "qds-anchor", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
13746
+ return (hAsync(Fragment, null, hAsync("a", { class: "qds-anchor qds-overflow", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
13625
13747
  }, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
13626
13748
  return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
13627
13749
  };
13628
13750
 
13629
- const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:e;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"e\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){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-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-default-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
13751
+ const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:f;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"f\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){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-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-default-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
13630
13752
 
13631
13753
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13632
13754
  //
@@ -13801,7 +13923,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
13801
13923
  return this.text !== undefined && this.text !== '';
13802
13924
  };
13803
13925
 
13804
- const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{letter-spacing:inherit;width:inherit;word-spacing:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:j}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));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-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
13926
+ const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"b\"}.qds-container,.qds-select{letter-spacing:inherit;width:inherit;word-spacing:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:b}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:b;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));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-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
13805
13927
 
13806
13928
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13807
13929
  //
@@ -14065,12 +14187,12 @@ class Select {
14065
14187
  this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
14066
14188
  }
14067
14189
  render() {
14068
- return (hAsync("div", { key: '7ec5716068098204bef753a2a3638cbe6dc3b6e2', class: {
14190
+ return (hAsync("div", { key: 'b098f032561e734da66f3f499056cc9521db6235', class: {
14069
14191
  'qds-container': true,
14070
14192
  'qds-multiple': this.multiple ?? false,
14071
- }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '2223f9305b8815f706098b6cf547f473679b1d4e', autoComplete: this.autoComplete,
14193
+ }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '9555b4ecc3043c45d647512d782e8e8d7ae3b740', autoComplete: this.autoComplete,
14072
14194
  // eslint-disable-next-line jsx-a11y/no-autofocus
14073
- autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$a(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$a(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$a(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$a(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$a(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$a(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: 'b1272954bda840e88ab22f593ed3d66878b72a12', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'e790b0bd0a31ae42857e1f1b4aef16869c9b2198', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'a8bcffcfc020618494737f6d0d70867857b8d905', class: "qds-focus-ring" })));
14195
+ autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$a(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$a(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$a(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$a(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$a(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$a(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '66c03e7d53d2c3d4185162bcdcfc3a4181985199', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'fb93dc938874d22f5ad293aae12782d7272ab5db', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: '444579cfa37ebf7d98acf9ad9cbae82465eddc47', class: "qds-focus-ring" })));
14074
14196
  }
14075
14197
  static get delegatesFocus() { return true; }
14076
14198
  static get formAssociated() { return true; }
@@ -14587,7 +14709,7 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
14587
14709
  null);
14588
14710
  };
14589
14711
 
14590
- const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
14712
+ const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex;letter-spacing:inherit;word-spacing:inherit}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
14591
14713
 
14592
14714
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
14593
14715
  //
@@ -14608,11 +14730,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
14608
14730
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
14609
14731
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
14610
14732
  };
14611
- var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentImportance_get, _Tab_parentSize_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
14612
- const isCounter = (value) => typeof value === 'string'
14613
- ? !Number.isNaN(Number.parseFloat(value))
14614
- : typeof value === 'number';
14615
- const isIndicator = (value) => value === '' || value === true;
14733
+ var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentImportance_get, _Tab_parentSize_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_onBlur, _Tab_onFocus, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_defineTab, _Tab_defineGetter;
14616
14734
  let autoIncrementingId$1 = 1;
14617
14735
  /**
14618
14736
  * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -14682,6 +14800,12 @@ class Tab {
14682
14800
  this.isIndicatorOnTop = false;
14683
14801
  _Tab_panel.set(this, void 0);
14684
14802
  _Tab_tab.set(this, void 0);
14803
+ _Tab_onBlur.set(this, (event) => {
14804
+ this.blurEmitter.emit(pickFocusEventAttributes(event));
14805
+ });
14806
+ _Tab_onFocus.set(this, (event) => {
14807
+ this.focusEmitter.emit(pickFocusEventAttributes(event));
14808
+ });
14685
14809
  _Tab_tabRef.set(this, (tab) => {
14686
14810
  __classPrivateFieldSet$4(this, _Tab_tab, tab, "f");
14687
14811
  });
@@ -14692,25 +14816,20 @@ class Tab {
14692
14816
  event.stopPropagation();
14693
14817
  __classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
14694
14818
  });
14695
- _Tab_onBlur.set(this, (event) => {
14696
- this.blurEmitter.emit(pickFocusEventAttributes(event));
14697
- });
14698
- _Tab_onFocus.set(this, (event) => {
14699
- this.focusEmitter.emit(pickFocusEventAttributes(event));
14700
- });
14701
14819
  _Tab_defineTab.set(this, () => {
14702
- if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
14703
- __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
14704
- }
14705
- else {
14820
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable') {
14706
14821
  this.internals.role = 'tab';
14822
+ this.internals.ariaSelected = this.selected ? 'true' : 'false';
14707
14823
  __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
14708
14824
  }
14825
+ else {
14826
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
14827
+ }
14709
14828
  });
14710
14829
  }
14711
14830
  panelChanged() {
14712
14831
  this.disconnectedCallback();
14713
- const panel = resolveTarget(this.panel);
14832
+ const panel = resolveTarget(this.panel, 'qds-tab');
14714
14833
  if (!(panel instanceof globalThis.Element))
14715
14834
  return;
14716
14835
  __classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
@@ -14727,6 +14846,12 @@ class Tab {
14727
14846
  if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
14728
14847
  event.stopImmediatePropagation();
14729
14848
  }
14849
+ onBlur(event) {
14850
+ this.blurEmitter.emit(pickFocusEventAttributes(event));
14851
+ }
14852
+ onFocus(event) {
14853
+ this.focusEmitter.emit(pickFocusEventAttributes(event));
14854
+ }
14730
14855
  tabindexChanged(newValue) {
14731
14856
  const parsedValue = Number.parseInt(newValue, 10);
14732
14857
  this.tabIndex =
@@ -14770,21 +14895,28 @@ class Tab {
14770
14895
  : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
14771
14896
  ? 'button'
14772
14897
  : 'div';
14773
- return (hAsync("div", { key: '27feee86d7cfe7803258013941ae010c8f52ddd4', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
14898
+ return (hAsync("div", { key: 'a509ef8ca1514c7a83c13e2a04ca7c1882819ac1', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
14774
14899
  'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14775
14900
  'qds-selected': this.selected,
14776
14901
  [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14777
- }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '119a51ce7015fad718925fcd1a890228e4c801b4', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
14902
+ }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '3f08127d1e015998882721fa165afdbd3dd6db9a', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
14778
14903
  'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
14779
14904
  'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14780
14905
  'qds-selected': this.selected,
14781
14906
  [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
14782
- }, role: !isLink && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
14907
+ }, role: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' ? undefined : 'tab', "aria-selected": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
14908
+ ? undefined
14909
+ : this.selected
14910
+ ? 'true'
14911
+ : 'false', "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
14783
14912
  ? this.selected
14784
14913
  ? 'true'
14785
14914
  : 'false'
14786
14915
  : undefined, "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
14787
- (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '0a6edda23a52137ae9a132914b297a794fbe74ad', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '73f9d18f022080d08a5df3cbec528908808e8534', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '11a67f8be99c0b50f4eeb2722c10041ca3ddd4c2', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '0f8351a7960a2b31237df340b2e1e77a31ec6f03', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'de917eda9fd9051090a34d973992ba42be344f9a', class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '54df8f80eb5b146129b46bb3abacab02c8e5d043', name: "close", library: "core", text: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$7(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
14916
+ (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '7745d12e10ff6f195195515441cea9f05677e35d', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '68c37c3b5688c3827b1d4087e87e72a1f2e2851c', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'f523e62e1dd95118991cf8f8935bdfa7082b0a21', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: 'f05aec5368b85d6033e84b6f16195ab26e5c2e2b', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: '1d0e42919c75acc5acb76da2c2ad2b7ce8ffeeb4', class: {
14917
+ 'qds-target-icon': true,
14918
+ 'qds-chevron': this.selected,
14919
+ }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '0f049a099625765eb2c8b0648b282944ca2d1e06', name: "close", library: "core", text: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$7(this, _Tab_onIconClick, "f"), tabindex: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
14788
14920
  }
14789
14921
  get host() { return getElement(this); }
14790
14922
  static get watchers() { return {
@@ -14823,12 +14955,12 @@ class Tab {
14823
14955
  "tabIndex": [32],
14824
14956
  "isIndicatorOnTop": [32]
14825
14957
  },
14826
- "$listeners$": [[0, "click", "onClick"]],
14958
+ "$listeners$": [[0, "click", "onClick"], [0, "blur", "onBlur"], [0, "focus", "onFocus"]],
14827
14959
  "$lazyBundleId$": "-",
14828
14960
  "$attrsToReflect$": []
14829
14961
  }; }
14830
14962
  }
14831
- _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(), _Tab_close = new WeakMap(), _Tab_onIconClick = new WeakMap(), _Tab_onBlur = new WeakMap(), _Tab_onFocus = new WeakMap(), _Tab_defineTab = new WeakMap(), _Tab_instances = new WeakSet(), _Tab_computedAction_get = function _Tab_computedAction_get() {
14963
+ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_onBlur = new WeakMap(), _Tab_onFocus = new WeakMap(), _Tab_tabRef = new WeakMap(), _Tab_close = new WeakMap(), _Tab_onIconClick = new WeakMap(), _Tab_defineTab = new WeakMap(), _Tab_instances = new WeakSet(), _Tab_computedAction_get = function _Tab_computedAction_get() {
14832
14964
  switch (this.action) {
14833
14965
  case 'closable':
14834
14966
  case 'expandable': {
@@ -14877,7 +15009,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
14877
15009
  return this.disabled ?? false;
14878
15010
  }, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
14879
15011
  if (this.selected) {
14880
- return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
15012
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : (this.tabIndex ?? 0);
14881
15013
  }
14882
15014
  return -1;
14883
15015
  }, _Tab_renderText = function _Tab_renderText() {
@@ -14886,7 +15018,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
14886
15018
  Object.defineProperty(this.host, p, { enumerable: true, get });
14887
15019
  };
14888
15020
 
14889
- const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
15021
+ const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
14890
15022
 
14891
15023
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
14892
15024
  //
@@ -14907,7 +15039,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
14907
15039
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
14908
15040
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
14909
15041
  };
14910
- var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
15042
+ var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_mutationObserver, _Tabbar_tabbar, _Tabbar_toggleAnnouncement, _Tabbar_scrollStartButton, _Tabbar_scrollEndButton, _Tabbar_pendingArrowFocus, _Tabbar_isInternallySettingActive, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_announceScroll, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_handleTabMutation, _Tabbar_activateTab, _Tabbar_switchTabPanel, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange, _Tabbar_scrollEndButtonRef, _Tabbar_scrollStartButtonRef;
14911
15043
  const TAB_ITEM_SELECTOR = 'qds-icon-tab, qds-tab';
14912
15044
  const TAB_SETTINGS = {
14913
15045
  'main-root': {
@@ -14953,7 +15085,12 @@ const isTabItem = (item) => {
14953
15085
  return tagName === 'qds-tab' || tagName === 'qds-icon-tab';
14954
15086
  };
14955
15087
  const isEnabledTabItem = (item) => isTabItem(item) && !item.inert && item.disabled !== true;
15088
+ const isTabActive = (tab) => tab.selected;
14956
15089
  const getTabTrigger = (tab) => tab.tab;
15090
+ const getPanelId = (tab) => {
15091
+ const panelElement = resolvePanelElement(tab);
15092
+ return panelElement?.id ?? '';
15093
+ };
14957
15094
  /**
14958
15095
  * `<qds-tabbar>` is the component that facilitates navigation between the groups
14959
15096
  * of related content within the page.
@@ -15011,26 +15148,37 @@ class Tabbar {
15011
15148
  this.alignment = 'start';
15012
15149
  this.disableEndArrow = false;
15013
15150
  this.disableStartArrow = false;
15151
+ this.scrollAnnouncement = '';
15014
15152
  _Tabbar_tabs.set(this, []);
15015
15153
  _Tabbar_ro.set(this, void 0);
15154
+ _Tabbar_mutationObserver.set(this, void 0);
15016
15155
  _Tabbar_tabbar.set(this, void 0);
15156
+ _Tabbar_toggleAnnouncement.set(this, false);
15157
+ _Tabbar_scrollStartButton.set(this, void 0);
15158
+ _Tabbar_scrollEndButton.set(this, void 0);
15159
+ _Tabbar_pendingArrowFocus.set(this, void 0);
15160
+ _Tabbar_isInternallySettingActive.set(this, false);
15017
15161
  _Tabbar_scrollToStart.set(this, () => {
15018
15162
  invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15019
15163
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
15164
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, 'end', "f");
15020
15165
  __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
15021
15166
  left: isRTL
15022
15167
  ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
15023
15168
  : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
15024
15169
  });
15170
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_announceScroll).call(this, 'previous');
15025
15171
  });
15026
15172
  _Tabbar_scrollToEnd.set(this, () => {
15027
15173
  invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15028
15174
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
15175
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, 'start', "f");
15029
15176
  __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
15030
15177
  left: isRTL
15031
15178
  ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
15032
15179
  : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
15033
15180
  });
15181
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_announceScroll).call(this, 'next');
15034
15182
  });
15035
15183
  _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
15036
15184
  _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
@@ -15042,8 +15190,7 @@ class Tabbar {
15042
15190
  const tab = target.closest(TAB_ITEM_SELECTOR);
15043
15191
  if (!isEnabledTabItem(tab))
15044
15192
  return;
15045
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
15046
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
15193
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, tab);
15047
15194
  });
15048
15195
  _Tabbar_onKeyDown.set(this, (event) => {
15049
15196
  const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
@@ -15097,8 +15244,7 @@ class Tabbar {
15097
15244
  target.focus({ preventScroll: true });
15098
15245
  if (!isVertical)
15099
15246
  target.scrollIntoView();
15100
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
15101
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
15247
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, nextTab);
15102
15248
  });
15103
15249
  _Tabbar_onMouseDown.set(this, (event) => {
15104
15250
  const { target } = event;
@@ -15130,6 +15276,13 @@ class Tabbar {
15130
15276
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
15131
15277
  if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
15132
15278
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
15279
+ __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
15280
+ });
15281
+ _Tabbar_scrollEndButtonRef.set(this, (button) => {
15282
+ __classPrivateFieldSet$3(this, _Tabbar_scrollEndButton, button, "f");
15283
+ });
15284
+ _Tabbar_scrollStartButtonRef.set(this, (button) => {
15285
+ __classPrivateFieldSet$3(this, _Tabbar_scrollStartButton, button, "f");
15133
15286
  });
15134
15287
  }
15135
15288
  settingChanged() {
@@ -15141,12 +15294,46 @@ class Tabbar {
15141
15294
  windowResize() {
15142
15295
  __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
15143
15296
  }
15297
+ activeChanged() {
15298
+ if (__classPrivateFieldGet$6(this, _Tabbar_isInternallySettingActive, "f"))
15299
+ return;
15300
+ if (this.active === undefined || this.active === '')
15301
+ return;
15302
+ const tabs = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
15303
+ const nextTab = tabs.find((tab) => {
15304
+ const panelId = getPanelId(tab);
15305
+ return panelId === this.active;
15306
+ });
15307
+ if (!nextTab || nextTab.disabled === true)
15308
+ return;
15309
+ const previousTab = this.activeTab;
15310
+ if (previousTab === nextTab && this.active === getPanelId(nextTab))
15311
+ return;
15312
+ this.activeTab = nextTab;
15313
+ if (previousTab && previousTab !== nextTab) {
15314
+ this.hideEmitter.emit(previousTab);
15315
+ }
15316
+ if (previousTab !== nextTab) {
15317
+ this.showEmitter.emit(nextTab);
15318
+ }
15319
+ // Update tab states without triggering mutation observer
15320
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, true, "f");
15321
+ for (const t of tabs) {
15322
+ const target = getTabTrigger(t);
15323
+ const isSelected = t === nextTab;
15324
+ t.selected = isSelected;
15325
+ if (target instanceof globalThis.Element)
15326
+ target.ariaSelected = isSelected.toString();
15327
+ }
15328
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, false, "f");
15329
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, nextTab);
15330
+ }
15144
15331
  componentWillLoad() {
15145
15332
  this.settingChanged();
15146
15333
  this.internals.role = 'tablist';
15147
15334
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_syncInternalsAccessibility).call(this);
15148
15335
  const tabs = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
15149
- const preselectedTab = tabs.find((tab) => tab.selected);
15336
+ const preselectedTab = tabs.find((tab) => isTabActive(tab));
15150
15337
  if (preselectedTab)
15151
15338
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
15152
15339
  else if (tabs.length > 0)
@@ -15155,26 +15342,43 @@ class Tabbar {
15155
15342
  componentDidRender() {
15156
15343
  if (this.activeTab)
15157
15344
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
15345
+ if (__classPrivateFieldGet$6(this, _Tabbar_pendingArrowFocus, "f") === 'start' && this.disableEndArrow) {
15346
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, undefined, "f");
15347
+ __classPrivateFieldGet$6(this, _Tabbar_scrollStartButton, "f")?.focus();
15348
+ }
15349
+ else if (__classPrivateFieldGet$6(this, _Tabbar_pendingArrowFocus, "f") === 'end' && this.disableStartArrow) {
15350
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, undefined, "f");
15351
+ __classPrivateFieldGet$6(this, _Tabbar_scrollEndButton, "f")?.focus();
15352
+ }
15158
15353
  this.settingChanged();
15159
15354
  }
15160
15355
  componentDidLoad() {
15161
15356
  invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15162
15357
  __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
15163
15358
  __classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15359
+ __classPrivateFieldSet$3(this, _Tabbar_mutationObserver, new MutationObserver((mutations) => {
15360
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabMutation).call(this, mutations);
15361
+ }), "f");
15362
+ __classPrivateFieldGet$6(this, _Tabbar_mutationObserver, "f").observe(this.host, {
15363
+ attributes: true,
15364
+ attributeFilter: ['active'],
15365
+ childList: true,
15366
+ subtree: true,
15367
+ });
15164
15368
  }
15165
15369
  disconnectedCallback() {
15166
- if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
15167
- __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
15370
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f")?.disconnect();
15371
+ __classPrivateFieldGet$6(this, _Tabbar_mutationObserver, "f")?.disconnect();
15168
15372
  }
15169
15373
  render() {
15170
- return (hAsync("div", { key: 'd820ee3759abcc7f15aae3b6de501740ab336ecc', class: {
15374
+ return (hAsync("div", { key: '43a1bae6bd980854ec8cbc786be30d3c4dae4ae9', class: {
15171
15375
  'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15172
- }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: 'aaf2c29e2bce39d7e6ffcc850f6f8d904423a0b6', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: '31da1576f38662a580876a7ff0a494f68a06a123', class: "qds-tabbar" }, hAsync("div", { key: 'c8a76c45175f5676762600b57806746f80198411', class: {
15376
+ }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("span", { key: '6c81132bbb30f3c5813186bd9a2e6c4715b208c5', class: "qds-sr-only", "aria-live": "polite" }, this.scrollAnnouncement), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '147475632fc9fd2d8f859240dfa71e45058c4d78', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: '51a0179675663618453b54d25bda6054e3f91321', class: "qds-tabbar" }, hAsync("div", { key: '44f0167da0d5b5d682f86c57a0a7b347e51e0fca', class: {
15173
15377
  'qds-align-center': true,
15174
15378
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
15175
15379
  this.orientation === 'vertical' ||
15176
15380
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15177
- } }, hAsync("qds-icon-button", { key: 'f1ba88e9eeb4f1d7b0b12bf137809ceccc6b1bee', "aria-label": "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("div", { key: '02f16b1d5fddeb80bf1ddcce1d50b95710a78c48', class: {
15381
+ } }, hAsync("qds-icon-button", { key: '22a512257855b48e1b50f9b48d06017c756a58ea', "aria-label": "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow, ref: __classPrivateFieldGet$6(this, _Tabbar_scrollStartButtonRef, "f") })), hAsync("div", { key: '4e1a36aaf66917a57bf64618fa675e91db34e555', class: {
15178
15382
  'qds-tabs': true,
15179
15383
  'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15180
15384
  'qds-centered': this.alignment === 'center' &&
@@ -15184,12 +15388,12 @@ class Tabbar {
15184
15388
  this.disableStartArrow,
15185
15389
  }, ref: (element) => {
15186
15390
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
15187
- }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f") }, hAsync("slot", { key: '256bca75a1538ded4fdbdfb9ec191bcc78c8450a', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'bf0e3e181e30f47abf436a7de487e386ea5ceb54', class: {
15391
+ }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f") }, hAsync("slot", { key: '0ae4c49fd815426bd78962526f5fce946d0688a1', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c4fc6997f1430efe4975c8ed1ad723fa6d906d79', class: {
15188
15392
  'qds-align-center': true,
15189
15393
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
15190
15394
  this.orientation === 'vertical' ||
15191
15395
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15192
- } }, hAsync("qds-icon-button", { key: '36901a4b40069f0219bd3817d7c525bf4769f94b', "aria-label": "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && !__classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: 'ea0076705b62d3c1a7fe0faec239703034aa55f2', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
15396
+ } }, hAsync("qds-icon-button", { key: '87973e92e8ad9e40a2ba6a2a7ade1040c6e46fde', "aria-label": "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow, ref: __classPrivateFieldGet$6(this, _Tabbar_scrollEndButtonRef, "f") }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && !__classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '9c7748c515f2f86c4065b90929dbe7d8f19b377b', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
15193
15397
  }
15194
15398
  static get delegatesFocus() { return true; }
15195
15399
  get host() { return getElement(this); }
@@ -15197,7 +15401,8 @@ class Tabbar {
15197
15401
  "importance": ["settingChanged"],
15198
15402
  "orientation": ["accessibilityChanged"],
15199
15403
  "placement": ["accessibilityChanged"],
15200
- "tablistDescription": ["accessibilityChanged"]
15404
+ "tablistDescription": ["accessibilityChanged"],
15405
+ "active": ["activeChanged"]
15201
15406
  }; }
15202
15407
  static get style() { return tabbarCss; }
15203
15408
  static get cmpMeta() { return {
@@ -15213,16 +15418,18 @@ class Tabbar {
15213
15418
  "showDivider": [4, "show-divider"],
15214
15419
  "alignment": [1],
15215
15420
  "importance": [1],
15421
+ "active": [1],
15216
15422
  "disableEndArrow": [32],
15217
15423
  "disableStartArrow": [32],
15218
- "activeTab": [32]
15424
+ "activeTab": [32],
15425
+ "scrollAnnouncement": [32]
15219
15426
  },
15220
15427
  "$listeners$": [[9, "resize", "windowResize"]],
15221
15428
  "$lazyBundleId$": "-",
15222
15429
  "$attrsToReflect$": []
15223
15430
  }; }
15224
15431
  }
15225
- _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
15432
+ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_mutationObserver = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_toggleAnnouncement = new WeakMap(), _Tabbar_scrollStartButton = new WeakMap(), _Tabbar_scrollEndButton = new WeakMap(), _Tabbar_pendingArrowFocus = new WeakMap(), _Tabbar_isInternallySettingActive = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_scrollEndButtonRef = new WeakMap(), _Tabbar_scrollStartButtonRef = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
15226
15433
  return this.importance;
15227
15434
  }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
15228
15435
  return this.size ?? undefined;
@@ -15260,8 +15467,15 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
15260
15467
  return [
15261
15468
  ...this.host.querySelectorAll(TAB_ITEM_SELECTOR),
15262
15469
  ].filter((element) => isTabItem(element));
15470
+ }, _Tabbar_announceScroll = function _Tabbar_announceScroll(direction) {
15471
+ const text = direction === 'next' ? 'Next tabs showed' : 'Previous tabs showed';
15472
+ __classPrivateFieldSet$3(this, _Tabbar_toggleAnnouncement, !__classPrivateFieldGet$6(this, _Tabbar_toggleAnnouncement, "f"), "f");
15473
+ this.scrollAnnouncement = text + (__classPrivateFieldGet$6(this, _Tabbar_toggleAnnouncement, "f") ? '' : '.');
15263
15474
  }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
15264
15475
  this.activeTab = tab;
15476
+ const panelId = getPanelId(tab);
15477
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, true, "f");
15478
+ this.active = panelId;
15265
15479
  for (const t of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
15266
15480
  const target = getTabTrigger(t);
15267
15481
  const isSelected = t === tab;
@@ -15269,22 +15483,46 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
15269
15483
  if (target instanceof globalThis.Element)
15270
15484
  target.ariaSelected = isSelected.toString();
15271
15485
  }
15272
- }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
15273
- for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
15274
- const panel = resolvePanelElement(tab);
15275
- if (panel) {
15276
- panel.hidden = tab !== activeTab;
15277
- }
15486
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, false, "f");
15487
+ }, _Tabbar_handleTabMutation = function _Tabbar_handleTabMutation(mutations) {
15488
+ if (__classPrivateFieldGet$6(this, _Tabbar_isInternallySettingActive, "f"))
15489
+ return;
15490
+ const activeTab = mutations
15491
+ .map((m) => m.target)
15492
+ .find((target) => target instanceof HTMLElement && isTabItem(target) && target.selected);
15493
+ if (activeTab) {
15494
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, activeTab);
15278
15495
  }
15279
- }, _Tabbar_handleTabActivation = function _Tabbar_handleTabActivation(tab) {
15496
+ }, _Tabbar_activateTab = function _Tabbar_activateTab(tab) {
15280
15497
  const previousTab = this.activeTab;
15281
15498
  if (previousTab === tab)
15282
15499
  return;
15283
15500
  this.activeTab = tab;
15284
- this.hideEmitter.emit(previousTab);
15501
+ const panelId = getPanelId(tab);
15502
+ if (previousTab) {
15503
+ this.hideEmitter.emit(previousTab);
15504
+ }
15285
15505
  this.showEmitter.emit(tab);
15286
15506
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
15287
15507
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
15508
+ // Set active property without triggering watcher events again
15509
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, true, "f");
15510
+ this.active = panelId;
15511
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, false, "f");
15512
+ for (const t of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
15513
+ const target = getTabTrigger(t);
15514
+ const isSelected = t === tab;
15515
+ t.selected = isSelected;
15516
+ if (target instanceof globalThis.Element)
15517
+ target.ariaSelected = isSelected.toString();
15518
+ }
15519
+ }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
15520
+ for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
15521
+ const panel = resolvePanelElement(tab);
15522
+ if (panel) {
15523
+ panel.hidden = tab !== activeTab;
15524
+ }
15525
+ }
15288
15526
  }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
15289
15527
  return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => getTabTrigger(tab).getAttribute('tabindex') === '0');
15290
15528
  }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
@@ -15299,7 +15537,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
15299
15537
  const tabindex = shouldActivateTab ? '0' : '-1';
15300
15538
  target.setAttribute('tabindex', tabindex);
15301
15539
  if (shouldActivateTab)
15302
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
15540
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, t);
15303
15541
  });
15304
15542
  }
15305
15543
  }, _Tabbar_syncInternalsAccessibility = function _Tabbar_syncInternalsAccessibility() {
@@ -15522,9 +15760,9 @@ class TableHeadCell {
15522
15760
  render() {
15523
15761
  return (
15524
15762
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
15525
- hAsync("th", { key: '39eede66689e3b36b792e5e046e30874aa30cc8e', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
15763
+ hAsync("th", { key: '16fe39b4b5a08bc7ec90ec9d32930f9163e12b07', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
15526
15764
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
15527
- role: "none" }, hAsync("slot", { key: '5a9b851f4d1197066ce220fe73259262bca7c628' })));
15765
+ role: "none" }, hAsync("slot", { key: '9830dc68cec377ecf68fe362f304b5a561a580d9' })));
15528
15766
  }
15529
15767
  static get watchers() { return {
15530
15768
  "colSpan": ["colSpanChanged"],
@@ -15654,11 +15892,11 @@ class Tag {
15654
15892
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
15655
15893
  }
15656
15894
  render() {
15657
- return (hAsync("span", { key: '194fb2d697edf8bd3dcf8bd673adf7782c45bfcd', class: {
15895
+ return (hAsync("span", { key: '88bdc52e4729a80ef0dbf0e6b4e5c085a1d9acb8', class: {
15658
15896
  'qds-tag': true,
15659
15897
  'qds-padding': this.importance !== 'subdued',
15660
15898
  }, "data-importance": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet$3(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (hAsync(Fragment, null, this.iconDescription !== undefined &&
15661
- this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '705880cc4ddd215757ca217af2b348cdd1cf5ba7', class: "qds-text" }, this.text)));
15899
+ this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: 'c070ff3e5308ee34e42209ea1d5638b33ad9c16a', class: "qds-text" }, this.text)));
15662
15900
  }
15663
15901
  get host() { return getElement(this); }
15664
15902
  static get style() { return tagCss; }
@@ -15718,7 +15956,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
15718
15956
  return (this.badge ?? false) && this.importance !== 'emphasized';
15719
15957
  };
15720
15958
 
15721
- const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);height:100%;letter-spacing:inherit;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;word-spacing:inherit}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{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-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
15959
+ const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);height:100%;letter-spacing:inherit;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;word-spacing:inherit}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{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-textarea::placeholder{color:var(--qds-theme-form-input-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
15722
15960
 
15723
15961
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
15724
15962
  //
@@ -15984,9 +16222,9 @@ class TextArea {
15984
16222
  this.valueChanged();
15985
16223
  }
15986
16224
  render() {
15987
- return (hAsync(Host, { key: '02cc12c22262aafb743e54316e2f37d6180af269' }, hAsync("textarea", { key: 'd4c804e22e15953f61f089480b3e86abef1cda0d', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
16225
+ return (hAsync(Host, { key: 'e4a8c71dc44612152518e44ea1dec9f2a60ddb80' }, hAsync("textarea", { key: '42d5da43e4a033e62d9438cba9319f5a1bf3e76c', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
15988
16226
  // eslint-disable-next-line jsx-a11y/no-autofocus
15989
- autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '290d42f23f3d42d9f8551761083ca0fad3bc47fd', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
16227
+ autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '1f7a23defc50ec60b1d292306c205cf34ddef9ee', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
15990
16228
  }
15991
16229
  static get delegatesFocus() { return true; }
15992
16230
  static get formAssociated() { return true; }
@@ -16062,7 +16300,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
16062
16300
  Object.defineProperty(this.host, p, { enumerable: true, get });
16063
16301
  };
16064
16302
 
16065
- const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"f\"}.qds-titles.qds-has-kicker{grid-template-areas:\"g\" \"f\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"f\" \"h\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"g\" \"f\" \"h\"}.qds-has-icon{grid-template-areas:\"i f\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". g\" \"i f\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"i f\" \". h\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". g\" \"i f\" \". h\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:f}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:h}.qds-kicker{color:var(--qds-theme-kicker);grid-area:g}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:i}.qds-root.qds-main .qds-title{font:var(--qds-main-title)}.qds-root.qds-main .qds-subtitle{font:var(--qds-main-subtitle)}.qds-root.qds-main .qds-kicker{font:var(--qds-main-kicker)}.qds-root.qds-main .qds-icon{height:var(--qds-main-titles-icon-crop-height);width:var(--qds-main-titles-icon-size)}.qds-root.qds-main.qds-titles{gap:var(--qds-main-titles-gap)}.qds-root.qds-main.qds-has-icon{gap:var(--qds-main-titles-gap) var(--qds-main-titles-icon-gap)}.qds-root.qds-navigation .qds-title{font:var(--qds-navigation-title)}.qds-root.qds-navigation .qds-subtitle{font:var(--qds-navigation-subtitle)}.qds-root.qds-navigation .qds-kicker{font:var(--qds-navigation-kicker)}.qds-root.qds-navigation .qds-icon{height:var(--qds-navigation-titles-icon-crop-height);width:var(--qds-navigation-titles-icon-size)}.qds-root.qds-navigation.qds-titles{gap:var(--qds-navigation-titles-gap)}.qds-root.qds-navigation.qds-has-icon{gap:var(--qds-navigation-titles-gap) var(--qds-navigation-titles-icon-gap)}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
16303
+ const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-root.qds-main .qds-title{font:var(--qds-main-title)}.qds-root.qds-main .qds-subtitle{font:var(--qds-main-subtitle)}.qds-root.qds-main .qds-kicker{font:var(--qds-main-kicker)}.qds-root.qds-main .qds-icon{height:var(--qds-main-titles-icon-crop-height);width:var(--qds-main-titles-icon-size)}.qds-root.qds-main.qds-titles{gap:var(--qds-main-titles-gap)}.qds-root.qds-main.qds-has-icon{gap:var(--qds-main-titles-gap) var(--qds-main-titles-icon-gap)}.qds-root.qds-navigation .qds-title{font:var(--qds-navigation-title)}.qds-root.qds-navigation .qds-subtitle{font:var(--qds-navigation-subtitle)}.qds-root.qds-navigation .qds-kicker{font:var(--qds-navigation-kicker)}.qds-root.qds-navigation .qds-icon{height:var(--qds-navigation-titles-icon-crop-height);width:var(--qds-navigation-titles-icon-size)}.qds-root.qds-navigation.qds-titles{gap:var(--qds-navigation-titles-gap)}.qds-root.qds-navigation.qds-has-icon{gap:var(--qds-navigation-titles-gap) var(--qds-navigation-titles-icon-gap)}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
16066
16304
 
16067
16305
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
16068
16306
  //
@@ -16113,14 +16351,14 @@ class Title {
16113
16351
  const level = `qds-${this.level ?? 'section'}`;
16114
16352
  const Tag = this.tag ?? 'h2';
16115
16353
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
16116
- return (hAsync("hgroup", { key: 'af10ff67522d482891e29d0db18e8d4815fddf6f', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
16354
+ return (hAsync("hgroup", { key: '04bc659e139196f133a2952d31b4850e3c7db4d0', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
16117
16355
  [layer]: true,
16118
16356
  [level]: true,
16119
16357
  'qds-titles': true,
16120
16358
  'qds-has-icon': hasIcon,
16121
16359
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
16122
16360
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
16123
- }, role: "none" }, hAsync(Tag, { key: 'a71f4b6e00448197a63a0c970afa0d45f6142f9e', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'aabcf6b59bf2ca522055beaa55557a0ccf22e261' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: 'e7b479cc324dee70fac295418457bf5abef0ef70', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: 'bc0dc2b90f15a46646c020fdb4844a7460e0194f', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: '1e0feea00953496c58c62191a2f922e6a6bb2d51', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
16361
+ }, role: "none" }, hAsync(Tag, { key: '6206cfad864ae1ccba4d752dccf89b32d08b1799', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'bc064cbc02c3d6807d7dde00979df6aa1113979b' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '85137e1d9dd7c96dd8de7b4acbefbbd724b3e56f', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: 'dd18c78be3d12ce99f56ae2e74a29574da7cca27', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'e98cff56c6ca81cdee991b4b2c714402e88213ed', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
16124
16362
  }
16125
16363
  static get style() { return titleCss; }
16126
16364
  static get cmpMeta() { return {
@@ -16329,7 +16567,7 @@ class Tooltip {
16329
16567
  async updateReferenceElement() {
16330
16568
  var _a;
16331
16569
  this.disconnectedCallback();
16332
- __classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target), "f");
16570
+ __classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target, 'qds-tooltip'), "f");
16333
16571
  if (!(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element))
16334
16572
  return;
16335
16573
  this.updateEventListeners();
@@ -16420,7 +16658,7 @@ class Tooltip {
16420
16658
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
16421
16659
  }
16422
16660
  render() {
16423
- return (hAsync(Host, { key: '6af70a57b5a40b0d28a738ee2763b4754b4042d0', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: 'e59b2c17e051152576d8991a45a1de44d7c33628', class: "qds-tooltip" }, hAsync("slot", { key: 'd3bbf037c93bd93cae57b063ed8b9023fe01c64c' })), hAsync("div", { key: '863440366d1717cb63718012ababc68a480eb27a', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
16661
+ return (hAsync(Host, { key: 'a1e938336ef0ec947ebf383f27058c2b40de8be5', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '77b6fc341a9d8c29345abe2b60eaa5e80e616a25', class: "qds-tooltip" }, hAsync("slot", { key: 'c1f60791b1ef2a20aca65cca9a5d555526e459cc' })), hAsync("div", { key: '61c360af5eeed3532a054d7040acb21bd66b3292', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
16424
16662
  }
16425
16663
  get host() { return getElement(this); }
16426
16664
  static get watchers() { return {