@quartzds/core 1.0.0-beta.120 → 1.0.0-beta.122

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 (241) hide show
  1. package/CHANGELOG.md +68 -0
  2. package/components/index.js +1 -1
  3. package/components/{p-CXP6q9Mr.js → p-BalM52S_.js} +12 -7
  4. package/components/p-BalM52S_.js.map +1 -0
  5. package/components/{p-CFVg7I9T.js → p-C0VgKX4J.js} +9 -9
  6. package/components/p-C0VgKX4J.js.map +1 -0
  7. package/components/{p-BkgfW_tl.js → p-C9R8N06B.js} +6 -32
  8. package/components/p-C9R8N06B.js.map +1 -0
  9. package/components/{p-DnZdwX0l.js → p-CKp062X8.js} +6 -6
  10. package/components/p-CKp062X8.js.map +1 -0
  11. package/components/{p-DwxIJEUj.js → p-CVuTVnQo.js} +3 -3
  12. package/components/{p-DwxIJEUj.js.map → p-CVuTVnQo.js.map} +1 -1
  13. package/components/{p-DeRqCYmp.js → p-Ck9w5WIb.js} +6 -6
  14. package/components/p-Ck9w5WIb.js.map +1 -0
  15. package/components/p-DCAlWquR.js +200 -0
  16. package/components/p-DCAlWquR.js.map +1 -0
  17. package/components/{p-BkBJDD6Y.js → p-DRcxeXWE.js} +58 -22
  18. package/components/p-DRcxeXWE.js.map +1 -0
  19. package/components/{p-Dsc0-aXK.js → p-DgYrfIr_.js} +4 -4
  20. package/components/{p-Dsc0-aXK.js.map → p-DgYrfIr_.js.map} +1 -1
  21. package/components/{p-CDRwHAIT.js → p-XP2CY_fo.js} +3 -3
  22. package/components/p-XP2CY_fo.js.map +1 -0
  23. package/components/{p-5RFBIepu.js → p-io1iVgY1.js} +47 -28
  24. package/components/p-io1iVgY1.js.map +1 -0
  25. package/components/{p-B03FWheS.js → p-oqmnh-8P.js} +4 -4
  26. package/components/{p-B03FWheS.js.map → p-oqmnh-8P.js.map} +1 -1
  27. package/components/{p-eFhV8w2l.js → p-yb0Kv4Y6.js} +24 -6
  28. package/components/p-yb0Kv4Y6.js.map +1 -0
  29. package/components/qds-action-item.js +5 -5
  30. package/components/qds-action-item.js.map +1 -1
  31. package/components/qds-avatar-media.js +1 -1
  32. package/components/qds-badge-counter.js +1 -1
  33. package/components/qds-breadcrumb-item.js +6 -6
  34. package/components/qds-breadcrumb-item.js.map +1 -1
  35. package/components/qds-button.js +5 -5
  36. package/components/qds-button.js.map +1 -1
  37. package/components/qds-checkbox.js +1 -1
  38. package/components/qds-chip.js +10 -10
  39. package/components/qds-chip.js.map +1 -1
  40. package/components/qds-dialog.js +7 -7
  41. package/components/qds-dialog.js.map +1 -1
  42. package/components/qds-divider.js +1 -1
  43. package/components/qds-dropdown.js +1 -1
  44. package/components/qds-form-message.js +4 -4
  45. package/components/qds-form-message.js.map +1 -1
  46. package/components/qds-icon-button.js +1 -1
  47. package/components/qds-icon-tab.js +9 -9
  48. package/components/qds-icon-tab.js.map +1 -1
  49. package/components/qds-icon.js +1 -1
  50. package/components/qds-inline-link.js +3 -3
  51. package/components/qds-inline-link.js.map +1 -1
  52. package/components/qds-input.js +49 -18
  53. package/components/qds-input.js.map +1 -1
  54. package/components/qds-label.js +153 -1
  55. package/components/qds-label.js.map +1 -1
  56. package/components/qds-list-item.js +25 -29
  57. package/components/qds-list-item.js.map +1 -1
  58. package/components/qds-loader.js +3 -3
  59. package/components/qds-loader.js.map +1 -1
  60. package/components/qds-menu-item.js +6 -6
  61. package/components/qds-mini-button.js +1 -1
  62. package/components/qds-progress-bar.js +1 -1
  63. package/components/qds-radio.js +1 -1
  64. package/components/qds-select.js +27 -9
  65. package/components/qds-select.js.map +1 -1
  66. package/components/qds-standalone-link.js +5 -5
  67. package/components/qds-standalone-link.js.map +1 -1
  68. package/components/qds-switch.js +5 -5
  69. package/components/qds-tab.js +20 -15
  70. package/components/qds-tab.js.map +1 -1
  71. package/components/qds-tabbar.js +95 -34
  72. package/components/qds-tabbar.js.map +1 -1
  73. package/components/qds-table-cell.js +32 -4
  74. package/components/qds-table-cell.js.map +1 -1
  75. package/components/qds-table-head-cell.js +32 -4
  76. package/components/qds-table-head-cell.js.map +1 -1
  77. package/components/qds-table-row.js +2 -2
  78. package/components/qds-table-row.js.map +1 -1
  79. package/components/qds-table.js +1 -1
  80. package/components/qds-tag.js +1 -1
  81. package/components/qds-textarea.js +4 -4
  82. package/components/qds-textarea.js.map +1 -1
  83. package/components/qds-title.js +1 -1
  84. package/components/qds-tooltip.js +1 -1
  85. package/dist/cjs/{helpers-BIL8yXqA.js → helpers-Qs3cpKiI.js} +11 -6
  86. package/dist/cjs/{helpers-BIL8yXqA.js.map → helpers-Qs3cpKiI.js.map} +1 -1
  87. package/dist/cjs/loader.cjs.js +1 -1
  88. package/dist/cjs/qds-action-item.cjs.entry.js +3 -3
  89. package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
  90. package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
  91. package/dist/cjs/qds-avatar-media_3.cjs.entry.js +145 -42
  92. package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
  93. package/dist/cjs/qds-badge-counter_2.cjs.entry.js +1 -1
  94. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +4 -4
  95. package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
  96. package/dist/cjs/qds-button.cjs.entry.js +2 -2
  97. package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
  98. package/dist/cjs/qds-chip.cjs.entry.js +7 -7
  99. package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
  100. package/dist/cjs/qds-dialog.cjs.entry.js +3 -3
  101. package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
  102. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  103. package/dist/cjs/qds-divider_2.cjs.entry.js +5 -5
  104. package/dist/cjs/qds-dropdown.cjs.entry.js +22 -4
  105. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  106. package/dist/cjs/qds-form-message.cjs.entry.js +3 -3
  107. package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
  108. package/dist/cjs/qds-icon-tab.cjs.entry.js +5 -5
  109. package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -1
  110. package/dist/cjs/qds-icon.cjs.entry.js +10 -30
  111. package/dist/cjs/qds-icon.entry.cjs.js.map +1 -1
  112. package/dist/cjs/qds-inline-link.cjs.entry.js +2 -2
  113. package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
  114. package/dist/cjs/qds-input.cjs.entry.js +46 -16
  115. package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
  116. package/dist/cjs/qds-label.cjs.entry.js +3 -3
  117. package/dist/cjs/qds-list-item.cjs.entry.js +7 -5
  118. package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
  119. package/dist/cjs/qds-loader.cjs.entry.js +2 -2
  120. package/dist/cjs/qds-loader.entry.cjs.js.map +1 -1
  121. package/dist/cjs/qds-menu-item.cjs.entry.js +3 -3
  122. package/dist/cjs/qds-mini-button.cjs.entry.js +1 -1
  123. package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
  124. package/dist/cjs/qds-select.cjs.entry.js +23 -7
  125. package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
  126. package/dist/cjs/qds-standalone-link.cjs.entry.js +4 -4
  127. package/dist/cjs/qds-standalone-link.entry.cjs.js.map +1 -1
  128. package/dist/cjs/qds-switch.cjs.entry.js +4 -4
  129. package/dist/cjs/qds-tab.cjs.entry.js +16 -11
  130. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  131. package/dist/cjs/qds-tabbar.cjs.entry.js +84 -28
  132. package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
  133. package/dist/cjs/qds-table-cell.cjs.entry.js +30 -3
  134. package/dist/cjs/qds-table-cell.entry.cjs.js.map +1 -1
  135. package/dist/cjs/qds-table-head-cell.cjs.entry.js +30 -3
  136. package/dist/cjs/qds-table-head-cell.entry.cjs.js.map +1 -1
  137. package/dist/cjs/qds-table-row.cjs.entry.js +2 -2
  138. package/dist/cjs/qds-table-row.entry.cjs.js.map +1 -1
  139. package/dist/cjs/qds-table.cjs.entry.js +1 -1
  140. package/dist/cjs/qds-tag.cjs.entry.js +3 -3
  141. package/dist/cjs/qds-tag.entry.cjs.js.map +1 -1
  142. package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
  143. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  144. package/dist/cjs/qds-title.cjs.entry.js +3 -3
  145. package/dist/cjs/qds-title.entry.cjs.js.map +1 -1
  146. package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
  147. package/dist/cjs/qds.cjs.js +1 -1
  148. package/dist/custom-elements.json +460 -33
  149. package/dist/docs.json +403 -64
  150. package/dist/esm/{helpers-BgaJNF9u.js → helpers-Fe2AA6uo.js} +12 -7
  151. package/dist/esm/{helpers-BgaJNF9u.js.map → helpers-Fe2AA6uo.js.map} +1 -1
  152. package/dist/esm/loader.js +1 -1
  153. package/dist/esm/qds-action-item.entry.js +3 -3
  154. package/dist/esm/qds-action-item.entry.js.map +1 -1
  155. package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +1 -1
  156. package/dist/esm/qds-avatar-media_3.entry.js +146 -43
  157. package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
  158. package/dist/esm/qds-badge-counter_2.entry.js +1 -1
  159. package/dist/esm/qds-breadcrumb-item.entry.js +4 -4
  160. package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
  161. package/dist/esm/qds-button.entry.js +2 -2
  162. package/dist/esm/qds-button.entry.js.map +1 -1
  163. package/dist/esm/qds-chip.entry.js +7 -7
  164. package/dist/esm/qds-chip.entry.js.map +1 -1
  165. package/dist/esm/qds-dialog.entry.js +3 -3
  166. package/dist/esm/qds-dialog.entry.js.map +1 -1
  167. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  168. package/dist/esm/qds-divider_2.entry.js +5 -5
  169. package/dist/esm/qds-dropdown.entry.js +22 -4
  170. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  171. package/dist/esm/qds-form-message.entry.js +3 -3
  172. package/dist/esm/qds-form-message.entry.js.map +1 -1
  173. package/dist/esm/qds-icon-tab.entry.js +5 -5
  174. package/dist/esm/qds-icon-tab.entry.js.map +1 -1
  175. package/dist/esm/qds-icon.entry.js +11 -31
  176. package/dist/esm/qds-icon.entry.js.map +1 -1
  177. package/dist/esm/qds-inline-link.entry.js +2 -2
  178. package/dist/esm/qds-inline-link.entry.js.map +1 -1
  179. package/dist/esm/qds-input.entry.js +46 -16
  180. package/dist/esm/qds-input.entry.js.map +1 -1
  181. package/dist/esm/qds-label.entry.js +3 -3
  182. package/dist/esm/qds-list-item.entry.js +7 -5
  183. package/dist/esm/qds-list-item.entry.js.map +1 -1
  184. package/dist/esm/qds-loader.entry.js +2 -2
  185. package/dist/esm/qds-loader.entry.js.map +1 -1
  186. package/dist/esm/qds-menu-item.entry.js +3 -3
  187. package/dist/esm/qds-mini-button.entry.js +1 -1
  188. package/dist/esm/qds-progress-bar.entry.js +1 -1
  189. package/dist/esm/qds-select.entry.js +23 -7
  190. package/dist/esm/qds-select.entry.js.map +1 -1
  191. package/dist/esm/qds-standalone-link.entry.js +4 -4
  192. package/dist/esm/qds-standalone-link.entry.js.map +1 -1
  193. package/dist/esm/qds-switch.entry.js +4 -4
  194. package/dist/esm/qds-tab.entry.js +16 -11
  195. package/dist/esm/qds-tab.entry.js.map +1 -1
  196. package/dist/esm/qds-tabbar.entry.js +84 -28
  197. package/dist/esm/qds-tabbar.entry.js.map +1 -1
  198. package/dist/esm/qds-table-cell.entry.js +30 -3
  199. package/dist/esm/qds-table-cell.entry.js.map +1 -1
  200. package/dist/esm/qds-table-head-cell.entry.js +30 -3
  201. package/dist/esm/qds-table-head-cell.entry.js.map +1 -1
  202. package/dist/esm/qds-table-row.entry.js +2 -2
  203. package/dist/esm/qds-table-row.entry.js.map +1 -1
  204. package/dist/esm/qds-table.entry.js +1 -1
  205. package/dist/esm/qds-tag.entry.js +3 -3
  206. package/dist/esm/qds-tag.entry.js.map +1 -1
  207. package/dist/esm/qds-textarea.entry.js +4 -4
  208. package/dist/esm/qds-textarea.entry.js.map +1 -1
  209. package/dist/esm/qds-title.entry.js +3 -3
  210. package/dist/esm/qds-title.entry.js.map +1 -1
  211. package/dist/esm/qds-tooltip.entry.js +2 -2
  212. package/dist/esm/qds.js +1 -1
  213. package/dist/types/components/avatar-media/avatar-media.d.ts +14 -5
  214. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  215. package/dist/types/components/icon/icon.d.ts +1 -2
  216. package/dist/types/components/input/input.d.ts +10 -0
  217. package/dist/types/components/radio/radio.d.ts +4 -0
  218. package/dist/types/components/select/select.d.ts +7 -1
  219. package/dist/types/components/tab/tab.d.ts +1 -1
  220. package/dist/types/components/tabbar/tabbar.d.ts +27 -1
  221. package/dist/types/components/table-cell/table-cell.d.ts +6 -0
  222. package/dist/types/components/table-head-cell/table-head-cell.d.ts +6 -0
  223. package/dist/types/components.d.ts +94 -19
  224. package/dist/vscode.html-custom-data.json +99 -5
  225. package/hydrate/index.js +1021 -742
  226. package/hydrate/index.mjs +1021 -742
  227. package/package.json +1 -1
  228. package/styles/core.css +24 -22
  229. package/components/p-5RFBIepu.js.map +0 -1
  230. package/components/p-BkBJDD6Y.js.map +0 -1
  231. package/components/p-BkgfW_tl.js.map +0 -1
  232. package/components/p-Bnc7Puxx.js +0 -164
  233. package/components/p-Bnc7Puxx.js.map +0 -1
  234. package/components/p-CDRwHAIT.js.map +0 -1
  235. package/components/p-CFVg7I9T.js.map +0 -1
  236. package/components/p-CRVPDKfO.js +0 -163
  237. package/components/p-CRVPDKfO.js.map +0 -1
  238. package/components/p-CXP6q9Mr.js.map +0 -1
  239. package/components/p-DeRqCYmp.js.map +0 -1
  240. package/components/p-DnZdwX0l.js.map +0 -1
  241. package/components/p-eFhV8w2l.js.map +0 -1
package/hydrate/index.js CHANGED
@@ -3635,25 +3635,30 @@ const closestElement = (selector, base) => {
3635
3635
  return closestFrom(base);
3636
3636
  };
3637
3637
  const isCurrentPage = (url) => {
3638
- const currentUrl = new URL(window.location.href);
3639
- const targetUrl = new URL(url);
3640
- return (currentUrl.origin === targetUrl.origin &&
3641
- currentUrl.pathname === targetUrl.pathname);
3638
+ try {
3639
+ const currentUrl = new URL(window.location.href);
3640
+ const targetUrl = new URL(url);
3641
+ return (currentUrl.origin === targetUrl.origin &&
3642
+ currentUrl.pathname === targetUrl.pathname);
3643
+ }
3644
+ catch {
3645
+ return false;
3646
+ }
3642
3647
  };
3643
3648
 
3644
- 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-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-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-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)}";
3649
+ 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)}";
3645
3650
 
3646
3651
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3647
3652
  //
3648
3653
  // SPDX-License-Identifier: Apache-2.0
3649
- var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3654
+ var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3650
3655
  if (kind === "a" && !f)
3651
3656
  throw new TypeError("Private accessor was defined without a getter");
3652
3657
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3653
3658
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3654
3659
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3655
3660
  };
3656
- var __classPrivateFieldSet$q = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3661
+ var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3657
3662
  if (kind === "m")
3658
3663
  throw new TypeError("Private method is not writable");
3659
3664
  if (kind === "a" && !f)
@@ -3703,15 +3708,15 @@ class ActionItem {
3703
3708
  _ActionItem_actionItem.set(this, void 0);
3704
3709
  _ActionItem_span.set(this, void 0);
3705
3710
  _ActionItem_actionDivRef.set(this, (actionItem) => {
3706
- __classPrivateFieldSet$q(this, _ActionItem_actionItem, actionItem, "f");
3711
+ __classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
3707
3712
  });
3708
3713
  _ActionItem_spanRef.set(this, (span) => {
3709
- __classPrivateFieldSet$q(this, _ActionItem_span, span, "f");
3714
+ __classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
3710
3715
  });
3711
3716
  _ActionItem_tooltipRef.set(this, (tooltip) => {
3712
3717
  if (tooltip)
3713
3718
  // eslint-disable-next-line no-param-reassign
3714
- tooltip.target = __classPrivateFieldGet$w(this, _ActionItem_actionItem, "f");
3719
+ tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
3715
3720
  });
3716
3721
  }
3717
3722
  disabledChanged() {
@@ -3724,7 +3729,7 @@ class ActionItem {
3724
3729
  this.focusEmitter.emit(pickFocusEventAttributes(event));
3725
3730
  }
3726
3731
  onClick(event) {
3727
- if (__classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3732
+ if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3728
3733
  event.stopImmediatePropagation();
3729
3734
  }
3730
3735
  componentWillLoad() {
@@ -3732,21 +3737,21 @@ class ActionItem {
3732
3737
  this.disabledChanged();
3733
3738
  }
3734
3739
  componentDidLoad() {
3735
- invariant(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3736
- const span = __classPrivateFieldGet$w(this, _ActionItem_span, "f");
3740
+ invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3741
+ const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
3737
3742
  readTask(() => {
3738
3743
  this.tooltip = isEllipsisActive(span);
3739
3744
  });
3740
- __classPrivateFieldSet$q(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3745
+ __classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3741
3746
  this.tooltip = isEllipsisActive(spanEntry.target);
3742
3747
  }), "f");
3743
- __classPrivateFieldGet$w(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3748
+ __classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3744
3749
  }
3745
3750
  render() {
3746
3751
  return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
3747
3752
  'qds-action-item': true,
3748
3753
  'qds-disabled': this.disabled,
3749
- }, ref: __classPrivateFieldGet$w(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f9c3a23ffeace5cbe558b15a50da5fdc95c58806', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '3100774715c9057232a91ff5103016c5dea61922', class: "qds-text", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$w(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '128edb074db17bd31c1467a1857f9c9473cda8ff', class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: 'a28ef16e7941795bcf9241a367130e8b2f63b7d5', "aria-hidden": "true", ref: __classPrivateFieldGet$w(this, _ActionItem_tooltipRef, "f") }, this.text))));
3754
+ }, ref: __classPrivateFieldGet$x(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd2409cac17173463348bf2264b68f012270b04ee', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1bf65623a82dceaa776cb28429760cf7a1a1904f', class: "qds-text", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$x(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '132eb8d186e9329eeb7b380aea4b3afbb0449731', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: '77351beaf85712117a076f18adb25f4fc25b64a9', "aria-hidden": "true", ref: __classPrivateFieldGet$x(this, _ActionItem_tooltipRef, "f") }, this.text))));
3750
3755
  }
3751
3756
  static get watchers() { return {
3752
3757
  "disabled": ["disabledChanged"]
@@ -3797,56 +3802,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
3797
3802
  return this.disabled;
3798
3803
  };
3799
3804
 
3800
- 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-container .qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-container .qds-icon,.qds-container .qds-text{color:var(--qds-theme-display-background-contrast)}.qds-container .qds-icon{flex-shrink:0;height:60%;width:60%}.qds-container .qds-text{font:var(--qds-display-standard);text-align:center}";
3805
+ 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-icon{flex-shrink:0;height:60%;width:60%}.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}";
3801
3806
 
3802
3807
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3803
3808
  //
3804
3809
  // SPDX-License-Identifier: Apache-2.0
3805
- var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3810
+ var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3806
3811
  if (kind === "a" && !f)
3807
3812
  throw new TypeError("Private accessor was defined without a getter");
3808
3813
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3809
3814
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3810
3815
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3811
3816
  };
3812
- var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
3817
+ var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
3813
3818
  /**
3814
3819
  * @experimental
3815
3820
  */
3816
3821
  class AvatarMedia {
3817
3822
  constructor(hostRef) {
3818
3823
  registerInstance(this, hostRef);
3824
+ this.loadEmitter = createEvent(this, "qdsLoad", 6);
3819
3825
  this.errorEmitter = createEvent(this, "qdsError", 6);
3826
+ if (hostRef.$hostElement$["s-ei"]) {
3827
+ this.internals = hostRef.$hostElement$["s-ei"];
3828
+ }
3829
+ else {
3830
+ this.internals = hostRef.$hostElement$.attachInternals();
3831
+ hostRef.$hostElement$["s-ei"] = this.internals;
3832
+ }
3820
3833
  /**
3821
- * The alt text for the avatar-media's image.
3822
- * @webnative
3823
- */
3824
- this.alt = '';
3825
- /**
3826
- * The avatar-media's icon library.
3834
+ * The name of a registered icon library.
3827
3835
  */
3828
3836
  this.iconLibrary = 'default';
3829
3837
  this.hasImageError = false;
3830
3838
  _AvatarMedia_renderContent.set(this, () => {
3831
- if (this.src !== undefined && this.src !== '' && !this.hasImageError) {
3832
- return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$v(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
3833
- this.hasImageError = false;
3834
- } }));
3835
- }
3836
- if (this.text !== undefined && this.text !== '') {
3837
- return hAsync("span", { class: "qds-text" }, this.initials);
3838
- }
3839
- if (this.iconName !== undefined && this.iconName !== '') {
3839
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3840
+ return (hAsync("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageLoad, "f") }));
3841
+ if (this.text !== undefined && this.text !== '')
3842
+ return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
3843
+ if (this.iconName !== undefined && this.iconName !== '')
3840
3844
  return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
3841
- }
3842
3845
  return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
3843
3846
  });
3844
3847
  _AvatarMedia_handleImageError.set(this, () => {
3845
3848
  this.hasImageError = true;
3849
+ this.roleChanged();
3846
3850
  this.errorEmitter.emit();
3847
3851
  });
3852
+ _AvatarMedia_handleImageLoad.set(this, () => {
3853
+ this.hasImageError = false;
3854
+ this.roleChanged();
3855
+ this.loadEmitter.emit();
3856
+ });
3848
3857
  }
