@quartzds/core 1.0.0-beta.126 → 1.0.0-beta.128

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 (193) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/components/index.js +1 -1
  3. package/components/{p-LrIqfiOT.js → p-B6Ey_-Vx.js} +4 -4
  4. package/components/{p-LrIqfiOT.js.map → p-B6Ey_-Vx.js.map} +1 -1
  5. package/components/{p-B56IOBA3.js → p-BtT3CnSD.js} +6 -6
  6. package/components/p-BtT3CnSD.js.map +1 -0
  7. package/components/{p-Bn9o5Um2.js → p-C9IjLb3Y.js} +3 -3
  8. package/components/{p-Bn9o5Um2.js.map → p-C9IjLb3Y.js.map} +1 -1
  9. package/components/{p-Br32bYGr.js → p-CJjC212f.js} +5 -5
  10. package/components/p-CJjC212f.js.map +1 -0
  11. package/components/{p-CaibVX_2.js → p-CRMf7xaM.js} +22 -3
  12. package/components/p-CRMf7xaM.js.map +1 -0
  13. package/components/{p-BFkKlQwu.js → p-DF9UaDLm.js} +11 -21
  14. package/components/p-DF9UaDLm.js.map +1 -0
  15. package/components/{p-GskDFwn4.js → p-DTtaqXO_.js} +24 -13
  16. package/components/p-DTtaqXO_.js.map +1 -0
  17. package/components/p-Dcnye_tS.js +124 -0
  18. package/components/p-Dcnye_tS.js.map +1 -0
  19. package/components/{p-Cb5Tgh-o.js → p-DhXeFnmO.js} +6 -6
  20. package/components/{p-Cb5Tgh-o.js.map → p-DhXeFnmO.js.map} +1 -1
  21. package/components/{p-B_CYrw-t.js → p-DzybtRcv.js} +4 -4
  22. package/components/{p-B_CYrw-t.js.map → p-DzybtRcv.js.map} +1 -1
  23. package/components/{p-b8LTn_fi.js → p-WIHZZjmJ.js} +7 -7
  24. package/components/{p-b8LTn_fi.js.map → p-WIHZZjmJ.js.map} +1 -1
  25. package/components/{p-DFjYtqSI.js → p-meIfRYro.js} +45 -19
  26. package/components/p-meIfRYro.js.map +1 -0
  27. package/components/{p-fKK7EmM2.js → p-oL9ZVNSo.js} +3 -3
  28. package/components/{p-fKK7EmM2.js.map → p-oL9ZVNSo.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 +8 -8
  35. package/components/qds-breadcrumb-item.js.map +1 -1
  36. package/components/qds-button.js +31 -20
  37. package/components/qds-button.js.map +1 -1
  38. package/components/qds-checkbox.js +1 -1
  39. package/components/qds-chip.js +61 -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 +29 -28
  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 +1 -1
  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-radio.js +1 -1
  60. package/components/qds-select.js +6 -6
  61. package/components/qds-select.js.map +1 -1
  62. package/components/qds-standalone-link.js +2 -2
  63. package/components/qds-switch.js +2 -2
  64. package/components/qds-tab.js +8 -12
  65. package/components/qds-tab.js.map +1 -1
  66. package/components/qds-tabbar.js +11 -11
  67. package/components/qds-table-head-cell.js +2 -2
  68. package/components/qds-tag.js +1 -1
  69. package/components/qds-textarea.js +4 -4
  70. package/components/qds-textarea.js.map +1 -1
  71. package/components/qds-title.js +1 -1
  72. package/components/qds-tooltip.js +1 -1
  73. package/dist/cjs/{helpers-DjUgyTKn.js → helpers-D2klK1IS.js} +24 -2
  74. package/dist/{esm/helpers-mPQzhx-O.js.map → cjs/helpers-D2klK1IS.js.map} +1 -1
  75. package/dist/cjs/loader.cjs.js +1 -1
  76. package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
  77. package/dist/cjs/qds-avatar-media.cjs.entry.js +2 -2
  78. package/dist/cjs/qds-avatar-media.entry.cjs.js.map +1 -1
  79. package/dist/cjs/qds-avatar.cjs.entry.js +2 -2
  80. package/dist/cjs/qds-avatar.entry.cjs.js.map +1 -1
  81. package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
  82. package/dist/cjs/qds-badge-counter_2.cjs.entry.js +27 -5
  83. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +6 -6
  84. package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
  85. package/dist/cjs/qds-button.cjs.entry.js +27 -17
  86. package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
  87. package/dist/cjs/qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
  88. package/dist/cjs/qds-checkbox_2.cjs.entry.js +19 -9
  89. package/dist/cjs/qds-chip.cjs.entry.js +55 -23
  90. package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
  91. package/dist/cjs/qds-dialog.cjs.entry.js +2 -2
  92. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  93. package/dist/cjs/qds-divider_2.cjs.entry.js +7 -17
  94. package/dist/cjs/qds-dropdown.cjs.entry.js +43 -17
  95. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  96. package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
  97. package/dist/cjs/qds-icon-tab.cjs.entry.js +23 -23
  98. package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -1
  99. package/dist/cjs/qds-icon.cjs.entry.js +1 -1
  100. package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
  101. package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
  102. package/dist/cjs/qds-input.cjs.entry.js +4 -4
  103. package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
  104. package/dist/cjs/qds-label.cjs.entry.js +3 -3
  105. package/dist/cjs/qds-list-item.cjs.entry.js +5 -5
  106. package/dist/cjs/qds-menu-item.cjs.entry.js +42 -12
  107. package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
  108. package/dist/cjs/qds-mini-button.cjs.entry.js +1 -1
  109. package/dist/cjs/qds-select.cjs.entry.js +5 -5
  110. package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
  111. package/dist/cjs/qds-standalone-link.cjs.entry.js +1 -1
  112. package/dist/cjs/qds-switch.cjs.entry.js +1 -1
  113. package/dist/cjs/qds-tab.cjs.entry.js +4 -8
  114. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  115. package/dist/cjs/qds-tabbar.cjs.entry.js +6 -6
  116. package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
  117. package/dist/cjs/qds-tag.cjs.entry.js +3 -3
  118. package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
  119. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  120. package/dist/cjs/qds-title.cjs.entry.js +3 -3
  121. package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
  122. package/dist/cjs/qds.cjs.js +1 -1
  123. package/dist/custom-elements.json +209 -38
  124. package/dist/docs.json +85 -15
  125. package/dist/esm/{helpers-mPQzhx-O.js → helpers-_EoroLk_.js} +22 -3
  126. package/dist/{cjs/helpers-DjUgyTKn.js.map → esm/helpers-_EoroLk_.js.map} +1 -1
  127. package/dist/esm/loader.js +1 -1
  128. package/dist/esm/qds-action-item.entry.js +1 -1
  129. package/dist/esm/qds-avatar-media.entry.js +2 -2
  130. package/dist/esm/qds-avatar-media.entry.js.map +1 -1
  131. package/dist/esm/qds-avatar.entry.js +2 -2
  132. package/dist/esm/qds-avatar.entry.js.map +1 -1
  133. package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
  134. package/dist/esm/qds-badge-counter_2.entry.js +27 -5
  135. package/dist/esm/qds-breadcrumb-item.entry.js +6 -6
  136. package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
  137. package/dist/esm/qds-button.entry.js +27 -17
  138. package/dist/esm/qds-button.entry.js.map +1 -1
  139. package/dist/esm/qds-checkbox.qds-radio.entry.js.map +1 -1
  140. package/dist/esm/qds-checkbox_2.entry.js +19 -9
  141. package/dist/esm/qds-chip.entry.js +55 -23
  142. package/dist/esm/qds-chip.entry.js.map +1 -1
  143. package/dist/esm/qds-dialog.entry.js +2 -2
  144. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  145. package/dist/esm/qds-divider_2.entry.js +7 -17
  146. package/dist/esm/qds-dropdown.entry.js +43 -17
  147. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  148. package/dist/esm/qds-form-message.entry.js +2 -2
  149. package/dist/esm/qds-icon-tab.entry.js +23 -23
  150. package/dist/esm/qds-icon-tab.entry.js.map +1 -1
  151. package/dist/esm/qds-icon.entry.js +1 -1
  152. package/dist/esm/qds-inline-link.entry.js +3 -3
  153. package/dist/esm/qds-inline-link.entry.js.map +1 -1
  154. package/dist/esm/qds-input.entry.js +4 -4
  155. package/dist/esm/qds-input.entry.js.map +1 -1
  156. package/dist/esm/qds-label.entry.js +3 -3
  157. package/dist/esm/qds-list-item.entry.js +5 -5
  158. package/dist/esm/qds-menu-item.entry.js +42 -12
  159. package/dist/esm/qds-menu-item.entry.js.map +1 -1
  160. package/dist/esm/qds-mini-button.entry.js +1 -1
  161. package/dist/esm/qds-select.entry.js +5 -5
  162. package/dist/esm/qds-select.entry.js.map +1 -1
  163. package/dist/esm/qds-standalone-link.entry.js +1 -1
  164. package/dist/esm/qds-switch.entry.js +1 -1
  165. package/dist/esm/qds-tab.entry.js +4 -8
  166. package/dist/esm/qds-tab.entry.js.map +1 -1
  167. package/dist/esm/qds-tabbar.entry.js +6 -6
  168. package/dist/esm/qds-table-head-cell.entry.js +2 -2
  169. package/dist/esm/qds-tag.entry.js +3 -3
  170. package/dist/esm/qds-textarea.entry.js +4 -4
  171. package/dist/esm/qds-textarea.entry.js.map +1 -1
  172. package/dist/esm/qds-title.entry.js +3 -3
  173. package/dist/esm/qds-tooltip.entry.js +2 -2
  174. package/dist/esm/qds.js +1 -1
  175. package/dist/types/components/badge-indicator/badge-indicator.d.ts +1 -1
  176. package/dist/types/components/button/button.d.ts +1 -0
  177. package/dist/types/components/checkbox/checkbox.d.ts +1 -0
  178. package/dist/types/components/chip/chip.d.ts +4 -2
  179. package/dist/types/components/icon-tab/icon-tab.d.ts +1 -0
  180. package/dist/types/components/menu-item/menu-item.d.ts +3 -0
  181. package/dist/types/helpers.d.ts +3 -0
  182. package/dist/vscode.html-custom-data.json +18 -0
  183. package/hydrate/index.js +304 -170
  184. package/hydrate/index.mjs +304 -170
  185. package/package.json +1 -1
  186. package/components/p-B56IOBA3.js.map +0 -1
  187. package/components/p-BFkKlQwu.js.map +0 -1
  188. package/components/p-Br32bYGr.js.map +0 -1
  189. package/components/p-CaibVX_2.js.map +0 -1
  190. package/components/p-DFjYtqSI.js.map +0 -1
  191. package/components/p-GskDFwn4.js.map +0 -1
  192. package/components/p-U2Q0vF-d.js +0 -96
  193. package/components/p-U2Q0vF-d.js.map +0 -1
package/hydrate/index.mjs CHANGED
@@ -6891,6 +6891,25 @@ const isCurrentPage = (url) => {
6891
6891
  return false;
6892
6892
  }
6893
6893
  };