3849
- handleTextChange() {
3858
+ textChanged() {
3850
3859
  if (this.text === undefined || this.text === '') {
3851
3860
  this.initials = undefined;
3852
3861
  return;
@@ -3855,14 +3864,33 @@ class AvatarMedia {
3855
3864
  const [first = '', second = ''] = words.filter(Boolean);
3856
3865
  this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
3857
3866
  }
3867
+ labelChanged() {
3868
+ this.internals.ariaLabel =
3869
+ this.alt !== undefined && this.alt !== ''
3870
+ ? this.alt
3871
+ : // eslint-disable-next-line unicorn/no-null
3872
+ null;
3873
+ }
3874
+ roleChanged() {
3875
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3876
+ this.internals.role = 'img';
3877
+ else if (this.text !== undefined && this.text !== '')
3878
+ this.internals.role = 'generic';
3879
+ else
3880
+ this.internals.role = 'presentation';
3881
+ }
3858
3882
  componentWillLoad() {
3859
- this.handleTextChange();
3883
+ this.textChanged();
3884
+ this.labelChanged();
3885
+ this.roleChanged();
3860
3886
  }
3861
3887
  render() {
3862
- return hAsync("div", { key: 'f866a7e64a0431f9f051f931533b4d3836784653', class: "qds-container" }, __classPrivateFieldGet$v(this, _AvatarMedia_renderContent, "f").call(this));
3888
+ return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
3863
3889
  }
3864
3890
  static get watchers() { return {
3865
- "text": ["handleTextChange"]
3891
+ "text": ["textChanged", "roleChanged"],
3892
+ "alt": ["labelChanged"],
3893
+ "src": ["roleChanged"]
3866
3894
  }; }
3867
3895
  static get style() { return avatarMediaCss; }
3868
3896
  static get cmpMeta() { return {
@@ -3882,14 +3910,14 @@ class AvatarMedia {
3882
3910
  "$attrsToReflect$": []
3883
3911
  }; }
3884
3912
  }
3885
- _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
3913
+ _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
3886
3914
 
3887
- const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.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-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
3915
+ const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;min-width:var(--qds-feedback-badge-counter-standard-min-width);padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.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-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);min-width:var(--qds-feedback-badge-counter-small-min-width);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);min-width:var(--qds-feedback-badge-counter-large-min-width);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
3888
3916
 
3889
3917
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3890
3918
  //
3891
3919
  // SPDX-License-Identifier: Apache-2.0
3892
- var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3920
+ var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3893
3921
  if (kind === "a" && !f)
3894
3922
  throw new TypeError("Private accessor was defined without a getter");
3895
3923
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -3924,7 +3952,7 @@ class BadgeCounter {
3924
3952
  return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
3925
3953
  'qds-badge-counter': true,
3926
3954
  'qds-stroke-ring': this.strokeRing,
3927
- }, "data-importance": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
3955
+ }, "data-importance": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
3928
3956
  }
3929
3957
  static get style() { return badgeCounterCss; }
3930
3958
  static get cmpMeta() { return {
@@ -3980,7 +4008,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
3980
4008
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3981
4009
  //
3982
4010
  // SPDX-License-Identifier: Apache-2.0
3983
- var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4011
+ var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3984
4012
  if (kind === "a" && !f)
3985
4013
  throw new TypeError("Private accessor was defined without a getter");
3986
4014
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -4015,7 +4043,7 @@ class BadgeIndicator {
4015
4043
  return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
4016
4044
  'qds-badge-indicator': true,
4017
4045
  'qds-stroke-ring': this.strokeRing,
4018
- }, "data-size": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
4046
+ }, "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)));
4019
4047
  }
4020
4048
  static get style() { return badgeIndicatorCss; }
4021
4049
  static get cmpMeta() { return {
@@ -4076,19 +4104,19 @@ const VALID_STATE = {
4076
4104
  valueMissing: false,
4077
4105
  };
4078
4106
 
4079
- 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:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-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:b;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-control-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-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:b;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{inset-block-start:0;inset-inline-end:0;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=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=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],[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-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-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-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-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}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}";
4107
+ 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)}";
4080
4108
 
4081
4109
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4082
4110
  //
4083
4111
  // SPDX-License-Identifier: Apache-2.0
4084
- var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4112
+ var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4085
4113
  if (kind === "a" && !f)
4086
4114
  throw new TypeError("Private accessor was defined without a getter");
4087
4115
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4088
4116
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4089
4117
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4090
4118
  };
4091
- var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4119
+ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4092
4120
  if (kind === "m")
4093
4121
  throw new TypeError("Private method is not writable");
4094
4122
  if (kind === "a" && !f)
@@ -4258,15 +4286,15 @@ class Button {
4258
4286
  this.reportValidity = () => this.internals.reportValidity();
4259
4287
  this.setCustomValidity = (error) => {
4260
4288
  if (error)
4261
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$s(this, _Button_button, "f"));
4289
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
4262
4290
  else
4263
4291
  this.internals.setValidity(NO_ERROR_FLAGS);
4264
4292
  };
4265
4293
  _Button_buttonRef.set(this, (button) => {
4266
- __classPrivateFieldSet$p(this, _Button_button, button, "f");
4294
+ __classPrivateFieldSet$o(this, _Button_button, button, "f");
4267
4295
  });
4268
4296
  _Button_spanRef.set(this, (span) => {
4269
- __classPrivateFieldSet$p(this, _Button_span, span, "f");
4297
+ __classPrivateFieldSet$o(this, _Button_span, span, "f");
4270
4298
  });
4271
4299
  _Button_tooltipRef.set(this, (tooltip) => {
4272
4300
  if (tooltip)
@@ -4274,7 +4302,7 @@ class Button {
4274
4302
  tooltip.target = this.host;
4275
4303
  });
4276
4304
  _Button_onClick.set(this, (event) => {
4277
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4305
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4278
4306
  preventDefault$2(event);
4279
4307
  event.stopImmediatePropagation();
4280
4308
  }
@@ -4284,13 +4312,13 @@ class Button {
4284
4312
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4285
4313
  }
4286
4314
  onClick(event) {
4287
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4315
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4288
4316
  event.stopImmediatePropagation();
4289
4317
  return;
4290
4318
  }
4291
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4319
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4292
4320
  return;
4293
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4321
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4294
4322
  this.internals.form.reset();
4295
4323
  }
4296
4324
  else {
@@ -4303,8 +4331,8 @@ class Button {
4303
4331
  }
4304
4332
  onKeydown(event) {
4305
4333
  if (event.key === 'Enter') {
4306
- if (__classPrivateFieldGet$s(this, _Button_button, "f") instanceof HTMLAnchorElement)
4307
- __classPrivateFieldGet$s(this, _Button_button, "f").click();
4334
+ if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
4335
+ __classPrivateFieldGet$t(this, _Button_button, "f").click();
4308
4336
  else
4309
4337
  this.host.click();
4310
4338
  }
@@ -4314,11 +4342,11 @@ class Button {
4314
4342
  this.host.click();
4315
4343
  }
4316
4344
  disabledChanged() {
4317
- this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4318
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4345
+ this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4346
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4319
4347
  this.host.removeAttribute('tabindex');
4320
4348
  else
4321
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4349
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4322
4350
  }
4323
4351
  hrefChanged() {
4324
4352
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -4326,40 +4354,40 @@ class Button {
4326
4354
  tabindexChanged(newValue) {
4327
4355
  if (newValue !== null) {
4328
4356
  const parsedValue = Number.parseInt(newValue, 10);
4329
- __classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4357
+ __classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4330
4358
  ? 0
4331
4359
  : parsedValue, "f");
4332
4360
  }
4333
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4361
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4334
4362
  this.host.removeAttribute('tabindex');
4335
4363
  else
4336
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4364
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4337
4365
  }
4338
4366
  textChanged() {
4339
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4340
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4341
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4342
- if (!__classPrivateFieldGet$s(this, _Button_span, "f"))
4367
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4368
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4369
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4370
+ if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
4343
4371
  return;
4344
- const span = __classPrivateFieldGet$s(this, _Button_span, "f");
4372
+ const span = __classPrivateFieldGet$t(this, _Button_span, "f");
4345
4373
  readTask(() => {
4346
4374
  this.tooltip = isEllipsisActive(span);
4347
4375
  });
4348
- __classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4376
+ __classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4349
4377
  this.tooltip = isEllipsisActive(spanEntry.target);
4350
4378
  }), "f");
4351
- __classPrivateFieldGet$s(this, _Button_ro, "f").observe(__classPrivateFieldGet$s(this, _Button_span, "f"));
4379
+ __classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
4352
4380
  }
4353
4381
  /* DEPRECATED: will be removed by september 2026 */
4354
4382
  iconOnlyChanged() {
4355
4383
  this.tooltip = this.iconOnly;
4356
4384
  }
4357
4385
  componentWillLoad() {
4358
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4359
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4360
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4361
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4362
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4386
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4387
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4388
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4389
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4390
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4363
4391
  this.hrefChanged();
4364
4392
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4365
4393
  this.disabledChanged();
@@ -4370,26 +4398,26 @@ class Button {
4370
4398
  this.iconOnlyChanged();
4371
4399
  }
4372
4400
  disconnectedCallback() {
4373
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4374
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4401
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4402
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4375
4403
  }
4376
4404
  render() {
4377
4405
  const Tag = this.href === undefined ? 'button' : 'a';
4378
- return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$s(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
4406
+ return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', 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: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
4379
4407
  'qds-button': true,
4380
- 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4408
+ 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4381
4409
  /* DEPRECATED: will be removed by september 2026 */
4382
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4383
- }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$s(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$s(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get) && (
4410
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4411
+ }, "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: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', 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) && (
4384
4412
  /* DEPRECATED: will be removed by september 2026 */
4385
- hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$s(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
4413
+ hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', 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: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', 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: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
4386
4414
  /* DEPRECATED: will be removed by september 2026 */
4387
- 'qds-indicator': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4388
- }, description: this.badgeDescription, importance: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
4415
+ 'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4416
+ }, 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: '3f27c4969412f2a3dc14aa1ab137c04c19231953', 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: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
4389
4417
  'qds-focus-ring': true,
4390
4418
  /* DEPRECATED: will be removed by september 2026 */
4391
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4392
- }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$s(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4419
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4420
+ }, "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: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4393
4421
  }
4394
4422
  static get formAssociated() { return true; }
4395
4423
  get host() { return getElement(this); }
@@ -4512,19 +4540,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
4512
4540
  Object.defineProperty(this.host, p, { enumerable: true, get });
4513
4541
  };
4514
4542
 
4515
- const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.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)}.qds-label:has(.qds-checkbox: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{flex:1 1 auto;min-width:0;width:100%}.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-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small]{--qds-form-small-text:var(--qds-control-small-text)}.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-small-icon-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-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)}[data-size=standard]{--qds-form-standard-text:var(--qds-control-standard-text)}.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-standard-icon-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-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)}[data-size=large]{--qds-form-large-text:var(--qds-control-large-text)}.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-large-icon-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-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)}";
4543
+ const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.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)}.qds-label:has(.qds-checkbox: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{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-contrast);border-color:#0000}[aria-disabled=true]{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)}";
4516
4544
 
4517
4545
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4518
4546
  //
4519
4547
  // SPDX-License-Identifier: Apache-2.0
4520
- var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4548
+ var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4521
4549
  if (kind === "a" && !f)
4522
4550
  throw new TypeError("Private accessor was defined without a getter");
4523
4551
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4524
4552
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4525
4553
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4526
4554
  };
4527
- var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4555
+ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4528
4556
  if (kind === "m")
4529
4557
  throw new TypeError("Private method is not writable");
4530
4558
  if (kind === "a" && !f)
@@ -4533,7 +4561,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
4533
4561
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
4534
4562
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
4535
4563
  };
4536
- var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_defineGetter;
4564
+ var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_ro, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
4537
4565
  /**
4538
4566
  * `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
4539
4567
  * when activated, like you might see in an official government paper form. A
@@ -4619,7 +4647,11 @@ class Checkbox {
4619
4647
  * Whether or not the text is displayed.
4620
4648
  */
4621
4649
  this.checkboxOnly = false;
4650
+ this.tooltip = false;
4622
4651
  _Checkbox_inheritedAttributes.set(this, {});
4652
+ _Checkbox_ro.set(this, void 0);
4653
+ _Checkbox_span.set(this, void 0);
4654
+ _Checkbox_tooltip.set(this, void 0);
4623
4655
  this.checkValidity = () => this.internals.checkValidity();
4624
4656
  this.reportValidity = () => this.internals.reportValidity();
4625
4657
  this.setCustomValidity = (error) => {
@@ -4630,30 +4662,44 @@ class Checkbox {
4630
4662
  };
4631
4663
  _Checkbox_onBlur.set(this, (event) => {
4632
4664
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4665
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4666
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
4633
4667
  });
4634
4668
  _Checkbox_onFocus.set(this, (event) => {
4635
4669
  this.focusEmitter.emit(pickFocusEventAttributes(event));
4670
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4671
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
4672
+ });
4673
+ _Checkbox_spanRef.set(this, (span) => {
4674
+ __classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
4675
+ });
4676
+ _Checkbox_tooltipRef.set(this, (tooltip) => {
4677
+ if (tooltip) {
4678
+ // eslint-disable-next-line no-param-reassign
4679
+ tooltip.target = this.host;
4680
+ __classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
4681
+ }
4636
4682
  });
4637
4683
  }
4638
4684
  onClick(event) {
4639
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4685
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4640
4686
  event.stopImmediatePropagation();
4641
4687
  return;
4642
4688
  }
4643
4689
  event.preventDefault();
4644
- this.checked = __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4690
+ this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4645
4691
  this.changeEmitter.emit();
4646
4692
  this.indeterminate = false;
4647
4693
  }
4648
4694
  checkedChanged() {
4649
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4650
- ? __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4695
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4696
+ ? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4651
4697
  : // eslint-disable-next-line unicorn/no-null
4652
4698
  null);
4653
4699
  }
4654
4700
  disabledChanged() {
4655
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4656
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4701
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4702
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4657
4703
  // eslint-disable-next-line unicorn/no-null
4658
4704
  else
4659
4705
  this.internals.setFormValue(null);
@@ -4663,34 +4709,55 @@ class Checkbox {
4663
4709
  this.tabIndex =
4664
4710
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4665
4711
  }
4712
+ textChanged() {
4713
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4714
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4715
+ if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
4716
+ return;
4717
+ const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
4718
+ readTask(() => {
4719
+ this.tooltip = isEllipsisActive(span);
4720
+ });
4721
+ __classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
4722
+ this.tooltip = isEllipsisActive(spanEntry.target);
4723
+ }), "f");
4724
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
4725
+ }
4666
4726
  valueChanged() {
4667
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4668
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4727
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4728
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4669
4729
  }
4670
4730
  componentWillLoad() {
4671
4731
  this.valueChanged();
4672
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4673
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4674
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4675
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4676
- __classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4732
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4733
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4734
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4735
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4736
+ __classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4677
4737
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4678
4738
  }
4739
+ componentDidLoad() {
4740
+ this.textChanged();
4741
+ }
4742
+ disconnectedCallback() {
4743
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4744
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4745
+ }
4679
4746
  render() {
4680
4747
  return (
4681
4748
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4682
- hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4749
+ hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4683
4750
  'qds-inline': this.inline,
4684
4751
  'qds-label': true,
4685
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, hAsync("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
4752
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
4686
4753
  // eslint-disable-next-line jsx-a11y/no-autofocus
4687
- autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$r(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$r(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
4754
+ 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, onBlur: __classPrivateFieldGet$s(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$s(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$s(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
4688
4755
  'qds-icon': true,
4689
4756
  'qds-checked': true,
4690
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
4757
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
4691
4758
  'qds-icon': true,
4692
4759
  'qds-indeterminate': true,
4693
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: '2abb3aa9fe38db5b754d65024d907fe7e6c05ed0', class: "qds-label-inner", required: this.required, size: this.size, text: this.text, tabindex: -1, tooltipTarget: this.host }))));
4760
+ }, "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: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', 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: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
4694
4761
  }
4695
4762
  static get delegatesFocus() { return true; }
4696
4763
  static get formAssociated() { return true; }
@@ -4699,6 +4766,7 @@ class Checkbox {
4699
4766
  "checked": ["checkedChanged"],
4700
4767
  "disabled": ["disabledChanged"],
4701
4768
  "tabindex": ["tabindexChanged"],
4769
+ "text": ["textChanged"],
4702
4770
  "value": ["valueChanged"]
4703
4771
  }; }
4704
4772
  static get style() { return checkboxCss; }
@@ -4720,14 +4788,15 @@ class Checkbox {
4720
4788
  "value": [8],
4721
4789
  "willValidate": [4, "will-validate"],
4722
4790
  "checkboxOnly": [4, "checkbox-only"],
4723
- "tabIndex": [32]
4791
+ "tabIndex": [32],
4792
+ "tooltip": [32]
4724
4793
  },
4725
4794
  "$listeners$": [[0, "click", "onClick"]],
4726
4795
  "$lazyBundleId$": "-",
4727
4796
  "$attrsToReflect$": []
4728
4797
  }; }
4729
4798
  }
4730
- _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4799
+ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4731
4800
  return this.checked ?? false;
4732
4801
  }, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
4733
4802
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
@@ -4754,19 +4823,19 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
4754
4823
  Object.defineProperty(this.host, p, { enumerable: true, get });
4755
4824
  };
4756
4825
 
4757
- 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-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;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]{gap:var(--qds-control-small-gap-internal);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-right)}.qds-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);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]{gap:var(--qds-control-standard-gap-internal);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-right)}.qds-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );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]{gap:var(--qds-control-large-gap-internal);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-right)}.qds-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);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}";
4826
+ 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-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-right)}.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-right)}.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-right)}.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}";
4758
4827
 
4759
4828
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4760
4829
  //
4761
4830
  // SPDX-License-Identifier: Apache-2.0
4762
- var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4831
+ var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4763
4832
  if (kind === "a" && !f)
4764
4833
  throw new TypeError("Private accessor was defined without a getter");
4765
4834
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4766
4835
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4767
4836
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4768
4837
  };
4769
- var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4838
+ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4770
4839
  if (kind === "m")
4771
4840
  throw new TypeError("Private method is not writable");
4772
4841
  if (kind === "a" && !f)
@@ -4840,7 +4909,7 @@ class Chip {
4840
4909
  _Chip_ro.set(this, void 0);
4841
4910
  _Chip_inheritedAttributes.set(this, {});
4842
4911
  _Chip_onIconClick.set(this, (event) => {
4843
- if (!event.defaultPrevented && __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4912
+ if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4844
4913
  this.closeEmitter.emit();
4845
4914
  });
4846
4915
  _Chip_onFocus.set(this, (event) => {
@@ -4850,30 +4919,30 @@ class Chip {
4850
4919
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4851
4920
  });
4852
4921
  _Chip_chipRef.set(this, (chip) => {
4853
- __classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
4922
+ __classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
4854
4923
  });
4855
4924
  _Chip_spanRef.set(this, (span) => {
4856
- __classPrivateFieldSet$n(this, _Chip_span, span, "f");
4925
+ __classPrivateFieldSet$m(this, _Chip_span, span, "f");
4857
4926
  });
4858
4927
  _Chip_tooltipRef.set(this, (tooltip) => {
4859
4928
  if (tooltip)
4860
4929
  // eslint-disable-next-line no-param-reassign
4861
- tooltip.target = __classPrivateFieldGet$q(this, _Chip_chip, "f");
4930
+ tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
4862
4931
  });
4863
4932
  }
4864
4933
  onClick(event) {
4865
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4934
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4866
4935
  event.stopImmediatePropagation();
4867
4936
  return;
4868
4937
  }
4869
4938
  event.preventDefault();
4870
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4871
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4939
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4940
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4872
4941
  this.changeEmitter.emit();
4873
4942
  }
4874
4943
  }
4875
4944
  handleKeyDown(event) {
4876
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4945
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4877
4946
  event.stopImmediatePropagation();
4878
4947
  return;
4879
4948
  }
@@ -4890,21 +4959,21 @@ class Chip {
4890
4959
  if (event.key !== ' ')
4891
4960
  return;
4892
4961
  this.isPressed = false;
4893
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4894
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4962
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4963
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4895
4964
  this.changeEmitter.emit();
4896
4965
  }
4897
4966
  }
4898
4967
  checkedChanged() {
4899
- this.isSelected = __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4900
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4901
- ? __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get)
4968
+ this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4969
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4970
+ ? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
4902
4971
  : // eslint-disable-next-line unicorn/no-null
4903
4972
  null);
4904
4973
  }
4905
4974
  disabledChanged() {
4906
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4907
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4975
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4976
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4908
4977
  // eslint-disable-next-line unicorn/no-null
4909
4978
  else
4910
4979
  this.internals.setFormValue(null);
@@ -4915,8 +4984,8 @@ class Chip {
4915
4984
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4916
4985
  }
4917
4986
  valueChanged() {
4918
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4919
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4987
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4988
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4920
4989
  }
4921
4990
  componentWillLoad() {
4922
4991
  this.valueChanged();
@@ -4924,39 +4993,39 @@ class Chip {
4924
4993
  enumerable: true,
4925
4994
  get: () => this.internals.form,
4926
4995
  });
4927
- __classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4996
+ __classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4928
4997
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4929
4998
  }
4930
4999
  componentDidLoad() {
4931
- invariant(__classPrivateFieldGet$q(this, _Chip_span, "f"));
4932
- const span = __classPrivateFieldGet$q(this, _Chip_span, "f");
5000
+ invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
5001
+ const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
4933
5002
  readTask(() => {
4934
5003
  this.tooltip = isEllipsisActive(span);
4935
5004
  });
4936
- __classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
5005
+ __classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
4937
5006
  this.tooltip = isEllipsisActive(spanEntry.target);
4938
5007
  }), "f");
4939
- __classPrivateFieldGet$q(this, _Chip_ro, "f").observe(__classPrivateFieldGet$q(this, _Chip_span, "f"));
5008
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
4940
5009
  }
4941
5010
  disconnectedCallback() {
4942
- if (__classPrivateFieldGet$q(this, _Chip_ro, "f"))
4943
- __classPrivateFieldGet$q(this, _Chip_ro, "f").disconnect();
5011
+ if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
5012
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
4944
5013
  }
4945
5014
  render() {
4946
- return (hAsync("div", { key: 'bcc34bdc302e3507dbfc330766602a56b385ebb0', class: "qds-chip", ref: __classPrivateFieldGet$q(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '8bbbaa13dadd5169da7020566e27b714d6dee90d', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
5015
+ 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: {
4947
5016
  'qds-container': true,
4948
5017
  'qds-closable-chip': true,
4949
- }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '2ae352f12ce6157b9257278c8cb435292bc84d27', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '94b7769f238fe01b6cdb1343a0191eab89fcccb6', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '5c5304b762576f483c8694352c39cc1f4d5548fa', name: "clear", text: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$q(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
5018
+ }, "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' && (
4950
5019
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4951
- hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '9ef4d6e771113a1bc84a91091e963d2f24dc677c',
5020
+ hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
4952
5021
  // eslint-disable-next-line jsx-a11y/no-autofocus
4953
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$q(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$q(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6471d8928c0a302ae6226857a92e85984757e66f', class: {
5022
+ 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: {
4954
5023
  'qds-container': true,
4955
5024
  'qds-pressed-state': this.isPressed,
4956
5025
  'qds-selected-state': this.isSelected,
4957
5026
  'qds-padding-end': true,
4958
5027
  'qds-cursor': true,
4959
- }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'dcb2c36b020d0968c1bcdc2620c8bce2aceb5a05', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8bd629d4b13fc12a1510860a2728a935b78d5740', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '21012b833280655c9ad6ebb7b1f75870a3ff0d97', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'decb809fab63928ec8e7f8069b04b88fd7d1117e', "aria-hidden": "true", ref: __classPrivateFieldGet$q(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
5028
+ }, "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))));
4960
5029
  }
4961
5030
  static get delegatesFocus() { return true; }
4962
5031
  static get formAssociated() { return true; }
@@ -5024,12 +5093,12 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
5024
5093
  return this.value == null ? null : this.value.toString();
5025
5094
  };
5026
5095
 
5027
- const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-popup-elevation);color:inherit;height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-heading{align-items:center;display:flex;padding:var(--qds-popup-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}.qds-close-button{margin-left:auto}.qds-footer{padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-padding-bottom) var(--qds-popup-padding-start)}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:calc(100% - var(--qds-popup-section-padding-top) - var(--qds-popup-section-padding-bottom));padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}";
5096
+ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-popup-elevation);color:inherit;height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-heading{align-items:center;display:flex;padding:var(--qds-popup-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}.qds-close-button{margin-left:auto}.qds-footer{padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-padding-bottom) var(--qds-popup-padding-start)}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:auto;padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}";
5028
5097
 
5029
5098
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5030
5099
  //
5031
5100
  // SPDX-License-Identifier: Apache-2.0
5032
- var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5101
+ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5033
5102
  if (kind === "m")
5034
5103
  throw new TypeError("Private method is not writable");
5035
5104
  if (kind === "a" && !f)
@@ -5038,7 +5107,7 @@ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) |
5038
5107
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
5039
5108
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
5040
5109
  };
5041
- var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5110
+ var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5042
5111
  if (kind === "a" && !f)
5043
5112
  throw new TypeError("Private accessor was defined without a getter");
5044
5113
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5071,16 +5140,16 @@ class Dialog {
5071
5140
  _Dialog_titleId.set(this, void 0);
5072
5141
  _Dialog_closeButton.set(this, void 0);
5073
5142
  _Dialog_ref.set(this, (dialog) => {
5074
- __classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
5143
+ __classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
5075
5144
  });
5076
5145
  _Dialog_onCancel.set(this, (event) => {
5077
5146
  if (this.cancelEmitter.emit().defaultPrevented)
5078
5147
  event.preventDefault();
5079
5148
  });
5080
5149
  _Dialog_onClose.set(this, () => {
5081
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5150
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5082
5151
  this.closeEmitter.emit();
5083
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5152
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5084
5153
  });
5085
5154
  _Dialog_handleCloseClick.set(this, () => {
5086
5155
  this.close();
@@ -5097,7 +5166,7 @@ class Dialog {
5097
5166
  }
5098
5167
  });
5099
5168
  _Dialog_closeButtonRef.set(this, (button) => {
5100
- __classPrivateFieldSet$m(this, _Dialog_closeButton, button, "f");
5169
+ __classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
5101
5170
  });
5102
5171
  _Dialog_handleFocus.set(this, () => {
5103
5172
  if (!this.open)
@@ -5107,8 +5176,8 @@ class Dialog {
5107
5176
  autofocusTarget.focus();
5108
5177
  return;
5109
5178
  }
5110
- if (this.closable === true && __classPrivateFieldGet$p(this, _Dialog_closeButton, "f")) {
5111
- __classPrivateFieldGet$p(this, _Dialog_closeButton, "f").focus();
5179
+ if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
5180
+ __classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
5112
5181
  }
5113
5182
  });
5114
5183
  }
@@ -5123,9 +5192,9 @@ class Dialog {
5123
5192
  this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
5124
5193
  }
5125
5194
  componentWillLoad() {
5126
- __classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5195
+ __classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5127
5196
  autoIncrementingId$4 += 1;
5128
- __classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5197
+ __classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5129
5198
  }
5130
5199
  componentDidLoad() {
5131
5200
  if (this.open)
@@ -5133,19 +5202,19 @@ class Dialog {
5133
5202
  }
5134
5203
  render() {
5135
5204
  const hasHeading = this.hasTitleSlot || this.closable === true;
5136
- return (hAsync(Host, { key: '0bcfa1fad8f3f0f545910c780cde7fd4bb0c6d76' }, hAsync("dialog", { key: 'f4b5f83e89540a980f20978d1bf89ae9b0bf3438', class: "qds-dialog", ref: __classPrivateFieldGet$p(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$p(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$p(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$p(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$p(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$p(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '94c26a3a9d27175dc4c75e0de0444c8d683c06a4', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '10c1a0f0f1885866e7be30928fb95fb0e337604d', id: __classPrivateFieldGet$p(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'afe9fcfbb0d82724d40ceaae09ff7be847cfd64c', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '45a98e3cd10c2fc541faa90ccff77876282e19c5', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$p(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$p(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: '00fc4e82c1cf582de62268fcd528a4b07e56374c', class: "qds-content" }, hAsync("slot", { key: 'e7a9c30fdf9eb74ac24508931bcbd0f75763ef46' })), this.hasFooterSlot && (hAsync("div", { key: '2ca137dfcd089d07e8e418c1e9984d91cf2b19f4', class: "qds-footer" }, hAsync("slot", { key: 'c96370109b2be2f5166cf3744caaf7c38a37147c', name: "footer" })))), hAsync("div", { key: '770a66d1f66d432b920812a7c5933178af399a08', class: "qds-backdrop" })));
5205
+ return (hAsync(Host, { key: '3775c0fe42baca31c033c94ac54ae9a0952230e1' }, hAsync("dialog", { key: 'd7d151c1824d486cc600b4f35239d8750df7ae3c', 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: '35dd63265b11d60c81a0da00ecf26960e1ac6019', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '36a0f0cea4d5ea178159c6999dee7a0f504b463c', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '75e5ece6f72f32e4ba7db2bf9d599fca38439d47', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '32ebd90a963baf9641cc67bb2cd149028a60b260', text: "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: 'bda8d06d22282ca980d92fa59675906c9e848f2d', class: "qds-content" }, hAsync("slot", { key: 'cb838bb563777ab4e6364cff00c18ab29d3097d3' })), this.hasFooterSlot && (hAsync("div", { key: 'abe36ceae28976fcf7414c84512024ee4a4cb1ea', class: "qds-footer" }, hAsync("slot", { key: '4a5256aa87b920d001592d3a3878661a7c7fcd86', name: "footer" })))), hAsync("div", { key: 'a77aaaf5f7011473d53593c5ca26435b0b9c8946', class: "qds-backdrop" })));
5137
5206
  }
5138
5207
  show() {
5139
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5140
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").showModal();
5141
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5208
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5209
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
5210
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5142
5211
  requestAnimationFrame(() => {
5143
- __classPrivateFieldGet$p(this, _Dialog_handleFocus, "f").call(this);
5212
+ __classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
5144
5213
  });
5145
5214
  }
5146
5215
  close() {
5147
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5148
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").close();
5216
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5217
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
5149
5218
  }
5150
5219
  get host() { return getElement(this); }
5151
5220
  static get watchers() { return {
@@ -5173,7 +5242,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
5173
5242
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5174
5243
  //
5175
5244
  // SPDX-License-Identifier: Apache-2.0
5176
- var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5245
+ var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5177
5246
  if (kind === "a" && !f)
5178
5247
  throw new TypeError("Private accessor was defined without a getter");
5179
5248
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5219,10 +5288,10 @@ class Divider {
5219
5288
  this.verticalChanged();
5220
5289
  }
5221
5290
  render() {
5222
- return (hAsync("hr", { key: 'ddda592092da543e6a5dab0605792910b4dda2ad', class: {
5291
+ return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
5223
5292
  'qds-divider': true,
5224
5293
  'qds-vertical': this.vertical,
5225
- }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$o(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5294
+ }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5226
5295
  }
5227
5296
  static get watchers() { return {
5228
5297
  "vertical": ["verticalChanged"]
@@ -6941,7 +7010,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
6941
7010
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
6942
7011
  //
6943
7012
  // SPDX-License-Identifier: Apache-2.0
6944
- var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7013
+ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
6945
7014
  if (kind === "m")
6946
7015
  throw new TypeError("Private method is not writable");
6947
7016
  if (kind === "a" && !f)
@@ -6950,7 +7019,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
6950
7019
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
6951
7020
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
6952
7021
  };
6953
- var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7022
+ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
6954
7023
  if (kind === "a" && !f)
6955
7024
  throw new TypeError("Private accessor was defined without a getter");
6956
7025
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7038,10 +7107,10 @@ class Dropdown {
7038
7107
  if (!(event instanceof FocusEvent))
7039
7108
  return;
7040
7109
  const { relatedTarget } = event;
7041
- const dropdownItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7110
+ const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7042
7111
  if (relatedTarget instanceof globalThis.Element &&
7043
7112
  !this.host.contains(relatedTarget) &&
7044
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7113
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7045
7114
  !dropdownItem)
7046
7115
  await this.close();
7047
7116
  });
@@ -7049,33 +7118,51 @@ class Dropdown {
7049
7118
  if (!(event instanceof KeyboardEvent))
7050
7119
  return;
7051
7120
  const { key, target } = event;
7121
+ const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
7122
+ const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7123
+ (targetRootNode instanceof globalThis.ShadowRoot &&
7124
+ targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
7125
+ (target instanceof globalThis.Element &&
7126
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7127
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
7052
7128
  if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
7129
+ // Keep parent open when Enter is used on an item with a nested submenu.
7130
+ if (target instanceof HTMLElement &&
7131
+ target.shadowRoot?.querySelector('qds-dropdown'))
7132
+ return;
7053
7133
  await this.close();
7054
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7134
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7055
7135
  return;
7056
7136
  }
7057
7137
  if (key === 'Escape' &&
7058
- (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") ||
7138
+ (target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7059
7139
  (target instanceof globalThis.Element &&
7060
7140
  closestElement('qds-dropdown', target) === this.host))) {
7061
7141
  const cancelEvent = this.cancelEmitter.emit();
7062
7142
  if (cancelEvent.defaultPrevented)
7063
7143
  return;
7064
7144
  await this.close();
7065
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7145
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7066
7146
  return;
7067
7147
  }
7068
- if (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") &&
7069
- (key === 'ArrowDown' || key === 'ArrowUp')) {
7070
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7148
+ if (keydownOnReference &&
7149
+ (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
7150
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7071
7151
  await this.show();
7072
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7152
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7073
7153
  event.preventDefault();
7154
+ event.stopPropagation();
7155
+ return;
7156
+ }
7157
+ // Prevent space key from scrolling the page when focused on an item
7158
+ if (key === ' ') {
7159
+ event.preventDefault();
7160
+ event.stopPropagation();
7074
7161
  return;
7075
7162
  }
7076
7163
  if (!VERTICAL_MOVE_KEYS.has(key))
7077
7164
  return;
7078
- const Items = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7165
+ const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7079
7166
  closestElement('qds-dropdown', item) === this.host);
7080
7167
  if (Items.length === 0)
7081
7168
  return;
@@ -7114,42 +7201,42 @@ class Dropdown {
7114
7201
  _Dropdown_onReferenceClick.set(this, async () => {
7115
7202
  if (this.disabled)
7116
7203
  return;
7117
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f")) {
7204
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
7118
7205
  await this.close();
7119
7206
  return;
7120
7207
  }
7121
7208
  await this.show();
7122
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7209
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7123
7210
  });
7124
7211
  _Dropdown_boundOnFocusout.set(this, (event) => {
7125
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f").call(this, event));
7212
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
7126
7213
  });
7127
7214
  _Dropdown_boundOnKeydown.set(this, (event) => {
7128
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f").call(this, event));
7215
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
7129
7216
  });
7130
7217
  _Dropdown_boundOnReferenceClick.set(this, () => {
7131
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onReferenceClick, "f").call(this));
7218
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
7132
7219
  });
7133
7220
  _Dropdown_onSlotchange.set(this, (event) => {
7134
7221
  const slot = event.target;
7135
7222
  const assignedElements = slot.assignedElements({ flatten: true });
7136
- __classPrivateFieldSet$l(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7223
+ __classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7137
7224
  });
7138
7225
  }
7139
7226
  /**
7140
7227
  * Updates the gap between the dropdown and its target element.
7141
7228
  */
7142
7229
  async updateGap() {
7143
- __classPrivateFieldSet$l(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7230
+ __classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7144
7231
  await this.updateMiddleware();
7145
7232
  }
7146
7233
  /**
7147
7234
  * Shows the dropdown.
7148
7235
  */
7149
7236
  async show() {
7150
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7237
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7151
7238
  return;
7152
- const reference = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f");
7239
+ const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
7153
7240
  const { host } = this;
7154
7241
  if (reference instanceof globalThis.Element) {
7155
7242
  reference.setAttribute('aria-expanded', 'true');
@@ -7160,12 +7247,12 @@ class Dropdown {
7160
7247
  if (isQdsButton(reference) && reference.action === 'dropdown')
7161
7248
  reference.action = 'dropdown-close';
7162
7249
  }
7163
- if (!__classPrivateFieldGet$n(this, _Dropdown_opened, "f")) {
7250
+ if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
7164
7251
  await this.updateGap();
7165
- __classPrivateFieldSet$l(this, _Dropdown_opened, true, "f");
7252
+ __classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
7166
7253
  }
7167
7254
  this.startAutoUpdate();
7168
- __classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
7255
+ __classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
7169
7256
  host.hidden = false;
7170
7257
  host.showPopover();
7171
7258
  }
@@ -7173,29 +7260,29 @@ class Dropdown {
7173
7260
  * Closes the dropdown.
7174
7261
  */
7175
7262
  async close() {
7176
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7263
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7177
7264
  return;
7178
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7179
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7180
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7181
- if (isQdsButton(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")) &&
7182
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7183
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7184
- }
7185
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7186
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7187
- __classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
7265
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7266
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7267
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7268
+ if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
7269
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7270
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7271
+ }
7272
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7273
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7274
+ __classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
7188
7275
  this.host.hidden = true;
7189
7276
  this.host.hidePopover();
7190
7277
  this.closeEmitter.emit();
7191
7278
  }
7192
7279
  async handleMouseDown(event) {
7193
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7280
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7194
7281
  return;
7195
7282
  const composedPath = event.composedPath();
7196
7283
  const withinBounds = composedPath.includes(this.host) ||
7197
- (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7198
- composedPath.includes(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")));
7284
+ (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7285
+ composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
7199
7286
  if (!withinBounds)
7200
7287
  await this.close();
7201
7288
  }
@@ -7206,24 +7293,24 @@ class Dropdown {
7206
7293
  }
7207
7294
  async updateReferenceElement() {
7208
7295
  var _a;
7209
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7210
- __classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7211
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7296
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7297
+ __classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7298
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7212
7299
  return;
7213
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7214
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$n(this, _Dropdown_boundOnReferenceClick, "f"));
7215
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7216
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7300
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7301
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
7302
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7303
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7217
7304
  if (this.host.role === 'menu') {
7218
- (_a = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7219
- this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").id);
7305
+ (_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7306
+ this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
7220
7307
  }
7221
7308
  }
7222
7309
  async updateMiddleware() {
7223
- __classPrivateFieldSet$l(this, _Dropdown_middleware, [
7310
+ __classPrivateFieldSet$k(this, _Dropdown_middleware, [
7224
7311
  offset({
7225
7312
  ...this.offsetOptions,
7226
- mainAxis: __classPrivateFieldGet$n(this, _Dropdown_gap, "f"),
7313
+ mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
7227
7314
  }),
7228
7315
  !this.noFlip &&
7229
7316
  flip({
@@ -7238,10 +7325,10 @@ class Dropdown {
7238
7325
  ], "f");
7239
7326
  }
7240
7327
  async updatePosition() {
7241
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7328
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7242
7329
  return;
7243
- const { x, y, strategy } = await computePosition(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, {
7244
- middleware: __classPrivateFieldGet$n(this, _Dropdown_middleware, "f"),
7330
+ const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
7331
+ middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
7245
7332
  placement: this.placement,
7246
7333
  strategy: this.strategy,
7247
7334
  });
@@ -7252,11 +7339,11 @@ class Dropdown {
7252
7339
  });
7253
7340
  }
7254
7341
  startAutoUpdate() {
7255
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7342
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7256
7343
  return;
7257
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7258
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7259
- __classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, () => {
7344
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7345
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7346
+ __classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
7260
7347
  ignorePromise(this.updatePosition());
7261
7348
  }, this.autoUpdateOptions), "f");
7262
7349
  }
@@ -7270,10 +7357,10 @@ class Dropdown {
7270
7357
  autoIncrementingId$3 += 1;
7271
7358
  }
7272
7359
  disconnectedCallback() {
7273
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7360
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7274
7361
  }
7275
7362
  render() {
7276
- return (hAsync(Host, { key: '052f625928e9ace10076f39b8a4d7f84b238c407', onKeyDown: __classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '962dc5ef2ae9a6249c124bfc7e1a6e18fff2957e', onSlotchange: __classPrivateFieldGet$n(this, _Dropdown_onSlotchange, "f") })));
7363
+ return (hAsync(Host, { key: '65c58f7361006626f42e2d3b57fe78d2388b3a9d', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '79bc14dc9dfd417f26e7043fcd71694819ccd2c8', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
7277
7364
  }
7278
7365
  static get delegatesFocus() { return true; }
7279
7366
  get host() { return getElement(this); }
@@ -7315,30 +7402,30 @@ class Dropdown {
7315
7402
  }; }
7316
7403
  }
7317
7404
  _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_gap = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_opened = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_boundOnFocusout = new WeakMap(), _Dropdown_boundOnKeydown = new WeakMap(), _Dropdown_boundOnReferenceClick = new WeakMap(), _Dropdown_onSlotchange = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_focusOnTrigger = function _Dropdown_focusOnTrigger() {
7318
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7319
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7320
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").focus();
7405
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7406
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7407
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
7321
7408
  }
7322
7409
  }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
7323
7410
  requestAnimationFrame(() => {
7324
- const firstItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7411
+ const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7325
7412
  isEnabledItem(item) &&
7326
7413
  closestElement('qds-dropdown', item) === this.host);
7327
7414
  if (!firstItem)
7328
7415
  return;
7329
- for (const item of __classPrivateFieldGet$n(this, _Dropdown_Items, "f"))
7416
+ for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
7330
7417
  item.setAttribute('tabindex', '-1');
7331
7418
  firstItem.setAttribute('tabindex', '0');
7332
7419
  firstItem.focus();
7333
7420
  });
7334
7421
  }, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
7335
7422
  this.host.removeAttribute('aria-labelledby');
7336
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7423
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7337
7424
  return;
7338
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7339
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7340
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7341
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7425
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7426
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7427
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7428
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7342
7429
  };
7343
7430
 
7344
7431
  const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-form-message.qds-inline{align-items:flex-start}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{background-color:var(--qds-theme-feedback-action-destructive-contrast);border-radius:var(--qds-control-rounded-border-radius)}.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-size=small]{font:var(--qds-form-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}.qds-inline[data-size=small]{min-height:var(--qds-form-input-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-form-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}.qds-inline[data-size=standard]{min-height:var(--qds-form-input-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-form-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}.qds-inline[data-size=large]{min-height:var(--qds-form-input-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon[data-status=error],.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon{color:var(--qds-theme-feedback-message-informational)}.qds-icon[data-status=success],.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon{color:var(--qds-theme-feedback-result-partial-success)}[data-status=neutral]{color:var(--qds-theme-text-subdued)}";
@@ -7346,7 +7433,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
7346
7433
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7347
7434
  //
7348
7435
  // SPDX-License-Identifier: Apache-2.0
7349
- var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7436
+ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7350
7437
  if (kind === "m")
7351
7438
  throw new TypeError("Private method is not writable");
7352
7439
  if (kind === "a" && !f)
@@ -7355,7 +7442,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
7355
7442
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7356
7443
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7357
7444
  };
7358
- var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7445
+ var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7359
7446
  if (kind === "a" && !f)
7360
7447
  throw new TypeError("Private accessor was defined without a getter");
7361
7448
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7391,13 +7478,13 @@ class FormMessage {
7391
7478
  _FormMessage_inheritedAttributes.set(this, {});
7392
7479
  }
7393
7480
  componentWillLoad() {
7394
- __classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7481
+ __classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7395
7482
  }
7396
7483
  render() {
7397
- return (hAsync("span", { key: '0a8cbc3d4d61b9dbf49f33e3d68b789bc549c9f7', class: {
7484
+ return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
7398
7485
  'qds-form-message': true,
7399
7486
  'qds-inline': this.inline,
7400
- }, "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$m(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '02884cdb957599f46d249bb98801f3c160250937', class: "qds-icon-container", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '0a644f9370c393343e13e540fdff08d00173aa38', class: "qds-icon-background", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '9e5155876baa893f97c1c075ac45c7456cf14a7c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: '39ed92c28a4fabb5d88e1e3994ce2223fce3c152', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'b9a972b25f786706b6b080599e1249cc8d7f6b4a', class: "qds-text", "data-status": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7487
+ }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$n(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '0a9b180b4a3649f5360cdd930b47e154940a57ec', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '8662cabe7446727290a67ad778e519aad73438f6', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '99467f3ddac3b4ca02f54b56d252eafcd266e627', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: 'f14eb5b9840eab89b41b0dba1aeb3e4565302a57', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'feba7f19897dad2a1913cb6175933fb83580a5b0', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7401
7488
  }
7402
7489
  get host() { return getElement(this); }
7403
7490
  static get style() { return formMessageCss; }
@@ -7570,28 +7657,8 @@ const requestIcon = (url) => {
7570
7657
  return iconPromise;
7571
7658
  };
7572
7659
 
7573
- const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}.qds-click-target{height:var(--qds-experimental-icon-click-target-size);left:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);position:absolute;top:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);width:var(--qds-experimental-icon-click-target-size)}";
7660
+ const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
7574
7661
 
7575
- // SPDX-FileCopyrightText: © 2024 Schneider Electric
7576
- //
7577
- // SPDX-License-Identifier: Apache-2.0
7578
- var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7579
- if (kind === "a" && !f)
7580
- throw new TypeError("Private accessor was defined without a getter");
7581
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7582
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
7583
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
7584
- };
7585
- var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7586
- if (kind === "m")
7587
- throw new TypeError("Private method is not writable");
7588
- if (kind === "a" && !f)
7589
- throw new TypeError("Private accessor was defined without a setter");
7590
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7591
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
7592
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7593
- };
7594
- var _Icon_inheritedAttributes;
7595
7662
  let parser;
7596
7663
  /**
7597
7664
  * @experimental
@@ -7601,12 +7668,18 @@ class Icon {
7601
7668
  registerInstance(this, hostRef);
7602
7669
  this.loadEmitter = createEvent(this, "qdsLoad", 6);
7603
7670
  this.errorEmitter = createEvent(this, "qdsError", 6);
7671
+ if (hostRef.$hostElement$["s-ei"]) {
7672
+ this.internals = hostRef.$hostElement$["s-ei"];
7673
+ }
7674
+ else {
7675
+ this.internals = hostRef.$hostElement$.attachInternals();
7676
+ hostRef.$hostElement$["s-ei"] = this.internals;
7677
+ }
7604
7678
  /**
7605
7679
  * The name of a registered icon library.
7606
7680
  */
7607
7681
  this.library = 'default';
7608
7682
  this.svg = '';
7609
- _Icon_inheritedAttributes.set(this, {});
7610
7683
  }
7611
7684
  async setIcon() {
7612
7685
  if (!this.name)
@@ -7637,9 +7710,6 @@ class Icon {
7637
7710
  this.errorEmitter.emit();
7638
7711
  }
7639
7712
  else {
7640
- for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
7641
- if (value !== undefined)
7642
- svgElement.setAttribute(key, value);
7643
7713
  this.svg = svgElement.outerHTML;
7644
7714
  this.loadEmitter.emit();
7645
7715
  }
@@ -7649,13 +7719,12 @@ class Icon {
7649
7719
  }
7650
7720
  }
7651
7721
  async componentWillLoad() {
7652
- __classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7722
+ this.internals.role = 'presentation';
7653
7723
  await this.setIcon();
7654
7724
  }
7655
7725
  render() {
7656
- return (hAsync("div", { key: 'fec63ded24fe49475d789744e32175930bfaaf45', class: "qds-container" }, hAsync("span", { key: 'f70431d887b27792ecc3184004286ed0583689e5', class: "qds-icon-wrapper", innerHTML: this.svg }), hAsync("div", { key: '2f6d366099a1a644da8d27e95be8ea2ff4af8e64', class: "qds-click-target" })));
7726
+ return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
7657
7727
  }
7658
- get host() { return getElement(this); }
7659
7728
  static get watchers() { return {
7660
7729
  "name": ["setIcon"],
7661
7730
  "library": ["setIcon"]
@@ -7674,14 +7743,13 @@ class Icon {
7674
7743
  "$attrsToReflect$": []
7675
7744
  }; }
7676
7745
  }
7677
- _Icon_inheritedAttributes = new WeakMap();
7678
7746
 
7679
- const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-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-control-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-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-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{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[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=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=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=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-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-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)}";
7747
+ 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)}";
7680
7748
 
7681
7749
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
7682
7750
  //
7683
7751
  // SPDX-License-Identifier: Apache-2.0
7684
- var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7752
+ var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7685
7753
  if (kind === "a" && !f)
7686
7754
  throw new TypeError("Private accessor was defined without a getter");
7687
7755
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7765,17 +7833,17 @@ class IconButton {
7765
7833
  _IconButton_tooltipRef.set(this, (tooltip) => {
7766
7834
  if (tooltip) {
7767
7835
  // eslint-disable-next-line no-param-reassign
7768
- tooltip.target = __classPrivateFieldGet$k(this, _IconButton_button, "f");
7836
+ tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
7769
7837
  __classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
7770
7838
  }
7771
7839
  });
7772
7840
  }
7773
7841
  disabledChanged() {
7774
- this.internals.ariaDisabled = __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7775
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7842
+ this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7843
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7776
7844
  this.host.removeAttribute('tabindex');
7777
7845
  else
7778
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7846
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7779
7847
  }
7780
7848
  hrefChanged() {
7781
7849
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -7787,34 +7855,34 @@ class IconButton {
7787
7855
  ? 0
7788
7856
  : parsedValue, "f");
7789
7857
  }
7790
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7858
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7791
7859
  this.host.removeAttribute('tabindex');
7792
7860
  else
7793
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7861
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7794
7862
  }
7795
7863
  textChanged() {
7796
- __classPrivateFieldGet$k(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7864
+ __classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7797
7865
  }
7798
7866
  onClick(event) {
7799
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7867
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7800
7868
  event.stopImmediatePropagation();
7801
7869
  }
7802
7870
  async onBlur(event) {
7803
7871
  this.blurEmitter.emit(pickFocusEventAttributes(event));
7804
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7805
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").close();
7872
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7873
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
7806
7874
  }
7807
7875
  }
7808
7876
  async onFocus(event) {
7809
7877
  this.focusEmitter.emit(pickFocusEventAttributes(event));
7810
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7811
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").show();
7878
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7879
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
7812
7880
  }
7813
7881
  }
7814
7882
  onKeydown(event) {
7815
7883
  if (event.key === 'Enter') {
7816
- if (__classPrivateFieldGet$k(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7817
- __classPrivateFieldGet$k(this, _IconButton_button, "f").click();
7884
+ if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7885
+ __classPrivateFieldGet$m(this, _IconButton_button, "f").click();
7818
7886
  }
7819
7887
  else
7820
7888
  this.host.click();
@@ -7832,10 +7900,10 @@ class IconButton {
7832
7900
  }
7833
7901
  render() {
7834
7902
  const Tag = this.href === undefined ? 'button' : 'a';
7835
- return (hAsync("div", { key: '78677375ce18f22b5c76363187dad9edafcb1c7b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: 'ad3f3fb8c69a8f5b38c4124051410251f735d9c8', type: Tag === 'a' ? undefined : 'button', class: {
7903
+ return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
7836
7904
  'qds-icon-button': true,
7837
- 'qds-disabled': __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7838
- }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$k(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '29cb03c903fba4345d3a6c9c2c5a68c0023b51cc', class: "qds-icon", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '480364dfd3d94ed4e5c5576b160b405834794e05', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: '1e3fe4df0264c2f8ba3b5136b069a64013f348cc', class: "qds-indicator", description: this.badgeDescription, importance: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: 'be898d9a58d84e5bc9854e8d348d6e5cbd1f090e', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '37173b5f043570a7ce0867e32a6de5060ee93a26', ref: __classPrivateFieldGet$k(this, _IconButton_tooltipRef, "f") }, this.text))));
7905
+ 'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7906
+ }, 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: '24a25e630f833d2b61c461a522517f54d125ce73', 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: '3e4efc42923833d90a1550cdcc124520227e423e', 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: 'aff710b534385e2f88e964cabd9070e7381d079f', 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: '161d272e21dfcc81b130c40fe8afce7600332777', 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: '1c6e87ba9cd0e298ae2cfbb5dc10bb393d7ef7c7', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
7839
7907
  }
7840
7908
  static get formAssociated() { return true; }
7841
7909
  get host() { return getElement(this); }
@@ -7910,7 +7978,7 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
7910
7978
  this.internals.ariaLabel = this.text ?? '';
7911
7979
  };
7912
7980
 
7913
- const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-target:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.qds-icon:hover{background-color:initial}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-icon-tab,.qds-target{display:flex}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-badge-indicator{inset-block-start:0;inset-inline-end:0;position:absolute}.qds-badge-counter{inset-block-start:-2px;inset-inline-end:-2px;position:absolute}.qds-icon-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);min-width:var(--qds-nav-element-small-height)}.qds-target-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-icon-container{height:var(--qds-control-small-height);width:var(--qds-control-small-height)}[data-size=small] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}.qds-icon-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);min-width:var(--qds-nav-element-standard-height)}.qds-target-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-icon-container{height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}[data-size=standard] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}.qds-icon-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);min-width:var(--qds-nav-element-large-height)}.qds-target-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-icon-container{height:var(--qds-control-large-height);width:var(--qds-control-large-height)}[data-size=large] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-icon-tab{align-items:center;background-color:initial;border:none;cursor:pointer;justify-content:center;position:relative;text-align:initial}.qds-icon-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon-tab:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-tab:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-icon-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-hidden{display:none}";
7981
+ const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.qds-icon{flex-shrink:0}.qds-icon:hover{background-color:initial}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-badge-indicator{inset-block-start:0;inset-inline-end:0;position:absolute}.qds-badge-counter{inset-block-start:-2px;inset-inline-end:-2px;position:absolute}.qds-icon-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);min-width:var(--qds-nav-element-small-height)}[data-size=small] .qds-icon-container{height:var(--qds-control-small-height);width:var(--qds-control-small-height)}[data-size=small] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}.qds-icon-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);min-width:var(--qds-nav-element-standard-height)}[data-size=standard] .qds-icon-container{height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}[data-size=standard] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}.qds-icon-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);min-width:var(--qds-nav-element-large-height)}[data-size=large] .qds-icon-container{height:var(--qds-control-large-height);width:var(--qds-control-large-height)}[data-size=large] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-icon-tab{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;position:relative;text-align:initial}.qds-icon-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon-tab:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-tab:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-icon-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-hidden{display:none}";
7914
7982
 
7915
7983
  // SPDX-FileCopyrightText: © 2026 Schneider Electric
7916
7984
  //
@@ -7924,7 +7992,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
7924
7992
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7925
7993
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7926
7994
  };
7927
- var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7995
+ var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7928
7996
  if (kind === "a" && !f)
7929
7997
  throw new TypeError("Private accessor was defined without a getter");
7930
7998
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7998,7 +8066,7 @@ class IconTab {
7998
8066
  _IconTab_tooltipRef.set(this, (tooltip) => {
7999
8067
  if (tooltip)
8000
8068
  // eslint-disable-next-line no-param-reassign
8001
- tooltip.target = __classPrivateFieldGet$j(this, _IconTab_div, "f");
8069
+ tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
8002
8070
  });
8003
8071
  _IconTab_onBlur.set(this, (event) => {
8004
8072
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8008,7 +8076,7 @@ class IconTab {
8008
8076
  });
8009
8077
  _IconTab_defineTab.set(this, () => {
8010
8078
  this.internals.role = 'tab';
8011
- __classPrivateFieldGet$j(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$j(this, _IconTab_iconTab, "f"));
8079
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
8012
8080
  });
8013
8081
  }
8014
8082
  panelChanged() {
@@ -8019,15 +8087,15 @@ class IconTab {
8019
8087
  __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
8020
8088
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8021
8089
  if (tab)
8022
- tab.setAttribute('aria-controls', __classPrivateFieldGet$j(this, _IconTab_panel, "f").id);
8023
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === null)
8024
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = 'tabpanel';
8025
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8026
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8027
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8090
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
8091
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
8092
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
8093
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8094
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8095
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8028
8096
  }
8029
8097
  onClick(event) {
8030
- if (__classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8098
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8031
8099
  event.stopImmediatePropagation();
8032
8100
  }
8033
8101
  tabindexChanged(newValue) {
@@ -8040,39 +8108,39 @@ class IconTab {
8040
8108
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8041
8109
  (_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
8042
8110
  autoIncrementingId$2 += 1;
8043
- __classPrivateFieldGet$j(this, _IconTab_defineTab, "f").call(this);
8111
+ __classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
8044
8112
  }
8045
8113
  componentWillRender() {
8046
- const isPanelRoot = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8047
- const isMainSubsection = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8114
+ const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8115
+ const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8048
8116
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
8049
8117
  }
8050
8118
  componentDidLoad() {
8051
8119
  this.panelChanged();
8052
8120
  }
8053
8121
  disconnectedCallback() {
8054
- if (!__classPrivateFieldGet$j(this, _IconTab_panel, "f"))
8122
+ if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
8055
8123
  return;
8056
8124
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8057
8125
  if (tab)
8058
8126
  tab.removeAttribute('aria-controls');
8059
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === 'tabpanel')
8127
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
8060
8128
  // eslint-disable-next-line unicorn/no-null
8061
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = null;
8062
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8063
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8064
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('tabindex');
8129
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
8130
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8131
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8132
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
8065
8133
  }
8066
8134
  render() {
8067
8135
  const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
8068
8136
  const Tag = isLink ? 'a' : 'div';
8069
- return (hAsync("div", { key: 'ee55c8edcad6ea16123e32591e073638dfda985a', "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8137
+ return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8070
8138
  'qds-selected': this.selected,
8071
- }, "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$j(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '7c535857b7b2856437596c2df0099919dc99c1b6', ref: __classPrivateFieldGet$j(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$j(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$j(this, _IconTab_onFocus, "f"), class: {
8139
+ }, "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: {
8072
8140
  'qds-icon-tab': true,
8073
8141
  'qds-selected': this.selected,
8074
8142
  [`qds-indicator-${this.indicatorPosition}`]: true,
8075
- }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '0e5c9c975cd7839003dc6227e692974905165abe', class: "qds-icon-container" }, hAsync("qds-icon", { key: 'e400c4a9249fcd4a6e436e196302961ff1f430d1', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: 'def25454ebe3e3ac6bc21b3618db347a016e2ad8', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3ee1b82b6d97c1e3aeac1347333f2487c922a6f7', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'f292fc171e186c67537ac0159376fb3e9618d54c', placement: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$j(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: 'f4e85471c2f320db20e75ae24d5c08f5a29d8a17', layer: "accessory", level: "root" }, this.text))));
8143
+ }, 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))));
8076
8144
  }
8077
8145
  get host() { return getElement(this); }
8078
8146
  static get watchers() { return {
@@ -8149,7 +8217,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
8149
8217
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8150
8218
  //
8151
8219
  // SPDX-License-Identifier: Apache-2.0
8152
- var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8220
+ var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8153
8221
  if (kind === "a" && !f)
8154
8222
  throw new TypeError("Private accessor was defined without a getter");
8155
8223
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8216,10 +8284,10 @@ class InlineLink {
8216
8284
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8217
8285
  });
8218
8286
  _InlineLink_updateAriaLabelElements.set(this, () => {
8219
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8287
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8220
8288
  });
8221
8289
  _InlineLink_onSlotchange.set(this, () => {
8222
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8290
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8223
8291
  });
8224
8292
  }
8225
8293
  onClick(event) {
@@ -8227,18 +8295,18 @@ class InlineLink {
8227
8295
  event.stopImmediatePropagation();
8228
8296
  }
8229
8297
  onKeydown(event) {
8230
- invariant(__classPrivateFieldGet$i(this, _InlineLink_link, "f"));
8298
+ invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
8231
8299
  if (this.disabled)
8232
8300
  return;
8233
8301
  if (event.key === 'Enter')
8234
- __classPrivateFieldGet$i(this, _InlineLink_link, "f").click();
8302
+ __classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
8235
8303
  }
8236
8304
  disabledChanged() {
8237
8305
  this.internals.ariaDisabled = this.disabled.toString();
8238
8306
  if (this.disabled)
8239
8307
  this.host.removeAttribute('tabindex');
8240
8308
  else
8241
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8309
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8242
8310
  }
8243
8311
  tabindexChanged(newValue) {
8244
8312
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8249,11 +8317,11 @@ class InlineLink {
8249
8317
  if (this.disabled)
8250
8318
  this.host.removeAttribute('tabindex');
8251
8319
  else
8252
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8320
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8253
8321
  }
8254
8322
  hrefTargetChanged() {
8255
8323
  this.linkIcon = determineLinkIcon(this.target, this.rel);
8256
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8324
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8257
8325
  }
8258
8326
  componentWillLoad() {
8259
8327
  this.internals.role = 'link';
@@ -8262,13 +8330,13 @@ class InlineLink {
8262
8330
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8263
8331
  }
8264
8332
  componentDidLoad() {
8265
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8333
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8266
8334
  }
8267
8335
  render() {
8268
8336
  return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
8269
8337
  'qds-inline-link': true,
8270
8338
  'qds-disabled': this.disabled,
8271
- }, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '832fca80e8ce0a64ea284ed4a04b0212300c82ff', class: "qds-icon", "aria-hidden": "true", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: 'b2686e6f0991f97113d86db97e85048ccbf06efa', onSlotchange: __classPrivateFieldGet$i(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: '0fbe27eaff58285c8e18953404aab1eb751b2ced', "aria-hidden": "true", class: "qds-icon", library: "core", name: this.linkIcon }))));
8339
+ }, "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: '66400e2071d58f4ae5b2afd32e435fd688ff9f7b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '7650baedea48e920ad0aaf445b11654a91954119', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'ec44b064cbca50416722bde16fad8f9401e62e8a', class: "qds-icon", library: "core", name: this.linkIcon }))));
8272
8340
  }