6894
+ const isCounter = (value) => typeof value === 'string'
6895
+ ? !Number.isNaN(Number.parseFloat(value))
6896
+ : typeof value === 'number';
6897
+ const isIndicator = (value) => value === '' || value === true;
6898
+ const computeBadgeCounterRawValue = (value) => {
6899
+ const numericValue = typeof value === 'string' ? Number.parseInt(value, 10) : value;
6900
+ if (Number.isNaN(numericValue) || numericValue < 0)
6901
+ return '';
6902
+ return numericValue < 100 ? numericValue.toString() : '99+';
6903
+ };
6904
+ const computeBadgeValue = (text, badge, description) => {
6905
+ const parts = [
6906
+ text,
6907
+ isCounter(badge) ? computeBadgeCounterRawValue(badge) : undefined,
6908
+ description,
6909
+ ].filter(Boolean);
6910
+ // eslint-disable-next-line unicorn/no-null
6911
+ return parts.length > 0 ? parts.join(' ') : null;
6912
+ };
6894
6913
 
6895
6914
  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
6915
 
@@ -7048,7 +7067,7 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
7048
7067
  return this.disabled;
7049
7068
  };
7050
7069
 
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)}";
7070
+ 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
7071
 
7053
7072
  // SPDX-FileCopyrightText: © 2026 Schneider Electric
7054
7073
  //
@@ -7097,7 +7116,7 @@ class Avatar {
7097
7116
  const hasLabel = this.label !== undefined && this.label !== '';
7098
7117
  const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== '';
7099
7118
  const hasKicker = this.kicker !== undefined && this.kicker !== '';
7100
- 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)))));
7119
+ return (hAsync("div", { key: 'e40d5a7a7a2a8491d8d733ca2e8ca76c15382900', class: { 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }, "data-size": __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get) }, hAsync("div", { key: 'd451b35ae5f91039b318450499d7130473fa5824', class: "qds-avatar-media-wrapper" }, hAsync("qds-avatar-media", { key: '6874ce978d9eef544a028192274bb971413962f0', 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: '56df00ef7e4c5bce285b109e9b139fbb8bac6485', 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: '026537a97178f3ea08f6bbe8f0af90f3f77ac6eb', class: "qds-label-container" }, hasLabel && hAsync("strong", { key: '5d5dd36ccaa3021c004a69a7a1f1c972de814309', class: "qds-label" }, this.label), hasKicker && hAsync("div", { key: '85ad6a824d4a39a671f2e8215d4abebf45d62e0b', class: "qds-kicker" }, this.kicker)))));
7101
7120
  }
7102
7121
  static get style() { return avatarCss; }
7103
7122
  static get cmpMeta() { return {
@@ -7134,7 +7153,7 @@ _Avatar_instances = new WeakSet(), _Avatar_computedSize_get = function _Avatar_c
7134
7153
  }
7135
7154
  };
7136
7155
 
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}";
7156
+ 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
7157
 
7139
7158
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
7140
7159
  //
@@ -7219,7 +7238,7 @@ class AvatarMedia {
7219
7238
  this.roleChanged();
7220
7239
  }
7221
7240
  render() {
7222
- return hAsync("div", { key: 'ac301d086b8cc5fa51eda1f39a49ce7120af96df', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
7241
+ return hAsync("div", { key: '9638f5352e450d4e5e4ca6e950b2e1f30e5bb663', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
7223
7242
  }
7224
7243
  static get watchers() { return {
7225
7244
  "text": ["textChanged", "roleChanged"],
@@ -7338,7 +7357,7 @@ _BadgeCounter_instances = new WeakSet(), _BadgeCounter_computedValue_get = funct
7338
7357
  }
7339
7358
  };
7340
7359
 
7341
- const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);display:flex;height:var(--qds-badge-indicator-standard-height);justify-content:center;width:var(--qds-badge-indicator-standard-height)}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-status=error]{background-color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-status=error]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=info]{background-color:var(--qds-theme-feedback-message-informational)}.qds-stroke-ring[data-status=info]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral)}.qds-stroke-ring[data-status=neutral]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=success]{background-color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-status=success]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=warning]{background-color:var(--qds-theme-feedback-message-important)}.qds-stroke-ring[data-status=warning]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-size=small]{height:var(--qds-feedback-badge-indicator-small-size);width:var(--qds-feedback-badge-indicator-small-size)}[data-size=standard]{height:var(--qds-feedback-badge-indicator-standard-size);width:var(--qds-feedback-badge-indicator-standard-size)}[data-size=large]{height:var(--qds-feedback-badge-indicator-large-size);width:var(--qds-feedback-badge-indicator-large-size)}[data-size=hero]{height:var(--qds-feedback-badge-indicator-hero-size);width:var(--qds-feedback-badge-indicator-hero-size)}";
7360
+ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;border-radius:var(--qds-feedback-rounded-border-radius);display:flex;height:var(--qds-feedback-badge-indicator-standard-size);justify-content:center;width:var(--qds-feedback-badge-indicator-standard-size)}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.qds-icon{height:100%;width:100%}.qds-badge-indicator[data-status=error]{background-color:var(--qds-theme-feedback-message-critical-contrast)}.qds-icon[data-status=error]{color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-status=error]{border-color:var(--qds-theme-feedback-message-critical-contrast)}.qds-badge-indicator[data-status=info]{background-color:var(--qds-theme-feedback-message-informational-contrast)}.qds-icon[data-status=info]{color:var(--qds-theme-feedback-message-informational)}.qds-stroke-ring[data-status=info]{border-color:var(--qds-theme-feedback-message-informational-contrast)}.qds-badge-indicator[data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral)}.qds-stroke-ring[data-status=neutral]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-badge-indicator[data-status=unavailable]{background-color:var(--qds-theme-feedback-availability-unavailable)}.qds-icon[data-status=unavailable]{color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-stroke-ring[data-status=unavailable]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-badge-indicator[data-status=success]{background-color:var(--qds-theme-feedback-message-success-contrast)}.qds-icon[data-status=success]{color:var(--qds-theme-feedback-message-success)}.qds-stroke-ring[data-status=success]{border-color:var(--qds-theme-feedback-message-success-contrast)}.qds-badge-indicator[data-status=warning]{background-color:var(--qds-theme-feedback-message-important-contrast)}.qds-icon[data-status=warning]{color:var(--qds-theme-feedback-message-important)}.qds-stroke-ring[data-status=warning]{border-color:var(--qds-theme-feedback-message-important-contrast)}[data-size=small]{height:var(--qds-feedback-badge-indicator-small-size);width:var(--qds-feedback-badge-indicator-small-size)}[data-size=standard]{height:var(--qds-feedback-badge-indicator-standard-size);width:var(--qds-feedback-badge-indicator-standard-size)}[data-size=large]{height:var(--qds-feedback-badge-indicator-large-size);width:var(--qds-feedback-badge-indicator-large-size)}[data-size=hero]{height:var(--qds-feedback-badge-indicator-hero-size);width:var(--qds-feedback-badge-indicator-hero-size)}";
7342
7361
 
7343
7362
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7344
7363
  //
@@ -7350,7 +7369,7 @@ var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) |
7350
7369
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
7351
7370
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
7352
7371
  };
7353
- var _BadgeIndicator_instances, _BadgeIndicator_computedStatus_get, _BadgeIndicator_computedSize_get;
7372
+ var _BadgeIndicator_instances, _BadgeIndicator_computedStatus_get, _BadgeIndicator_computedSize_get, _BadgeIndicator_computedIconName_get;
7354
7373
  /**
7355
7374
  * The `<qds-badge-indicator>` element is a small, rounded UI element used to
7356
7375
  * display status indicators. It is designed to draw the user's eye to
@@ -7375,10 +7394,10 @@ class BadgeIndicator {
7375
7394
  this.strokeRing = false;
7376
7395
  }
7377
7396
  render() {
7378
- return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
7397
+ return (hAsync("div", { key: '917e4474d3495841ecbfe7112bf260ba442e4f27', class: {
7379
7398
  'qds-badge-indicator': true,
7380
7399
  '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: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
7400
+ }, "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
7401
  }
7383
7402
  static get style() { return badgeIndicatorCss; }
7384
7403
  static get cmpMeta() { return {
@@ -7400,7 +7419,8 @@ _BadgeIndicator_instances = new WeakSet(), _BadgeIndicator_computedStatus_get =
7400
7419
  case 'error':
7401
7420
  case 'info':
7402
7421
  case 'success':
7403
- case 'warning': {
7422
+ case 'warning':
7423
+ case 'unavailable': {
7404
7424
  return this.status;
7405
7425
  }
7406
7426
  default: {
@@ -7418,6 +7438,27 @@ _BadgeIndicator_instances = new WeakSet(), _BadgeIndicator_computedStatus_get =
7418
7438
  return 'standard';
7419
7439
  }
7420
7440
  }
7441
+ }, _BadgeIndicator_computedIconName_get = function _BadgeIndicator_computedIconName_get() {
7442
+ switch (__classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get)) {
7443
+ case 'error': {
7444
+ return 'status-error-solid';
7445
+ }
7446
+ case 'info': {
7447
+ return 'status-info-solid';
7448
+ }
7449
+ case 'success': {
7450
+ return 'status-success-solid';
7451
+ }
7452
+ case 'warning': {
7453
+ return 'status-warning-solid';
7454
+ }
7455
+ case 'unavailable': {
7456
+ return 'status-unavailable';
7457
+ }
7458
+ default: {
7459
+ return '';
7460
+ }
7461
+ }
7421
7462
  };
7422
7463
 
7423
7464
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
@@ -7439,7 +7480,7 @@ const VALID_STATE = {
7439
7480
  valueMissing: false,
7440
7481
  };
7441
7482
 
7442
- const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:c;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:c;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(--qds-control-button-small-badge-padding-top);inset-inline-end:var(--qds-control-button-small-badge-padding-end)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(--qds-control-button-standard-badge-padding-top);inset-inline-end:var(--qds-control-button-standard-badge-padding-end)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(--qds-control-button-large-badge-padding-top);inset-inline-end:var(--qds-control-button-large-badge-padding-end)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-button[data-size=hero] .qds-indicator{inset-block-start:var(--qds-control-button-hero-badge-padding-top);inset-inline-end:var(--qds-control-button-hero-badge-padding-end)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}[data-importance]:is([data-action=dropdown],[data-action=dropdown-close]){padding-inline:var(--qds-control-input-padding-horizontal)}";
7483
+ 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}";
7443
7484
 
7444
7485
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7445
7486
  //
@@ -7461,10 +7502,6 @@ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) |
7461
7502
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7462
7503
  };
7463
7504
  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;
7464
- const isCounter$3 = (value) => typeof value === 'string'
7465
- ? !Number.isNaN(Number.parseFloat(value))
7466
- : typeof value === 'number';
7467
- const isIndicator$3 = (value) => value === '' || value === true;
7468
7505
  const preventDefault$2 = (event) => {
7469
7506
  event.preventDefault();
7470
7507
  };
@@ -7676,6 +7713,22 @@ class Button {
7676
7713
  if (event.key === ' ')
7677
7714
  this.host.click();
7678
7715
  }
7716
+ actionChanged() {
7717
+ switch (this.action) {
7718
+ case 'dropdown': {
7719
+ this.internals.ariaExpanded = 'false';
7720
+ break;
7721
+ }
7722
+ case 'dropdown-close': {
7723
+ this.internals.ariaExpanded = 'true';
7724
+ break;
7725
+ }
7726
+ default: {
7727
+ // eslint-disable-next-line unicorn/no-null
7728
+ this.internals.ariaExpanded = null;
7729
+ }
7730
+ }
7731
+ }
7679
7732
  disabledChanged() {
7680
7733
  this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
7681
7734
  if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
@@ -7726,6 +7779,7 @@ class Button {
7726
7779
  this.hrefChanged();
7727
7780
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
7728
7781
  this.disabledChanged();
7782
+ this.actionChanged();
7729
7783
  }
7730
7784
  componentDidLoad() {
7731
7785
  this.textChanged();
@@ -7738,25 +7792,26 @@ class Button {
7738
7792
  }
7739
7793
  render() {
7740
7794
  const Tag = this.href === undefined ? 'button' : 'a';
7741
- return (hAsync("div", { key: '468af508e68e4fa3664d2d3c69d4bcd01f0fdbe9', 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: 'a09d6ee8c00b9dce98799786e589ab86f45f6005', class: {
7795
+ 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: {
7742
7796
  'qds-button': true,
7743
7797
  'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
7744
7798
  /* DEPRECATED: will be removed by september 2026 */