8273
8341
  get host() { return getElement(this); }
8274
8342
  static get watchers() { return {
@@ -8313,12 +8381,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
8313
8381
  return this.target === '_blank';
8314
8382
  };
8315
8383
 
8316
- 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-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-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-control-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-control-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-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-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-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-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-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-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-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=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}.qds-icon-container.no-padding{padding-inline-end:0}";
8384
+ 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}";
8317
8385
 
8318
8386
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8319
8387
  //
8320
8388
  // SPDX-License-Identifier: Apache-2.0
8321
- var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8389
+ var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8322
8390
  if (kind === "a" && !f)
8323
8391
  throw new TypeError("Private accessor was defined without a getter");
8324
8392
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8334,7 +8402,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
8334
8402
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
8335
8403
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
8336
8404
  };
8337
- var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange, _Input_onClear, _Input_onFocus, _Input_onInput, _Input_defineGetter, _Input_clearValue;
8405
+ var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_renderClearableButton, _Input_renderSearchClearButton, _Input_renderInteractiveIconButton, _Input_renderSearchButton, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange, _Input_handleClear, _Input_onClearableClick, _Input_onSearchClear, _Input_onFocus, _Input_onInput, _Input_defineGetter, _Input_clearValue;
8338
8406
  const stopImmediatePropagation = (event) => {
8339
8407
  event.stopImmediatePropagation();
8340
8408
  };
@@ -8370,6 +8438,16 @@ class Input {
8370
8438
  }
8371
8439
  _Input_instances.add(this);
8372
8440
  /**
8441
+ * Shows a clear button that allows the user to clear the input's value.
8442
+ *
8443
+ * For `search` inputs, the clear button is always shown when the input
8444
+ * has a value, regardless of this property.
8445
+ *
8446
+ */
8447
+ this.clearable = false;
8448
+ /**
8449
+ * @deprecated The no-icon property is deprecated and will be removed by September 2026.
8450
+ *
8373
8451
  * Hide the input type's icon.
8374
8452
  *
8375
8453
  * > **_NOTE:_** Due to browser limitations, the icon may not be hidden in
@@ -8476,65 +8554,69 @@ class Input {
8476
8554
  this.checkValidity = () => this.internals.checkValidity();
8477
8555
  this.reportValidity = () => this.internals.reportValidity();
8478
8556
  this.setCustomValidity = (error) => {
8479
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8480
- __classPrivateFieldGet$h(this, _Input_input, "f").setCustomValidity(error);
8557
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8558
+ __classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
8481
8559
  if (error)
8482
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$h(this, _Input_input, "f"));
8560
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
8483
8561
  else
8484
8562
  this.internals.setValidity(NO_ERROR_FLAGS);
8485
8563
  };
8486
8564
  this.select = () => {
8487
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8488
- __classPrivateFieldGet$h(this, _Input_input, "f").select();
8565
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8566
+ __classPrivateFieldGet$j(this, _Input_input, "f").select();
8489
8567
  };
8490
8568
  this.getSelectionDirection = () => {
8491
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8492
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection;
8569
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8570
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
8493
8571
  };
8494
8572
  this.getSelectionStart = () => {
8495
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8496
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart;
8573
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8574
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
8497
8575
  };
8498
8576
  this.getSelectionEnd = () => {
8499
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8500
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd;
8577
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8578
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
8501
8579
  };
8502
8580
  this.setRangeText = (replacement, start, end, selectionMode) => {
8503
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8504
- __classPrivateFieldGet$h(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8505
- if (this.value !== __classPrivateFieldGet$h(this, _Input_input, "f").value) {
8506
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8581
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8582
+ __classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8583
+ if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
8584
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8507
8585
  this.inputEmitter.emit();
8508
8586
  this.changeEmitter.emit();
8509
8587
  }
8510
8588
  };
8511
8589
  this.setSelectionRange = (start, end, direction) => {
8512
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8513
- __classPrivateFieldGet$h(this, _Input_input, "f").setSelectionRange(start, end, direction);
8590
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8591
+ __classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
8514
8592
  };
8515
8593
  this.stepDown = (n) => {
8516
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8517
- __classPrivateFieldGet$h(this, _Input_input, "f").stepDown(n);
8594
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8595
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
8518
8596
  };
8519
8597
  this.stepUp = (n) => {
8520
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8521
- __classPrivateFieldGet$h(this, _Input_input, "f").stepUp(n);
8598
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8599
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
8522
8600
  };
8523
8601
  this.showPicker = () => {
8524
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8525
- __classPrivateFieldGet$h(this, _Input_input, "f").showPicker();
8602
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8603
+ __classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
8526
8604
  };
8605
+ _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
8606
+ _Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation })));
8607
+ _Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation })));
8608
+ _Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation })));
8527
8609
  _Input_togglePasswordVisibility.set(this, () => {
8528
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8610
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8529
8611
  this.isPasswordVisible = !this.isPasswordVisible;
8530
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8612
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8531
8613
  });
8532
8614
  _Input_ref.set(this, (input) => {
8533
8615
  __classPrivateFieldSet$f(this, _Input_input, input, "f");
8534
8616
  });
8535
8617
  _Input_getFiles.set(this, () => {
8536
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8537
- return __classPrivateFieldGet$h(this, _Input_input, "f").files;
8618
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8619
+ return __classPrivateFieldGet$j(this, _Input_input, "f").files;
8538
8620
  });
8539
8621
  _Input_onBlur.set(this, (event) => {
8540
8622
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8548,30 +8630,35 @@ class Input {
8548
8630
  _Input_onChange.set(this, () => {
8549
8631
  this.changeEmitter.emit();
8550
8632
  });
8551
- _Input_onClear.set(this, () => {
8552
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8553
- __classPrivateFieldGet$h(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8554
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8555
- if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f")) {
8556
- __classPrivateFieldGet$h(this, _Input_input, "f").focus();
8557
- }
8633
+ _Input_handleClear.set(this, () => {
8634
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8635
+ __classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8636
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8637
+ if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
8638
+ __classPrivateFieldGet$j(this, _Input_input, "f").focus();
8639
+ });
8640
+ _Input_onClearableClick.set(this, () => {
8641
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8642
+ });
8643
+ _Input_onSearchClear.set(this, () => {
8644
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8558
8645
  this.searchEmitter.emit();
8559
8646
  });
8560
8647
  _Input_onFocus.set(this, (event) => {
8561
8648
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8562
8649
  });
8563
8650
  _Input_onInput.set(this, (event) => {
8564
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8565
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8651
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8652
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8566
8653
  this.inputEmitter.emit(pickInputEventAttributes(event));
8567
8654
  });
8568
8655
  }
8569
8656
  onClick(event) {
8570
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8657
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8571
8658
  event.stopImmediatePropagation();
8572
8659
  }
8573
8660
  onKeydown(event) {
8574
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8661
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8575
8662
  event.stopImmediatePropagation();
8576
8663
  return;
8577
8664
  }
@@ -8584,36 +8671,40 @@ class Input {
8584
8671
  }
8585
8672
  }
8586
8673
  ariaLabelChanged(newValue) {
8587
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8588
- __classPrivateFieldGet$h(this, _Input_input, "f").ariaLabel =
8674
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8675
+ __classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
8589
8676
  newValue ??
8590
8677
  [...this.internals.labels]
8591
- .map((node) => node.textContent === ''
8592
- ? this.host.parentElement?.querySelector('qds-label')?.text
8593
- : node.textContent?.trim())
8678
+ .map((node) => {
8679
+ // eslint-disable-next-line unicorn/prefer-dom-node-text-content
8680
+ const text = node.innerText.trim();
8681
+ return text === ''
8682
+ ? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
8683
+ : text;
8684
+ })
8594
8685
  .join(' ');
8595
8686
  }
8596
8687
  statusChanged() {
8597
- this.internals.ariaInvalid = (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8688
+ this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8598
8689
  }
8599
8690
  disabledChanged() {
8600
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8691
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8601
8692
  // eslint-disable-next-line unicorn/no-null
8602
8693
  this.internals.setFormValue(null);
8603
8694
  else
8604
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8695
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8605
8696
  }
8606
8697
  selectionDirectionChanged() {
8607
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8608
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8698
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8699
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8609
8700
  }
8610
8701
  selectionEndChanged() {
8611
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8612
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8702
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8703
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8613
8704
  }
8614
8705
  selectionStartChanged() {
8615
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8616
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart = this.selectionStart;
8706
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8707
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
8617
8708
  }
8618
8709
  tabindexChanged(newValue) {
8619
8710
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8621,72 +8712,78 @@ class Input {
8621
8712
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
8622
8713
  }
8623
8714
  validationChanged() {
8624
- if (!__classPrivateFieldGet$h(this, _Input_input, "f"))
8715
+ if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
8625
8716
  return;
8626
- if (__classPrivateFieldGet$h(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8627
- __classPrivateFieldGet$h(this, _Input_input, "f").max = this.max.toString();
8717
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8718
+ __classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
8628
8719
  if (this.maxLength !== undefined)
8629
- __classPrivateFieldGet$h(this, _Input_input, "f").maxLength = this.maxLength;
8630
- if (__classPrivateFieldGet$h(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8631
- __classPrivateFieldGet$h(this, _Input_input, "f").min = this.min.toString();
8720
+ __classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
8721
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8722
+ __classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
8632
8723
  if (this.minLength !== undefined)
8633
- __classPrivateFieldGet$h(this, _Input_input, "f").minLength = this.minLength;
8724
+ __classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
8634
8725
  if (this.pattern !== undefined)
8635
- __classPrivateFieldGet$h(this, _Input_input, "f").pattern = this.pattern;
8636
- __classPrivateFieldGet$h(this, _Input_input, "f").required = this.required ?? false;
8637
- if (__classPrivateFieldGet$h(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8638
- __classPrivateFieldGet$h(this, _Input_input, "f").step = this.step.toString();
8639
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8640
- const { valid } = __classPrivateFieldGet$h(this, _Input_input, "f").validity;
8726
+ __classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
8727
+ __classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
8728
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8729
+ __classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
8730
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8731
+ const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
8641
8732
  if (valid)
8642
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$h(this, _Input_input, "f"));
8733
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
8643
8734
  else
8644
- this.internals.setValidity(__classPrivateFieldGet$h(this, _Input_input, "f").validity, __classPrivateFieldGet$h(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$h(this, _Input_input, "f"));
8735
+ this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
8645
8736
  }
8646
8737
  valueChanged() {
8647
- if (!__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8648
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8649
- if ((__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8738
+ if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8739
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8740
+ if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8650
8741
  this.type === 'file') {
8651
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8742
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8652
8743
  }
8653
8744
  }
8654
8745
  componentWillLoad() {
8655
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8656
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8657
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8658
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8659
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$h(this, _Input_getFiles, "f"));
8660
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8746
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8747
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8748
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8749
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8750
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
8751
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8661
8752
  __classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
8662
8753
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8663
8754
  this.statusChanged();
8664
8755
  }
8665
8756
  componentDidLoad() {
8666
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8757
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8667
8758
  this.ariaLabelChanged(this.host.ariaLabel);
8668
8759
  this.validationChanged();
8669
8760
  this.valueChanged();
8670
8761
  // FIXME: This event is supported by the native `<input>` element but not
8671
8762
  // recognized by Stencil's type definitions, so it needs to be manually
8672
8763
  // bound here.
8673
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8674
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8764
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8765
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8675
8766
  }
8676
8767
  disconnectedCallback() {
8677
- if (__classPrivateFieldGet$h(this, _Input_input, "f")) {
8678
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8679
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8768
+ if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
8769
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8770
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8680
8771
  }
8681
8772
  }
8682
8773
  render() {
8683
8774
  const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
8684
8775
  const isSearchType = this.type === 'search';
8685
- const shouldShowClearButton = isSearchType && hasValue;
8776
+ const isIconUnsupportedType = this.type === 'file' || this.type === 'color';
8777
+ const shouldShowClearButton = hasValue && isSearchType;
8778
+ const shouldShowClearableButton = hasValue &&
8779
+ !isSearchType &&
8780
+ !isIconUnsupportedType &&
8781
+ this.clearable === true;
8782
+ /* DEPRECATED: noIcon will be removed by September 2026 */
8686
8783
  const shouldShowSearchButton = isSearchType && this.noIcon === false;
8687
8784
  const shouldHideIcon = !isSearchType && this.noIcon === true;
8688
8785
  const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
8689
- return (hAsync("div", { key: 'db31ec02c256f64f5a4d946331405b7ba349784d', class: "qds-container" }, hAsync("input", { key: '9e91aadb684a260ea63dfa7a64a1bffdcbe1f3a2', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8786
+ return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8690
8787
  // eslint-disable-next-line jsx-a11y/no-autofocus
8691
8788
  autoFocus: this.host.autofocus, capture: this.capture, class: {
8692
8789
  'qds-search-padding': shouldRemoveSearchPadding,
@@ -8695,10 +8792,11 @@ class Input {
8695
8792
  'qds-padding': shouldHideIcon,
8696
8793
  'qds-password-padding': this.type === 'password' ||
8697
8794
  (this.isPasswordVisible && this.type === 'text'),
8698
- }, "data-status": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedSize_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$h(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$h(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$h(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$h(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$h(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$h(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '1a70a9546cbb333975fb5ddc3e3d6f4e2ea28769', class: "qds-focus-ring" }), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'afcfdac0375d089869ace600729d8381df262107', class: {
8699
- 'qds-icon-container': true,
8700
- 'no-padding': shouldRemoveSearchPadding,
8701
- } }, shouldShowClearButton && (hAsync("qds-mini-button", { key: 'a19339646b5e2fda9d544fae4830a68536c7bd3f', class: "qds-hide", text: "clear input", library: "core", name: "clear", disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_onClear, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && (hAsync("qds-mini-button", { key: 'eeedd9c8d2a3269d09da86fec16459ec82be8b03', disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_iconClickHandler_get), text: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), library: "core", name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get), tabindex: -1, onQdsFocus: stopImmediatePropagation })), shouldShowSearchButton ? (hAsync("qds-mini-button", { text: "search", library: "core", name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get), disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_onSearch, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })) : (hAsync("div", null))))));
8795
+ 'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
8796
+ 'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
8797
+ }, "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 &&
8798
+ __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
8799
+ __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)))));
8702
8800
  }
8703
8801
  static get delegatesFocus() { return true; }
8704
8802
  static get formAssociated() { return true; }
@@ -8728,6 +8826,7 @@ class Input {
8728
8826
  "$members$": {
8729
8827
  "status": [1],
8730
8828
  "readonly": [4],
8829
+ "clearable": [4],
8731
8830
  "noIcon": [4, "no-icon"],
8732
8831
  "size": [1],
8733
8832
  "accept": [1],
@@ -8765,7 +8864,7 @@ class Input {
8765
8864
  "$attrsToReflect$": []
8766
8865
  }; }
8767
8866
  }
8768
- _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_togglePasswordVisibility = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onSearch = new WeakMap(), _Input_onChange = new WeakMap(), _Input_onClear = new WeakMap(), _Input_onFocus = new WeakMap(), _Input_onInput = new WeakMap(), _Input_instances = new WeakSet(), _Input_computedDisabled_get = function _Input_computedDisabled_get() {
8867
+ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_renderClearableButton = new WeakMap(), _Input_renderSearchClearButton = new WeakMap(), _Input_renderInteractiveIconButton = new WeakMap(), _Input_renderSearchButton = new WeakMap(), _Input_togglePasswordVisibility = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onSearch = new WeakMap(), _Input_onChange = new WeakMap(), _Input_handleClear = new WeakMap(), _Input_onClearableClick = new WeakMap(), _Input_onSearchClear = new WeakMap(), _Input_onFocus = new WeakMap(), _Input_onInput = new WeakMap(), _Input_instances = new WeakSet(), _Input_computedDisabled_get = function _Input_computedDisabled_get() {
8769
8868
  return this.host.matches(':disabled') || (this.disabled ?? false);
8770
8869
  }, _Input_computedIconName_get = function _Input_computedIconName_get() {
8771
8870
  if (this.type === 'password')
@@ -8817,7 +8916,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8817
8916
  ['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
8818
8917
  }, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
8819
8918
  return this.type === 'password'
8820
- ? __classPrivateFieldGet$h(this, _Input_togglePasswordVisibility, "f")
8919
+ ? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
8821
8920
  : this.showPicker;
8822
8921
  }, _Input_computedType_get = function _Input_computedType_get() {
8823
8922
  return this.type === 'password' && this.isPasswordVisible
@@ -8832,8 +8931,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8832
8931
  }, _Input_defineGetter = function _Input_defineGetter(p, get) {
8833
8932
  Object.defineProperty(this.host, p, { enumerable: true, get });
8834
8933
  }, _Input_clearValue = function _Input_clearValue() {
8835
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8836
- __classPrivateFieldGet$h(this, _Input_input, "f").value = '';
8934
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8935
+ __classPrivateFieldGet$j(this, _Input_input, "f").value = '';
8837
8936
  };
8838
8937
 
8839
8938
  const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
@@ -8841,7 +8940,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
8841
8940
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8842
8941
  //
8843
8942
  // SPDX-License-Identifier: Apache-2.0
8844
- var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8943
+ var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8845
8944
  if (kind === "a" && !f)
8846
8945
  throw new TypeError("Private accessor was defined without a getter");
8847
8946
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8899,37 +8998,37 @@ class Label {
8899
8998
  _Label_tooltipRef.set(this, (tooltip) => {
8900
8999
  if (tooltip)
8901
9000
  // eslint-disable-next-line no-param-reassign
8902
- tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$g(this, _Label_label, "f");
9001
+ tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
8903
9002
  });
8904
9003
  }
8905
9004
  textChanged() {
8906
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8907
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
8908
- if (!__classPrivateFieldGet$g(this, _Label_span, "f"))
9005
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9006
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
9007
+ if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
8909
9008
  return;
8910
- const span = __classPrivateFieldGet$g(this, _Label_span, "f");
9009
+ const span = __classPrivateFieldGet$i(this, _Label_span, "f");
8911
9010
  readTask(() => {
8912
9011
  this.tooltip = isEllipsisActive(span);
8913
9012
  });
8914
9013
  __classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
8915
9014
  this.tooltip = isEllipsisActive(spanEntry.target);
8916
9015
  }), "f");
8917
- __classPrivateFieldGet$g(this, _Label_ro, "f").observe(__classPrivateFieldGet$g(this, _Label_span, "f"));
9016
+ __classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
8918
9017
  }
8919
9018
  componentDidLoad() {
8920
9019
  this.textChanged();
8921
9020
  }
8922
9021
  disconnectedCallback() {
8923
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8924
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
9022
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9023
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
8925
9024
  }
8926
9025
  render() {
8927
- return (hAsync("span", { key: '0915703faa9ab405d9906f6620bfa19d78fbfca2', class: {
9026
+ return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
8928
9027
  'qds-inline': this.inline,
8929
9028
  'qds-label': true,
8930
- }, "data-size": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$g(this, _Label_labelRef, "f"),
9029
+ }, "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"),
8931
9030
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
8932
- tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: 'd0a36929ba2e813923e5e28c5d13f9f62203637b', class: "qds-required" }, "*"), hAsync("span", { key: '0dd2a08b4c5458408aaa30fe241fc807920dd50c', class: "qds-text", ref: __classPrivateFieldGet$g(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '68050637f772a80cae98db77c10fb7d42a507dca', "aria-hidden": "true", ref: __classPrivateFieldGet$g(this, _Label_tooltipRef, "f") }, this.text))));
9031
+ 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))));
8933
9032
  }
8934
9033
  static get watchers() { return {
8935
9034
  "text": ["textChanged"]
@@ -8975,12 +9074,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
8975
9074
  }
8976
9075
  };
8977
9076
 
8978
- const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) 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-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) 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-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) 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-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:has(input: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-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
9077
+ const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-texts: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-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) 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-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) 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-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) 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-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
8979
9078
 
8980
9079
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8981
9080
  //
8982
9081
  // SPDX-License-Identifier: Apache-2.0
8983
- var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9082
+ var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8984
9083
  if (kind === "a" && !f)
8985
9084
  throw new TypeError("Private accessor was defined without a getter");
8986
9085
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9057,14 +9156,14 @@ class ListItem {
9057
9156
  });
9058
9157
  _ListItem_onCheck.set(this, (event) => {
9059
9158
  event.stopImmediatePropagation();
9060
- this.selected = __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9159
+ this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9061
9160
  this.changeEmitter.emit();
9062
9161
  this.indeterminate = false;
9063
9162
  });
9064
9163
  _ListItem_onSelect.set(this, (event) => {
9065
9164
  event.stopImmediatePropagation();
9066
- if (!__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9067
- this.selected = !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9165
+ if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9166
+ this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9068
9167
  this.changeEmitter.emit();
9069
9168
  }
9070
9169
  });
@@ -9083,7 +9182,7 @@ class ListItem {
9083
9182
  if (iconButton) {
9084
9183
  __classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
9085
9184
  }
9086
- return __classPrivateFieldGet$f(this, _ListItem_iconButton, "f");
9185
+ return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
9087
9186
  });
9088
9187
  _ListItem_onSlotChange.set(this, (event) => {
9089
9188
  invariant(event.target instanceof HTMLSlotElement);
@@ -9102,13 +9201,13 @@ class ListItem {
9102
9201
  event.stopImmediatePropagation();
9103
9202
  return;
9104
9203
  }
9105
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9106
- invariant(__classPrivateFieldGet$f(this, _ListItem_checkbox, "f"));
9107
- __classPrivateFieldGet$f(this, _ListItem_onCheck, "f").call(this, event);
9204
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9205
+ invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
9206
+ __classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
9108
9207
  }
9109
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9110
- invariant(__classPrivateFieldGet$f(this, _ListItem_radio, "f"));
9111
- __classPrivateFieldGet$f(this, _ListItem_onSelect, "f").call(this, event);
9208
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9209
+ invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
9210
+ __classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
9112
9211
  }
9113
9212
  // Always prevent default behavior to avoid the internal `<input>`
9114
9213
  // to toggle `checked` state inappropriately.
@@ -9140,39 +9239,39 @@ class ListItem {
9140
9239
  listActionChanged(newValue) {
9141
9240
  this.internals.ariaChecked =
9142
9241
  (newValue === 'radio' || newValue === 'multiselect') &&
9143
- __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9242
+ __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9144
9243
  ? 'true'
9145
9244
  : 'false';
9146
9245
  }
9147
9246
  textChanged() {
9148
- if (__classPrivateFieldGet$f(this, _ListItem_roText, "f"))
9149
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").disconnect();
9150
- if (!__classPrivateFieldGet$f(this, _ListItem_text, "f") || !this.text)
9247
+ if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
9248
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
9249
+ if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
9151
9250
  return;
9152
- invariant(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9153
- const div = __classPrivateFieldGet$f(this, _ListItem_text, "f");
9251
+ invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9252
+ const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
9154
9253
  readTask(() => {
9155
9254
  this.textTooltip = isEllipsisActive(div);
9156
9255
  });
9157
9256
  __classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
9158
9257
  this.textTooltip = isEllipsisActive(divEntry.target);
9159
9258
  }), "f");
9160
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9259
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9161
9260
  }
9162
9261
  subtitleChanged() {
9163
- if (__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f"))
9164
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").disconnect();
9165
- if (!__classPrivateFieldGet$f(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9262
+ if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
9263
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
9264
+ if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9166
9265
  return;
9167
- invariant(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9168
- const div = __classPrivateFieldGet$f(this, _ListItem_subtitle, "f");
9266
+ invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9267
+ const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
9169
9268
  readTask(() => {
9170
9269
  this.subtitleTooltip = isEllipsisActive(div);
9171
9270
  });
9172
9271
  __classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
9173
9272
  this.subtitleTooltip = isEllipsisActive(divEntry.target);
9174
9273
  }), "f");
9175
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9274
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9176
9275
  }
9177
9276
  componentWillLoad() {
9178
9277
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9198,16 +9297,18 @@ class ListItem {
9198
9297
  this.subtitleChanged();
9199
9298
  }
9200
9299
  render() {
9201
- return (hAsync(Host, { key: '99f36686ee32cc9a38e51be2ae5802f5858b01e5' }, hAsync("div", { key: 'b4a5356f6120fb623a986093c26c23d764ae667f', class: {
9300
+ return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
9202
9301
  'qds-list-item': true,
9203
- 'qds-has-submenu': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9302
+ 'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9204
9303
  'qds-disabled': this.disabled,
9205
- 'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9206
- 'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9207
- }, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '5ce35efc68ee8a5c0790ee8a8ad3856796b012f7', class: {
9304
+ 'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9305
+ 'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9306
+ }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
9208
9307
  'qds-indented-content': true,
9209
- 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9210
- } }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'df66d3ffa8b57afc9dc75557a1f65d0ad1c76371', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$f(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'c8424de633e228af76945c89fb677049f9a20df2', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$f(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: '02bf7560644814586b6f7435f2acabb345441252', "aria-hidden": "true", class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '05ede1e4764712385a88aafca3a5e44f349c926b', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '4e9d37dc8ff341fe0a4b2ed9a5f0d159fac7236e', "aria-hidden": "true", class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '43185be061f22c0ca9c81f62af0c8bc9b3a6d12b', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: 'afbd7e452d90ab88993e1021c1fbc4c7d13c523d', class: "qds-texts", role: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 0 : undefined, onFocus: __classPrivateFieldGet$f(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$f(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '6b254fd8cd7964793797457fbc8d5f5d4154bf99', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '7e34819185cc768959fe530a87c46b096f294381', class: "qds-title", ref: __classPrivateFieldGet$f(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '1a64ca77e4568e2f46e7ba8ad179c1aefa295533', class: "qds-subtitle", ref: __classPrivateFieldGet$f(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: 'a2a5f57a5ba9ec33f37f6c7e9e8e96a3fef3f9f3', size: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '6033e39f89eba0948af9bc9849199b01a204732a', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '86460c389a3fa13e248c62fd625cd3f6de8e285e', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '81f979d2b5387e5faaa5f27b4ca7d1f36a52ba86', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: 'b9b2289146dcc1778b121f774c9ff1f30916b644', onSlotchange: __classPrivateFieldGet$f(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '1812d6763c25b15b1216309cf71bf990d7d42de0' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '862dbdc2c70c234ca1e0394b4fa6913439c3e613', "aria-hidden": "true", ref: __classPrivateFieldGet$f(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '56c16a4201775add9b0f2b4fce07398c6175141b', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '7f2f614e222cff86cab5aac44683e1c50c334ae0', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'c20a4b0210a406b9dece20a6f92fd13bd7874853', class: "qds-tooltip-subtitle" }, this.subtitle))))));
9308
+ 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9309
+ } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', 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: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', 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
9310
+ ? 0
9311
+ : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', 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: '8772f76f5b815cf2416d330127ebf84cc2033cf2', 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: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', 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: 'ac7ee2dc31df20870a50f10c2226715c479e9fea', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: '69984f6419363b4e3118a9530c2b7c3aa80058b5', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '8a1af2e9ca9ca2efb7e06cad5be2f520744c9792' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: 'fcf807651e2e3d2b6da676447ce68f961ab168ee', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: 'eacd4ab8814dd82dc61c3c0a1767bae199d3bfa5', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '3da43382feaa8e6f6882bab0b30911d4259c4d92', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'e6ce033788d3428f83b255d859b69a737f0f4b9c', class: "qds-tooltip-subtitle" }, this.subtitle))))));
9211
9312
  }
9212
9313
  get host() { return getElement(this); }