7745
7799
  'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
7746
- }, "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: '8a591cef73f857b922022278138ebb56fec0737d', 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) && (
7800
+ }, "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) && (
7747
7801
  /* DEPRECATED: will be removed by september 2026 */
7748
- hAsync("span", { key: 'c4960d8987fc9bdddc1b8607b8eff5eb337d2f2e', 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: 'e9526d7f6c206cc881b569dbb78c788a2fd3a4a9', 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: '4dcf7b9b616f911c97a5ed64ee4b791769173853', class: {
7802
+ 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: {
7749
7803
  /* DEPRECATED: will be removed by september 2026 */
7750
7804
  'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
7751
- }, 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: 'cc268922f89aaa19f22a151f394f0812ba05eeaf', 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: '073d1d89252e4a53bdf0c15e4cfc1cd0c374d70f', class: {
7805
+ }, 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: {
7752
7806
  'qds-focus-ring': true,
7753
7807
  /* DEPRECATED: will be removed by september 2026 */
7754
7808
  'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
7755
- }, "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: '08150e1bd0c6730999d1c76e9e3fb07504bdd3b7', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
7809
+ }, "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))));
7756
7810
  }
7757
7811
  static get formAssociated() { return true; }
7758
7812
  get host() { return getElement(this); }
7759
7813
  static get watchers() { return {
7814
+ "action": ["actionChanged"],
7760
7815
  "disabled": ["disabledChanged"],
7761
7816
  "href": ["hrefChanged"],
7762
7817
  "tabindex": ["tabindexChanged"],
@@ -7861,12 +7916,8 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
7861
7916
  }
7862
7917
  }, _Button_updateAriaLabel = function _Button_updateAriaLabel() {
7863
7918
  const hasBadge = this.badge !== undefined;
7864
- if (hasBadge && this.badgeDescription !== undefined) {
7865
- this.internals.ariaLabel = `${this.text} ${isIndicator$3(this.badge) ? '' : this.badge} ${this.badgeDescription}`;
7866
- return;
7867
- }
7868
- if (hasBadge && !isIndicator$3(this.badge)) {
7869
- this.internals.ariaLabel = `${this.text} ${this.badge}`;
7919
+ if (hasBadge) {
7920
+ this.internals.ariaLabel = computeBadgeValue(this.text, this.badge, this.badgeDescription);
7870
7921
  return;
7871
7922
  }
7872
7923
  if (this.target !== undefined &&
@@ -7880,7 +7931,7 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
7880
7931
  Object.defineProperty(this.host, p, { enumerable: true, get });
7881
7932
  };
7882
7933
 
7883
- 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)}";
7934
+ 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-control-text-standard-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-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)}";
7884
7935
 
7885
7936
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7886
7937
  //
@@ -8099,6 +8150,14 @@ class Checkbox {
8099
8150
  if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
8100
8151
  this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
8101
8152
  }
8153
+ requiredChanged() {
8154
+ /* A11Y note: Required attribute cannot be added to the host element even if it's input type
8155
+ To be A11Y compliant we have to rely on the aria-required attribute
8156
+ It might be the only exception to the use of ElementInternals interface */
8157
+ // ARIAMixin.ariaRequired: string | null
8158
+ // eslint-disable-next-line unicorn/no-null
8159
+ this.host.ariaRequired = this.required === true ? 'true' : null;
8160
+ }
8102
8161
  componentWillLoad() {
8103
8162
  this.internals.role = 'checkbox';
8104
8163
  this.internals.ariaChecked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get)
@@ -8106,6 +8165,7 @@ class Checkbox {
8106
8165
  : __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get).toString();
8107
8166
  this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get).toString();
8108
8167
  this.internals.ariaLabel = this.text;
8168
+ this.requiredChanged();
8109
8169
  this.valueChanged();
8110
8170
  __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
8111
8171
  __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
@@ -8121,19 +8181,19 @@ class Checkbox {
8121
8181
  __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
8122
8182
  }