9213
9314
  static get watchers() { return {
@@ -9286,12 +9387,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
9286
9387
  return this.hasSubmenuSlot;
9287
9388
  };
9288
9389
 
9289
- const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:a 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n --qds-theme-feedback-loader-destructive-indeterminate\n )}[data-status=loading][data-importance=informative]{background-image:var(\n --qds-theme-feedback-loader-informational-indeterminate\n )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n --qds-theme-feedback-loader-neutral-contrast-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes a{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
9390
+ const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:b 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n --qds-theme-feedback-loader-destructive-indeterminate\n )}[data-status=loading][data-importance=informative]{background-image:var(\n --qds-theme-feedback-loader-informational-indeterminate\n )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n --qds-theme-feedback-loader-neutral-contrast-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes b{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
9290
9391
 
9291
9392
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9292
9393
  //
9293
9394
  // SPDX-License-Identifier: Apache-2.0
9294
- var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9395
+ var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9295
9396
  if (kind === "a" && !f)
9296
9397
  throw new TypeError("Private accessor was defined without a getter");
9297
9398
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9326,7 +9427,7 @@ class Loader {
9326
9427
  this.importance = 'standard';
9327
9428
  }
9328
9429
  statusChanged() {
9329
- const status = __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get);
9430
+ const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
9330
9431
  this.internals.ariaValueNow =
9331
9432
  status === undefined
9332
9433
  ? // eslint-disable-next-line unicorn/no-null
@@ -9354,11 +9455,11 @@ class Loader {
9354
9455
  this.internals.role = 'progressbar';
9355
9456
  this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
9356
9457
  this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
9357
- __classPrivateFieldGet$e(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9458
+ __classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9358
9459
  this.statusChanged();
9359
9460
  }
9360
9461
  render() {
9361
- return __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
9462
+ return __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
9362
9463
  }
9363
9464
  static get formAssociated() { return true; }
9364
9465
  get host() { return getElement(this); }
@@ -9424,7 +9525,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
9424
9525
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9425
9526
  //
9426
9527
  // SPDX-License-Identifier: Apache-2.0
9427
- var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9528
+ var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9428
9529
  if (kind === "a" && !f)
9429
9530
  throw new TypeError("Private accessor was defined without a getter");
9430
9531
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9482,7 +9583,7 @@ class MenuItem {
9482
9583
  if (menuItem) {
9483
9584
  __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
9484
9585
  }
9485
- return __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9586
+ return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9486
9587
  });
9487
9588
  _MenuItem_spanRef.set(this, (span) => {
9488
9589
  __classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
@@ -9490,7 +9591,7 @@ class MenuItem {
9490
9591
  _MenuItem_tooltipRef.set(this, (tooltip) => {
9491
9592
  if (tooltip)
9492
9593
  // eslint-disable-next-line no-param-reassign
9493
- tooltip.target = __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9594
+ tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9494
9595
  });
9495
9596
  }
9496
9597
  onBlur(event) {
@@ -9500,32 +9601,32 @@ class MenuItem {
9500
9601
  this.focusEmitter.emit(pickFocusEventAttributes(event));
9501
9602
  }
9502
9603
  onClick(event) {
9503
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9604
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9504
9605
  event.stopImmediatePropagation();
9505
9606
  return;
9506
9607
  }
9507
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9508
- this.checked = !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9608
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9609
+ this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9509
9610
  this.selectEmitter.emit();
9510
9611
  }
9511
9612
  }
9512
9613
  disabledChanged() {
9513
- this.internals.ariaDisabled = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9614
+ this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9514
9615
  }
9515
9616
  checkedChanged() {
9516
- this.internals.ariaChecked = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9617
+ this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9517
9618
  }
9518
9619
  componentDidLoad() {
9519
9620
  this.checkedChanged();
9520
- invariant(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9521
- const span = __classPrivateFieldGet$d(this, _MenuItem_span, "f");
9621
+ invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9622
+ const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
9522
9623
  readTask(() => {
9523
9624
  this.tooltip = isEllipsisActive(span);
9524
9625
  });
9525
9626
  __classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
9526
9627
  this.tooltip = isEllipsisActive(spanEntry.target);
9527
9628
  }), "f");
9528
- __classPrivateFieldGet$d(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9629
+ __classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9529
9630
  }
9530
9631
  componentWillLoad() {
9531
9632
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9534,11 +9635,11 @@ class MenuItem {
9534
9635
  this.disabledChanged();
9535
9636
  }
9536
9637
  render() {
9537
- return (hAsync("div", { key: 'e54aff263b4a16ab0813f0e4a40c4bc6bc87c01e', class: {
9638
+ return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
9538
9639
  'qds-menu-item': true,
9539
- 'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9540
- 'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9541
- }, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'f1ca639c4d2e9385f4d5ba503ca13413c24251ce', class: "qds-menu-item-container" }, __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: 'dba849a7a6d9062244d19ccb3dfac13d12195876', class: "menu-item-checkable" })), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'fc847ff5705ea1bb6a7b384b590b6ce4c76175ae', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '7a1cd69109e3c3837df64272bd4b72d249d5866b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'c3add5ddbc75e2bb2eec84b641e0a02580c89cd0', class: "qds-text", ref: __classPrivateFieldGet$d(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '430a3a0832821451a080136b5213cb47eb41ba95', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'bc39a7cf4dbd978f8e18804fd251edeaa4c7edce', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '5cc32a9271a5d1b22fb23f029537ebf44586e935', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: '1d410d3ed04ef79c17983e190ed1f76899d19d6f' }))), this.tooltip && (hAsync("qds-tooltip", { key: '2058e63dd15bceb524f3b76b1ec8a5c9f547c6e9', ref: __classPrivateFieldGet$d(this, _MenuItem_tooltipRef, "f") }, this.text))));
9640
+ 'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9641
+ 'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9642
+ }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', 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: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
9542
9643
  }
9543
9644
  get host() { return getElement(this); }
9544
9645
  static get watchers() { return {
@@ -9580,9 +9681,9 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
9580
9681
  }, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
9581
9682
  return this.type ?? undefined;
9582
9683
  }, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
9583
- return __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9684
+ return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9584
9685
  }, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
9585
- return ((__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9686
+ return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9586
9687
  }, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
9587
9688
  return this.disabled ?? false;
9588
9689
  }, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
@@ -9594,7 +9695,7 @@ const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0
9594
9695
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9595
9696
  //
9596
9697
  // SPDX-License-Identifier: Apache-2.0
9597
- var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9698
+ var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9598
9699
  if (kind === "a" && !f)
9599
9700
  throw new TypeError("Private accessor was defined without a getter");
9600
9701
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9643,11 +9744,11 @@ class MiniButton {
9643
9744
  _MiniButton_savedTabIndex.set(this, 0);
9644
9745
  }
9645
9746
  disabledChanged() {
9646
- this.internals.ariaDisabled = __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9647
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9747
+ this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9748
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9648
9749
  this.host.removeAttribute('tabindex');
9649
9750
  else
9650
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9751
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9651
9752
  }
9652
9753
  hrefChanged() {
9653
9754
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -9659,16 +9760,16 @@ class MiniButton {
9659
9760
  ? 0
9660
9761
  : parsedValue, "f");
9661
9762
  }
9662
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9763
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9663
9764
  this.host.removeAttribute('tabindex');
9664
9765
  else
9665
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9766
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9666
9767
  }
9667
9768
  textChanged() {
9668
9769
  this.internals.ariaLabel = this.text;
9669
9770
  }
9670
9771
  onClick(event) {
9671
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9772
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9672
9773
  event.stopImmediatePropagation();
9673
9774
  }
9674
9775
  }
@@ -9694,7 +9795,7 @@ class MiniButton {
9694
9795
  }
9695
9796
  render() {
9696
9797
  const Tag = this.href === undefined ? 'button' : 'a';
9697
- return (hAsync(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'd3ab0776386fa553ee0a1582261a6724c6c5ef3a', class: "qds-icon", library: this.library, name: this.name })));
9798
+ return (hAsync(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'd3ab0776386fa553ee0a1582261a6724c6c5ef3a', class: "qds-icon", library: this.library, name: this.name })));
9698
9799
  }
9699
9800
  static get formAssociated() { return true; }
9700
9801
  get host() { return getElement(this); }
@@ -9728,7 +9829,7 @@ _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet()
9728
9829
  this.host.getAttribute('disabled') !== 'false'));
9729
9830
  };
9730
9831
 
9731
- const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:b 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes b{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
9832
+ const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:a 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes a{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
9732
9833
 
9733
9834
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9734
9835
  //
@@ -9742,7 +9843,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
9742
9843
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
9743
9844
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
9744
9845
  };
9745
- var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9846
+ var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9746
9847
  if (kind === "a" && !f)
9747
9848
  throw new TypeError("Private accessor was defined without a getter");
9748
9849
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9798,8 +9899,8 @@ class ProgressBar {
9798
9899
  maxChanged() {
9799
9900
  const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
9800
9901
  __classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
9801
- this.internals.ariaValueMax = __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f").toString();
9802
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9902
+ this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
9903
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9803
9904
  }
9804
9905
  valueChanged() {
9805
9906
  const value = typeof this.value === 'string'
@@ -9808,21 +9909,21 @@ class ProgressBar {
9808
9909
  __classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
9809
9910
  this.internals.ariaValueNow =
9810
9911
  // eslint-disable-next-line unicorn/no-null
9811
- this.value === undefined ? null : __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f").toString();
9812
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9912
+ this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
9913
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9813
9914
  }
9814
9915
  componentWillLoad() {
9815
9916
  this.internals.role = 'progressbar';
9816
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9817
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$b(this, _ProgressBar_position, "f"));
9917
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9918
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
9818
9919
  this.maxChanged();
9819
9920
  this.valueChanged();
9820
9921
  }
9821
9922
  render() {
9822
- return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
9923
+ return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
9823
9924
  'qds-bar': true,
9824
- 'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
9825
- }, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9925
+ 'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
9926
+ }, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9826
9927
  }
9827
9928
  static get formAssociated() { return true; }
9828
9929
  get host() { return getElement(this); }
@@ -9863,18 +9964,18 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
9863
9964
  this.width = '50%';
9864
9965
  return;
9865
9966
  }
9866
- __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f"), "f");
9867
- this.width = `${Math.min(__classPrivateFieldGet$b(this, _ProgressBar_position, "f") * 100, 100)}%`;
9967
+ __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
9968
+ this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
9868
9969
  }, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
9869
9970
  Object.defineProperty(this.host, p, { enumerable: true, get });
9870
9971
  };
9871
9972
 
9872
- 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{line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}";
9973
+ 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}";
9873
9974
 
9874
9975
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9875
9976
  //
9876
9977
  // SPDX-License-Identifier: Apache-2.0
9877
- var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9978
+ var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9878
9979
  if (kind === "a" && !f)
9879
9980
  throw new TypeError("Private accessor was defined without a getter");
9880
9981
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9933,29 +10034,29 @@ class QdsBreadcrumbItem {
9933
10034
  _QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
9934
10035
  if (tooltip)
9935
10036
  // eslint-disable-next-line no-param-reassign
9936
- tooltip.target = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
10037
+ tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
9937
10038
  });
9938
10039
  }
9939
10040
  onClick(event) {
9940
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
10041
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
9941
10042
  event.stopImmediatePropagation();
9942
10043
  }
9943
10044
  disabledChanged() {
9944
10045
  this.internals.ariaDisabled = this.disabled.toString();
9945
10046
  }
9946
10047
  textChanged() {
9947
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
9948
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
9949
- if (!__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"))
10048
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10049
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10050
+ if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
9950
10051
  return;
9951
- const span = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f");
10052
+ const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
9952
10053
  readTask(() => {
9953
10054
  this.tooltip = isEllipsisActive(span);
9954
10055
  });
9955
10056
  __classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
9956
10057
  this.tooltip = isEllipsisActive(spanEntry.target);
9957
10058
  }), "f");
9958
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"));
10059
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
9959
10060
  }
9960
10061
  componentWillLoad() {
9961
10062
  this.internals.role = 'listitem';
@@ -9965,16 +10066,16 @@ class QdsBreadcrumbItem {
9965
10066
  this.textChanged();
9966
10067
  }
9967
10068
  disconnectedCallback() {
9968
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
9969
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10069
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10070
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
9970
10071
  }
9971
10072
  render() {
9972
10073
  return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
9973
10074
  'qds-breadcrumb-item': true,
9974
- 'qds-disabled': __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
9975
- }, ref: this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '148c315f31e52b9766689d8f0bed862cf1d96e28', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
9976
- ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
9977
- : __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: 'b17a3515b3f6c786bfdd16f4e01e951c477c1c66', "aria-hidden": "true", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
10075
+ 'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
10076
+ }, 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: '9126433ac3532b3716d5821568d65a74b45c7145', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
10077
+ ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
10078
+ : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '8db1c84dea739706bb39ebbfe3824b4adbe2765c', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
9978
10079
  }
9979
10080
  static get delegatesFocus() { return true; }
9980
10081
  static get watchers() { return {
@@ -10009,17 +10110,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
10009
10110
  return false;
10010
10111
  return isCurrentPage(this.href);
10011
10112
  }, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
10012
- return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(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$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
10113
+ 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" }, "/")));
10013
10114
  }, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
10014
- return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10115
+ return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10015
10116
  };
10016
10117
 
10017
- 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{flex:1 1 auto;min-width:0;width:100%}.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-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small].sc-qds-radio{--qds-form-small-text:var(--qds-control-small-text)}.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-small-icon-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-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)}[data-size=standard].sc-qds-radio{--qds-form-standard-text:var(--qds-control-standard-text)}.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{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-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-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)}[data-size=large].sc-qds-radio{--qds-form-large-text:var(--qds-control-large-text)}.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{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-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-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)}";
10118
+ const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:e;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"e\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-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)}";
10018
10119
 
10019
10120
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10020
10121
  //
10021
10122
  // SPDX-License-Identifier: Apache-2.0
10022
- var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10123
+ var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10023
10124
  if (kind === "a" && !f)
10024
10125
  throw new TypeError("Private accessor was defined without a getter");
10025
10126
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10035,7 +10136,7 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
10035
10136
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10036
10137
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10037
10138
  };
10038
- var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onChange, _Radio_onFocus;
10139
+ var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_ro, _Radio_span, _Radio_tooltip, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onFocus, _Radio_spanRef, _Radio_tooltipRef, _Radio_onChange;
10039
10140
  /**
10040
10141
  * `<qds-radio>` elements are rendered as circles that are filled when
10041
10142
  * selected. They are generally used in **radio groups** — collections of radio
@@ -10064,51 +10165,91 @@ class Radio {
10064
10165
  * The radio button's size.
10065
10166
  */
10066
10167
  this.size = 'standard';
10168
+ this.tooltip = false;
10067
10169
  _Radio_inheritedAttributes.set(this, {});
10068
10170
  _Radio_input.set(this, void 0);
10171
+ _Radio_ro.set(this, void 0);
10172
+ _Radio_span.set(this, void 0);
10173
+ _Radio_tooltip.set(this, void 0);
10069
10174
  _Radio_ref.set(this, (input) => {
10070
10175
  __classPrivateFieldSet$8(this, _Radio_input, input, "f");
10071
10176
  });
10072
10177
  _Radio_onBlur.set(this, (event) => {
10073
10178
  this.blurEmitter.emit(pickFocusEventAttributes(event));
10074
- });
10075
- _Radio_onChange.set(this, () => {
10076
- this.changeEmitter.emit();
10179
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10180
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
10077
10181
  });
10078
10182
  _Radio_onFocus.set(this, (event) => {
10079
10183
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10184
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10185
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
10186
+ });
10187
+ _Radio_spanRef.set(this, (span) => {
10188
+ __classPrivateFieldSet$8(this, _Radio_span, span, "f");
10189
+ });
10190
+ _Radio_tooltipRef.set(this, (tooltip) => {
10191
+ if (tooltip) {
10192
+ // eslint-disable-next-line no-param-reassign
10193
+ tooltip.target = this.host;
10194
+ __classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
10195
+ }
10196
+ });
10197
+ _Radio_onChange.set(this, () => {
10198
+ this.changeEmitter.emit();
10080
10199
  });
10081
10200
  }
10082
10201
  onClick(event) {
10083
- if (__classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10202
+ if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10084
10203
  event.stopImmediatePropagation();
10085
10204
  return;
10086
10205
  }
10087
- invariant(__classPrivateFieldGet$9(this, _Radio_input, "f"));
10088
- this.checked = __classPrivateFieldGet$9(this, _Radio_input, "f").checked;
10206
+ invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
10207
+ this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
10089
10208
  }
10090
10209
  tabindexChanged(newValue) {
10091
10210
  const parsedValue = Number.parseInt(newValue, 10);
10092
10211
  this.tabIndex =
10093
10212
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10094
10213
  }
10214
+ textChanged() {
10215
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10216
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10217
+ if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
10218
+ return;
10219
+ const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
10220
+ readTask(() => {
10221
+ this.tooltip = isEllipsisActive(span);
10222
+ });
10223
+ __classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
10224
+ this.tooltip = isEllipsisActive(spanEntry.target);
10225
+ }), "f");
10226
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
10227
+ }
10095
10228
  componentWillLoad() {
10096
10229
  __classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10097
10230
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10098
10231
  }
10232
+ componentDidLoad() {
10233
+ this.textChanged();
10234
+ }
10235
+ disconnectedCallback() {
10236
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10237
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10238
+ }
10099
10239
  render() {
10100
10240
  return (
10101
10241
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
10102
- hAsync("label", { key: '978a5c457627a622001bc271320bea35b884d0e5', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10242
+ hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10103
10243
  'qds-inline': this.inline,
10104
10244
  'qds-label': true,
10105
- }, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: 'fbd24e10474b10f707f40b50955763f3f47fe641', class: "qds-container" }, hAsync("input", { key: 'd87badaed53c1c21d65b265256fdd4d4971f6e38',
10245
+ }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
10106
10246
  // eslint-disable-next-line jsx-a11y/no-autofocus
10107
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '6ad0f0e46f80246e4ebc1b50d09c0ec2c4dfcf95', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '314a20e47c0ccc0841d2c02d4e4174729f3bd5e0', class: "qds-label-inner", size: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
10247
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '668a2d22e68b6f1d49cb5b9798b99dbd6d5a05a5', class: "qds-icon", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("span", { key: 'f1205a0e975d4e59a907239a0371fe8864e5adfd', class: "qds-label-inner", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet$b(this, _Radio_spanRef, "f") }, this.required === true && hAsync("span", { key: '77c767cab283f45e4f5d4d23caab06ddd200c214', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '905dbef82ca3a3803e536bceca43c1bee35eb195', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
10108
10248
  }
10109
10249
  get host() { return getElement(this); }
10110
10250
  static get watchers() { return {
10111
- "tabindex": ["tabindexChanged"]
10251
+ "tabindex": ["tabindexChanged"],
10252
+ "text": ["textChanged"]
10112
10253
  }; }
10113
10254
  static get style() { return radioCss; }
10114
10255
  static get cmpMeta() { return {
@@ -10124,14 +10265,15 @@ class Radio {
10124
10265
  "name": [1],
10125
10266
  "required": [4],
10126
10267
  "value": [1032],
10127
- "tabIndex": [32]
10268
+ "tabIndex": [32],
10269
+ "tooltip": [32]
10128
10270
  },
10129
10271
  "$listeners$": [[0, "click", "onClick"]],
10130
10272
  "$lazyBundleId$": "-",
10131
10273
  "$attrsToReflect$": []
10132
10274
  }; }
10133
10275
  }
10134
- _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
10276
+ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ro = new WeakMap(), _Radio_span = new WeakMap(), _Radio_tooltip = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_spanRef = new WeakMap(), _Radio_tooltipRef = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
10135
10277
  return this.disabled ?? false;
10136
10278
  }, _Radio_computedSize_get = function _Radio_computedSize_get() {
10137
10279
  switch (this.size) {
@@ -10148,12 +10290,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
10148
10290
  return this.text !== undefined && this.text !== '';
10149
10291
  };
10150
10292
 
10151
- const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-control-text-standard);grid-area:j}.qds-icon{margin-inline-end:calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-border-width));place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);margin:0;outline:0;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal);text-overflow:ellipsis}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.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-control-small-text)}.qds-select[data-size=small]:not([multiple]){height:var(--qds-control-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-control-standard-text)}.qds-select[data-size=standard]:not([multiple]){height:var(--qds-control-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-control-large-text)}.qds-select[data-size=large]:not([multiple]){height:var(--qds-control-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, 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-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
10293
+ 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{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);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}";
10152
10294
 
10153
10295
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10154
10296
  //
10155
10297
  // SPDX-License-Identifier: Apache-2.0
10156
- var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10298
+ var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10157
10299
  if (kind === "a" && !f)
10158
10300
  throw new TypeError("Private accessor was defined without a getter");
10159
10301
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10169,7 +10311,7 @@ var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) |
10169
10311
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10170
10312
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10171
10313
  };
10172
- var _Select_instances, _Select_inheritedAttributes, _Select_select, _Select_computedDisabled_get, _Select_computedOptions_get, _Select_computedSize_get, _Select_computedType_get, _Select_computedValue_get, _Select_computedSelectedOptions_get, _Select_ref, _Select_onBlur, _Select_onChange, _Select_onFocus, _Select_onInput, _Select_onSlotchange, _Select_defineGetter;
10314
+ var _Select_instances, _Select_inheritedAttributes, _Select_select, _Select_computedDisabled_get, _Select_computedOptions_get, _Select_computedStatus_get, _Select_computedSize_get, _Select_computedType_get, _Select_computedValue_get, _Select_computedSelectedOptions_get, _Select_ref, _Select_onBlur, _Select_onChange, _Select_onFocus, _Select_onInput, _Select_onSlotchange, _Select_defineGetter;
10173
10315
  const throwError = () => {
10174
10316
  invariant(false);
10175
10317
  };
@@ -10317,28 +10459,28 @@ class Select {
10317
10459
  this.checkValidity = () => this.internals.checkValidity();
10318
10460
  this.reportValidity = () => this.internals.reportValidity();
10319
10461
  this.setCustomValidity = (error) => {
10320
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10321
- __classPrivateFieldGet$8(this, _Select_select, "f").setCustomValidity(error);
10462
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10463
+ __classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
10322
10464
  if (error)
10323
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$8(this, _Select_select, "f"));
10465
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
10324
10466
  else
10325
10467
  this.internals.setValidity(NO_ERROR_FLAGS);
10326
10468
  };
10327
10469
  this.addItem = (element, before) => {
10328
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10329
- __classPrivateFieldGet$8(this, _Select_select, "f").add(element, before);
10470
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10471
+ __classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
10330
10472
  };
10331
10473
  this.removeItem = (index) => {
10332
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10333
- __classPrivateFieldGet$8(this, _Select_select, "f").remove(index);
10474
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10475
+ __classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
10334
10476
  };
10335
10477
  this.item = (index) => {
10336
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10337
- return __classPrivateFieldGet$8(this, _Select_select, "f").item(index);
10478
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10479
+ return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
10338
10480
  };
10339
10481
  this.namedItem = (name) => {
10340
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10341
- return __classPrivateFieldGet$8(this, _Select_select, "f").namedItem(name);
10482
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10483
+ return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
10342
10484
  };
10343
10485
  _Select_ref.set(this, (select) => {
10344
10486
  __classPrivateFieldSet$7(this, _Select_select, select, "f");
@@ -10353,31 +10495,31 @@ class Select {
10353
10495
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10354
10496
  });
10355
10497
  _Select_onInput.set(this, (event) => {
10356
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10357
- this.value = __classPrivateFieldGet$8(this, _Select_select, "f").value;
10498
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10499
+ this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
10358
10500
  this.inputEmitter.emit(pickInputEventAttributes(event));
10359
10501
  });
10360
10502
  _Select_onSlotchange.set(this, (event) => {
10361
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10503
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10362
10504
  const { currentTarget } = event;
10363
10505
  invariant(currentTarget instanceof HTMLSlotElement);
10364
- __classPrivateFieldGet$8(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10506
+ __classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10365
10507
  });
10366
10508
  }
10367
10509
  onClick(event) {
10368
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10510
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10369
10511
  event.stopImmediatePropagation();
10370
10512
  }
10371
10513
  disabledChanged() {
10372
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10514
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10373
10515
  // eslint-disable-next-line unicorn/no-null
10374
10516
  this.internals.setFormValue(null);
10375
10517
  else
10376
- this.internals.setFormValue(__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get));
10518
+ this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
10377
10519
  }
10378
10520
  selectedIndexChanged() {
10379
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10380
- __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10521
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10522
+ __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10381
10523
  }
10382
10524
  tabindexChanged(newValue) {
10383
10525
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10385,39 +10527,43 @@ class Select {
10385
10527
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10386
10528
  }
10387
10529
  validationChanged() {
10388
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10389
- __classPrivateFieldGet$8(this, _Select_select, "f").value = __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get);
10390
- __classPrivateFieldGet$8(this, _Select_select, "f").required = this.required ?? false;
10391
- const { valid } = __classPrivateFieldGet$8(this, _Select_select, "f").validity;
10530
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10531
+ __classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
10532
+ __classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
10533
+ const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
10392
10534
  if (valid)
10393
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$8(this, _Select_select, "f"));
10535
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
10394
10536
  else
10395
- this.internals.setValidity(__classPrivateFieldGet$8(this, _Select_select, "f").validity, __classPrivateFieldGet$8(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$8(this, _Select_select, "f"));
10537
+ this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
10538
+ }
10539
+ statusChanged() {
10540
+ this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
10396
10541
  }
10397
10542
  componentWillLoad() {
10398
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10399
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10400
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10401
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10402
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedType_get));
10403
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get));
10404
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get).length);
10405
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10543
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10544
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10545
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10546
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10547
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
10548
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
10549
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
10550
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10406
10551
  __classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10407
10552
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10553
+ this.statusChanged();
10408
10554
  }
10409
10555
  componentDidLoad() {
10410
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10556
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10411
10557
  this.validationChanged();
10412
- this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
10558
+ this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
10413
10559
  }
10414
10560
  render() {
10415
- return (hAsync("div", { key: '8d6107fc18c16385b063199f6bdd03f032e20597', class: {
10561
+ return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
10416
10562
  'qds-container': true,
10417
10563
  'qds-multiple': this.multiple ?? false,
10418
- }, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'eed0ad5d20458c3c277958a07044a5ea48b8bb5f', autoComplete: this.autoComplete,
10564
+ }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
10419
10565
  // eslint-disable-next-line jsx-a11y/no-autofocus
10420
- autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '50aa187610f5de105fcb822177e57f12a0a1869c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: '1365b9afcf5da164da3482f5eceff99b891e4c56', onSlotchange: __classPrivateFieldGet$8(this, _Select_onSlotchange, "f") }), hAsync("div", { key: '46c4ea28c084e2ea63b68073e70a9a9e6d59a6b7', class: "qds-focus-ring" })));
10566
+ 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: 'aa8e1e662d3fbe6763c15db02a7461cb5fc8b427', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'b72253181babf15b30131d300e531a412cb23623', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'b7302af05bf0d6169ab86cca521b3a208fc39e9f', class: "qds-focus-ring" })));
10421
10567
  }
10422
10568
  static get delegatesFocus() { return true; }
10423
10569
  static get formAssociated() { return true; }
@@ -10427,13 +10573,15 @@ class Select {
10427
10573
  "selectedIndex": ["selectedIndexChanged"],
10428
10574
  "tabindex": ["tabindexChanged"],
10429
10575
  "required": ["validationChanged"],
10430
- "value": ["validationChanged"]
10576
+ "value": ["validationChanged"],
10577
+ "status": ["statusChanged"]
10431
10578
  }; }
10432
10579
  static get style() { return selectCss; }
10433
10580
  static get cmpMeta() { return {
10434
10581
  "$flags$": 345,
10435
10582
  "$tagName$": "qds-select",
10436
10583
  "$members$": {
10584
+ "status": [1],
10437
10585
  "size": [1],
10438
10586
  "autoComplete": [1, "autocomplete"],
10439
10587
  "disabled": [4],
@@ -10461,8 +10609,19 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10461
10609
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
10462
10610
  this.host.getAttribute('disabled') !== 'false');
10463
10611
  }, _Select_computedOptions_get = function _Select_computedOptions_get() {
10464
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10465
- return __classPrivateFieldGet$8(this, _Select_select, "f").options;
10612
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10613
+ return __classPrivateFieldGet$a(this, _Select_select, "f").options;
10614
+ }, _Select_computedStatus_get = function _Select_computedStatus_get() {
10615
+ switch (this.status) {
10616
+ case 'error':
10617
+ case 'success':
10618
+ case 'warning': {
10619
+ return this.status;
10620
+ }
10621
+ default: {
10622
+ return undefined;
10623
+ }
10624
+ }
10466
10625
  }, _Select_computedSize_get = function _Select_computedSize_get() {
10467
10626
  switch (this.size) {
10468
10627
  case 'standard':
@@ -10475,23 +10634,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10475
10634
  }
10476
10635
  }
10477
10636
  }, _Select_computedType_get = function _Select_computedType_get() {
10478
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10479
- return __classPrivateFieldGet$8(this, _Select_select, "f").type;
10637
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10638
+ return __classPrivateFieldGet$a(this, _Select_select, "f").type;
10480
10639
  }, _Select_computedValue_get = function _Select_computedValue_get() {
10481
10640
  return this.value ?? '';
10482
10641
  }, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
10483
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10484
- return __classPrivateFieldGet$8(this, _Select_select, "f").selectedOptions;
10642
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10643
+ return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
10485
10644
  }, _Select_defineGetter = function _Select_defineGetter(p, get) {
10486
10645
  Object.defineProperty(this.host, p, { enumerable: true, get });
10487
10646
  };
10488
10647
 
10489
- const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-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-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
10648
+ const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-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-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=emphasized],[data-importance=standard]{-webkit-text-decoration:none;text-decoration:none}.qds-visitable[data-importance=emphasized],.qds-visitable[data-importance=standard],[data-importance=emphasized]:active,[data-importance=emphasized]:hover,[data-importance=standard]:active,[data-importance=standard]:hover{-webkit-text-decoration:underline;text-decoration:underline}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
10490
10649
 
10491
10650
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10492
10651
  //
10493
10652
  // SPDX-License-Identifier: Apache-2.0
10494
- var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10653
+ var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10495
10654
  if (kind === "a" && !f)
10496
10655
  throw new TypeError("Private accessor was defined without a getter");
10497
10656
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10557,7 +10716,7 @@ class StandaloneLink {
10557
10716
  _StandaloneLink_savedTabIndex.set(this, 0);
10558
10717
  _StandaloneLink_link.set(this, void 0);
10559
10718
  _StandaloneLink_updateAriaLabelElements.set(this, () => {
10560
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10719
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10561
10720
  });
10562
10721
  _StandaloneLink_linkRef.set(this, (link) => {
10563
10722
  __classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
@@ -10569,7 +10728,7 @@ class StandaloneLink {
10569
10728
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10570
10729
  });
10571
10730
  _StandaloneLink_onSlotchange.set(this, () => {
10572
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10731
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10573
10732
  });
10574
10733
  }
10575
10734
  onClick(event) {
@@ -10577,18 +10736,18 @@ class StandaloneLink {
10577
10736
  event.stopImmediatePropagation();
10578
10737
  }
10579
10738
  onKeydown(event) {
10580
- invariant(__classPrivateFieldGet$7(this, _StandaloneLink_link, "f"));
10739
+ invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
10581
10740
  if (this.disabled)
10582
10741
  return;
10583
10742
  if (event.key === 'Enter')
10584
- __classPrivateFieldGet$7(this, _StandaloneLink_link, "f").click();
10743
+ __classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
10585
10744
  }
10586
10745
  disabledChanged() {
10587
10746
  this.internals.ariaDisabled = this.disabled.toString();
10588
10747
  if (this.disabled)
10589
10748
  this.host.removeAttribute('tabindex');
10590
10749
  else
10591
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10750
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10592
10751
  }
10593
10752
  tabindexChanged(newValue) {
10594
10753
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10599,11 +10758,11 @@ class StandaloneLink {
10599
10758
  if (this.disabled)
10600
10759
  this.host.removeAttribute('tabindex');
10601
10760
  else
10602
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10761
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10603
10762
  }
10604
10763
  hrefTargetChanged() {
10605
10764
  this.linkIcon = determineLinkIcon(this.target, this.rel);
10606
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10765
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10607
10766
  }
10608
10767
  componentWillLoad() {
10609
10768
  this.internals.role = 'link';
@@ -10612,14 +10771,14 @@ class StandaloneLink {
10612
10771
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10613
10772
  }
10614
10773
  componentDidLoad() {
10615
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10774
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10616
10775
  }
10617
10776
  render() {
10618
- return (hAsync("a", { key: 'dc1e8db62a1893f103cf03b24f639db8d09a5454', "aria-hidden": "true", class: {
10777
+ return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
10619
10778
  'qds-standalone-link': true,
10620
10779
  'qds-disabled': this.disabled,
10621
10780
  'qds-visitable': this.visitable,
10622
- }, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '3e6bbe2a44aaff89c3c4926dfe7d304fb1127eed', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'f3b83f6c7eafde02e02f911fb7796857dacf0946', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'c6c32e22cfa04c92d1c8b0de69311263b10b3f26', class: "qds-text" }, hAsync("slot", { key: '987a9448380afd4072c948885eec2efaf0b36aea', onSlotchange: __classPrivateFieldGet$7(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'ed0b3ff454c5aea8decb4f339cef8d91edb8e480', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '21841f5a4934ef4e9c4594f7e27dc39efd82219c', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '286a3741f4781eafc2948d1861fbc1145bc8166c', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '02dacf940797a8f3973cfb599b1dcda2d9831ae7', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
10781
+ }, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '952fb52d3129a1bd7e1bb901af8673439f434a1b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9fc0f2d475b165e890546f6faad7d9e90ca31df9', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '0213f2cf7a42d5ca9ba4b8083a26966c49bd6eb3', class: "qds-text" }, hAsync("slot", { key: 'f54a7b1f67e7114fa2eac1bd787c7b604c937630', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'eca6d9db29c904ff24ef63672f448ea9bf69e803', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e2610d31880ed6fe83d59c06c437014a54284b26', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'a242b2eabb9f7d1c2db2e2e531151e91c32d651e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '88dc23ac40898d3adfe236dad9fe44136db5efb3', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
10623
10782
  }
10624
10783
  get host() { return getElement(this); }
10625
10784
  static get watchers() { return {
@@ -10682,7 +10841,7 @@ const switchCss = ":host([hidden]){display:none!important}:host{display:inline-b
10682
10841
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10683
10842
  //
10684
10843
  // SPDX-License-Identifier: Apache-2.0
10685
- var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10844
+ var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10686
10845
  if (kind === "a" && !f)
10687
10846
  throw new TypeError("Private accessor was defined without a getter");
10688
10847
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10796,12 +10955,12 @@ class Switch {
10796
10955
  };
10797
10956
  }
10798
10957
  onClick(event) {
10799
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10958
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10800
10959
  event.stopImmediatePropagation();
10801
10960
  return;
10802
10961
  }
10803
10962
  event.preventDefault();
10804
- this.checked = !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get);
10963
+ this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
10805
10964
  this.changeEmitter.emit();
10806
10965
  }
10807
10966
  onBlur(event) {
@@ -10820,12 +10979,12 @@ class Switch {
10820
10979
  this.host.click();
10821
10980
  }
10822
10981
  checkedChanged() {
10823
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10824
- this.internals.ariaChecked = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10982
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10983
+ this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10825
10984
  }
10826
10985
  disabledChanged() {
10827
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10828
- this.internals.ariaDisabled = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10986
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10987
+ this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10829
10988
  }
10830
10989
  tabindexChanged(newValue) {
10831
10990
  if (newValue !== null) {
@@ -10834,33 +10993,33 @@ class Switch {
10834
10993
  ? 0
10835
10994
  : parsedValue, "f");
10836
10995
  }
10837
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10996
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10838
10997
  this.host.removeAttribute('tabindex');
10839
10998
  else
10840
- this.host.tabIndex = __classPrivateFieldGet$6(this, _Switch_savedTabIndex, "f");
10999
+ this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
10841
11000
  }
10842
11001
  valueChanged() {
10843
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
11002
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10844
11003
  }
10845
11004
  componentWillLoad() {
10846
11005
  this.internals.role = 'switch';
10847
11006
  this.checkedChanged();
10848
11007
  this.disabledChanged();
10849
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
10850
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
10851
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10852
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
10853
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
11008
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
11009
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
11010
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
11011
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
11012
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10854
11013
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10855
11014
  }
10856
11015
  render() {
10857
- return (hAsync("div", { key: '64c7d772d4d373d571c7f34d024504844b60670c', class: {
11016
+ return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
10858
11017
  'qds-container': true,
10859
- 'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
11018
+ 'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
10860
11019
  'qds-inline': this.inline,
10861
- }, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'd951525c1afdc906bd9868d22a6e251121200195', "aria-hidden": "true",
11020
+ }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
10862
11021
  // eslint-disable-next-line jsx-a11y/no-autofocus
10863
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: 'ccfac11cd050fcc255590f8959364bf999896ec4', class: "qds-track", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '7f499d8851fa9e65f551b931ab3e34324678afa2', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'fac18cb7058ba3ea9523047b8506b12b21e0c211', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '6388b6f366937c84b4099f204b7931b0c037d36b', class: "qds-knob-container" }, hAsync("div", { key: '8dadbfa06c4cb23d35f6c2e6feee91b21a6239c0', class: "qds-knob", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '0c3250b9a8fca5d64c9232da5d987f71e6622e96', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'cf7d4acfc74c39a3eff1860b316c6ce94be6e78b', class: "qds-icon", name: "toggle-off", library: "core" }))))));
11022
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '62ffdca674fecb443977b8a077f67e74b5be561c', class: "qds-track", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '35ace9f745581aa451ddf0618fdae0759cec0a0c', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '5c59c47b9a95721441956169344ed8aa7049a049', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '193c882652ace39275e13858d7a73e9993271b52', class: "qds-knob-container" }, hAsync("div", { key: 'e0a80c43ed774d3e2a89a9b437f1b3ec0e647937', class: "qds-knob", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '14f8db236430628094cfd58dd794de83f559cd88', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'c180a31164968b92edac3a9b48d53dbf7cf1cf75', class: "qds-icon", name: "toggle-off", library: "core" }))))));
10864
11023
  }
10865
11024
  static get formAssociated() { return true; }
10866
11025
  get host() { return getElement(this); }
@@ -10915,18 +11074,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
10915
11074
  }, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
10916
11075
  Object.defineProperty(this.host, p, { enumerable: true, get });
10917
11076
  }, _Switch_updateFormValue = function _Switch_updateFormValue() {
10918
- this.internals.setFormValue(__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)
10919
- ? __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedValue_get)
11077
+ this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
11078
+ ? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
10920
11079
  : // eslint-disable-next-line unicorn/no-null
10921
11080
  null);
10922
11081
  };
10923
11082
 
10924
- const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
11083
+ const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
10925
11084
 
10926
11085
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10927
11086
  //
10928
11087
  // SPDX-License-Identifier: Apache-2.0
10929
- var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11088
+ var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10930
11089
  if (kind === "a" && !f)
10931
11090
  throw new TypeError("Private accessor was defined without a getter");
10932
11091
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10942,7 +11101,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
10942
11101
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10943
11102
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10944
11103
  };
10945
- var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_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;
11104
+ 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;
10946
11105
  const isCounter = (value) => typeof value === 'string'
10947
11106
  ? !Number.isNaN(Number.parseFloat(value))
10948
11107
  : typeof value === 'number';
@@ -10988,7 +11147,7 @@ class Tab {
10988
11147
  /**
10989
11148
  * The tab's indicator position.
10990
11149
  */
10991
- this.indicatorPosition = 'block-end';
11150
+ this.indicatorPosition = 'block-start';
10992
11151
  /**
10993
11152
  * The name of a registered icon library.
10994
11153
  */
@@ -11024,7 +11183,7 @@ class Tab {
11024
11183
  });
11025
11184
  _Tab_onIconClick.set(this, (event) => {
11026
11185
  event.stopPropagation();
11027
- __classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
11186
+ __classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
11028
11187
  });
11029
11188
  _Tab_onBlur.set(this, (event) => {
11030
11189
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -11033,12 +11192,12 @@ class Tab {
11033
11192
  this.focusEmitter.emit(pickFocusEventAttributes(event));
11034
11193
  });
11035
11194
  _Tab_defineTab.set(this, () => {
11036
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11037
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$5(this, _Tab_tab, "f"));
11195
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11196
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
11038
11197
  }
11039
11198
  else {
11040
11199
  this.internals.role = 'tab';
11041
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11200
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11042
11201
  }
11043
11202
  });
11044
11203
  }
@@ -11050,15 +11209,15 @@ class Tab {
11050
11209
  __classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
11051
11210
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11052
11211
  if (tab)
11053
- tab.setAttribute('aria-controls', __classPrivateFieldGet$5(this, _Tab_panel, "f").id);
11054
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === null)
11055
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = 'tabpanel';
11056
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11057
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11058
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11212
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
11213
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
11214
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
11215
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11216
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11217
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11059
11218
  }
11060
11219
  onClick(event) {
11061
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11220
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11062
11221
  event.stopImmediatePropagation();
11063
11222
  }