8123
8183
  render() {
8124
- return (hAsync("div", { key: '55579e21112535dbaee5c474c2eef661d208767c', "aria-hidden": "true", class: {
8184
+ return (hAsync("div", { key: 'e25491e6e718893f8bfe2f5da1bb5b9f60a94375', "aria-hidden": "true", class: {
8125
8185
  'qds-disabled': __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get),
8126
8186
  'qds-inline': this.inline,
8127
8187
  'qds-label': true,
8128
- }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '6d857b1109e4111d32d2d2de316bc1a1377f5d23', class: "qds-container" }, hAsync("input", { key: '8a9567b8b796112b7959cf29cd80aa51df051136',
8188
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '8840f2ded6be98d49323a6d8b00dd135abb88411', class: "qds-container" }, hAsync("input", { key: '04dcdc3ccef0d2158ed68814cf8e3e239ffa8ca1',
8129
8189
  // eslint-disable-next-line jsx-a11y/no-autofocus
8130
- autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, required: this.required, type: "checkbox", tabIndex: -1 }), hAsync("qds-icon", { key: 'ade28f729ca2e02d9db5c6e6c5f99f49cc6d7d10', class: {
8190
+ autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, required: this.required, type: "checkbox", tabIndex: -1 }), hAsync("qds-icon", { key: 'e1c20a3d6a858ddc889c9c56442c35bd570301d9', class: {
8131
8191
  'qds-icon': true,
8132
8192
  'qds-checked': true,
8133
- }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'c0dfa142dd90dd7d3adf6e57c71becfe949f43e9', class: {
8193
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'bae6204ac7b386f92eb3a5e59789d3ccfc8b9dc7', class: {
8134
8194
  'qds-icon': true,
8135
8195
  'qds-indeterminate': true,
8136
- }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: '7918b3d9fe502c90ff7c8d10104952403078d3b9', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: '5f0969933396eb3f271040c6140d81c13df47210', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '77d853746163e94cf682aed525d1b1819e4cd383', class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
8196
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: '01c00cac30d9ffc762049c4ce4d14859e7d8878c', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: '9643348ec0b94f20c2ff96c377ab6c6cdb64a9af', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '7b51c156329641f7d08a4057d79ce3549a12d70f', class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
8137
8197
  }
8138
8198
  static get formAssociated() { return true; }
8139
8199
  get host() { return getElement(this); }
@@ -8143,7 +8203,8 @@ class Checkbox {
8143
8203
  "indeterminate": ["indeterminateChanged"],
8144
8204
  "tabindex": ["tabindexChanged"],
8145
8205
  "text": ["textChanged"],
8146
- "value": ["valueChanged"]
8206
+ "value": ["valueChanged"],
8207
+ "required": ["requiredChanged"]
8147
8208
  }; }
8148
8209
  static get style() { return checkboxCss; }
8149
8210
  static get cmpMeta() { return {
@@ -8198,7 +8259,7 @@ _Checkbox_ro = new WeakMap(), _Checkbox_savedTabIndex = new WeakMap(), _Checkbox
8198
8259
  Object.defineProperty(this.host, p, { enumerable: true, get });
8199
8260
  };
8200
8261
 
8201
- 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}";
8262
+ const chipCss = ":host([hidden]){display:none!important}:host{display:block;outline:none}[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-chip [aria-disabled=true] .qds-container{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}";
8202
8263
 
8203
8264
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8204
8265
  //
@@ -8219,7 +8280,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
8219
8280
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
8220
8281
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
8221
8282
  };
8222
- 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;
8283
+ 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;
8223
8284
  /**
8224
8285
  * `<qds-chip>` elements are interactive elements that represent selections.
8225
8286
  * Chips allow users to make a selection from a list of options or display
@@ -8282,17 +8343,11 @@ class Chip {
8282
8343
  _Chip_chip.set(this, void 0);
8283
8344
  _Chip_span.set(this, void 0);
8284
8345
  _Chip_ro.set(this, void 0);
8285
- _Chip_inheritedAttributes.set(this, {});
8346
+ _Chip_savedTabIndex.set(this, 0);
8286
8347
  _Chip_onIconClick.set(this, (event) => {
8287
8348
  if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
8288
8349
  this.closeEmitter.emit();
8289
8350
  });
8290
- _Chip_onFocus.set(this, (event) => {
8291
- this.focusEmitter.emit(pickFocusEventAttributes(event));
8292
- });
8293
- _Chip_onBlur.set(this, (event) => {
8294
- this.blurEmitter.emit(pickFocusEventAttributes(event));
8295
- });
8296
8351
  _Chip_chipRef.set(this, (chip) => {
8297
8352
  __classPrivateFieldSet$l(this, _Chip_chip, chip, "f");
8298
8353
  });
@@ -8305,6 +8360,16 @@ class Chip {
8305
8360
  tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
8306
8361
  });
8307
8362
  }
8363
+ onBlur(event) {
8364
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8365
+ this.blurEmitter.emit(pickFocusEventAttributes(event));
8366
+ }
8367
+ }
8368
+ onFocus(event) {
8369
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8370
+ this.focusEmitter.emit(pickFocusEventAttributes(event));
8371
+ }
8372
+ }
8308
8373
  onClick(event) {
8309
8374
  if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
8310
8375
  event.stopImmediatePropagation();
@@ -8341,12 +8406,20 @@ class Chip {
8341
8406
  }
8342
8407
  checkedChanged() {
8343
8408
  this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
8409
+ this.internals.ariaChecked = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get).toString();
8344
8410
  this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
8345
8411
  ? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
8346
8412
  : // eslint-disable-next-line unicorn/no-null
8347
8413
  null);
8348
8414
  }
8349
8415
  disabledChanged() {
8416
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8417
+ this.internals.ariaDisabled = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get).toString();
8418
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8419
+ this.host.removeAttribute('tabindex');
8420
+ else
8421
+ this.host.tabIndex = __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f");
8422
+ }
8350
8423
  if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8351
8424
  this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
8352
8425
  // eslint-disable-next-line unicorn/no-null
@@ -8354,21 +8427,43 @@ class Chip {
8354
8427
  this.internals.setFormValue(null);
8355
8428
  }
8356
8429
  tabindexChanged(newValue) {
8357
- const parsedValue = Number.parseInt(newValue, 10);
8358
- this.tabIndex =
8359
- parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
8430
+ if (newValue !== null) {
8431
+ const parsedValue = Number.parseInt(newValue, 10);
8432
+ __classPrivateFieldSet$l(this, _Chip_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
8433
+ ? 0
8434
+ : parsedValue, "f");
8435
+ }
8436
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8437
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8438
+ this.host.removeAttribute('tabindex');
8439
+ else
8440
+ this.host.tabIndex = __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f");
8441
+ }
8442
+ else {
8443
+ this.host.removeAttribute('tabindex');
8444
+ }
8445
+ }
8446
+ textChanged() {
8447
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8448
+ this.internals.ariaLabel = this.text ?? '';
8449
+ }
8360
8450
  }
8361
8451
  valueChanged() {
8362
8452
  if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
8363
8453
  this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
8364
8454
  }
8365
8455
  componentWillLoad() {
8456
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
8457
+ this.internals.role = 'checkbox';
8458
+ this.internals.ariaChecked = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get).toString();
8459
+ this.internals.ariaLabel = this.text ?? '';
8460
+ this.internals.ariaDisabled = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get).toString();
8461
+ }
8366
8462
  this.valueChanged();
8367
8463
  Object.defineProperty(this.host, 'form', {
8368
8464
  enumerable: true,
8369
8465
  get: () => this.internals.form,
8370
8466
  });
8371
- __classPrivateFieldSet$l(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
8372
8467
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8373
8468
  }
8374
8469
  componentDidLoad() {
@@ -8387,33 +8482,31 @@ class Chip {
8387
8482
  __classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
8388
8483
  }
8389
8484
  render() {
8390
- return (hAsync("div", { key: 'c87ae5b0e24b50bb8304e826f924e23906813a30', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '021c3a19556340b72b7361a7c1837eb2f8fc4c44', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
8485
+ 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: {
8391
8486
  'qds-container': true,
8392
8487
  'qds-closable-chip': true,
8393
- }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6372fef2711522b9fd7c7985f3b5e02b348c4104', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '80c7e8d86cf341d096808fa496f7d4dd595c2cb5', 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: '98ca1457125b1b0e2e37e9ad403aea21fc94ac07', 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' && (
8394
- // eslint-disable-next-line jsx-a11y/label-has-associated-control
8395
- hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
8396
- // eslint-disable-next-line jsx-a11y/no-autofocus
8397
- 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: '6cf7b1de73a86af57d95404e8441ec10aa8b4005', class: {
8488
+ }, "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)
8489
+ ? undefined
8490
+ : __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f") || undefined }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (hAsync("div", { key: 'ae863c29d87a6a4817327b758d6eefd1169b3131', "aria-hidden": "true", class: {
8398
8491
  'qds-container': true,
8399
8492
  'qds-pressed-state': this.isPressed,
8400
8493
  'qds-selected-state': this.isSelected,
8401
8494
  'qds-padding-end': true,
8402
8495
  'qds-cursor': true,
8403
- }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b3b8fcb77e020f0819d33259ad4e9d8883f268db', 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: '3bed0e9814f3da14f8d5516ece2044bf6369907d', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '17d03ea52ea5e06d22e1a9e4dd24d7ca2217c245', 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: 'a84aca122610d08ad6338b8cc3e4100d18efece6', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
8496
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: '6013afda7886df9063ef61dd3119acd8dda10ef7', 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: '90ec235bc69aa9c426c7cdf25e65d3731943bcbf', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '39f72b5cdf77c84b1903a0ce01dd252ad897e745', 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: '5883ab2c32116f469b9f656b305cea2b782378e7', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
8404
8497
  }
8405
- static get delegatesFocus() { return true; }
8406
8498
  static get formAssociated() { return true; }
8407
8499
  get host() { return getElement(this); }
8408
8500
  static get watchers() { return {
8409
8501
  "checked": ["checkedChanged"],
8410
8502
  "disabled": ["disabledChanged"],
8411
8503
  "tabindex": ["tabindexChanged"],
8504
+ "text": ["textChanged"],
8412
8505
  "value": ["valueChanged"]
8413
8506
  }; }
8414
8507
  static get style() { return chipCss; }
8415
8508
  static get cmpMeta() { return {
8416
- "$flags$": 345,
8509
+ "$flags$": 329,
8417
8510
  "$tagName$": "qds-chip",
8418
8511
  "$members$": {
8419
8512
  "iconName": [1, "icon-name"],
@@ -8428,15 +8521,14 @@ class Chip {
8428
8521
  "value": [8],
8429
8522
  "isPressed": [32],
8430
8523
  "isSelected": [32],
8431
- "tabIndex": [32],
8432
8524
  "tooltip": [32]
8433
8525
  },
8434
- "$listeners$": [[0, "click", "onClick"], [0, "keydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"]],
8526
+ "$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [0, "keydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"]],
8435
8527
  "$lazyBundleId$": "-",
8436
8528
  "$attrsToReflect$": []
8437
8529
  }; }
8438
8530
  }
8439
- _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() {
8531
+ _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() {
8440
8532
  return `Delete ${this.text} selection`;
8441
8533
  }, _Chip_computedDisabled_get = function _Chip_computedDisabled_get() {
8442
8534
  return this.disabled ?? false;
@@ -8577,7 +8669,7 @@ class Dialog {
8577
8669
  }
8578
8670
  render() {
8579
8671
  const hasHeading = this.hasTitleSlot || this.closable === true;
8580
- 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" })));
8672
+ return (hAsync(Host, { key: 'f539099907de33ea68bc3cd5880480d3f5789b00' }, hAsync("dialog", { key: '76b7682b584e3e0c1742f34302a3bdcc37d4cb13', 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: 'cdf2fd8a2511c506d9d26446bb01dcf13042da1f', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '2ddfbe5232543917aa0240e54cb7bb855bb52f25', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'df411750c4980b37e8a62f53d8a043578b631ff6', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: 'f39b009756aeb24abfe14450018397adb79e1187', "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: '7ce95d15ebc740667a15c82308cfb00f51efba43', class: "qds-content" }, hAsync("slot", { key: 'a50eee334b98635dcb0512c83b440d88df3db45a' })), this.hasFooterSlot && (hAsync("div", { key: '90f86d770330e4b029c50f794463fb595b8b98dc', class: "qds-footer" }, hAsync("slot", { key: '3c857cdbd8ccfe8c9da2edaf3c03ce46c75bab3c', name: "footer" })))), hAsync("div", { key: 'ee917200ebda59e0d4d9ba28ae87d57d58d347bc', class: "qds-backdrop", "aria-hidden": "true" })));
8581
8673
  }
8582
8674
  show() {
8583
8675
  invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
@@ -8663,7 +8755,7 @@ class Divider {
8663
8755
  this.verticalChanged();
8664
8756
  }
8665
8757
  render() {
8666
- return (hAsync("hr", { key: 'a2920144cecf267a6639c9f6388367600df26660', class: {
8758
+ return (hAsync("hr", { key: 'd2a8feba9e8226af3188a936052c3f74b5830ec1', class: {
8667
8759
  'qds-divider': true,
8668
8760
  'qds-vertical': this.vertical,
8669
8761
  }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
@@ -10401,7 +10493,7 @@ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) |
10401
10493
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
10402
10494
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
10403
10495
  };
10404
- 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;
10496
+ 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;
10405
10497
  let autoIncrementingId$3 = 1;
10406
10498
  const isQdsButton = (element) => element.tagName.toLowerCase() === 'qds-button';
10407
10499
  const ALLOWED_TAGS = new Set([
@@ -10412,7 +10504,8 @@ const ALLOWED_TAGS = new Set([
10412
10504
  const isEnabledItem = (element) => element instanceof HTMLElement &&
10413
10505
  ALLOWED_TAGS.has(element.tagName.toLowerCase()) &&
10414
10506
  !element.hasAttribute('disabled') &&
10415
- !element.inert;
10507
+ !element.inert &&
10508
+ element.getAttribute('list-action') !== 'none';
10416
10509
  /**
10417
10510
  * @slot Content to display in the dropdown.
10418
10511
  * @see https://quartz.se.com/build/components/dropdown
@@ -10485,7 +10578,6 @@ class Dropdown {
10485
10578
  const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
10486
10579
  if (relatedTarget instanceof globalThis.Element &&
10487
10580
  !this.host.contains(relatedTarget) &&
10488
- __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
10489
10581
  !dropdownItem)
10490
10582
  await this.close();
10491
10583
  });
@@ -10520,17 +10612,16 @@ class Dropdown {
10520
10612
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
10521
10613
  return;
10522
10614
  }
10523
- if (keydownOnReference &&
10524
- (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
10615
+ if (keydownOnReference && (key === 'ArrowDown' || key === 'ArrowUp')) {
10616
+ event.preventDefault();
10617
+ event.stopPropagation();
10525
10618
  if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
10526
10619
  await this.show();
10527
10620
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
10528
- event.preventDefault();
10529
- event.stopPropagation();
10530
10621
  return;
10531
10622
  }
10532
10623
  // Prevent space key from scrolling the page when focused on an item
10533
- if (key === ' ') {
10624
+ if (key === ' ' || key === 'Enter') {
10534
10625
  event.preventDefault();
10535
10626
  event.stopPropagation();
10536
10627
  return;
@@ -10589,6 +10680,7 @@ class Dropdown {
10589
10680
  }
10590
10681
  await this.show();
10591
10682
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_initializeFirstItem).call(this);
10683
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
10592
10684
  });
10593
10685
  _Dropdown_boundOnFocusout.set(this, (event) => {
10594
10686
  ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
@@ -10622,10 +10714,7 @@ class Dropdown {
10622
10714
  const { host } = this;
10623
10715
  if (reference instanceof globalThis.Element) {
10624
10716
  reference.setAttribute('aria-expanded', 'true');
10625
- reference.setAttribute('aria-controls', host.id);
10626
10717
  host.setAttribute('aria-labelledby', reference.id);
10627
- if (!reference.hasAttribute('aria-haspopup'))
10628
- reference.setAttribute('aria-haspopup', 'true');
10629
10718
  if (isQdsButton(reference) && reference.action === 'dropdown')
10630
10719
  reference.action = 'dropdown-close';
10631
10720
  }
@@ -10646,7 +10735,6 @@ class Dropdown {
10646
10735
  return;
10647
10736
  if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
10648
10737
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
10649
- __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
10650
10738
  if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
10651
10739
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
10652
10740
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
@@ -10683,10 +10771,12 @@ class Dropdown {
10683
10771
  if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
10684
10772
  return;
10685
10773
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
10774
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-haspopup', 'true');
10775
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-controls', this.host.id);
10686
10776
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
10687
10777
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
10688
10778
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
10689
- if (this.host.role === 'menu') {
10779
+ if (this.internals.role === 'menu') {
10690
10780
  (_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
10691
10781
  this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
10692
10782
  }
@@ -10745,7 +10835,7 @@ class Dropdown {
10745
10835
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
10746
10836
  }
10747
10837
  render() {
10748
- return (hAsync(Host, { key: '09e4ef0e7d6c8cf0a101e79f5efa4495a3d13c75', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '3f48d5da5844a46102da02537282dbb879a662c5', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
10838
+ return (hAsync(Host, { key: 'bb2c0c9b96f13b2ff9094d9b1d1b7d621653e8df', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '1b385c096e7608a5d73ed6550abd5706515d1767', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
10749
10839
  }
10750
10840
  static get delegatesFocus() { return true; }
10751
10841
  get host() { return getElement(this); }
@@ -10799,9 +10889,13 @@ _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_ga
10799
10889
  }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
10800
10890
  requestAnimationFrame(() => {
10801
10891
  const firstItem = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_setFirstItemTabindex).call(this);
10802
- if (!firstItem)
10892
+ if (firstItem) {
10893
+ firstItem.focus();
10803
10894
  return;
10804
- firstItem.focus();
10895
+ }
10896
+ const focusable = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_findFirstFocusableDescendant).call(this);
10897
+ if (focusable)
10898
+ focusable.focus();
10805
10899
  });
10806
10900
  }, _Dropdown_initializeFirstItem = function _Dropdown_initializeFirstItem() {
10807
10901
  requestAnimationFrame(() => {
@@ -10817,10 +10911,34 @@ _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_ga
10817
10911
  item.setAttribute('tabindex', '-1');
10818
10912
  firstItem.setAttribute('tabindex', '0');
10819
10913
  return firstItem;
10914
+ }, _Dropdown_findFirstFocusableDescendant = function _Dropdown_findFirstFocusableDescendant() {
10915
+ for (const child of this.host.children) {
10916
+ if (child instanceof HTMLElement && !child.inert) {
10917
+ const focusable = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusWithin).call(this, child);
10918
+ if (focusable)
10919
+ return focusable;
10920
+ }
10921
+ }
10922
+ return undefined;
10923
+ }, _Dropdown_focusWithin = function _Dropdown_focusWithin(target) {
10924
+ target.focus();
10925
+ if (target.matches(':focus'))
10926
+ return target;
10927
+ if (target.shadowRoot) {
10928
+ for (const child of target.shadowRoot.querySelectorAll('*')) {
10929
+ if (child instanceof HTMLElement && !child.inert) {
10930
+ const focusable = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusWithin).call(this, child);
10931
+ if (focusable)
10932
+ return focusable;
10933
+ }
10934
+ }
10935
+ }
10936
+ return undefined;
10820
10937
  }, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
10821
10938
  this.host.removeAttribute('aria-labelledby');
10822
10939
  if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
10823
10940
  return;
10941
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
10824
10942
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
10825
10943
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
10826
10944
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
@@ -10884,10 +11002,10 @@ class FormMessage {
10884
11002
  __classPrivateFieldGet$n(this, _FormMessage_instances, "m", _FormMessage_syncInternalsAccessibility).call(this);
10885
11003
  }
10886
11004
  render() {
10887
- return (hAsync("div", { key: '06ab5174430e4ee559b7ef8f0f1f93f8725e6d8d', class: {
11005
+ return (hAsync("div", { key: '759963a507bcf2b627308d1c2aba25417f7de9a3', class: {
10888
11006
  'qds-form-message': true,
10889
11007
  'qds-inline': this.inline,
10890
- }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) !== 'neutral' && (hAsync("div", { key: '3bfd03345480f6e1a3bfed9fc02a305a10ca3a8a', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: 'ed3f34efcea550f6d325c6f72321ceee4b2e9c6f', 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: 'fb38a30828adf99ec982190769f8e9c0e01f95f2', 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: '8949e66c31fa79dbfe0fea33458f8e0babfed523', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: '64480656127a18618af23cb76971974bca1aa847', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
11008
+ }, "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)));
10891
11009
  }
10892
11010
  get host() { return getElement(this); }
10893
11011
  static get watchers() { return {
@@ -11133,7 +11251,7 @@ class Icon {
11133
11251
  await this.setIcon();
11134
11252
  }
11135
11253
  render() {
11136
- return (hAsync("div", { key: '679545e776f70c30bc7843c107e115d2dd3501a1', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: 'dd410b390eca7c4db0dc258d635eeb32b9ed7639', class: "qds-icon-wrapper", innerHTML: this.svg })));
11254
+ return (hAsync("div", { key: '8728b164f4d76999e1bf93fa2dbd36ee0550568e', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: 'cdedecc6d200e9b7cba55e656fe5e7079f0452aa', class: "qds-icon-wrapper", innerHTML: this.svg })));
11137
11255
  }
11138
11256
  static get watchers() { return {
11139
11257
  "name": ["setIcon"],
@@ -11154,7 +11272,7 @@ class Icon {
11154
11272
  }; }
11155
11273
  }
11156
11274
 
11157
- 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)}";
11275
+ 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-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)}";
11158
11276
 
11159
11277
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
11160
11278
  //
@@ -11176,10 +11294,6 @@ var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) |
11176
11294
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11177
11295
  };
11178
11296
  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;
11179
- const isCounter$2 = (value) => typeof value === 'string'
11180
- ? !Number.isNaN(Number.parseFloat(value))
11181
- : typeof value === 'number';
11182
- const isIndicator$2 = (value) => value === '' || value === true;
11183
11297
  const preventDefault$1 = (event) => {
11184
11298
  event.preventDefault();
11185
11299
  };
@@ -11323,10 +11437,10 @@ class IconButton {
11323
11437
  }
11324
11438
  render() {
11325
11439
  const Tag = this.href === undefined ? 'button' : 'a';
11326
- return (hAsync("div", { key: 'd13c01f285f3a4b7b2d3c11c5e61368134c9d246', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '8426b9fc8f12555ee20f3443bd2d539ba47532e4', type: Tag === 'a' ? undefined : 'button', class: {
11440
+ return (hAsync("div", { key: 'a2803cbdd9bc5e5e8b4c633b6b897f658171c47b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '3aec5e2fbee2cac9985a268cb6f29ecd423a3500', type: Tag === 'a' ? undefined : 'button', class: {
11327
11441
  'qds-icon-button': true,
11328
11442
  'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
11329
- }, 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: 'e713bcaae60c8dddf9fe5dc48707761a5b286c50', 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: 'a54753162abaf198a39061cbdbb2d4564b3a306a', 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: '27509189b8b4a17e3daf9651474193a2962771cb', 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: '8b559da978404ccc2338b96dbb0f3f06a13e1aec', 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: 'd5726ac6d6138767392cd72374a76eadeb8d3a6d', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
11443
+ }, 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))));
11330
11444
  }
11331
11445
  static get formAssociated() { return true; }
11332
11446
  get host() { return getElement(this); }
@@ -11391,14 +11505,8 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
11391
11505
  }, _IconButton_updateAriaLabel = function _IconButton_updateAriaLabel() {
11392
11506
  const label = this.text ?? __classPrivateFieldGet$m(this, _IconButton_rawAriaLabel, "f") ?? '';
11393
11507
  const hasBadge = this.badge !== undefined;
11394
- if (hasBadge && this.badgeDescription !== undefined) {
11395
- this.internals.ariaLabel = isIndicator$2(this.badge)
11396
- ? `${label} ${this.badgeDescription}`
11397
- : `${label} ${this.badge} ${this.badgeDescription}`;
11398
- return;
11399
- }
11400
- if (hasBadge && !isIndicator$2(this.badge)) {
11401
- this.internals.ariaLabel = `${label} ${this.badge}`;
11508
+ if (hasBadge) {
11509
+ this.internals.ariaLabel = computeBadgeValue(label, this.badge, this.badgeDescription);
11402
11510
  return;
11403
11511
  }
11404
11512
  this.internals.ariaLabel =
@@ -11428,11 +11536,7 @@ var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) |
11428
11536
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
11429
11537
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11430
11538
  };
11431
- 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;
11432
- const isCounter$1 = (value) => typeof value === 'string'
11433
- ? !Number.isNaN(Number.parseFloat(value))
11434
- : typeof value === 'number';
11435
- const isIndicator$1 = (value) => value === '' || value === true;
11539
+ var _IconTab_instances, _IconTab_div, _IconTab_panel, _IconTab_computedSize_get, _IconTab_computedImportance_get, _IconTab_parentLayer_get, _IconTab_parentLevel_get, _IconTab_computedDisabled_get, _IconTab_placement_get, _IconTab_isLink_get, _IconTab_ref, _IconTab_tooltipRef, _IconTab_onBlur, _IconTab_onFocus, _IconTab_defineTab, _IconTab_defineGetter;
11436
11540
  let autoIncrementingId$2 = 1;
11437
11541
  /**
11438
11542
  * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -11485,13 +11589,9 @@ class IconTab {
11485
11589
  this.isIndicatorOnTop = false;
11486
11590
  _IconTab_div.set(this, void 0);
11487
11591
  _IconTab_panel.set(this, void 0);
11488
- _IconTab_iconTab.set(this, void 0);
11489
11592
  _IconTab_ref.set(this, (div) => {
11490
11593
  __classPrivateFieldSet$h(this, _IconTab_div, div, "f");
11491
11594
  });
11492
- _IconTab_iconTabRef.set(this, (tab) => {
11493
- __classPrivateFieldSet$h(this, _IconTab_iconTab, tab, "f");
11494
- });
11495
11595
  _IconTab_tooltipRef.set(this, (tooltip) => {
11496
11596
  if (tooltip)
11497
11597
  // eslint-disable-next-line no-param-reassign
@@ -11505,7 +11605,8 @@ class IconTab {
11505
11605
  });
11506
11606
  _IconTab_defineTab.set(this, () => {
11507
11607
  this.internals.role = 'tab';
11508
- __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
11608
+ this.textChanged();
11609
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => this.host);
11509
11610
  });
11510
11611
  }
11511
11612
  panelChanged() {
@@ -11514,9 +11615,8 @@ class IconTab {
11514
11615
  if (!(panel instanceof globalThis.Element))
11515
11616
  return;
11516
11617
  __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
11517
- const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11518
- if (tab)
11519
- tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
11618
+ if (!__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get))
11619
+ this.host.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
11520
11620
  if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
11521
11621
  __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
11522
11622
  if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
@@ -11532,6 +11632,13 @@ class IconTab {
11532
11632
  this.tabIndex =
11533
11633
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
11534
11634
  }
11635
+ textChanged() {
11636
+ const hasBadge = this.badge !== undefined;
11637
+ this.internals.ariaLabel = hasBadge
11638
+ ? computeBadgeValue(this.text, this.badge, this.badgeDescription)
11639
+ : // eslint-disable-next-line unicorn/no-null
11640
+ (this.text ?? null);
11641
+ }
11535
11642
  componentWillLoad() {
11536
11643
  var _a;
11537
11644
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
@@ -11550,9 +11657,7 @@ class IconTab {
11550
11657
  disconnectedCallback() {
11551
11658
  if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
11552
11659
  return;
11553
- const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11554
- if (tab)
11555
- tab.removeAttribute('aria-controls');
11660
+ this.host.removeAttribute('aria-controls');
11556
11661
  if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
11557
11662
  // eslint-disable-next-line unicorn/no-null
11558
11663
  __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
@@ -11561,20 +11666,21 @@ class IconTab {
11561
11666
  __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
11562
11667
  }
11563
11668
  render() {
11564
- const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
11669
+ const isLink = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get);
11565
11670
  const Tag = isLink ? 'a' : 'div';
11566
- return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
11671
+ return (hAsync("div", { key: 'ee2cd5ac60d344025f8ecd859ced7eaa5d3fe2b0', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
11567
11672
  'qds-selected': this.selected,
11568
- }, "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: '12093c90673de8fc1377992bc7892e76315b6b21', 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: {
11673
+ }, "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: 'cf5493c8696a6892c4610767b1417b57b27f98b7', "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: {
11569
11674
  'qds-icon-tab': true,
11570
11675
  'qds-selected': this.selected,
11571
11676
  [`qds-indicator-${this.indicatorPosition}`]: true,
11572
- }, 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: '69a7818c3f16667a07cd37d0775d8c2676546693', class: "qds-icon-container" }, hAsync("qds-icon", { key: '281df04fbea65aa853c0f3b5fe20ea0f3c491c81', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '40199c0a4a79e0b98ec62c106d7f76dbac343a3f', 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: '3c7cab837ba45ea78c741a748915ec67d2f4ae7d', 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: 'bade89eaa9147b36bad8cc0177d1a4867373646f', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '45f7022bf7984a7bc471603d94f7f9dc8a3b7ee2', layer: "accessory", level: "root" }, this.text))));
11677
+ }, "aria-current": 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 }, hAsync("div", { key: '55a4ab5631ecca2dd9d98a89b29ba99086dd40a8', class: "qds-icon-container" }, hAsync("qds-icon", { key: '94c481e9eadcd7ebd85902cde810bc1bd9195c7e', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '9e0d084d83fa49225b06a837ba0ae06af721d0a2', 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: 'c55c04909b45858975b7052f4641a21b4592cf79', 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: '66d4f6091d03b2e0523549a48ef86e1b9253030b', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '1060cecf8ad4f63fe929e050aa8df0eb10dac726', layer: "accessory", level: "root" }, this.text))));
11573
11678
  }
11574
11679
  get host() { return getElement(this); }
11575
11680
  static get watchers() { return {
11576
11681
  "panel": ["panelChanged"],
11577
- "tabindex": ["tabindexChanged"]
11682
+ "tabindex": ["tabindexChanged"],
11683
+ "text": ["textChanged"]
11578
11684
  }; }
11579
11685
  static get style() { return iconTabCss; }
11580
11686
  static get cmpMeta() { return {
@@ -11603,7 +11709,7 @@ class IconTab {
11603
11709
  "$attrsToReflect$": []
11604
11710
  }; }
11605
11711
  }
11606
- _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() {
11712
+ _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_ref = 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() {
11607
11713
  switch (this.size) {
11608
11714
  case 'standard':
11609
11715
  case 'small':
@@ -11637,6 +11743,8 @@ _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_iconTab =
11637
11743
  return 'bottom';
11638
11744
  }
11639
11745
  }
11746
+ }, _IconTab_isLink_get = function _IconTab_isLink_get() {
11747
+ return this.href !== undefined;
11640
11748
  }, _IconTab_defineGetter = function _IconTab_defineGetter(p, get) {
11641
11749
  Object.defineProperty(this.host, p, { enumerable: true, get });
11642
11750
  };
@@ -11762,10 +11870,10 @@ class InlineLink {
11762
11870
  __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
11763
11871
  }
11764
11872
  render() {
11765
- return (hAsync("a", { key: '4d6e42864e8a486dd43e5d135235af25d056151c', "aria-hidden": "true", class: {
11873
+ return (hAsync("a", { key: '7a8beaa0469cc0c7f34f8d58d837f9de17cb2f3c', "aria-hidden": "true", class: {
11766
11874
  'qds-inline-link': true,
11767
11875
  'qds-disabled': this.disabled,
11768
- }, "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("slot", { key: '46765b14f5cc8a8d63023799806a13cfa56e5594', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: '66dccaf54ae9cbdd354d3d7d7cfced73aa0757ef', class: "qds-icon", library: "core", name: this.linkIcon }))));
11876
+ }, "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: '2e9527f054bc268c64588aa9cdf19a4f27964c70', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '44d699080bca859fa00ecc2188330eea57fb6e53' }, hAsync("slot", { key: '92834eacf51e6333c64fdd72c8bca88fc64817c7', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") })), this.linkIcon && (hAsync("qds-icon", { key: 'e7a7617498f644f09d8b7b4addd5834e2e66a435', class: "qds-icon", library: "core", name: this.linkIcon }))));
11769
11877
  }
11770
11878
  get host() { return getElement(this); }
11771
11879
  static get watchers() { return {
@@ -11810,7 +11918,7 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
11810
11918
  return this.target === '_blank';
11811
11919
  };
11812
11920
 
11813
- 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{max-width:inherit;width: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}";
11921
+ 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}";
11814
11922
 
11815
11923
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11816
11924
  //
@@ -12212,7 +12320,7 @@ class Input {
12212
12320
  const shouldShowSearchButton = isSearchType && this.noIcon === false;
12213
12321
  const shouldHideIcon = !isSearchType && this.noIcon === true;
12214
12322
  const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
12215
- return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12323
+ return (hAsync("div", { key: '5fafd9f757ef2f22e8674646a8d39ea35ef5512d', class: "qds-container" }, hAsync("input", { key: '28973fa020fad68133f42362becd41823fc97776', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12216
12324
  // eslint-disable-next-line jsx-a11y/no-autofocus
12217
12325
  autoFocus: this.host.autofocus, capture: this.capture, class: {
12218
12326
  'qds-search-padding': shouldRemoveSearchPadding,
@@ -12223,7 +12331,7 @@ class Input {
12223
12331
  (this.isPasswordVisible && this.type === 'text'),
12224
12332
  'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
12225
12333
  'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
12226
- }, "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: '889c7b40cbd470dde63c581c28d5c18de1fbea79', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'eed30a3f52adda657e8e6c46afbfd22fd68be37f', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'bf2d80802037f3db6e647e85f9f62501b0cc6dc4', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
12334
+ }, "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 &&
12227
12335
  __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
12228
12336
  __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)))));
12229
12337
  }
@@ -12452,12 +12560,12 @@ class Label {
12452
12560
  __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
12453
12561
  }
12454
12562
  render() {
12455
- return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
12563
+ return (hAsync("span", { key: '0915703faa9ab405d9906f6620bfa19d78fbfca2', class: {
12456
12564
  'qds-inline': this.inline,
12457
12565
  'qds-label': true,
12458
12566
  }, "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"),
12459
12567
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
12460
- tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3155ac878f2a19da19bcd7deb7bca5f6b1ea7bd2', class: "qds-required" }, "*"), hAsync("span", { key: '98d1af5518e7966879b2b66eafb9e40c1eccbb42', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '9688a0b4965659c2232b48e10c263fd272ed7a06', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
12568
+ 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))));
12461
12569
  }
12462
12570
  static get watchers() { return {
12463
12571
  "text": ["textChanged"]
@@ -12729,18 +12837,18 @@ class ListItem {
12729
12837
  this.subtitleChanged();
12730
12838
  }
12731
12839
  render() {
12732
- return (hAsync(Host, { key: '5a3a3df94d196e2c3740c9a7cd47b9cd28f6259c' }, hAsync("div", { key: '19458ba3e18483d63c3e1d767198757c40f8af1d', class: {
12840
+ return (hAsync(Host, { key: 'fc9e8b47c69efbdd474f2253f50a451e9be82ec2' }, hAsync("div", { key: '0178cf6c821cd8b09a69021311175c630f1bfdf4', class: {
12733
12841
  'qds-list-item': true,
12734
12842
  'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
12735
12843
  'qds-disabled': this.disabled,
12736
12844
  'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
12737
12845
  'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
12738
- }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '330677408fefe3434033699287497cdbb0229de8', class: {
12846
+ }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: 'fb2f5397b4b93b248f82a5fae33145b5f6af86bb', class: {
12739
12847
  'qds-indented-content': true,
12740
12848
  'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
12741
- } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '6951ebdb2c5d31b045e867c08f8f7a59b477d7a3', 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: 'afe26df255406172e85866f9f8ad0c117dd7c80d', 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: 'f5398339399b1b5ed40eb99fddfd4da70e46cc06', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '92330554b0bac82bb1830518f646fbc07494028f', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '59ec62d45dd9f0970435f33492625f78dbf5917f', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '48638dc5625c1b452cef3425aa154809f9db119b', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '77a1f8424be02a7d363edc66db61ad3b55b3b29b', 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
12849
+ } }, __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
12742
12850
  ? 0
12743
- : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'bd286572a596d6834deb37c78355fd0c513b507b', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e47ad0f2262a6b703ad60910ecda70f9055a99cd', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '454e29db383d4d42388302c2a0c2e3e829110d69', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '954a084ce37eb83a184e21b34f04a552384d113a', 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: 'ee6d36f38f7f2503dfbbf59add9dd381ce9634d4', 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: '07065d6e8cb830d7df88fa2222418957a352f36a', 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: '89fd9526aabb5d3d51252b767abf4b61cfad3699', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: '8543f5c404208d1a8e2e2e7b7504fb212caef8f1', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '147261b3b694ab5fc53cde8f92bf2d4bf9db78aa' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: 'd241910d595e17d4624fbfeaebb3c592e9861250', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '2e0fbef65e5aff8fd9cd6a746914e19c4509e5ae', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '0258af911af8835bf23bed6ab204e47b50dde61d', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'cd81e5f0a52ad03b876967bb41549af3a3603d5f', class: "qds-tooltip-subtitle" }, this.subtitle))))));
12851
+ : 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))))));
12744
12852
  }
12745
12853
  get host() { return getElement(this); }
12746
12854
  static get watchers() { return {
@@ -12973,7 +13081,7 @@ var __classPrivateFieldSet$c = (undefined && undefined.__classPrivateFieldSet) |
12973
13081
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
12974
13082
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
12975
13083
  };
12976
- 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;
13084
+ 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;
12977
13085
  /**
12978
13086
  *
12979
13087
  *
@@ -13012,6 +13120,7 @@ class MenuItem {
13012
13120
  _MenuItem_menuItem.set(this, void 0);
13013
13121
  _MenuItem_span.set(this, void 0);
13014
13122
  _MenuItem_submenuDropdown.set(this, void 0);
13123
+ _MenuItem_rawAriaLabel.set(this, void 0);
13015
13124
  _MenuItem_menuitemDivRef.set(this, (menuItem) => {
13016
13125
  if (menuItem) {
13017
13126
  __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
@@ -13067,6 +13176,16 @@ class MenuItem {
13067
13176
  checkedChanged() {
13068
13177
  this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
13069
13178
  }
13179
+ textChanged() {
13180
+ __classPrivateFieldGet$f(this, _MenuItem_instances, "m", _MenuItem_updateAriaLabel).call(this);
13181
+ }
13182
+ ariaLabelChanged(newValue) {
13183
+ __classPrivateFieldSet$c(this, _MenuItem_rawAriaLabel, newValue ?? undefined, "f");
13184
+ __classPrivateFieldGet$f(this, _MenuItem_instances, "m", _MenuItem_updateAriaLabel).call(this);
13185
+ }
13186
+ shortcutChanged() {
13187
+ __classPrivateFieldGet$f(this, _MenuItem_instances, "m", _MenuItem_updateAriaLabel).call(this);
13188
+ }
13070
13189
  componentDidLoad() {
13071
13190
  this.checkedChanged();
13072
13191
  invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
@@ -13081,26 +13200,32 @@ class MenuItem {
13081
13200
  }
13082
13201
  componentWillLoad() {
13083
13202
  this.hasSubmenuSlot = this.host.hasChildNodes();
13084
- this.internals.role = this.hasSubmenuSlot
13085
- ? 'menu'
13086
- : this.type === 'checkbox'
13087
- ? 'menuitemcheckbox'
13088
- : 'menuitem';
13203
+ const { ariaLabel } = this.host;
13204
+ if (ariaLabel !== null) {
13205
+ __classPrivateFieldSet$c(this, _MenuItem_rawAriaLabel, ariaLabel, "f");
13206
+ }
13207
+ this.internals.role = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedRole_get);
13208
+ // eslint-disable-next-line unicorn/no-null
13209
+ this.internals.ariaHasPopup = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) ? 'menu' : null;
13089
13210
  this.disabledChanged();
13211
+ this.textChanged();
13090
13212
  }
13091
13213
  render() {
13092
- return (hAsync(Host, { key: '94fab787ba49682023cd431f7e950504326551f3' }, hAsync("div", { key: '5898e6dd09a737786cae1475075c7711b727e745', class: {
13214
+ return (hAsync(Host, { key: '188cb246fe509c86b2f188dbf68a01f3705d4400' }, hAsync("div", { key: 'a4ebc3162cbb01afba240e1ec19d4ab03c15941c', class: {
13093
13215
  'qds-menu-item': true,
13094
13216
  'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
13095
13217
  'qds-has-submenu': this.hasSubmenuSlot,
13096
- }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'bfde2e783fbadfbc7660cb9bc6669f6a10d01b9b', 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: '47d50e7c467a85d38bf01a1a9e8df5d20ff199d3', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '8587d0a41d9b28bff24a958867519614fca5b946', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '868e2ee30ed621aabd5b74d82f3b5cb285c02f93', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1b94825521d472ea868e13cfa0fcf6182a9ba429', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '61814e224b5ff704e026ec71d567c1046efabb50', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: '3e9e7339503e37d28aa985e69049ac43926e9c20', class: "qds-icon", library: "core", name: "navigation" })))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '8e405b850e32027ca6d34091d9c03004eba02239', class: "qds-accessory qds-related", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), ref: (element) => {
13218
+ }, 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) => {
13097
13219
  __classPrivateFieldSet$c(this, _MenuItem_submenuDropdown, element, "f");
13098
- } }, hAsync("slot", { key: 'f8b4ee3e548e644119221df8c25e359b506cb455' }))), this.tooltip && (hAsync("qds-tooltip", { key: '41606df09808260b8c738231beabe2ae085cd790', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
13220
+ } }, hAsync("slot", { key: '2f8d35a64b65a3dcde2d48800ec09d1ddc0aaaac' }))), this.tooltip && (hAsync("qds-tooltip", { key: '1db819ba0bb444a600f1f497ff0f064c653bf9cd', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
13099
13221
  }
13100
13222
  get host() { return getElement(this); }
13101
13223
  static get watchers() { return {
13102
13224
  "disabled": ["disabledChanged"],
13103
- "checked": ["checkedChanged"]
13225
+ "checked": ["checkedChanged"],
13226
+ "text": ["textChanged"],
13227
+ "aria-label": ["ariaLabelChanged"],
13228
+ "shortcut": ["shortcutChanged"]
13104
13229
  }; }
13105
13230
  static get style() { return menuItemCss; }
13106
13231
  static get cmpMeta() { return {
@@ -13123,7 +13248,7 @@ class MenuItem {
13123
13248
  "$attrsToReflect$": []
13124
13249
  }; }
13125
13250
  }
13126
- _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() {
13251
+ _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() {
13127
13252
  return isRTL$1(this.host) ? 'left-start' : 'right-start';
13128
13253
  }, _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
13129
13254
  switch (this.size) {
@@ -13146,6 +13271,19 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
13146
13271
  return this.disabled ?? false;
13147
13272
  }, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
13148
13273
  return this.hasSubmenuSlot;
13274
+ }, _MenuItem_computedRole_get = function _MenuItem_computedRole_get() {
13275
+ return this.hasSubmenuSlot
13276
+ ? 'menuitem'
13277
+ : this.type === 'checkbox'
13278
+ ? 'menuitemcheckbox'
13279
+ : 'menuitem';
13280
+ }, _MenuItem_hasShortcut_get = function _MenuItem_hasShortcut_get() {
13281
+ return (this.shortcut?.trim() ?? '') !== '';
13282
+ }, _MenuItem_computedAriaLabel_get = function _MenuItem_computedAriaLabel_get() {
13283
+ const label = __classPrivateFieldGet$f(this, _MenuItem_rawAriaLabel, "f") ?? this.text;
13284
+ return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasShortcut_get) ? `${label} ${this.shortcut}` : label;
13285
+ }, _MenuItem_updateAriaLabel = function _MenuItem_updateAriaLabel() {
13286
+ this.internals.ariaLabel = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedAriaLabel_get);
13149
13287
  };
13150
13288
 
13151
13289
  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}";
@@ -13426,7 +13564,7 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
13426
13564
  Object.defineProperty(this.host, p, { enumerable: true, get });
13427
13565
  };
13428
13566
 
13429
- 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}";
13567
+ 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}";
13430
13568
 
13431
13569
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13432
13570
  //
@@ -13531,12 +13669,12 @@ class QdsBreadcrumbItem {
13531
13669
  __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
13532
13670
  }
13533
13671
  render() {
13534
- return (hAsync("div", { key: '9d1917bb3ef33e1c3d11e75373bf5bfc383a09e5', class: {
13672
+ return (hAsync("div", { key: '65821313d94031e8ab4f4f75f4367293ed19019d', class: {
13535
13673
  'qds-breadcrumb-item': true,
13536
13674
  'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
13537
- }, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '0dc2c60d1acefc4fa6bee3a883e1ef1681e731c8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
13675
+ }, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '22b6c15d9996796f006cb386189f288cacd810f8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
13538
13676
  ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
13539
- : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '08b0db3040f0140592ba7a570fbcc7a241c399ff', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
13677
+ : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: 'a717340ee06542ecd2a3db3d945345f130de91e1', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
13540
13678
  }
13541
13679
  static get delegatesFocus() { return true; }
13542
13680
  static get watchers() { return {
@@ -13571,12 +13709,12 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
13571
13709
  return false;
13572
13710
  return isCurrentPage(this.href);
13573
13711
  }, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
13574
- 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" }, "/")));
13712
+ 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" }, "/")));
13575
13713
  }, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
13576
13714
  return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
13577
13715
  };
13578
13716
 
13579
- 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:j;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"j\"}.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)}";
13717
+ 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-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)}";
13580
13718
 
13581
13719
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13582
13720
  //
@@ -13751,7 +13889,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
13751
13889
  return this.text !== undefined && this.text !== '';
13752
13890
  };
13753
13891
 
13754
- 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:\"e\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:e}.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:e;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}";
13892
+ 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:\"f\"}.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:f}.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:f;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}";
13755
13893
 
13756
13894
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13757
13895
  //
@@ -14015,12 +14153,12 @@ class Select {
14015
14153
  this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
14016
14154
  }
14017
14155
  render() {
14018
- return (hAsync("div", { key: '7a9297b07a305a3d19c9cc79a712eef097e9b6bb', class: {
14156
+ return (hAsync("div", { key: 'b098f032561e734da66f3f499056cc9521db6235', class: {
14019
14157
  'qds-container': true,
14020
14158
  'qds-multiple': this.multiple ?? false,
14021
- }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '25c1ae87c178869e8c9a3141882174a1d6569600', autoComplete: this.autoComplete,
14159
+ }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '9555b4ecc3043c45d647512d782e8e8d7ae3b740', autoComplete: this.autoComplete,
14022
14160
  // eslint-disable-next-line jsx-a11y/no-autofocus
14023
- 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: '63769c2ba7f15e3c144ca5b0ed6e96f4b33fb625', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: '40eaccc18cc5315c85f85339a487d19a756639f2', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: '83928c2385e9833a8a809c897f94f9a1ecd97827', class: "qds-focus-ring" })));
14161
+ 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" })));
14024
14162
  }
14025
14163
  static get delegatesFocus() { return true; }
14026
14164
  static get formAssociated() { return true; }
@@ -14559,10 +14697,6 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
14559
14697
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
14560
14698
  };
14561
14699
  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;
14562
- const isCounter = (value) => typeof value === 'string'
14563
- ? !Number.isNaN(Number.parseFloat(value))
14564
- : typeof value === 'number';
14565
- const isIndicator = (value) => value === '' || value === true;
14566
14700
  let autoIncrementingId$1 = 1;
14567
14701
  /**
14568
14702
  * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -14720,11 +14854,11 @@ class Tab {
14720
14854
  : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
14721
14855
  ? 'button'
14722
14856
  : 'div';
14723
- return (hAsync("div", { key: 'dc2f96265bdb8f4531e83dda12ea32635d78b7da', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
14857
+ return (hAsync("div", { key: 'e12b9f54c01368539b8664ba9ab439869a28da6b', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
14724
14858
  'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14725
14859
  'qds-selected': this.selected,
14726
14860
  [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14727
- }, "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: '862cf7fdac2f09ff739b79d469c2c272b4bce487', 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: {
14861
+ }, "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: '92fd480ca21754615ce1c3ecd6360bc6536805c9', 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: {
14728
14862
  'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
14729
14863
  'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14730
14864
  'qds-selected': this.selected,
@@ -14734,7 +14868,7 @@ class Tab {
14734
14868
  ? 'true'
14735
14869
  : 'false'
14736
14870
  : 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 !== '') ||
14737
- (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'cb35e78661e2d0a86c8b4cadc6d17ec082d3b6d4', 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: 'e8ef5d732efab173cf225bc69059c2486ab64fcf', "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: 'f9538c5dc0e627be47358e2ec039bb4064348d99', 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: '28cbc076f2d57aa58b205f6088b3725c400cee12', 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: '6553d952074806ea3bb8e56b0f330fd04e36acd8', 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: '754c0d982f0e2a97a609bd7cb5b8c89e1a175dda', 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) }))));
14871
+ (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '0e7d9ec0c294a885d7b2586ed2ae5021bbf0da73', 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: '83c7cba9ead284d8adec3f3ccbaf1326c35a8a8f', "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: '74c2e59bcde6108deb7b0147173bb5ad48777a85', 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: '55afee978ab91952fe6ac039f4b0f8d2c673029d', 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: '22b4be208a87fde7cd85e8b03da6e31d9f5c70af', 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: 'e9046f74afec9852f26691b8866990a09ee1eda1', 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) }))));
14738
14872
  }
14739
14873
  get host() { return getElement(this); }
14740
14874
  static get watchers() { return {
@@ -15117,14 +15251,14 @@ class Tabbar {
15117
15251
  __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
15118
15252
  }
15119
15253
  render() {
15120
- return (hAsync("div", { key: '2c202280d06b8846a9be570fa15c92ff511bdf73', class: {
15254
+ return (hAsync("div", { key: '8591f74558abeec27a6c1e1b311177463cb5992e', class: {
15121
15255
  'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15122
- }, "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: '1651f3669e407097902bd82dab1f364f89a639fa', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: '5d4b5c13b4b331932e97fd9a8e91edb1deb357d9', class: "qds-tabbar" }, hAsync("div", { key: 'cf1b0e0fb72c2e74a682923103d43189794e608d', class: {
15256
+ }, "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: '00282e934dacfb0a0651ee106a668ac52c4d1c5b', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: 'e49a2b154315c79b89349d7bd32b4a77964629c7', class: "qds-tabbar" }, hAsync("div", { key: 'e06a929cc8514fc6d3085545aa87af2cd0b2b77b', class: {
15123
15257
  'qds-align-center': true,
15124
15258
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
15125
15259
  this.orientation === 'vertical' ||
15126
15260
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15127
- } }, hAsync("qds-icon-button", { key: 'ac70d787c07cdce7a24f4f35178cf9e642a9f814', "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: '1887e538b523e089387462834c1b299fac60dda8', class: {
15261
+ } }, hAsync("qds-icon-button", { key: '862744ce7171f7bc6213ec150cfbe69e92eedb10', "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: 'f3657c4be9d81155c9868993d5870c223475b7a0', class: {
15128
15262
  'qds-tabs': true,
15129
15263
  'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15130
15264
  'qds-centered': this.alignment === 'center' &&
@@ -15134,12 +15268,12 @@ class Tabbar {
15134
15268
  this.disableStartArrow,
15135
15269
  }, ref: (element) => {
15136
15270
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
15137
- }, 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: 'a05ffe2e999473281d8049e6506ab3cfa75a1178', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '9f16d7bc9edd9a60d32d34053d344f1ac2bcfeff', class: {
15271
+ }, 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: 'f07b2e92977e6b6c14635cbc16d18d0028bc0eee', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '737647c4e399bbd90b597262529387e4ad64d315', class: {
15138
15272
  'qds-align-center': true,
15139
15273
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
15140
15274
  this.orientation === 'vertical' ||
15141
15275
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15142
- } }, hAsync("qds-icon-button", { key: 'ac7dc7ea0a62d251abefef826727546ef499421e', "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: '788216fef1ff902b323620e1973c31fbd1d51ec1', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
15276
+ } }, hAsync("qds-icon-button", { key: '110214d91f43ae81c1cd718b538628e2d97e802d', "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: '3bcc003f4ed3e84dcb627097feea57f804fe2fb3', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
15143
15277
  }
15144
15278
  static get delegatesFocus() { return true; }
15145
15279
  get host() { return getElement(this); }
@@ -15472,9 +15606,9 @@ class TableHeadCell {
15472
15606
  render() {
15473
15607
  return (
15474
15608
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
15475
- 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,
15609
+ hAsync("th", { key: 'c2eb95970e235225d73a5c398268ce58fa5a9215', 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,
15476
15610
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
15477
- role: "none" }, hAsync("slot", { key: '9830dc68cec377ecf68fe362f304b5a561a580d9' })));
15611
+ role: "none" }, hAsync("slot", { key: '9ea7125c2c1cf938c39c0254f45e49f1d96ad194' })));
15478
15612
  }
15479
15613
  static get watchers() { return {
15480
15614
  "colSpan": ["colSpanChanged"],
@@ -15604,11 +15738,11 @@ class Tag {
15604
15738
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
15605
15739
  }
15606
15740
  render() {
15607
- return (hAsync("span", { key: '88bdc52e4729a80ef0dbf0e6b4e5c085a1d9acb8', class: {
15741
+ return (hAsync("span", { key: 'f266218938dc3110659bb719fb100efe8427f6c2', class: {
15608
15742
  'qds-tag': true,
15609
15743
  'qds-padding': this.importance !== 'subdued',
15610
15744
  }, "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 &&
15611
- 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)));
15745
+ 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: 'c1aa0089da19ae0554444abb607407d997b3a9ab', class: "qds-text" }, this.text)));
15612
15746
  }
15613
15747
  get host() { return getElement(this); }
15614
15748
  static get style() { return tagCss; }
@@ -15668,7 +15802,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
15668
15802
  return (this.badge ?? false) && this.importance !== 'emphasized';
15669
15803
  };
15670
15804
 
15671
- 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%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.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)}";
15805
+ 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)}";
15672
15806
 
15673
15807
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
15674
15808
  //
@@ -15934,9 +16068,9 @@ class TextArea {
15934
16068
  this.valueChanged();
15935
16069
  }
15936
16070
  render() {
15937
- return (hAsync(Host, { key: 'e4a8c71dc44612152518e44ea1dec9f2a60ddb80' }, hAsync("textarea", { key: '42d5da43e4a033e62d9438cba9319f5a1bf3e76c', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
16071
+ return (hAsync(Host, { key: 'a1124b2f6ac9a85ae42a10e94fa2c82bc09f176a' }, hAsync("textarea", { key: '0bc3d2ccf9d4bb645b5ec765a2a8836910231e88', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
15938
16072
  // eslint-disable-next-line jsx-a11y/no-autofocus
15939
- 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") })));
16073
+ 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: 'd59563e4625dfc217a2863e3bfe0ab772ca4bdd1', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
15940
16074
  }
15941
16075
  static get delegatesFocus() { return true; }
15942
16076
  static get formAssociated() { return true; }
@@ -16012,7 +16146,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
16012
16146
  Object.defineProperty(this.host, p, { enumerable: true, get });
16013
16147
  };
16014
16148
 
16015
- 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)}";
16149
+ 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)}";
16016
16150
 
16017
16151
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
16018
16152
  //
@@ -16063,14 +16197,14 @@ class Title {
16063
16197
  const level = `qds-${this.level ?? 'section'}`;
16064
16198
  const Tag = this.tag ?? 'h2';
16065
16199
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
16066
- return (hAsync("hgroup", { key: '04bc659e139196f133a2952d31b4850e3c7db4d0', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
16200
+ return (hAsync("hgroup", { key: '942eec84584a9f0ada443ce2d93e9bfd5553d2ef', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
16067
16201
  [layer]: true,
16068
16202
  [level]: true,
16069
16203
  'qds-titles': true,
16070
16204
  'qds-has-icon': hasIcon,
16071
16205
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
16072
16206
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
16073
- }, 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 }))));
16207
+ }, role: "none" }, hAsync(Tag, { key: '73d0c59e0808cfc8b81e67cc7fec19668430f8b9', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '9ef1451c7e2116611cf4a9d7e10e9b0c61c63b31' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '6fb83ecd2a9db814c0336d15e0b24174cdbba1e1', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '62008e9c0934c1700e2d909c7d370265303ee938', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'ad0113ac12cc58d136689a70176e4e208b06b1c9', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
16074
16208
  }
16075
16209
  static get style() { return titleCss; }
16076
16210
  static get cmpMeta() { return {
@@ -16370,7 +16504,7 @@ class Tooltip {
16370
16504
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
16371
16505
  }
16372
16506
  render() {
16373
- return (hAsync(Host, { key: '8ab46dcacf9ab9279402ab3732ababdf9641f3ed', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '703252d7ad663d577bae94d249432c77f9241203', class: "qds-tooltip" }, hAsync("slot", { key: '47faf0f5aa99c2f5e6521dd2c13007201a16baf8' })), hAsync("div", { key: '36c02add6ac0ea66c6511aae88342469bc2898fd', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
16507
+ return (hAsync(Host, { key: '8de8eafb6144152ea32296edd9da4764ffc0892c', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '6987ce86e8d7caaeef51d49f4ccadc5ec078d6ec', class: "qds-tooltip" }, hAsync("slot", { key: 'dabc1ce5c4ace23951975c303703edc0fe26c171' })), hAsync("div", { key: '13a39fa4add738f64f6de2000af8935c19310995', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
16374
16508
  }
16375
16509
  get host() { return getElement(this); }
16376
16510
  static get watchers() { return {