11064
11223
  tabindexChanged(newValue) {
@@ -11067,61 +11226,58 @@ class Tab {
11067
11226
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
11068
11227
  }
11069
11228
  actionChanged() {
11070
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11229
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11071
11230
  }
11072
11231
  componentWillLoad() {
11073
11232
  var _a;
11074
11233
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
11075
11234
  (_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
11076
11235
  autoIncrementingId$1 += 1;
11077
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11236
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11078
11237
  }
11079
11238
  componentWillRender() {
11080
- const isPanelRoot = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11081
- const isMainSubsection = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11239
+ const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11240
+ const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11082
11241
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
11083
11242
  }
11084
11243
  componentDidLoad() {
11085
11244
  this.panelChanged();
11086
11245
  }
11087
11246
  disconnectedCallback() {
11088
- if (!__classPrivateFieldGet$5(this, _Tab_panel, "f"))
11247
+ if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
11089
11248
  return;
11090
11249
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11091
11250
  if (tab)
11092
11251
  tab.removeAttribute('aria-controls');
11093
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === 'tabpanel')
11252
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
11094
11253
  // eslint-disable-next-line unicorn/no-null
11095
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = null;
11096
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11097
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11098
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('tabindex');
11254
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
11255
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11256
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11257
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
11099
11258
  }
11100
11259
  render() {
11101
- const isLink = this.href !== undefined && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11102
- const indicatorPosition = this.isIndicatorOnTop
11103
- ? 'block-start'
11104
- : this.indicatorPosition;
11260
+ const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11105
11261
  const Tag = isLink
11106
11262
  ? 'a'
11107
- : __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11263
+ : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11108
11264
  ? 'button'
11109
11265
  : 'div';
11110
- return (hAsync("div", { key: '93c2bf58111a278b488904a4b11067b68d406f91', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11111
- 'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11266
+ return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11267
+ 'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11112
11268
  'qds-selected': this.selected,
11113
- [`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11114
- }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '3517c836cd5131bc8d127333c3c31630d848eb6f', ref: __classPrivateFieldGet$5(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$5(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$5(this, _Tab_onFocus, "f"), class: {
11115
- 'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11116
- 'qds-closable-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11269
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11270
+ }, "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: '5d0ffe78945e31f890fd8bb382a2e2c70380c2e8', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
11271
+ 'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11272
+ 'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11117
11273
  'qds-selected': this.selected,
11118
- [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11119
- }, role: !isLink && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
11274
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11275
+ }, role: !isLink && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
11120
11276
  ? this.selected
11121
11277
  ? 'true'
11122
11278
  : 'false'
11123
- : undefined, "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
11124
- (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '5005da73cea5e8444d7368471602581d7c57199e', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$5(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: '9c0cb58bf7f37dfb5a782a4673b240e9d995f26f', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'dd80f53cd2c2cacd1a00cca7501c94ba13902e62', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '92cd4533c96b3bef85605b1461edf7622c80f0cd', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'b40ee0f2dc9db551f3b644b1996e23e30db547cf', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '7f93afe3696088db47821c8f30a3e52c61cf7152', name: "close", library: "core", text: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$5(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
11279
+ : 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 !== '') ||
11280
+ (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '3dc70a5b756995e7a8b27e207da5ae69c0f07966', 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: 'ec984fdce7855e58b9981c2cbff4a1b6c664bce6', "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: 'cb6ec00cd85a5858d608f9bfcbb80a6ac8b4767d', 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: '007e24af5206a2ea0cc6205ab74086e5c9bc8d34', 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: '2eacc81e4f8e952365d811e73f9ce1d56a2c1b42', 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: '730c62133c50a8877994910154d75abc8074d2ad', 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) }))));
11125
11281
  }
11126
11282
  get host() { return getElement(this); }
11127
11283
  static get watchers() { return {
@@ -11176,6 +11332,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11176
11332
  }
11177
11333
  }
11178
11334
  }, _Tab_computedSize_get = function _Tab_computedSize_get() {
11335
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
11336
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
11179
11337
  switch (this.size) {
11180
11338
  case 'standard':
11181
11339
  case 'small':
@@ -11187,6 +11345,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11187
11345
  }
11188
11346
  }
11189
11347
  }, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
11348
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
11349
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
11190
11350
  switch (this.importance) {
11191
11351
  case 'subdued':
11192
11352
  case 'standard': {
@@ -11196,6 +11356,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11196
11356
  return 'standard';
11197
11357
  }
11198
11358
  }
11359
+ }, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
11360
+ return this.host.closest('qds-tabbar')?.importance ?? undefined;
11361
+ }, _Tab_parentSize_get = function _Tab_parentSize_get() {
11362
+ return this.host.closest('qds-tabbar')?.size ?? undefined;
11199
11363
  }, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
11200
11364
  return this.host.closest('qds-tabbar')?.layer ?? 'main';
11201
11365
  }, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
@@ -11206,7 +11370,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11206
11370
  return this.disabled ?? false;
11207
11371
  }, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
11208
11372
  if (this.selected) {
11209
- return __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11373
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11210
11374
  }
11211
11375
  return -1;
11212
11376
  }, _Tab_renderText = function _Tab_renderText() {
@@ -11215,12 +11379,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11215
11379
  Object.defineProperty(this.host, p, { enumerable: true, get });
11216
11380
  };
11217
11381
 
11218
- const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-layer=main][data-level=root] .qds-tabs{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
11382
+ const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
11219
11383
 
11220
11384
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11221
11385
  //
11222
11386
  // SPDX-License-Identifier: Apache-2.0
11223
- var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11387
+ var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11224
11388
  if (kind === "a" && !f)
11225
11389
  throw new TypeError("Private accessor was defined without a getter");
11226
11390
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -11236,7 +11400,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
11236
11400
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
11237
11401
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11238
11402
  };
11239
- var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_onSlotchange;
11403
+ var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
11240
11404
  const TAB_SETTINGS = {
11241
11405
  'main-root': {
11242
11406
  importance: 'standard',
@@ -11294,16 +11458,33 @@ class Tabbar {
11294
11458
  _Tabbar_instances.add(this);
11295
11459
  /**
11296
11460
  * The tabbar's layer.
11461
+ *
11462
+ * @deprecated The property layer is deprecated. Please use `size` property instead.
11463
+ * Please do not use `layer` and `size` at the same time.
11297
11464
  */
11298
11465
  this.layer = 'main';
11299
11466
  /**
11300
11467
  * The tabbar's level.
11468
+ *
11469
+ * @deprecated The property level is deprecated. Please use `size` property instead.
11470
+ * Please do not use `level` and `size` at the same time.
11301
11471
  */
11302
11472
  this.level = 'root';
11473
+ /**
11474
+ * The tabbar's size. This controls the size of the tabs within the tabbar.
11475
+ */
11476
+ this.size = 'standard';
11303
11477
  /**
11304
11478
  * The tabbar's orientation.
11479
+ *
11480
+ * @deprecated Please use the `placement` property instead. Do not use
11481
+ * `orientation` and `placement` at the same time.
11305
11482
  */
11306
11483
  this.orientation = 'horizontal';
11484
+ /**
11485
+ * The tabbar's placement.
11486
+ */
11487
+ this.placement = 'top';
11307
11488
  /**
11308
11489
  * Displays a divider line.
11309
11490
  */
@@ -11311,7 +11492,7 @@ class Tabbar {
11311
11492
  /**
11312
11493
  * The alignment of tabs. Only applicable for horizontal orientation.
11313
11494
  */
11314
- this.alignment = 'left';
11495
+ this.alignment = 'start';
11315
11496
  this.disableEndArrow = false;
11316
11497
  this.disableStartArrow = false;
11317
11498
  _Tabbar_tabs.set(this, []);
@@ -11319,23 +11500,25 @@ class Tabbar {
11319
11500
  _Tabbar_tabbar.set(this, void 0);
11320
11501
  _Tabbar_inheritedAttributes.set(this, {});
11321
11502
  _Tabbar_scrollToStart.set(this, () => {
11322
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11503
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11323
11504
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11324
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11505
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11325
11506
  left: isRTL
11326
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11327
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11507
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11508
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11328
11509
  });
11329
11510
  });
11330
11511
  _Tabbar_scrollToEnd.set(this, () => {
11331
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11512
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11332
11513
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11333
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11514
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11334
11515
  left: isRTL
11335
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11336
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11516
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11517
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11337
11518
  });
11338
11519
  });
11520
+ _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
11521
+ _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
11339
11522
  _Tabbar_onClick.set(this, (event) => {
11340
11523
  const { target } = event;
11341
11524
  if (!(target instanceof HTMLElement))
@@ -11343,22 +11526,22 @@ class Tabbar {
11343
11526
  const tab = target.closest('qds-tab');
11344
11527
  if (!tab || tab.disabled === true || tab.inert)
11345
11528
  return;
11346
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11347
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11529
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11530
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11348
11531
  });
11349
11532
  _Tabbar_onKeyDown.set(this, (event) => {
11350
- const isVertical = this.orientation === 'vertical';
11533
+ const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
11351
11534
  const MOVE_SELECTION_KEYS = isVertical
11352
11535
  ? VERTICAL_MOVE_KEYS
11353
11536
  : HORIZONTAL_MOVE_KEYS;
11354
11537
  if (!MOVE_SELECTION_KEYS.has(event.key))
11355
11538
  return;
11356
- const tabs = __classPrivateFieldGet$4(this, _Tabbar_tabs, "f");
11539
+ const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
11357
11540
  if (tabs.length === 0)
11358
11541
  return;
11359
11542
  event.preventDefault();
11360
11543
  event.stopPropagation();
11361
- const activeTab = __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11544
+ const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11362
11545
  let index = activeTab ? tabs.indexOf(activeTab) : 0;
11363
11546
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11364
11547
  let nextTab;
@@ -11393,23 +11576,23 @@ class Tabbar {
11393
11576
  }
11394
11577
  nextTab = tabs[index];
11395
11578
  } while (nextTab.disabled === true);
11396
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11579
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11397
11580
  const target = nextTab.tab;
11398
11581
  target.focus({ preventScroll: true });
11399
11582
  if (!isVertical)
11400
11583
  target.scrollIntoView();
11401
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11402
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11584
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11585
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11403
11586
  });
11404
11587
  _Tabbar_onMouseDown.set(this, (event) => {
11405
11588
  const { target } = event;
11406
11589
  if (isEnabledTabItem(target))
11407
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11590
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11408
11591
  });
11409
11592
  _Tabbar_onScroll.set(this, () => {
11410
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11593
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11411
11594
  return;
11412
- const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11595
+ const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11413
11596
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11414
11597
  this.disableStartArrow = scrollLeft === 0;
11415
11598
  this.disableEndArrow = isRTL
@@ -11417,80 +11600,81 @@ class Tabbar {
11417
11600
  : scrollWidth - clientWidth - scrollLeft <= 1;
11418
11601
  });
11419
11602
  _Tabbar_onViewportCrop.set(this, () => {
11420
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11603
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11421
11604
  return;
11422
- const { scrollWidth, clientWidth } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11605
+ const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11423
11606
  if (scrollWidth > clientWidth) {
11424
- __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f").call(this);
11607
+ __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
11425
11608
  }
11426
11609
  });
11427
11610
  _Tabbar_onSlotchange.set(this, () => {
11428
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11429
- if (__classPrivateFieldGet$4(this, _Tabbar_tabs, "f").length > 0)
11430
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")[0]);
11611
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11612
+ if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
11613
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
11431
11614
  });
11432
11615
  }
11616
+ settingChanged() {
11617
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
11618
+ }
11433
11619
  windowResize() {
11434
- __classPrivateFieldGet$4(this, _Tabbar_onViewportCrop, "f").call(this);
11620
+ __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
11435
11621
  }
11436
11622
  componentWillLoad() {
11623
+ this.settingChanged();
11437
11624
  __classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11438
11625
  const tabs = [
11439
11626
  ...this.host.querySelectorAll('qds-tab'),
11440
11627
  ];
11441
11628
  const preselectedTab = tabs.find((tab) => tab.selected);
11442
11629
  if (preselectedTab)
11443
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11630
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11444
11631
  else if (tabs.length > 0)
11445
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11632
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11446
11633
  }
11447
11634
  componentDidRender() {
11448
11635
  if (this.activeTab)
11449
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11450
- const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11451
- if (!settings)
11452
- return;
11453
- for (const tab of this.host.querySelectorAll('qds-tab')) {
11454
- /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11455
- tab.importance = settings.importance;
11456
- tab.size = settings.size;
11457
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
11458
- tab.indicatorPosition =
11459
- this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
11460
- /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11461
- }
11636
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11637
+ this.settingChanged();
11462
11638
  }
11463
11639
  componentDidLoad() {
11464
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11465
- __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$4(this, _Tabbar_onScroll, "f")), "f");
11466
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11640
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11641
+ __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
11642
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11467
11643
  }
11468
11644
  disconnectedCallback() {
11469
- if (__classPrivateFieldGet$4(this, _Tabbar_ro, "f"))
11470
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
11645
+ if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
11646
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
11471
11647
  }
11472
11648
  render() {
11473
- return (hAsync("div", { key: 'dbae5f300427dbaeb563eefee8861dc6453e9af8', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, hAsync("div", { key: 'a2ebf55faeaccd30a52d1cb5769574e8f18dfc57', class: "qds-tabbar" }, hAsync("div", { key: '7ddc9b7f553da79b357ab7a1ba193d6fe0ad3d6d', class: {
11649
+ return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
11650
+ 'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11651
+ }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("div", { key: '2421469125db014dfa6be6012daaf06a354e1466', class: "qds-tabbar" }, hAsync("div", { key: '1def1f43dc9ecc8680634fa2d5f330c803c82054', class: {
11474
11652
  'qds-align-center': true,
11475
11653
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11476
- this.orientation === 'vertical',
11477
- } }, hAsync("qds-icon-button", { key: '77e21e5a713c6f4703301951b599035082a7fecc', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '1dcb2e83e1e493347dbcc6ed59dba9fcba9bf60b', class: {
11654
+ this.orientation === 'vertical' ||
11655
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11656
+ } }, hAsync("qds-icon-button", { key: '539fe2ec4cd5a91cf1a35ead239eebd2eda981e4', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '05ff03b99f92f9e85f4703dcc6eca96220d6e1ee', class: {
11478
11657
  'qds-tabs': true,
11479
- 'qds-vertical': this.orientation === 'vertical',
11480
- 'qds-centered': this.alignment === 'centered' &&
11481
- this.orientation === 'horizontal' &&
11658
+ 'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11659
+ 'qds-centered': this.alignment === 'center' &&
11660
+ (this.orientation === 'horizontal' ||
11661
+ __classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
11482
11662
  this.disableEndArrow &&
11483
11663
  this.disableStartArrow,
11484
11664
  }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
11485
11665
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
11486
- }, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '264bdf5fa1c99ead75ad7ccb96eff791f5b0d85a', onSlotchange: __classPrivateFieldGet$4(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '9b0d013ea65ccd8b0548b2d70031e0bd29798081', class: {
11666
+ }, 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"), ...__classPrivateFieldGet$6(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '4ccd64f11587556c7af2b0d4c571ee8162dbba70', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c5b64348ca4c65bb4894ec0dec6b6b89c411f958', class: {
11487
11667
  'qds-align-center': true,
11488
11668
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11489
- this.orientation === 'vertical',
11490
- } }, hAsync("qds-icon-button", { key: 'def7674888c88bb34f7fef6921784b2cdafbee8c', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$4(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: '87f1bcf19e2d60fccd4473ef3a91e35e3b77e955', vertical: this.orientation === 'vertical' }))));
11669
+ this.orientation === 'vertical' ||
11670
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11671
+ } }, hAsync("qds-icon-button", { key: 'edcb7e2054454edb2f949332ad62998a2e34a368', text: "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) && (hAsync("qds-divider", { key: 'bfafcfbcaaa50341778498e9887b71a548209178', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
11491
11672
  }
11492
11673
  static get delegatesFocus() { return true; }
11493
11674
  get host() { return getElement(this); }
11675
+ static get watchers() { return {
11676
+ "importance": ["settingChanged"]
11677
+ }; }
11494
11678
  static get style() { return tabbarCss; }
11495
11679
  static get cmpMeta() { return {
11496
11680
  "$flags$": 281,
@@ -11498,10 +11682,13 @@ class Tabbar {
11498
11682
  "$members$": {
11499
11683
  "layer": [1],
11500
11684
  "level": [1],
11685
+ "size": [1],
11501
11686
  "orientation": [1],
11687
+ "placement": [1],
11502
11688
  "tablistDescription": [1, "tablist-description"],
11503
11689
  "showDivider": [4, "show-divider"],
11504
11690
  "alignment": [1],
11691
+ "importance": [1],
11505
11692
  "disableEndArrow": [32],
11506
11693
  "disableStartArrow": [32],
11507
11694
  "activeTab": [32]
@@ -11511,12 +11698,34 @@ class Tabbar {
11511
11698
  "$attrsToReflect$": []
11512
11699
  }; }
11513
11700
  }
11514
- _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
11701
+ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
11702
+ return this.importance;
11703
+ }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
11704
+ return this.size ?? undefined;
11705
+ }, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
11706
+ switch (this.placement) {
11707
+ case 'top': {
11708
+ return 'block-end';
11709
+ }
11710
+ case 'end': {
11711
+ return 'inline-start';
11712
+ }
11713
+ case 'bottom': {
11714
+ return 'block-start';
11715
+ }
11716
+ case 'start': {
11717
+ return 'inline-end';
11718
+ }
11719
+ default: {
11720
+ return undefined;
11721
+ }
11722
+ }
11723
+ }, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
11515
11724
  if (this.layer === 'panel')
11516
11725
  return false;
11517
11726
  if (this.layer === 'main' &&
11518
11727
  this.level === 'subsection' &&
11519
- this.orientation === 'horizontal')
11728
+ (this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
11520
11729
  return false;
11521
11730
  return this.showDivider === true;
11522
11731
  }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
@@ -11531,7 +11740,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11531
11740
  target.ariaSelected = isSelected.toString();
11532
11741
  }
11533
11742
  }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
11534
- for (const tab of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11743
+ for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11535
11744
  const panel = resolvePanelElement(tab);
11536
11745
  if (panel) {
11537
11746
  panel.hidden = tab !== activeTab;
@@ -11544,12 +11753,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11544
11753
  this.activeTab = tab;
11545
11754
  this.hideEmitter.emit(previousTab);
11546
11755
  this.showEmitter.emit(tab);
11547
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11548
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11756
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11757
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11549
11758
  }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
11550
- return __classPrivateFieldGet$4(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11759
+ return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11551
11760
  }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
11552
- for (const t of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11761
+ for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11553
11762
  const isCurrent = t === tab;
11554
11763
  componentOnReady(t, (element) => {
11555
11764
  const target = element?.tab;
@@ -11560,7 +11769,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11560
11769
  const tabindex = shouldActivateTab ? '0' : '-1';
11561
11770
  target.setAttribute('tabindex', tabindex);
11562
11771
  if (shouldActivateTab)
11563
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11772
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11564
11773
  });
11565
11774
  }
11566
11775
  }, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
@@ -11568,6 +11777,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11568
11777
  __classPrivateFieldSet$3(this, _Tabbar_tabs, slot
11569
11778
  ? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
11570
11779
  : [], "f");
11780
+ }, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
11781
+ const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11782
+ if (!settings)
11783
+ return;
11784
+ for (const tab of this.host.querySelectorAll('qds-tab')) {
11785
+ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11786
+ tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
11787
+ tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
11788
+ tab.indicatorPosition =
11789
+ this.orientation === 'vertical'
11790
+ ? 'inline-end'
11791
+ : (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
11792
+ /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11793
+ }
11571
11794
  };
11572
11795
 
11573
11796
  const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
@@ -11595,7 +11818,7 @@ class Table {
11595
11818
  }
11596
11819
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11597
11820
  render() {
11598
- return hAsync("slot", { key: '7eab42fceb6964136583f1a0f6cb93c0f0557574' });
11821
+ return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
11599
11822
  }
11600
11823
  static get style() { return tableCss; }
11601
11824
  static get cmpMeta() { return {
@@ -11608,8 +11831,19 @@ class Table {
11608
11831
  }; }
11609
11832
  }
11610
11833
 
11611
- const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:0;padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
11834
+ const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
11612
11835
 
11836
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11837
+ //
11838
+ // SPDX-License-Identifier: Apache-2.0
11839
+ var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11840
+ if (kind === "a" && !f)
11841
+ throw new TypeError("Private accessor was defined without a getter");
11842
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11843
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11844
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11845
+ };
11846
+ var _TableCell_instances, _TableCell_computedSize_get;
11613
11847
  /**
11614
11848
  * The `<qds-table-cell>` element defines a cell of a table that contains data.
11615
11849
  * It participates in the *table model*.
@@ -11626,6 +11860,11 @@ class TableCell {
11626
11860
  this.internals = hostRef.$hostElement$.attachInternals();
11627
11861
  hostRef.$hostElement$["s-ei"] = this.internals;
11628
11862
  }
11863
+ _TableCell_instances.add(this);
11864
+ /**
11865
+ * The table cell's size.
11866
+ */
11867
+ this.size = 'standard';
11629
11868
  }
11630
11869
  colSpanChanged(newValue) {
11631
11870
  this.internals.ariaColSpan =
@@ -11653,9 +11892,9 @@ class TableCell {
11653
11892
  render() {
11654
11893
  return (
11655
11894
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11656
- hAsync("td", { key: '1c90aa486ee26c73cade143b8b281f0d8f93dee7', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
11895
+ hAsync("td", { key: '92bc078c48ec5f41e1751a19bdbf2f95eb33d996', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
11657
11896
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11658
- role: "none" }, hAsync("slot", { key: '02b3051cba1bfdc7d1d0be004691eaeb4387c446' })));
11897
+ role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
11659
11898
  }
11660
11899
  static get watchers() { return {
11661
11900
  "colSpan": ["colSpanChanged"],
@@ -11667,16 +11906,39 @@ class TableCell {
11667
11906
  "$tagName$": "qds-table-cell",
11668
11907
  "$members$": {
11669
11908
  "colSpan": [2, "colspan"],
11670
- "rowSpan": [2, "rowspan"]
11909
+ "rowSpan": [2, "rowspan"],
11910
+ "size": [1]
11671
11911
  },
11672
11912
  "$listeners$": undefined,
11673
11913
  "$lazyBundleId$": "-",
11674
11914
  "$attrsToReflect$": []
11675
11915
  }; }
11676
11916
  }
11917
+ _TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
11918
+ switch (this.size) {
11919
+ case 'large':
11920
+ case 'small': {
11921
+ return this.size;
11922
+ }
11923
+ default: {
11924
+ return 'standard';
11925
+ }
11926
+ }
11927
+ };
11677
11928
 
11678
- const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
11929
+ const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
11679
11930
 
11931
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11932
+ //
11933
+ // SPDX-License-Identifier: Apache-2.0
11934
+ var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11935
+ if (kind === "a" && !f)
11936
+ throw new TypeError("Private accessor was defined without a getter");
11937
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11938
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11939
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11940
+ };
11941
+ var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
11680
11942
  /**
11681
11943
  * The `<qds-table-head-cell>` element defines a cell as the header of a group
11682
11944
  * of table cells. The exact nature of this group is defined by the `scope`
@@ -11694,6 +11956,11 @@ class TableHeadCell {
11694
11956
  this.internals = hostRef.$hostElement$.attachInternals();
11695
11957
  hostRef.$hostElement$["s-ei"] = this.internals;
11696
11958
  }
11959
+ _TableHeadCell_instances.add(this);
11960
+ /**
11961
+ * The table header cell's size.
11962
+ */
11963
+ this.size = 'standard';
11697
11964
  }
11698
11965
  colSpanChanged(newValue) {
11699
11966
  this.internals.ariaColSpan =
@@ -11724,9 +11991,9 @@ class TableHeadCell {
11724
11991
  render() {
11725
11992
  return (
11726
11993
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11727
- hAsync("th", { key: '8da9111144c766154c60bfa301600459d90e9043', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
11994
+ hAsync("th", { key: '0d385fba48aa553f9a968b310bd6cafc8cac8659', 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,
11728
11995
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11729
- role: "none" }, hAsync("slot", { key: '5be7abb9f8e15a810e23ec701de4f1ff4e7b073b' })));
11996
+ role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
11730
11997
  }
11731
11998
  static get watchers() { return {
11732
11999
  "colSpan": ["colSpanChanged"],
@@ -11740,15 +12007,27 @@ class TableHeadCell {
11740
12007
  "$members$": {
11741
12008
  "colSpan": [2, "colspan"],
11742
12009
  "rowSpan": [2, "rowspan"],
11743
- "scope": [1]
12010
+ "scope": [1],
12011
+ "size": [1]
11744
12012
  },
11745
12013
  "$listeners$": undefined,
11746
12014
  "$lazyBundleId$": "-",
11747
12015
  "$attrsToReflect$": []
11748
12016
  }; }
11749
12017
  }
12018
+ _TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
12019
+ switch (this.size) {
12020
+ case 'large':
12021
+ case 'small': {
12022
+ return this.size;
12023
+ }
12024
+ default: {
12025
+ return 'standard';
12026
+ }
12027
+ }
12028
+ };
11750
12029
 
11751
- const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-list-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
12030
+ const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-table-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
11752
12031
 
11753
12032
  /**
11754
12033
  * The `<qds-table-row>` element defines a row of cells in a table. The row's
@@ -11773,7 +12052,7 @@ class TableRow {
11773
12052
  }
11774
12053
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11775
12054
  render() {
11776
- return (hAsync("tr", { key: '44369e890bdbb4c8398cdac7a67262a0d854f963', class: "qds-table-row", role: "none" }, hAsync("slot", { key: 'a27ca3af7183c73b363a936fd94de2760f8d6aaa' })));
12055
+ return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
11777
12056
  }
11778
12057
  static get style() { return tableRowCss; }
11779
12058
  static get cmpMeta() { return {
@@ -11844,11 +12123,11 @@ class Tag {
11844
12123
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11845
12124
  }
11846
12125
  render() {
11847
- return (hAsync("span", { key: 'b2bf47a5aa571e501286a37ec740d97a298570e7', class: {
12126
+ return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
11848
12127
  'qds-tag': true,
11849
12128
  'qds-padding': this.importance !== 'subdued',
11850
12129
  }, "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 &&
11851
- this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", 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: '76a4c447fae83a961cc7a5c8a35af512fa78a933', class: "qds-text" }, this.text)));
12130
+ 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: '2bb48b6e991ad7bda93971b3556b3b9689a05c43', class: "qds-text" }, this.text)));
11852
12131
  }
11853
12132
  get host() { return getElement(this); }
11854
12133
  static get style() { return tagCss; }
@@ -11908,7 +12187,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
11908
12187
  return (this.badge ?? false) && this.importance !== 'emphasized';
11909
12188
  };
11910
12189
 
11911
- 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-control-text-standard);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-default);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=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)}";
12190
+ 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-control-text-standard);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-default);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)}";
11912
12191
 
11913
12192
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11914
12193
  //
@@ -12174,9 +12453,9 @@ class TextArea {
12174
12453
  this.valueChanged();
12175
12454
  }
12176
12455
  render() {
12177
- return (hAsync(Host, { key: 'd3fb4b50124d583054365845989dd4a267a7c878' }, hAsync("textarea", { key: 'e92506a523021d0f3e7f280bf24e9a095443109e', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12456
+ return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12178
12457
  // eslint-disable-next-line jsx-a11y/no-autofocus
12179
- 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: '2a6775f2cd7e90c03dc93e8b3c72a05fb17fb61a', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
12458
+ 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: '6b3adf605ea2b899ad2f69e7b03505db56682a20', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
12180
12459
  }
12181
12460
  static get delegatesFocus() { return true; }
12182
12461
  static get formAssociated() { return true; }
@@ -12252,7 +12531,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
12252
12531
  Object.defineProperty(this.host, p, { enumerable: true, get });
12253
12532
  };
12254
12533
 
12255
- 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-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)}";
12534
+ 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-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)}";
12256
12535
 
12257
12536
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
12258
12537
  //
@@ -12303,14 +12582,14 @@ class Title {
12303
12582
  const level = `qds-${this.level ?? 'section'}`;
12304
12583
  const Tag = this.tag ?? 'h2';
12305
12584
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
12306
- return (hAsync("hgroup", { key: 'ff4f9d1cd9fc8f4922a2ccc421d5b45793b9e13d', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12585
+ return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12307
12586
  [layer]: true,
12308
12587
  [level]: true,
12309
12588
  'qds-titles': true,
12310
12589
  'qds-has-icon': hasIcon,
12311
12590
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
12312
12591
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
12313
- }, role: "none" }, hAsync(Tag, { key: '6f600b1db8f96f47a7790d18d9d84fdbe9666b03', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '586544e82840ec73a591d4d1607cae9f74859f91' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '98838b7fcfb9c77d2934570a42207570f75fad5e', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: 'a4492cf072c3331f0b925f0ddde5f71204c5827c', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'e4b22065cf8172eb27dc063bc3abece0cfac105d', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
12592
+ }, role: "none" }, hAsync(Tag, { key: '9159ae4127d5be822227a6edd25d1297857686d7', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '266cb1ded9c3d64320bd71d13393832f6e280a85' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '5672a80281144196dc75fd811b5889afd997cf98', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '499d0d4b792e9edba768472043c42b2fb08e3c62', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'f49f82e51dbfdefb3a1316372ee7d48ab2079e47', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
12314
12593
  }
12315
12594
  static get style() { return titleCss; }
12316
12595
  static get cmpMeta() { return {
@@ -12610,7 +12889,7 @@ class Tooltip {
12610
12889
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
12611
12890
  }
12612
12891
  render() {
12613
- return (hAsync(Host, { key: 'd988515f748a96c82aa9d06e5147e5d0bca5b15a', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '8a4b87f814af050b52659eb14f04f377a704e19d', class: "qds-tooltip" }, hAsync("slot", { key: 'e4e89b12134a6ed44eb8ae0e6f76d9843341cabe' })), hAsync("div", { key: '3bff9e45b53659775dcdc5ef89d2132951cac5a9', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
12892
+ return (hAsync(Host, { key: 'ada26ff918babf015dbd05965df20959b59f97f2', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: 'b705f423abccd6d1692e8a1d8efd1601c6aa6088', class: "qds-tooltip" }, hAsync("slot", { key: 'bd3537ecd12be14271e7444e93975093507b3a58' })), hAsync("div", { key: '9277875e8bff33306847ef3df100a58d34fe50fb', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
12614
12893
  }
12615
12894
  get host() { return getElement(this); }
12616
12895
  static get watchers() { return {