@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.mjs CHANGED
@@ -3633,25 +3633,30 @@ const closestElement = (selector, base) => {
3633
3633
  return closestFrom(base);
3634
3634
  };
3635
3635
  const isCurrentPage = (url) => {
3636
- const currentUrl = new URL(window.location.href);
3637
- const targetUrl = new URL(url);
3638
- return (currentUrl.origin === targetUrl.origin &&
3639
- currentUrl.pathname === targetUrl.pathname);
3636
+ try {
3637
+ const currentUrl = new URL(window.location.href);
3638
+ const targetUrl = new URL(url);
3639
+ return (currentUrl.origin === targetUrl.origin &&
3640
+ currentUrl.pathname === targetUrl.pathname);
3641
+ }
3642
+ catch {
3643
+ return false;
3644
+ }
3640
3645
  };
3641
3646
 
3642
- 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)}";
3647
+ 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)}";
3643
3648
 
3644
3649
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3645
3650
  //
3646
3651
  // SPDX-License-Identifier: Apache-2.0
3647
- var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3652
+ var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3648
3653
  if (kind === "a" && !f)
3649
3654
  throw new TypeError("Private accessor was defined without a getter");
3650
3655
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3651
3656
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3652
3657
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3653
3658
  };
3654
- var __classPrivateFieldSet$q = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3659
+ var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3655
3660
  if (kind === "m")
3656
3661
  throw new TypeError("Private method is not writable");
3657
3662
  if (kind === "a" && !f)
@@ -3701,15 +3706,15 @@ class ActionItem {
3701
3706
  _ActionItem_actionItem.set(this, void 0);
3702
3707
  _ActionItem_span.set(this, void 0);
3703
3708
  _ActionItem_actionDivRef.set(this, (actionItem) => {
3704
- __classPrivateFieldSet$q(this, _ActionItem_actionItem, actionItem, "f");
3709
+ __classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
3705
3710
  });
3706
3711
  _ActionItem_spanRef.set(this, (span) => {
3707
- __classPrivateFieldSet$q(this, _ActionItem_span, span, "f");
3712
+ __classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
3708
3713
  });
3709
3714
  _ActionItem_tooltipRef.set(this, (tooltip) => {
3710
3715
  if (tooltip)
3711
3716
  // eslint-disable-next-line no-param-reassign
3712
- tooltip.target = __classPrivateFieldGet$w(this, _ActionItem_actionItem, "f");
3717
+ tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
3713
3718
  });
3714
3719
  }
3715
3720
  disabledChanged() {
@@ -3722,7 +3727,7 @@ class ActionItem {
3722
3727
  this.focusEmitter.emit(pickFocusEventAttributes(event));
3723
3728
  }
3724
3729
  onClick(event) {
3725
- if (__classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3730
+ if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3726
3731
  event.stopImmediatePropagation();
3727
3732
  }
3728
3733
  componentWillLoad() {
@@ -3730,21 +3735,21 @@ class ActionItem {
3730
3735
  this.disabledChanged();
3731
3736
  }
3732
3737
  componentDidLoad() {
3733
- invariant(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3734
- const span = __classPrivateFieldGet$w(this, _ActionItem_span, "f");
3738
+ invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3739
+ const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
3735
3740
  readTask(() => {
3736
3741
  this.tooltip = isEllipsisActive(span);
3737
3742
  });
3738
- __classPrivateFieldSet$q(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3743
+ __classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3739
3744
  this.tooltip = isEllipsisActive(spanEntry.target);
3740
3745
  }), "f");
3741
- __classPrivateFieldGet$w(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3746
+ __classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3742
3747
  }
3743
3748
  render() {
3744
3749
  return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
3745
3750
  'qds-action-item': true,
3746
3751
  'qds-disabled': this.disabled,
3747
- }, 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))));
3752
+ }, 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))));
3748
3753
  }
3749
3754
  static get watchers() { return {
3750
3755
  "disabled": ["disabledChanged"]
@@ -3795,56 +3800,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
3795
3800
  return this.disabled;
3796
3801
  };
3797
3802
 
3798
- 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}";
3803
+ 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}";
3799
3804
 
3800
3805
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3801
3806
  //
3802
3807
  // SPDX-License-Identifier: Apache-2.0
3803
- var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3808
+ var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3804
3809
  if (kind === "a" && !f)
3805
3810
  throw new TypeError("Private accessor was defined without a getter");
3806
3811
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3807
3812
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3808
3813
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3809
3814
  };
3810
- var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
3815
+ var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
3811
3816
  /**
3812
3817
  * @experimental
3813
3818
  */
3814
3819
  class AvatarMedia {
3815
3820
  constructor(hostRef) {
3816
3821
  registerInstance(this, hostRef);
3822
+ this.loadEmitter = createEvent(this, "qdsLoad", 6);
3817
3823
  this.errorEmitter = createEvent(this, "qdsError", 6);
3824
+ if (hostRef.$hostElement$["s-ei"]) {
3825
+ this.internals = hostRef.$hostElement$["s-ei"];
3826
+ }
3827
+ else {
3828
+ this.internals = hostRef.$hostElement$.attachInternals();
3829
+ hostRef.$hostElement$["s-ei"] = this.internals;
3830
+ }
3818
3831
  /**
3819
- * The alt text for the avatar-media's image.
3820
- * @webnative
3821
- */
3822
- this.alt = '';
3823
- /**
3824
- * The avatar-media's icon library.
3832
+ * The name of a registered icon library.
3825
3833
  */
3826
3834
  this.iconLibrary = 'default';
3827
3835
  this.hasImageError = false;
3828
3836
  _AvatarMedia_renderContent.set(this, () => {
3829
- if (this.src !== undefined && this.src !== '' && !this.hasImageError) {
3830
- return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$v(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
3831
- this.hasImageError = false;
3832
- } }));
3833
- }
3834
- if (this.text !== undefined && this.text !== '') {
3835
- return hAsync("span", { class: "qds-text" }, this.initials);
3836
- }
3837
- if (this.iconName !== undefined && this.iconName !== '') {
3837
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3838
+ 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") }));
3839
+ if (this.text !== undefined && this.text !== '')
3840
+ return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
3841
+ if (this.iconName !== undefined && this.iconName !== '')
3838
3842
  return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
3839
- }
3840
3843
  return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
3841
3844
  });
3842
3845
  _AvatarMedia_handleImageError.set(this, () => {
3843
3846
  this.hasImageError = true;
3847
+ this.roleChanged();
3844
3848
  this.errorEmitter.emit();
3845
3849
  });
3850
+ _AvatarMedia_handleImageLoad.set(this, () => {
3851
+ this.hasImageError = false;
3852
+ this.roleChanged();
3853
+ this.loadEmitter.emit();
3854
+ });
3846
3855
  }
3847
- handleTextChange() {
3856
+ textChanged() {
3848
3857
  if (this.text === undefined || this.text === '') {
3849
3858
  this.initials = undefined;
3850
3859
  return;
@@ -3853,14 +3862,33 @@ class AvatarMedia {
3853
3862
  const [first = '', second = ''] = words.filter(Boolean);
3854
3863
  this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
3855
3864
  }
3865
+ labelChanged() {
3866
+ this.internals.ariaLabel =
3867
+ this.alt !== undefined && this.alt !== ''
3868
+ ? this.alt
3869
+ : // eslint-disable-next-line unicorn/no-null
3870
+ null;
3871
+ }
3872
+ roleChanged() {
3873
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3874
+ this.internals.role = 'img';
3875
+ else if (this.text !== undefined && this.text !== '')
3876
+ this.internals.role = 'generic';
3877
+ else
3878
+ this.internals.role = 'presentation';
3879
+ }
3856
3880
  componentWillLoad() {
3857
- this.handleTextChange();
3881
+ this.textChanged();
3882
+ this.labelChanged();
3883
+ this.roleChanged();
3858
3884
  }
3859
3885
  render() {
3860
- return hAsync("div", { key: 'f866a7e64a0431f9f051f931533b4d3836784653', class: "qds-container" }, __classPrivateFieldGet$v(this, _AvatarMedia_renderContent, "f").call(this));
3886
+ return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
3861
3887
  }
3862
3888
  static get watchers() { return {
3863
- "text": ["handleTextChange"]
3889
+ "text": ["textChanged", "roleChanged"],
3890
+ "alt": ["labelChanged"],
3891
+ "src": ["roleChanged"]
3864
3892
  }; }
3865
3893
  static get style() { return avatarMediaCss; }
3866
3894
  static get cmpMeta() { return {
@@ -3880,14 +3908,14 @@ class AvatarMedia {
3880
3908
  "$attrsToReflect$": []
3881
3909
  }; }
3882
3910
  }
3883
- _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
3911
+ _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
3884
3912
 
3885
- 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)}";
3913
+ 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)}";
3886
3914
 
3887
3915
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3888
3916
  //
3889
3917
  // SPDX-License-Identifier: Apache-2.0
3890
- var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3918
+ var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3891
3919
  if (kind === "a" && !f)
3892
3920
  throw new TypeError("Private accessor was defined without a getter");
3893
3921
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -3922,7 +3950,7 @@ class BadgeCounter {
3922
3950
  return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
3923
3951
  'qds-badge-counter': true,
3924
3952
  'qds-stroke-ring': this.strokeRing,
3925
- }, "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)));
3953
+ }, "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)));
3926
3954
  }
3927
3955
  static get style() { return badgeCounterCss; }
3928
3956
  static get cmpMeta() { return {
@@ -3978,7 +4006,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
3978
4006
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3979
4007
  //
3980
4008
  // SPDX-License-Identifier: Apache-2.0
3981
- var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4009
+ var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3982
4010
  if (kind === "a" && !f)
3983
4011
  throw new TypeError("Private accessor was defined without a getter");
3984
4012
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -4013,7 +4041,7 @@ class BadgeIndicator {
4013
4041
  return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
4014
4042
  'qds-badge-indicator': true,
4015
4043
  'qds-stroke-ring': this.strokeRing,
4016
- }, "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)));
4044
+ }, "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)));
4017
4045
  }
4018
4046
  static get style() { return badgeIndicatorCss; }
4019
4047
  static get cmpMeta() { return {
@@ -4074,19 +4102,19 @@ const VALID_STATE = {
4074
4102
  valueMissing: false,
4075
4103
  };
4076
4104
 
4077
- 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)}";
4105
+ 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)}";
4078
4106
 
4079
4107
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4080
4108
  //
4081
4109
  // SPDX-License-Identifier: Apache-2.0
4082
- var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4110
+ var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4083
4111
  if (kind === "a" && !f)
4084
4112
  throw new TypeError("Private accessor was defined without a getter");
4085
4113
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4086
4114
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4087
4115
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4088
4116
  };
4089
- var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4117
+ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4090
4118
  if (kind === "m")
4091
4119
  throw new TypeError("Private method is not writable");
4092
4120
  if (kind === "a" && !f)
@@ -4256,15 +4284,15 @@ class Button {
4256
4284
  this.reportValidity = () => this.internals.reportValidity();
4257
4285
  this.setCustomValidity = (error) => {
4258
4286
  if (error)
4259
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$s(this, _Button_button, "f"));
4287
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
4260
4288
  else
4261
4289
  this.internals.setValidity(NO_ERROR_FLAGS);
4262
4290
  };
4263
4291
  _Button_buttonRef.set(this, (button) => {
4264
- __classPrivateFieldSet$p(this, _Button_button, button, "f");
4292
+ __classPrivateFieldSet$o(this, _Button_button, button, "f");
4265
4293
  });
4266
4294
  _Button_spanRef.set(this, (span) => {
4267
- __classPrivateFieldSet$p(this, _Button_span, span, "f");
4295
+ __classPrivateFieldSet$o(this, _Button_span, span, "f");
4268
4296
  });
4269
4297
  _Button_tooltipRef.set(this, (tooltip) => {
4270
4298
  if (tooltip)
@@ -4272,7 +4300,7 @@ class Button {
4272
4300
  tooltip.target = this.host;
4273
4301
  });
4274
4302
  _Button_onClick.set(this, (event) => {
4275
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4303
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4276
4304
  preventDefault$2(event);
4277
4305
  event.stopImmediatePropagation();
4278
4306
  }
@@ -4282,13 +4310,13 @@ class Button {
4282
4310
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4283
4311
  }
4284
4312
  onClick(event) {
4285
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4313
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4286
4314
  event.stopImmediatePropagation();
4287
4315
  return;
4288
4316
  }
4289
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4317
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4290
4318
  return;
4291
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4319
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4292
4320
  this.internals.form.reset();
4293
4321
  }
4294
4322
  else {
@@ -4301,8 +4329,8 @@ class Button {
4301
4329
  }
4302
4330
  onKeydown(event) {
4303
4331
  if (event.key === 'Enter') {
4304
- if (__classPrivateFieldGet$s(this, _Button_button, "f") instanceof HTMLAnchorElement)
4305
- __classPrivateFieldGet$s(this, _Button_button, "f").click();
4332
+ if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
4333
+ __classPrivateFieldGet$t(this, _Button_button, "f").click();
4306
4334
  else
4307
4335
  this.host.click();
4308
4336
  }
@@ -4312,11 +4340,11 @@ class Button {
4312
4340
  this.host.click();
4313
4341
  }
4314
4342
  disabledChanged() {
4315
- this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4316
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4343
+ this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4344
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4317
4345
  this.host.removeAttribute('tabindex');
4318
4346
  else
4319
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4347
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4320
4348
  }
4321
4349
  hrefChanged() {
4322
4350
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -4324,40 +4352,40 @@ class Button {
4324
4352
  tabindexChanged(newValue) {
4325
4353
  if (newValue !== null) {
4326
4354
  const parsedValue = Number.parseInt(newValue, 10);
4327
- __classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4355
+ __classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4328
4356
  ? 0
4329
4357
  : parsedValue, "f");
4330
4358
  }
4331
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4359
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4332
4360
  this.host.removeAttribute('tabindex');
4333
4361
  else
4334
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4362
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4335
4363
  }
4336
4364
  textChanged() {
4337
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4338
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4339
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4340
- if (!__classPrivateFieldGet$s(this, _Button_span, "f"))
4365
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4366
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4367
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4368
+ if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
4341
4369
  return;
4342
- const span = __classPrivateFieldGet$s(this, _Button_span, "f");
4370
+ const span = __classPrivateFieldGet$t(this, _Button_span, "f");
4343
4371
  readTask(() => {
4344
4372
  this.tooltip = isEllipsisActive(span);
4345
4373
  });
4346
- __classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4374
+ __classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4347
4375
  this.tooltip = isEllipsisActive(spanEntry.target);
4348
4376
  }), "f");
4349
- __classPrivateFieldGet$s(this, _Button_ro, "f").observe(__classPrivateFieldGet$s(this, _Button_span, "f"));
4377
+ __classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
4350
4378
  }
4351
4379
  /* DEPRECATED: will be removed by september 2026 */
4352
4380
  iconOnlyChanged() {
4353
4381
  this.tooltip = this.iconOnly;
4354
4382
  }
4355
4383
  componentWillLoad() {
4356
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4357
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4358
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4359
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4360
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4384
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4385
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4386
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4387
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4388
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4361
4389
  this.hrefChanged();
4362
4390
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4363
4391
  this.disabledChanged();
@@ -4368,26 +4396,26 @@ class Button {
4368
4396
  this.iconOnlyChanged();
4369
4397
  }
4370
4398
  disconnectedCallback() {
4371
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4372
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4399
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4400
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4373
4401
  }
4374
4402
  render() {
4375
4403
  const Tag = this.href === undefined ? 'button' : 'a';
4376
- 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: {
4404
+ 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: {
4377
4405
  'qds-button': true,
4378
- 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4406
+ 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4379
4407
  /* DEPRECATED: will be removed by september 2026 */
4380
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4381
- }, "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) && (
4408
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4409
+ }, "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) && (
4382
4410
  /* DEPRECATED: will be removed by september 2026 */
4383
- 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: {
4411
+ 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: {
4384
4412
  /* DEPRECATED: will be removed by september 2026 */
4385
- 'qds-indicator': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4386
- }, 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: {
4413
+ 'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4414
+ }, 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: {
4387
4415
  'qds-focus-ring': true,
4388
4416
  /* DEPRECATED: will be removed by september 2026 */
4389
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4390
- }, "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))));
4417
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4418
+ }, "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))));
4391
4419
  }
4392
4420
  static get formAssociated() { return true; }
4393
4421
  get host() { return getElement(this); }
@@ -4510,19 +4538,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
4510
4538
  Object.defineProperty(this.host, p, { enumerable: true, get });
4511
4539
  };
4512
4540
 
4513
- 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)}";
4541
+ 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)}";
4514
4542
 
4515
4543
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4516
4544
  //
4517
4545
  // SPDX-License-Identifier: Apache-2.0
4518
- var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4546
+ var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4519
4547
  if (kind === "a" && !f)
4520
4548
  throw new TypeError("Private accessor was defined without a getter");
4521
4549
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4522
4550
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4523
4551
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4524
4552
  };
4525
- var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4553
+ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4526
4554
  if (kind === "m")
4527
4555
  throw new TypeError("Private method is not writable");
4528
4556
  if (kind === "a" && !f)
@@ -4531,7 +4559,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
4531
4559
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
4532
4560
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
4533
4561
  };
4534
- 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;
4562
+ 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;
4535
4563
  /**
4536
4564
  * `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
4537
4565
  * when activated, like you might see in an official government paper form. A
@@ -4617,7 +4645,11 @@ class Checkbox {
4617
4645
  * Whether or not the text is displayed.
4618
4646
  */
4619
4647
  this.checkboxOnly = false;
4648
+ this.tooltip = false;
4620
4649
  _Checkbox_inheritedAttributes.set(this, {});
4650
+ _Checkbox_ro.set(this, void 0);
4651
+ _Checkbox_span.set(this, void 0);
4652
+ _Checkbox_tooltip.set(this, void 0);
4621
4653
  this.checkValidity = () => this.internals.checkValidity();
4622
4654
  this.reportValidity = () => this.internals.reportValidity();
4623
4655
  this.setCustomValidity = (error) => {
@@ -4628,30 +4660,44 @@ class Checkbox {
4628
4660
  };
4629
4661
  _Checkbox_onBlur.set(this, (event) => {
4630
4662
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4663
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4664
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
4631
4665
  });
4632
4666
  _Checkbox_onFocus.set(this, (event) => {
4633
4667
  this.focusEmitter.emit(pickFocusEventAttributes(event));
4668
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4669
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
4670
+ });
4671
+ _Checkbox_spanRef.set(this, (span) => {
4672
+ __classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
4673
+ });
4674
+ _Checkbox_tooltipRef.set(this, (tooltip) => {
4675
+ if (tooltip) {
4676
+ // eslint-disable-next-line no-param-reassign
4677
+ tooltip.target = this.host;
4678
+ __classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
4679
+ }
4634
4680
  });
4635
4681
  }
4636
4682
  onClick(event) {
4637
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4683
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4638
4684
  event.stopImmediatePropagation();
4639
4685
  return;
4640
4686
  }
4641
4687
  event.preventDefault();
4642
- this.checked = __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4688
+ this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4643
4689
  this.changeEmitter.emit();
4644
4690
  this.indeterminate = false;
4645
4691
  }
4646
4692
  checkedChanged() {
4647
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4648
- ? __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4693
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4694
+ ? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4649
4695
  : // eslint-disable-next-line unicorn/no-null
4650
4696
  null);
4651
4697
  }
4652
4698
  disabledChanged() {
4653
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4654
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4699
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4700
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4655
4701
  // eslint-disable-next-line unicorn/no-null
4656
4702
  else
4657
4703
  this.internals.setFormValue(null);
@@ -4661,34 +4707,55 @@ class Checkbox {
4661
4707
  this.tabIndex =
4662
4708
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4663
4709
  }
4710
+ textChanged() {
4711
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4712
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4713
+ if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
4714
+ return;
4715
+ const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
4716
+ readTask(() => {
4717
+ this.tooltip = isEllipsisActive(span);
4718
+ });
4719
+ __classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
4720
+ this.tooltip = isEllipsisActive(spanEntry.target);
4721
+ }), "f");
4722
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
4723
+ }
4664
4724
  valueChanged() {
4665
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4666
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4725
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4726
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4667
4727
  }
4668
4728
  componentWillLoad() {
4669
4729
  this.valueChanged();
4670
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4671
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4672
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4673
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4674
- __classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4730
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4731
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4732
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4733
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4734
+ __classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4675
4735
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4676
4736
  }
4737
+ componentDidLoad() {
4738
+ this.textChanged();
4739
+ }
4740
+ disconnectedCallback() {
4741
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4742
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4743
+ }
4677
4744
  render() {
4678
4745
  return (
4679
4746
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4680
- hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4747
+ hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4681
4748
  'qds-inline': this.inline,
4682
4749
  'qds-label': true,
4683
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, hAsync("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
4750
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
4684
4751
  // eslint-disable-next-line jsx-a11y/no-autofocus
4685
- 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: {
4752
+ 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: {
4686
4753
  'qds-icon': true,
4687
4754
  'qds-checked': true,
4688
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
4755
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
4689
4756
  'qds-icon': true,
4690
4757
  'qds-indeterminate': true,
4691
- }, "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 }))));
4758
+ }, "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))));
4692
4759
  }
4693
4760
  static get delegatesFocus() { return true; }
4694
4761
  static get formAssociated() { return true; }
@@ -4697,6 +4764,7 @@ class Checkbox {
4697
4764
  "checked": ["checkedChanged"],
4698
4765
  "disabled": ["disabledChanged"],
4699
4766
  "tabindex": ["tabindexChanged"],
4767
+ "text": ["textChanged"],
4700
4768
  "value": ["valueChanged"]
4701
4769
  }; }
4702
4770
  static get style() { return checkboxCss; }
@@ -4718,14 +4786,15 @@ class Checkbox {
4718
4786
  "value": [8],
4719
4787
  "willValidate": [4, "will-validate"],
4720
4788
  "checkboxOnly": [4, "checkbox-only"],
4721
- "tabIndex": [32]
4789
+ "tabIndex": [32],
4790
+ "tooltip": [32]
4722
4791
  },
4723
4792
  "$listeners$": [[0, "click", "onClick"]],
4724
4793
  "$lazyBundleId$": "-",
4725
4794
  "$attrsToReflect$": []
4726
4795
  }; }
4727
4796
  }
4728
- _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4797
+ _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() {
4729
4798
  return this.checked ?? false;
4730
4799
  }, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
4731
4800
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
@@ -4752,19 +4821,19 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
4752
4821
  Object.defineProperty(this.host, p, { enumerable: true, get });
4753
4822
  };
4754
4823
 
4755
- 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}";
4824
+ 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}";
4756
4825
 
4757
4826
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4758
4827
  //
4759
4828
  // SPDX-License-Identifier: Apache-2.0
4760
- var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4829
+ var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4761
4830
  if (kind === "a" && !f)
4762
4831
  throw new TypeError("Private accessor was defined without a getter");
4763
4832
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4764
4833
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4765
4834
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4766
4835
  };
4767
- var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4836
+ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4768
4837
  if (kind === "m")
4769
4838
  throw new TypeError("Private method is not writable");
4770
4839
  if (kind === "a" && !f)
@@ -4838,7 +4907,7 @@ class Chip {
4838
4907
  _Chip_ro.set(this, void 0);
4839
4908
  _Chip_inheritedAttributes.set(this, {});
4840
4909
  _Chip_onIconClick.set(this, (event) => {
4841
- if (!event.defaultPrevented && __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4910
+ if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4842
4911
  this.closeEmitter.emit();
4843
4912
  });
4844
4913
  _Chip_onFocus.set(this, (event) => {
@@ -4848,30 +4917,30 @@ class Chip {
4848
4917
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4849
4918
  });
4850
4919
  _Chip_chipRef.set(this, (chip) => {
4851
- __classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
4920
+ __classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
4852
4921
  });
4853
4922
  _Chip_spanRef.set(this, (span) => {
4854
- __classPrivateFieldSet$n(this, _Chip_span, span, "f");
4923
+ __classPrivateFieldSet$m(this, _Chip_span, span, "f");
4855
4924
  });
4856
4925
  _Chip_tooltipRef.set(this, (tooltip) => {
4857
4926
  if (tooltip)
4858
4927
  // eslint-disable-next-line no-param-reassign
4859
- tooltip.target = __classPrivateFieldGet$q(this, _Chip_chip, "f");
4928
+ tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
4860
4929
  });
4861
4930
  }
4862
4931
  onClick(event) {
4863
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4932
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4864
4933
  event.stopImmediatePropagation();
4865
4934
  return;
4866
4935
  }
4867
4936
  event.preventDefault();
4868
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4869
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4937
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4938
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4870
4939
  this.changeEmitter.emit();
4871
4940
  }
4872
4941
  }
4873
4942
  handleKeyDown(event) {
4874
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4943
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4875
4944
  event.stopImmediatePropagation();
4876
4945
  return;
4877
4946
  }
@@ -4888,21 +4957,21 @@ class Chip {
4888
4957
  if (event.key !== ' ')
4889
4958
  return;
4890
4959
  this.isPressed = false;
4891
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4892
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4960
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4961
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4893
4962
  this.changeEmitter.emit();
4894
4963
  }
4895
4964
  }
4896
4965
  checkedChanged() {
4897
- this.isSelected = __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4898
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4899
- ? __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get)
4966
+ this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4967
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4968
+ ? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
4900
4969
  : // eslint-disable-next-line unicorn/no-null
4901
4970
  null);
4902
4971
  }
4903
4972
  disabledChanged() {
4904
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4905
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4973
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4974
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4906
4975
  // eslint-disable-next-line unicorn/no-null
4907
4976
  else
4908
4977
  this.internals.setFormValue(null);
@@ -4913,8 +4982,8 @@ class Chip {
4913
4982
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4914
4983
  }
4915
4984
  valueChanged() {
4916
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4917
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4985
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4986
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4918
4987
  }
4919
4988
  componentWillLoad() {
4920
4989
  this.valueChanged();
@@ -4922,39 +4991,39 @@ class Chip {
4922
4991
  enumerable: true,
4923
4992
  get: () => this.internals.form,
4924
4993
  });
4925
- __classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4994
+ __classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4926
4995
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4927
4996
  }
4928
4997
  componentDidLoad() {
4929
- invariant(__classPrivateFieldGet$q(this, _Chip_span, "f"));
4930
- const span = __classPrivateFieldGet$q(this, _Chip_span, "f");
4998
+ invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
4999
+ const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
4931
5000
  readTask(() => {
4932
5001
  this.tooltip = isEllipsisActive(span);
4933
5002
  });
4934
- __classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
5003
+ __classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
4935
5004
  this.tooltip = isEllipsisActive(spanEntry.target);
4936
5005
  }), "f");
4937
- __classPrivateFieldGet$q(this, _Chip_ro, "f").observe(__classPrivateFieldGet$q(this, _Chip_span, "f"));
5006
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
4938
5007
  }
4939
5008
  disconnectedCallback() {
4940
- if (__classPrivateFieldGet$q(this, _Chip_ro, "f"))
4941
- __classPrivateFieldGet$q(this, _Chip_ro, "f").disconnect();
5009
+ if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
5010
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
4942
5011
  }
4943
5012
  render() {
4944
- 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: {
5013
+ 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: {
4945
5014
  'qds-container': true,
4946
5015
  'qds-closable-chip': true,
4947
- }, "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' && (
5016
+ }, "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' && (
4948
5017
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4949
- hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '9ef4d6e771113a1bc84a91091e963d2f24dc677c',
5018
+ hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
4950
5019
  // eslint-disable-next-line jsx-a11y/no-autofocus
4951
- 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: {
5020
+ 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: {
4952
5021
  'qds-container': true,
4953
5022
  'qds-pressed-state': this.isPressed,
4954
5023
  'qds-selected-state': this.isSelected,
4955
5024
  'qds-padding-end': true,
4956
5025
  'qds-cursor': true,
4957
- }, "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))));
5026
+ }, "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))));
4958
5027
  }
4959
5028
  static get delegatesFocus() { return true; }
4960
5029
  static get formAssociated() { return true; }
@@ -5022,12 +5091,12 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
5022
5091
  return this.value == null ? null : this.value.toString();
5023
5092
  };
5024
5093
 
5025
- 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}";
5094
+ 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}";
5026
5095
 
5027
5096
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5028
5097
  //
5029
5098
  // SPDX-License-Identifier: Apache-2.0
5030
- var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5099
+ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5031
5100
  if (kind === "m")
5032
5101
  throw new TypeError("Private method is not writable");
5033
5102
  if (kind === "a" && !f)
@@ -5036,7 +5105,7 @@ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) |
5036
5105
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
5037
5106
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
5038
5107
  };
5039
- var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5108
+ var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5040
5109
  if (kind === "a" && !f)
5041
5110
  throw new TypeError("Private accessor was defined without a getter");
5042
5111
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5069,16 +5138,16 @@ class Dialog {
5069
5138
  _Dialog_titleId.set(this, void 0);
5070
5139
  _Dialog_closeButton.set(this, void 0);
5071
5140
  _Dialog_ref.set(this, (dialog) => {
5072
- __classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
5141
+ __classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
5073
5142
  });
5074
5143
  _Dialog_onCancel.set(this, (event) => {
5075
5144
  if (this.cancelEmitter.emit().defaultPrevented)
5076
5145
  event.preventDefault();
5077
5146
  });
5078
5147
  _Dialog_onClose.set(this, () => {
5079
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5148
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5080
5149
  this.closeEmitter.emit();
5081
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5150
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5082
5151
  });
5083
5152
  _Dialog_handleCloseClick.set(this, () => {
5084
5153
  this.close();
@@ -5095,7 +5164,7 @@ class Dialog {
5095
5164
  }
5096
5165
  });
5097
5166
  _Dialog_closeButtonRef.set(this, (button) => {
5098
- __classPrivateFieldSet$m(this, _Dialog_closeButton, button, "f");
5167
+ __classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
5099
5168
  });
5100
5169
  _Dialog_handleFocus.set(this, () => {
5101
5170
  if (!this.open)
@@ -5105,8 +5174,8 @@ class Dialog {
5105
5174
  autofocusTarget.focus();
5106
5175
  return;
5107
5176
  }
5108
- if (this.closable === true && __classPrivateFieldGet$p(this, _Dialog_closeButton, "f")) {
5109
- __classPrivateFieldGet$p(this, _Dialog_closeButton, "f").focus();
5177
+ if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
5178
+ __classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
5110
5179
  }
5111
5180
  });
5112
5181
  }
@@ -5121,9 +5190,9 @@ class Dialog {
5121
5190
  this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
5122
5191
  }
5123
5192
  componentWillLoad() {
5124
- __classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5193
+ __classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5125
5194
  autoIncrementingId$4 += 1;
5126
- __classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5195
+ __classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5127
5196
  }
5128
5197
  componentDidLoad() {
5129
5198
  if (this.open)
@@ -5131,19 +5200,19 @@ class Dialog {
5131
5200
  }
5132
5201
  render() {
5133
5202
  const hasHeading = this.hasTitleSlot || this.closable === true;
5134
- 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" })));
5203
+ 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" })));
5135
5204
  }
5136
5205
  show() {
5137
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5138
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").showModal();
5139
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5206
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5207
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
5208
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5140
5209
  requestAnimationFrame(() => {
5141
- __classPrivateFieldGet$p(this, _Dialog_handleFocus, "f").call(this);
5210
+ __classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
5142
5211
  });
5143
5212
  }
5144
5213
  close() {
5145
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5146
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").close();
5214
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5215
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
5147
5216
  }
5148
5217
  get host() { return getElement(this); }
5149
5218
  static get watchers() { return {
@@ -5171,7 +5240,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
5171
5240
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5172
5241
  //
5173
5242
  // SPDX-License-Identifier: Apache-2.0
5174
- var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5243
+ var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5175
5244
  if (kind === "a" && !f)
5176
5245
  throw new TypeError("Private accessor was defined without a getter");
5177
5246
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5217,10 +5286,10 @@ class Divider {
5217
5286
  this.verticalChanged();
5218
5287
  }
5219
5288
  render() {
5220
- return (hAsync("hr", { key: 'ddda592092da543e6a5dab0605792910b4dda2ad', class: {
5289
+ return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
5221
5290
  'qds-divider': true,
5222
5291
  'qds-vertical': this.vertical,
5223
- }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$o(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5292
+ }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5224
5293
  }
5225
5294
  static get watchers() { return {
5226
5295
  "vertical": ["verticalChanged"]
@@ -6939,7 +7008,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
6939
7008
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
6940
7009
  //
6941
7010
  // SPDX-License-Identifier: Apache-2.0
6942
- var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7011
+ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
6943
7012
  if (kind === "m")
6944
7013
  throw new TypeError("Private method is not writable");
6945
7014
  if (kind === "a" && !f)
@@ -6948,7 +7017,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
6948
7017
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
6949
7018
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
6950
7019
  };
6951
- var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7020
+ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
6952
7021
  if (kind === "a" && !f)
6953
7022
  throw new TypeError("Private accessor was defined without a getter");
6954
7023
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7036,10 +7105,10 @@ class Dropdown {
7036
7105
  if (!(event instanceof FocusEvent))
7037
7106
  return;
7038
7107
  const { relatedTarget } = event;
7039
- const dropdownItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7108
+ const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7040
7109
  if (relatedTarget instanceof globalThis.Element &&
7041
7110
  !this.host.contains(relatedTarget) &&
7042
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7111
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7043
7112
  !dropdownItem)
7044
7113
  await this.close();
7045
7114
  });
@@ -7047,33 +7116,51 @@ class Dropdown {
7047
7116
  if (!(event instanceof KeyboardEvent))
7048
7117
  return;
7049
7118
  const { key, target } = event;
7119
+ const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
7120
+ const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7121
+ (targetRootNode instanceof globalThis.ShadowRoot &&
7122
+ targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
7123
+ (target instanceof globalThis.Element &&
7124
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7125
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
7050
7126
  if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
7127
+ // Keep parent open when Enter is used on an item with a nested submenu.
7128
+ if (target instanceof HTMLElement &&
7129
+ target.shadowRoot?.querySelector('qds-dropdown'))
7130
+ return;
7051
7131
  await this.close();
7052
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7132
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7053
7133
  return;
7054
7134
  }
7055
7135
  if (key === 'Escape' &&
7056
- (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") ||
7136
+ (target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7057
7137
  (target instanceof globalThis.Element &&
7058
7138
  closestElement('qds-dropdown', target) === this.host))) {
7059
7139
  const cancelEvent = this.cancelEmitter.emit();
7060
7140
  if (cancelEvent.defaultPrevented)
7061
7141
  return;
7062
7142
  await this.close();
7063
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7143
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7064
7144
  return;
7065
7145
  }
7066
- if (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") &&
7067
- (key === 'ArrowDown' || key === 'ArrowUp')) {
7068
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7146
+ if (keydownOnReference &&
7147
+ (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
7148
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7069
7149
  await this.show();
7070
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7150
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7071
7151
  event.preventDefault();
7152
+ event.stopPropagation();
7153
+ return;
7154
+ }
7155
+ // Prevent space key from scrolling the page when focused on an item
7156
+ if (key === ' ') {
7157
+ event.preventDefault();
7158
+ event.stopPropagation();
7072
7159
  return;
7073
7160
  }
7074
7161
  if (!VERTICAL_MOVE_KEYS.has(key))
7075
7162
  return;
7076
- const Items = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7163
+ const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7077
7164
  closestElement('qds-dropdown', item) === this.host);
7078
7165
  if (Items.length === 0)
7079
7166
  return;
@@ -7112,42 +7199,42 @@ class Dropdown {
7112
7199
  _Dropdown_onReferenceClick.set(this, async () => {
7113
7200
  if (this.disabled)
7114
7201
  return;
7115
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f")) {
7202
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
7116
7203
  await this.close();
7117
7204
  return;
7118
7205
  }
7119
7206
  await this.show();
7120
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7207
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7121
7208
  });
7122
7209
  _Dropdown_boundOnFocusout.set(this, (event) => {
7123
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f").call(this, event));
7210
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
7124
7211
  });
7125
7212
  _Dropdown_boundOnKeydown.set(this, (event) => {
7126
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f").call(this, event));
7213
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
7127
7214
  });
7128
7215
  _Dropdown_boundOnReferenceClick.set(this, () => {
7129
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onReferenceClick, "f").call(this));
7216
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
7130
7217
  });
7131
7218
  _Dropdown_onSlotchange.set(this, (event) => {
7132
7219
  const slot = event.target;
7133
7220
  const assignedElements = slot.assignedElements({ flatten: true });
7134
- __classPrivateFieldSet$l(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7221
+ __classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7135
7222
  });
7136
7223
  }
7137
7224
  /**
7138
7225
  * Updates the gap between the dropdown and its target element.
7139
7226
  */
7140
7227
  async updateGap() {
7141
- __classPrivateFieldSet$l(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7228
+ __classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7142
7229
  await this.updateMiddleware();
7143
7230
  }
7144
7231
  /**
7145
7232
  * Shows the dropdown.
7146
7233
  */
7147
7234
  async show() {
7148
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7235
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7149
7236
  return;
7150
- const reference = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f");
7237
+ const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
7151
7238
  const { host } = this;
7152
7239
  if (reference instanceof globalThis.Element) {
7153
7240
  reference.setAttribute('aria-expanded', 'true');
@@ -7158,12 +7245,12 @@ class Dropdown {
7158
7245
  if (isQdsButton(reference) && reference.action === 'dropdown')
7159
7246
  reference.action = 'dropdown-close';
7160
7247
  }
7161
- if (!__classPrivateFieldGet$n(this, _Dropdown_opened, "f")) {
7248
+ if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
7162
7249
  await this.updateGap();
7163
- __classPrivateFieldSet$l(this, _Dropdown_opened, true, "f");
7250
+ __classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
7164
7251
  }
7165
7252
  this.startAutoUpdate();
7166
- __classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
7253
+ __classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
7167
7254
  host.hidden = false;
7168
7255
  host.showPopover();
7169
7256
  }
@@ -7171,29 +7258,29 @@ class Dropdown {
7171
7258
  * Closes the dropdown.
7172
7259
  */
7173
7260
  async close() {
7174
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7261
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7175
7262
  return;
7176
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7177
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7178
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7179
- if (isQdsButton(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")) &&
7180
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7181
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7182
- }
7183
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7184
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7185
- __classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
7263
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7264
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7265
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7266
+ if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
7267
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7268
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7269
+ }
7270
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7271
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7272
+ __classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
7186
7273
  this.host.hidden = true;
7187
7274
  this.host.hidePopover();
7188
7275
  this.closeEmitter.emit();
7189
7276
  }
7190
7277
  async handleMouseDown(event) {
7191
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7278
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7192
7279
  return;
7193
7280
  const composedPath = event.composedPath();
7194
7281
  const withinBounds = composedPath.includes(this.host) ||
7195
- (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7196
- composedPath.includes(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")));
7282
+ (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7283
+ composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
7197
7284
  if (!withinBounds)
7198
7285
  await this.close();
7199
7286
  }
@@ -7204,24 +7291,24 @@ class Dropdown {
7204
7291
  }
7205
7292
  async updateReferenceElement() {
7206
7293
  var _a;
7207
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7208
- __classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7209
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7294
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7295
+ __classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7296
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7210
7297
  return;
7211
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7212
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$n(this, _Dropdown_boundOnReferenceClick, "f"));
7213
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7214
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7298
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7299
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
7300
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7301
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7215
7302
  if (this.host.role === 'menu') {
7216
- (_a = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7217
- this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").id);
7303
+ (_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7304
+ this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
7218
7305
  }
7219
7306
  }
7220
7307
  async updateMiddleware() {
7221
- __classPrivateFieldSet$l(this, _Dropdown_middleware, [
7308
+ __classPrivateFieldSet$k(this, _Dropdown_middleware, [
7222
7309
  offset({
7223
7310
  ...this.offsetOptions,
7224
- mainAxis: __classPrivateFieldGet$n(this, _Dropdown_gap, "f"),
7311
+ mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
7225
7312
  }),
7226
7313
  !this.noFlip &&
7227
7314
  flip({
@@ -7236,10 +7323,10 @@ class Dropdown {
7236
7323
  ], "f");
7237
7324
  }
7238
7325
  async updatePosition() {
7239
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7326
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7240
7327
  return;
7241
- const { x, y, strategy } = await computePosition(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, {
7242
- middleware: __classPrivateFieldGet$n(this, _Dropdown_middleware, "f"),
7328
+ const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
7329
+ middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
7243
7330
  placement: this.placement,
7244
7331
  strategy: this.strategy,
7245
7332
  });
@@ -7250,11 +7337,11 @@ class Dropdown {
7250
7337
  });
7251
7338
  }
7252
7339
  startAutoUpdate() {
7253
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7340
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7254
7341
  return;
7255
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7256
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7257
- __classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, () => {
7342
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7343
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7344
+ __classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
7258
7345
  ignorePromise(this.updatePosition());
7259
7346
  }, this.autoUpdateOptions), "f");
7260
7347
  }
@@ -7268,10 +7355,10 @@ class Dropdown {
7268
7355
  autoIncrementingId$3 += 1;
7269
7356
  }
7270
7357
  disconnectedCallback() {
7271
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7358
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7272
7359
  }
7273
7360
  render() {
7274
- 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") })));
7361
+ 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") })));
7275
7362
  }
7276
7363
  static get delegatesFocus() { return true; }
7277
7364
  get host() { return getElement(this); }
@@ -7313,30 +7400,30 @@ class Dropdown {
7313
7400
  }; }
7314
7401
  }
7315
7402
  _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() {
7316
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7317
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7318
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").focus();
7403
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7404
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7405
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
7319
7406
  }
7320
7407
  }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
7321
7408
  requestAnimationFrame(() => {
7322
- const firstItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7409
+ const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7323
7410
  isEnabledItem(item) &&
7324
7411
  closestElement('qds-dropdown', item) === this.host);
7325
7412
  if (!firstItem)
7326
7413
  return;
7327
- for (const item of __classPrivateFieldGet$n(this, _Dropdown_Items, "f"))
7414
+ for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
7328
7415
  item.setAttribute('tabindex', '-1');
7329
7416
  firstItem.setAttribute('tabindex', '0');
7330
7417
  firstItem.focus();
7331
7418
  });
7332
7419
  }, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
7333
7420
  this.host.removeAttribute('aria-labelledby');
7334
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7421
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7335
7422
  return;
7336
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7337
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7338
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7339
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7423
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7424
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7425
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7426
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7340
7427
  };
7341
7428
 
7342
7429
  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)}";
@@ -7344,7 +7431,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
7344
7431
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7345
7432
  //
7346
7433
  // SPDX-License-Identifier: Apache-2.0
7347
- var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7434
+ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7348
7435
  if (kind === "m")
7349
7436
  throw new TypeError("Private method is not writable");
7350
7437
  if (kind === "a" && !f)
@@ -7353,7 +7440,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
7353
7440
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7354
7441
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7355
7442
  };
7356
- var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7443
+ var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7357
7444
  if (kind === "a" && !f)
7358
7445
  throw new TypeError("Private accessor was defined without a getter");
7359
7446
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7389,13 +7476,13 @@ class FormMessage {
7389
7476
  _FormMessage_inheritedAttributes.set(this, {});
7390
7477
  }
7391
7478
  componentWillLoad() {
7392
- __classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7479
+ __classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7393
7480
  }
7394
7481
  render() {
7395
- return (hAsync("span", { key: '0a8cbc3d4d61b9dbf49f33e3d68b789bc549c9f7', class: {
7482
+ return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
7396
7483
  'qds-form-message': true,
7397
7484
  'qds-inline': this.inline,
7398
- }, "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)));
7485
+ }, "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)));
7399
7486
  }
7400
7487
  get host() { return getElement(this); }
7401
7488
  static get style() { return formMessageCss; }
@@ -7568,28 +7655,8 @@ const requestIcon = (url) => {
7568
7655
  return iconPromise;
7569
7656
  };
7570
7657
 
7571
- 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)}";
7658
+ 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%}";
7572
7659
 
7573
- // SPDX-FileCopyrightText: © 2024 Schneider Electric
7574
- //
7575
- // SPDX-License-Identifier: Apache-2.0
7576
- var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7577
- if (kind === "a" && !f)
7578
- throw new TypeError("Private accessor was defined without a getter");
7579
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7580
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
7581
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
7582
- };
7583
- var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7584
- if (kind === "m")
7585
- throw new TypeError("Private method is not writable");
7586
- if (kind === "a" && !f)
7587
- throw new TypeError("Private accessor was defined without a setter");
7588
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7589
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
7590
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7591
- };
7592
- var _Icon_inheritedAttributes;
7593
7660
  let parser;
7594
7661
  /**
7595
7662
  * @experimental
@@ -7599,12 +7666,18 @@ class Icon {
7599
7666
  registerInstance(this, hostRef);
7600
7667
  this.loadEmitter = createEvent(this, "qdsLoad", 6);
7601
7668
  this.errorEmitter = createEvent(this, "qdsError", 6);
7669
+ if (hostRef.$hostElement$["s-ei"]) {
7670
+ this.internals = hostRef.$hostElement$["s-ei"];
7671
+ }
7672
+ else {
7673
+ this.internals = hostRef.$hostElement$.attachInternals();
7674
+ hostRef.$hostElement$["s-ei"] = this.internals;
7675
+ }
7602
7676
  /**
7603
7677
  * The name of a registered icon library.
7604
7678
  */
7605
7679
  this.library = 'default';
7606
7680
  this.svg = '';
7607
- _Icon_inheritedAttributes.set(this, {});
7608
7681
  }
7609
7682
  async setIcon() {
7610
7683
  if (!this.name)
@@ -7635,9 +7708,6 @@ class Icon {
7635
7708
  this.errorEmitter.emit();
7636
7709
  }
7637
7710
  else {
7638
- for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
7639
- if (value !== undefined)
7640
- svgElement.setAttribute(key, value);
7641
7711
  this.svg = svgElement.outerHTML;
7642
7712
  this.loadEmitter.emit();
7643
7713
  }
@@ -7647,13 +7717,12 @@ class Icon {
7647
7717
  }
7648
7718
  }
7649
7719
  async componentWillLoad() {
7650
- __classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7720
+ this.internals.role = 'presentation';
7651
7721
  await this.setIcon();
7652
7722
  }
7653
7723
  render() {
7654
- 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" })));
7724
+ return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
7655
7725
  }
7656
- get host() { return getElement(this); }
7657
7726
  static get watchers() { return {
7658
7727
  "name": ["setIcon"],
7659
7728
  "library": ["setIcon"]
@@ -7672,14 +7741,13 @@ class Icon {
7672
7741
  "$attrsToReflect$": []
7673
7742
  }; }
7674
7743
  }
7675
- _Icon_inheritedAttributes = new WeakMap();
7676
7744
 
7677
- 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)}";
7745
+ 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)}";
7678
7746
 
7679
7747
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
7680
7748
  //
7681
7749
  // SPDX-License-Identifier: Apache-2.0
7682
- var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7750
+ var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7683
7751
  if (kind === "a" && !f)
7684
7752
  throw new TypeError("Private accessor was defined without a getter");
7685
7753
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7763,17 +7831,17 @@ class IconButton {
7763
7831
  _IconButton_tooltipRef.set(this, (tooltip) => {
7764
7832
  if (tooltip) {
7765
7833
  // eslint-disable-next-line no-param-reassign
7766
- tooltip.target = __classPrivateFieldGet$k(this, _IconButton_button, "f");
7834
+ tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
7767
7835
  __classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
7768
7836
  }
7769
7837
  });
7770
7838
  }
7771
7839
  disabledChanged() {
7772
- this.internals.ariaDisabled = __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7773
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7840
+ this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7841
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7774
7842
  this.host.removeAttribute('tabindex');
7775
7843
  else
7776
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7844
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7777
7845
  }
7778
7846
  hrefChanged() {
7779
7847
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -7785,34 +7853,34 @@ class IconButton {
7785
7853
  ? 0
7786
7854
  : parsedValue, "f");
7787
7855
  }
7788
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7856
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7789
7857
  this.host.removeAttribute('tabindex');
7790
7858
  else
7791
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7859
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7792
7860
  }
7793
7861
  textChanged() {
7794
- __classPrivateFieldGet$k(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7862
+ __classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7795
7863
  }
7796
7864
  onClick(event) {
7797
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7865
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7798
7866
  event.stopImmediatePropagation();
7799
7867
  }
7800
7868
  async onBlur(event) {
7801
7869
  this.blurEmitter.emit(pickFocusEventAttributes(event));
7802
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7803
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").close();
7870
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7871
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
7804
7872
  }
7805
7873
  }
7806
7874
  async onFocus(event) {
7807
7875
  this.focusEmitter.emit(pickFocusEventAttributes(event));
7808
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7809
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").show();
7876
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7877
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
7810
7878
  }
7811
7879
  }
7812
7880
  onKeydown(event) {
7813
7881
  if (event.key === 'Enter') {
7814
- if (__classPrivateFieldGet$k(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7815
- __classPrivateFieldGet$k(this, _IconButton_button, "f").click();
7882
+ if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7883
+ __classPrivateFieldGet$m(this, _IconButton_button, "f").click();
7816
7884
  }
7817
7885
  else
7818
7886
  this.host.click();
@@ -7830,10 +7898,10 @@ class IconButton {
7830
7898
  }
7831
7899
  render() {
7832
7900
  const Tag = this.href === undefined ? 'button' : 'a';
7833
- return (hAsync("div", { key: '78677375ce18f22b5c76363187dad9edafcb1c7b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: 'ad3f3fb8c69a8f5b38c4124051410251f735d9c8', type: Tag === 'a' ? undefined : 'button', class: {
7901
+ return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
7834
7902
  'qds-icon-button': true,
7835
- 'qds-disabled': __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7836
- }, 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))));
7903
+ 'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7904
+ }, 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))));
7837
7905
  }
7838
7906
  static get formAssociated() { return true; }
7839
7907
  get host() { return getElement(this); }
@@ -7908,7 +7976,7 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
7908
7976
  this.internals.ariaLabel = this.text ?? '';
7909
7977
  };
7910
7978
 
7911
- 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}";
7979
+ 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}";
7912
7980
 
7913
7981
  // SPDX-FileCopyrightText: © 2026 Schneider Electric
7914
7982
  //
@@ -7922,7 +7990,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
7922
7990
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7923
7991
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7924
7992
  };
7925
- var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7993
+ var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7926
7994
  if (kind === "a" && !f)
7927
7995
  throw new TypeError("Private accessor was defined without a getter");
7928
7996
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7996,7 +8064,7 @@ class IconTab {
7996
8064
  _IconTab_tooltipRef.set(this, (tooltip) => {
7997
8065
  if (tooltip)
7998
8066
  // eslint-disable-next-line no-param-reassign
7999
- tooltip.target = __classPrivateFieldGet$j(this, _IconTab_div, "f");
8067
+ tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
8000
8068
  });
8001
8069
  _IconTab_onBlur.set(this, (event) => {
8002
8070
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8006,7 +8074,7 @@ class IconTab {
8006
8074
  });
8007
8075
  _IconTab_defineTab.set(this, () => {
8008
8076
  this.internals.role = 'tab';
8009
- __classPrivateFieldGet$j(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$j(this, _IconTab_iconTab, "f"));
8077
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
8010
8078
  });
8011
8079
  }
8012
8080
  panelChanged() {
@@ -8017,15 +8085,15 @@ class IconTab {
8017
8085
  __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
8018
8086
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8019
8087
  if (tab)
8020
- tab.setAttribute('aria-controls', __classPrivateFieldGet$j(this, _IconTab_panel, "f").id);
8021
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === null)
8022
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = 'tabpanel';
8023
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8024
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8025
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8088
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
8089
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
8090
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
8091
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8092
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8093
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8026
8094
  }
8027
8095
  onClick(event) {
8028
- if (__classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8096
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8029
8097
  event.stopImmediatePropagation();
8030
8098
  }
8031
8099
  tabindexChanged(newValue) {
@@ -8038,39 +8106,39 @@ class IconTab {
8038
8106
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8039
8107
  (_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
8040
8108
  autoIncrementingId$2 += 1;
8041
- __classPrivateFieldGet$j(this, _IconTab_defineTab, "f").call(this);
8109
+ __classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
8042
8110
  }
8043
8111
  componentWillRender() {
8044
- const isPanelRoot = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8045
- const isMainSubsection = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8112
+ const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8113
+ const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8046
8114
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
8047
8115
  }
8048
8116
  componentDidLoad() {
8049
8117
  this.panelChanged();
8050
8118
  }
8051
8119
  disconnectedCallback() {
8052
- if (!__classPrivateFieldGet$j(this, _IconTab_panel, "f"))
8120
+ if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
8053
8121
  return;
8054
8122
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8055
8123
  if (tab)
8056
8124
  tab.removeAttribute('aria-controls');
8057
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === 'tabpanel')
8125
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
8058
8126
  // eslint-disable-next-line unicorn/no-null
8059
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = null;
8060
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8061
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8062
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('tabindex');
8127
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
8128
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8129
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8130
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
8063
8131
  }
8064
8132
  render() {
8065
8133
  const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
8066
8134
  const Tag = isLink ? 'a' : 'div';
8067
- return (hAsync("div", { key: 'ee55c8edcad6ea16123e32591e073638dfda985a', "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8135
+ return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8068
8136
  'qds-selected': this.selected,
8069
- }, "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: {
8137
+ }, "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: {
8070
8138
  'qds-icon-tab': true,
8071
8139
  'qds-selected': this.selected,
8072
8140
  [`qds-indicator-${this.indicatorPosition}`]: true,
8073
- }, 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))));
8141
+ }, 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))));
8074
8142
  }
8075
8143
  get host() { return getElement(this); }
8076
8144
  static get watchers() { return {
@@ -8147,7 +8215,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
8147
8215
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8148
8216
  //
8149
8217
  // SPDX-License-Identifier: Apache-2.0
8150
- var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8218
+ var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8151
8219
  if (kind === "a" && !f)
8152
8220
  throw new TypeError("Private accessor was defined without a getter");
8153
8221
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8214,10 +8282,10 @@ class InlineLink {
8214
8282
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8215
8283
  });
8216
8284
  _InlineLink_updateAriaLabelElements.set(this, () => {
8217
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8285
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8218
8286
  });
8219
8287
  _InlineLink_onSlotchange.set(this, () => {
8220
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8288
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8221
8289
  });
8222
8290
  }
8223
8291
  onClick(event) {
@@ -8225,18 +8293,18 @@ class InlineLink {
8225
8293
  event.stopImmediatePropagation();
8226
8294
  }
8227
8295
  onKeydown(event) {
8228
- invariant(__classPrivateFieldGet$i(this, _InlineLink_link, "f"));
8296
+ invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
8229
8297
  if (this.disabled)
8230
8298
  return;
8231
8299
  if (event.key === 'Enter')
8232
- __classPrivateFieldGet$i(this, _InlineLink_link, "f").click();
8300
+ __classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
8233
8301
  }
8234
8302
  disabledChanged() {
8235
8303
  this.internals.ariaDisabled = this.disabled.toString();
8236
8304
  if (this.disabled)
8237
8305
  this.host.removeAttribute('tabindex');
8238
8306
  else
8239
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8307
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8240
8308
  }
8241
8309
  tabindexChanged(newValue) {
8242
8310
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8247,11 +8315,11 @@ class InlineLink {
8247
8315
  if (this.disabled)
8248
8316
  this.host.removeAttribute('tabindex');
8249
8317
  else
8250
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8318
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8251
8319
  }
8252
8320
  hrefTargetChanged() {
8253
8321
  this.linkIcon = determineLinkIcon(this.target, this.rel);
8254
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8322
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8255
8323
  }
8256
8324
  componentWillLoad() {
8257
8325
  this.internals.role = 'link';
@@ -8260,13 +8328,13 @@ class InlineLink {
8260
8328
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8261
8329
  }
8262
8330
  componentDidLoad() {
8263
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8331
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8264
8332
  }
8265
8333
  render() {
8266
8334
  return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
8267
8335
  'qds-inline-link': true,
8268
8336
  'qds-disabled': this.disabled,
8269
- }, "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 }))));
8337
+ }, "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 }))));
8270
8338
  }
8271
8339
  get host() { return getElement(this); }
8272
8340
  static get watchers() { return {
@@ -8311,12 +8379,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
8311
8379
  return this.target === '_blank';
8312
8380
  };
8313
8381
 
8314
- 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}";
8382
+ 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}";
8315
8383
 
8316
8384
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8317
8385
  //
8318
8386
  // SPDX-License-Identifier: Apache-2.0
8319
- var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8387
+ var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8320
8388
  if (kind === "a" && !f)
8321
8389
  throw new TypeError("Private accessor was defined without a getter");
8322
8390
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8332,7 +8400,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
8332
8400
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
8333
8401
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
8334
8402
  };
8335
- 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;
8403
+ 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;
8336
8404
  const stopImmediatePropagation = (event) => {
8337
8405
  event.stopImmediatePropagation();
8338
8406
  };
@@ -8368,6 +8436,16 @@ class Input {
8368
8436
  }
8369
8437
  _Input_instances.add(this);
8370
8438
  /**
8439
+ * Shows a clear button that allows the user to clear the input's value.
8440
+ *
8441
+ * For `search` inputs, the clear button is always shown when the input
8442
+ * has a value, regardless of this property.
8443
+ *
8444
+ */
8445
+ this.clearable = false;
8446
+ /**
8447
+ * @deprecated The no-icon property is deprecated and will be removed by September 2026.
8448
+ *
8371
8449
  * Hide the input type's icon.
8372
8450
  *
8373
8451
  * > **_NOTE:_** Due to browser limitations, the icon may not be hidden in
@@ -8474,65 +8552,69 @@ class Input {
8474
8552
  this.checkValidity = () => this.internals.checkValidity();
8475
8553
  this.reportValidity = () => this.internals.reportValidity();
8476
8554
  this.setCustomValidity = (error) => {
8477
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8478
- __classPrivateFieldGet$h(this, _Input_input, "f").setCustomValidity(error);
8555
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8556
+ __classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
8479
8557
  if (error)
8480
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$h(this, _Input_input, "f"));
8558
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
8481
8559
  else
8482
8560
  this.internals.setValidity(NO_ERROR_FLAGS);
8483
8561
  };
8484
8562
  this.select = () => {
8485
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8486
- __classPrivateFieldGet$h(this, _Input_input, "f").select();
8563
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8564
+ __classPrivateFieldGet$j(this, _Input_input, "f").select();
8487
8565
  };
8488
8566
  this.getSelectionDirection = () => {
8489
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8490
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection;
8567
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8568
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
8491
8569
  };
8492
8570
  this.getSelectionStart = () => {
8493
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8494
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart;
8571
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8572
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
8495
8573
  };
8496
8574
  this.getSelectionEnd = () => {
8497
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8498
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd;
8575
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8576
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
8499
8577
  };
8500
8578
  this.setRangeText = (replacement, start, end, selectionMode) => {
8501
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8502
- __classPrivateFieldGet$h(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8503
- if (this.value !== __classPrivateFieldGet$h(this, _Input_input, "f").value) {
8504
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8579
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8580
+ __classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8581
+ if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
8582
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8505
8583
  this.inputEmitter.emit();
8506
8584
  this.changeEmitter.emit();
8507
8585
  }
8508
8586
  };
8509
8587
  this.setSelectionRange = (start, end, direction) => {
8510
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8511
- __classPrivateFieldGet$h(this, _Input_input, "f").setSelectionRange(start, end, direction);
8588
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8589
+ __classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
8512
8590
  };
8513
8591
  this.stepDown = (n) => {
8514
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8515
- __classPrivateFieldGet$h(this, _Input_input, "f").stepDown(n);
8592
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8593
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
8516
8594
  };
8517
8595
  this.stepUp = (n) => {
8518
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8519
- __classPrivateFieldGet$h(this, _Input_input, "f").stepUp(n);
8596
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8597
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
8520
8598
  };
8521
8599
  this.showPicker = () => {
8522
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8523
- __classPrivateFieldGet$h(this, _Input_input, "f").showPicker();
8600
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8601
+ __classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
8524
8602
  };
8603
+ _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
8604
+ _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 })));
8605
+ _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 })));
8606
+ _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 })));
8525
8607
  _Input_togglePasswordVisibility.set(this, () => {
8526
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8608
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8527
8609
  this.isPasswordVisible = !this.isPasswordVisible;
8528
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8610
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8529
8611
  });
8530
8612
  _Input_ref.set(this, (input) => {
8531
8613
  __classPrivateFieldSet$f(this, _Input_input, input, "f");
8532
8614
  });
8533
8615
  _Input_getFiles.set(this, () => {
8534
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8535
- return __classPrivateFieldGet$h(this, _Input_input, "f").files;
8616
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8617
+ return __classPrivateFieldGet$j(this, _Input_input, "f").files;
8536
8618
  });
8537
8619
  _Input_onBlur.set(this, (event) => {
8538
8620
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8546,30 +8628,35 @@ class Input {
8546
8628
  _Input_onChange.set(this, () => {
8547
8629
  this.changeEmitter.emit();
8548
8630
  });
8549
- _Input_onClear.set(this, () => {
8550
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8551
- __classPrivateFieldGet$h(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8552
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8553
- if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f")) {
8554
- __classPrivateFieldGet$h(this, _Input_input, "f").focus();
8555
- }
8631
+ _Input_handleClear.set(this, () => {
8632
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8633
+ __classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8634
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8635
+ if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
8636
+ __classPrivateFieldGet$j(this, _Input_input, "f").focus();
8637
+ });
8638
+ _Input_onClearableClick.set(this, () => {
8639
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8640
+ });
8641
+ _Input_onSearchClear.set(this, () => {
8642
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8556
8643
  this.searchEmitter.emit();
8557
8644
  });
8558
8645
  _Input_onFocus.set(this, (event) => {
8559
8646
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8560
8647
  });
8561
8648
  _Input_onInput.set(this, (event) => {
8562
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8563
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8649
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8650
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8564
8651
  this.inputEmitter.emit(pickInputEventAttributes(event));
8565
8652
  });
8566
8653
  }
8567
8654
  onClick(event) {
8568
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8655
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8569
8656
  event.stopImmediatePropagation();
8570
8657
  }
8571
8658
  onKeydown(event) {
8572
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8659
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8573
8660
  event.stopImmediatePropagation();
8574
8661
  return;
8575
8662
  }
@@ -8582,36 +8669,40 @@ class Input {
8582
8669
  }
8583
8670
  }
8584
8671
  ariaLabelChanged(newValue) {
8585
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8586
- __classPrivateFieldGet$h(this, _Input_input, "f").ariaLabel =
8672
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8673
+ __classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
8587
8674
  newValue ??
8588
8675
  [...this.internals.labels]
8589
- .map((node) => node.textContent === ''
8590
- ? this.host.parentElement?.querySelector('qds-label')?.text
8591
- : node.textContent?.trim())
8676
+ .map((node) => {
8677
+ // eslint-disable-next-line unicorn/prefer-dom-node-text-content
8678
+ const text = node.innerText.trim();
8679
+ return text === ''
8680
+ ? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
8681
+ : text;
8682
+ })
8592
8683
  .join(' ');
8593
8684
  }
8594
8685
  statusChanged() {
8595
- this.internals.ariaInvalid = (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8686
+ this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8596
8687
  }
8597
8688
  disabledChanged() {
8598
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8689
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8599
8690
  // eslint-disable-next-line unicorn/no-null
8600
8691
  this.internals.setFormValue(null);
8601
8692
  else
8602
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8693
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8603
8694
  }
8604
8695
  selectionDirectionChanged() {
8605
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8606
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8696
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8697
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8607
8698
  }
8608
8699
  selectionEndChanged() {
8609
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8610
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8700
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8701
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8611
8702
  }
8612
8703
  selectionStartChanged() {
8613
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8614
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart = this.selectionStart;
8704
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8705
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
8615
8706
  }
8616
8707
  tabindexChanged(newValue) {
8617
8708
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8619,72 +8710,78 @@ class Input {
8619
8710
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
8620
8711
  }
8621
8712
  validationChanged() {
8622
- if (!__classPrivateFieldGet$h(this, _Input_input, "f"))
8713
+ if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
8623
8714
  return;
8624
- if (__classPrivateFieldGet$h(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8625
- __classPrivateFieldGet$h(this, _Input_input, "f").max = this.max.toString();
8715
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8716
+ __classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
8626
8717
  if (this.maxLength !== undefined)
8627
- __classPrivateFieldGet$h(this, _Input_input, "f").maxLength = this.maxLength;
8628
- if (__classPrivateFieldGet$h(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8629
- __classPrivateFieldGet$h(this, _Input_input, "f").min = this.min.toString();
8718
+ __classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
8719
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8720
+ __classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
8630
8721
  if (this.minLength !== undefined)
8631
- __classPrivateFieldGet$h(this, _Input_input, "f").minLength = this.minLength;
8722
+ __classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
8632
8723
  if (this.pattern !== undefined)
8633
- __classPrivateFieldGet$h(this, _Input_input, "f").pattern = this.pattern;
8634
- __classPrivateFieldGet$h(this, _Input_input, "f").required = this.required ?? false;
8635
- if (__classPrivateFieldGet$h(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8636
- __classPrivateFieldGet$h(this, _Input_input, "f").step = this.step.toString();
8637
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8638
- const { valid } = __classPrivateFieldGet$h(this, _Input_input, "f").validity;
8724
+ __classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
8725
+ __classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
8726
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8727
+ __classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
8728
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8729
+ const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
8639
8730
  if (valid)
8640
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$h(this, _Input_input, "f"));
8731
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
8641
8732
  else
8642
- this.internals.setValidity(__classPrivateFieldGet$h(this, _Input_input, "f").validity, __classPrivateFieldGet$h(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$h(this, _Input_input, "f"));
8733
+ this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
8643
8734
  }
8644
8735
  valueChanged() {
8645
- if (!__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8646
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8647
- if ((__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8736
+ if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8737
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8738
+ if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8648
8739
  this.type === 'file') {
8649
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8740
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8650
8741
  }
8651
8742
  }
8652
8743
  componentWillLoad() {
8653
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8654
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8655
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8656
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8657
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$h(this, _Input_getFiles, "f"));
8658
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8744
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8745
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8746
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8747
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8748
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
8749
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8659
8750
  __classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
8660
8751
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8661
8752
  this.statusChanged();
8662
8753
  }
8663
8754
  componentDidLoad() {
8664
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8755
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8665
8756
  this.ariaLabelChanged(this.host.ariaLabel);
8666
8757
  this.validationChanged();
8667
8758
  this.valueChanged();
8668
8759
  // FIXME: This event is supported by the native `<input>` element but not
8669
8760
  // recognized by Stencil's type definitions, so it needs to be manually
8670
8761
  // bound here.
8671
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8672
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8762
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8763
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8673
8764
  }
8674
8765
  disconnectedCallback() {
8675
- if (__classPrivateFieldGet$h(this, _Input_input, "f")) {
8676
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8677
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8766
+ if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
8767
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8768
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8678
8769
  }
8679
8770
  }
8680
8771
  render() {
8681
8772
  const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
8682
8773
  const isSearchType = this.type === 'search';
8683
- const shouldShowClearButton = isSearchType && hasValue;
8774
+ const isIconUnsupportedType = this.type === 'file' || this.type === 'color';
8775
+ const shouldShowClearButton = hasValue && isSearchType;
8776
+ const shouldShowClearableButton = hasValue &&
8777
+ !isSearchType &&
8778
+ !isIconUnsupportedType &&
8779
+ this.clearable === true;
8780
+ /* DEPRECATED: noIcon will be removed by September 2026 */
8684
8781
  const shouldShowSearchButton = isSearchType && this.noIcon === false;
8685
8782
  const shouldHideIcon = !isSearchType && this.noIcon === true;
8686
8783
  const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
8687
- return (hAsync("div", { key: 'db31ec02c256f64f5a4d946331405b7ba349784d', class: "qds-container" }, hAsync("input", { key: '9e91aadb684a260ea63dfa7a64a1bffdcbe1f3a2', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8784
+ return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8688
8785
  // eslint-disable-next-line jsx-a11y/no-autofocus
8689
8786
  autoFocus: this.host.autofocus, capture: this.capture, class: {
8690
8787
  'qds-search-padding': shouldRemoveSearchPadding,
@@ -8693,10 +8790,11 @@ class Input {
8693
8790
  'qds-padding': shouldHideIcon,
8694
8791
  'qds-password-padding': this.type === 'password' ||
8695
8792
  (this.isPasswordVisible && this.type === 'text'),
8696
- }, "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: {
8697
- 'qds-icon-container': true,
8698
- 'no-padding': shouldRemoveSearchPadding,
8699
- } }, 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))))));
8793
+ 'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
8794
+ 'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
8795
+ }, "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 &&
8796
+ __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
8797
+ __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)))));
8700
8798
  }
8701
8799
  static get delegatesFocus() { return true; }
8702
8800
  static get formAssociated() { return true; }
@@ -8726,6 +8824,7 @@ class Input {
8726
8824
  "$members$": {
8727
8825
  "status": [1],
8728
8826
  "readonly": [4],
8827
+ "clearable": [4],
8729
8828
  "noIcon": [4, "no-icon"],
8730
8829
  "size": [1],
8731
8830
  "accept": [1],
@@ -8763,7 +8862,7 @@ class Input {
8763
8862
  "$attrsToReflect$": []
8764
8863
  }; }
8765
8864
  }
8766
- _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() {
8865
+ _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() {
8767
8866
  return this.host.matches(':disabled') || (this.disabled ?? false);
8768
8867
  }, _Input_computedIconName_get = function _Input_computedIconName_get() {
8769
8868
  if (this.type === 'password')
@@ -8815,7 +8914,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8815
8914
  ['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
8816
8915
  }, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
8817
8916
  return this.type === 'password'
8818
- ? __classPrivateFieldGet$h(this, _Input_togglePasswordVisibility, "f")
8917
+ ? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
8819
8918
  : this.showPicker;
8820
8919
  }, _Input_computedType_get = function _Input_computedType_get() {
8821
8920
  return this.type === 'password' && this.isPasswordVisible
@@ -8830,8 +8929,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8830
8929
  }, _Input_defineGetter = function _Input_defineGetter(p, get) {
8831
8930
  Object.defineProperty(this.host, p, { enumerable: true, get });
8832
8931
  }, _Input_clearValue = function _Input_clearValue() {
8833
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8834
- __classPrivateFieldGet$h(this, _Input_input, "f").value = '';
8932
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8933
+ __classPrivateFieldGet$j(this, _Input_input, "f").value = '';
8835
8934
  };
8836
8935
 
8837
8936
  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)}";
@@ -8839,7 +8938,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
8839
8938
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8840
8939
  //
8841
8940
  // SPDX-License-Identifier: Apache-2.0
8842
- var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8941
+ var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8843
8942
  if (kind === "a" && !f)
8844
8943
  throw new TypeError("Private accessor was defined without a getter");
8845
8944
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8897,37 +8996,37 @@ class Label {
8897
8996
  _Label_tooltipRef.set(this, (tooltip) => {
8898
8997
  if (tooltip)
8899
8998
  // eslint-disable-next-line no-param-reassign
8900
- tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$g(this, _Label_label, "f");
8999
+ tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
8901
9000
  });
8902
9001
  }
8903
9002
  textChanged() {
8904
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8905
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
8906
- if (!__classPrivateFieldGet$g(this, _Label_span, "f"))
9003
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9004
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
9005
+ if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
8907
9006
  return;
8908
- const span = __classPrivateFieldGet$g(this, _Label_span, "f");
9007
+ const span = __classPrivateFieldGet$i(this, _Label_span, "f");
8909
9008
  readTask(() => {
8910
9009
  this.tooltip = isEllipsisActive(span);
8911
9010
  });
8912
9011
  __classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
8913
9012
  this.tooltip = isEllipsisActive(spanEntry.target);
8914
9013
  }), "f");
8915
- __classPrivateFieldGet$g(this, _Label_ro, "f").observe(__classPrivateFieldGet$g(this, _Label_span, "f"));
9014
+ __classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
8916
9015
  }
8917
9016
  componentDidLoad() {
8918
9017
  this.textChanged();
8919
9018
  }
8920
9019
  disconnectedCallback() {
8921
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8922
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
9020
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9021
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
8923
9022
  }
8924
9023
  render() {
8925
- return (hAsync("span", { key: '0915703faa9ab405d9906f6620bfa19d78fbfca2', class: {
9024
+ return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
8926
9025
  'qds-inline': this.inline,
8927
9026
  'qds-label': true,
8928
- }, "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"),
9027
+ }, "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"),
8929
9028
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
8930
- 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))));
9029
+ 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))));
8931
9030
  }
8932
9031
  static get watchers() { return {
8933
9032
  "text": ["textChanged"]
@@ -8973,12 +9072,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
8973
9072
  }
8974
9073
  };
8975
9074
 
8976
- 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)}";
9075
+ 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)}";
8977
9076
 
8978
9077
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8979
9078
  //
8980
9079
  // SPDX-License-Identifier: Apache-2.0
8981
- var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9080
+ var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8982
9081
  if (kind === "a" && !f)
8983
9082
  throw new TypeError("Private accessor was defined without a getter");
8984
9083
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9055,14 +9154,14 @@ class ListItem {
9055
9154
  });
9056
9155
  _ListItem_onCheck.set(this, (event) => {
9057
9156
  event.stopImmediatePropagation();
9058
- this.selected = __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9157
+ this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9059
9158
  this.changeEmitter.emit();
9060
9159
  this.indeterminate = false;
9061
9160
  });
9062
9161
  _ListItem_onSelect.set(this, (event) => {
9063
9162
  event.stopImmediatePropagation();
9064
- if (!__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9065
- this.selected = !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9163
+ if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9164
+ this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9066
9165
  this.changeEmitter.emit();
9067
9166
  }
9068
9167
  });
@@ -9081,7 +9180,7 @@ class ListItem {
9081
9180
  if (iconButton) {
9082
9181
  __classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
9083
9182
  }
9084
- return __classPrivateFieldGet$f(this, _ListItem_iconButton, "f");
9183
+ return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
9085
9184
  });
9086
9185
  _ListItem_onSlotChange.set(this, (event) => {
9087
9186
  invariant(event.target instanceof HTMLSlotElement);
@@ -9100,13 +9199,13 @@ class ListItem {
9100
9199
  event.stopImmediatePropagation();
9101
9200
  return;
9102
9201
  }
9103
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9104
- invariant(__classPrivateFieldGet$f(this, _ListItem_checkbox, "f"));
9105
- __classPrivateFieldGet$f(this, _ListItem_onCheck, "f").call(this, event);
9202
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9203
+ invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
9204
+ __classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
9106
9205
  }
9107
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9108
- invariant(__classPrivateFieldGet$f(this, _ListItem_radio, "f"));
9109
- __classPrivateFieldGet$f(this, _ListItem_onSelect, "f").call(this, event);
9206
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9207
+ invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
9208
+ __classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
9110
9209
  }
9111
9210
  // Always prevent default behavior to avoid the internal `<input>`
9112
9211
  // to toggle `checked` state inappropriately.
@@ -9138,39 +9237,39 @@ class ListItem {
9138
9237
  listActionChanged(newValue) {
9139
9238
  this.internals.ariaChecked =
9140
9239
  (newValue === 'radio' || newValue === 'multiselect') &&
9141
- __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9240
+ __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9142
9241
  ? 'true'
9143
9242
  : 'false';
9144
9243
  }
9145
9244
  textChanged() {
9146
- if (__classPrivateFieldGet$f(this, _ListItem_roText, "f"))
9147
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").disconnect();
9148
- if (!__classPrivateFieldGet$f(this, _ListItem_text, "f") || !this.text)
9245
+ if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
9246
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
9247
+ if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
9149
9248
  return;
9150
- invariant(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9151
- const div = __classPrivateFieldGet$f(this, _ListItem_text, "f");
9249
+ invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9250
+ const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
9152
9251
  readTask(() => {
9153
9252
  this.textTooltip = isEllipsisActive(div);
9154
9253
  });
9155
9254
  __classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
9156
9255
  this.textTooltip = isEllipsisActive(divEntry.target);
9157
9256
  }), "f");
9158
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9257
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9159
9258
  }
9160
9259
  subtitleChanged() {
9161
- if (__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f"))
9162
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").disconnect();
9163
- if (!__classPrivateFieldGet$f(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9260
+ if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
9261
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
9262
+ if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9164
9263
  return;
9165
- invariant(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9166
- const div = __classPrivateFieldGet$f(this, _ListItem_subtitle, "f");
9264
+ invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9265
+ const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
9167
9266
  readTask(() => {
9168
9267
  this.subtitleTooltip = isEllipsisActive(div);
9169
9268
  });
9170
9269
  __classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
9171
9270
  this.subtitleTooltip = isEllipsisActive(divEntry.target);
9172
9271
  }), "f");
9173
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9272
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9174
9273
  }
9175
9274
  componentWillLoad() {
9176
9275
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9196,16 +9295,18 @@ class ListItem {
9196
9295
  this.subtitleChanged();
9197
9296
  }
9198
9297
  render() {
9199
- return (hAsync(Host, { key: '99f36686ee32cc9a38e51be2ae5802f5858b01e5' }, hAsync("div", { key: 'b4a5356f6120fb623a986093c26c23d764ae667f', class: {
9298
+ return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
9200
9299
  'qds-list-item': true,
9201
- 'qds-has-submenu': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9300
+ 'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9202
9301
  'qds-disabled': this.disabled,
9203
- 'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9204
- 'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9205
- }, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '5ce35efc68ee8a5c0790ee8a8ad3856796b012f7', class: {
9302
+ 'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9303
+ 'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9304
+ }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
9206
9305
  'qds-indented-content': true,
9207
- 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9208
- } }, __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))))));
9306
+ 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9307
+ } }, __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
9308
+ ? 0
9309
+ : 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))))));
9209
9310
  }
9210
9311
  get host() { return getElement(this); }
9211
9312
  static get watchers() { return {
@@ -9284,12 +9385,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
9284
9385
  return this.hasSubmenuSlot;
9285
9386
  };
9286
9387
 
9287
- 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)}";
9388
+ 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)}";
9288
9389
 
9289
9390
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9290
9391
  //
9291
9392
  // SPDX-License-Identifier: Apache-2.0
9292
- var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9393
+ var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9293
9394
  if (kind === "a" && !f)
9294
9395
  throw new TypeError("Private accessor was defined without a getter");
9295
9396
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9324,7 +9425,7 @@ class Loader {
9324
9425
  this.importance = 'standard';
9325
9426
  }
9326
9427
  statusChanged() {
9327
- const status = __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get);
9428
+ const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
9328
9429
  this.internals.ariaValueNow =
9329
9430
  status === undefined
9330
9431
  ? // eslint-disable-next-line unicorn/no-null
@@ -9352,11 +9453,11 @@ class Loader {
9352
9453
  this.internals.role = 'progressbar';
9353
9454
  this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
9354
9455
  this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
9355
- __classPrivateFieldGet$e(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9456
+ __classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9356
9457
  this.statusChanged();
9357
9458
  }
9358
9459
  render() {
9359
- 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) }));
9460
+ 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) }));
9360
9461
  }
9361
9462
  static get formAssociated() { return true; }
9362
9463
  get host() { return getElement(this); }
@@ -9422,7 +9523,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
9422
9523
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9423
9524
  //
9424
9525
  // SPDX-License-Identifier: Apache-2.0
9425
- var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9526
+ var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9426
9527
  if (kind === "a" && !f)
9427
9528
  throw new TypeError("Private accessor was defined without a getter");
9428
9529
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9480,7 +9581,7 @@ class MenuItem {
9480
9581
  if (menuItem) {
9481
9582
  __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
9482
9583
  }
9483
- return __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9584
+ return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9484
9585
  });
9485
9586
  _MenuItem_spanRef.set(this, (span) => {
9486
9587
  __classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
@@ -9488,7 +9589,7 @@ class MenuItem {
9488
9589
  _MenuItem_tooltipRef.set(this, (tooltip) => {
9489
9590
  if (tooltip)
9490
9591
  // eslint-disable-next-line no-param-reassign
9491
- tooltip.target = __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9592
+ tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9492
9593
  });
9493
9594
  }
9494
9595
  onBlur(event) {
@@ -9498,32 +9599,32 @@ class MenuItem {
9498
9599
  this.focusEmitter.emit(pickFocusEventAttributes(event));
9499
9600
  }
9500
9601
  onClick(event) {
9501
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9602
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9502
9603
  event.stopImmediatePropagation();
9503
9604
  return;
9504
9605
  }
9505
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9506
- this.checked = !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9606
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9607
+ this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9507
9608
  this.selectEmitter.emit();
9508
9609
  }
9509
9610
  }
9510
9611
  disabledChanged() {
9511
- this.internals.ariaDisabled = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9612
+ this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9512
9613
  }
9513
9614
  checkedChanged() {
9514
- this.internals.ariaChecked = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9615
+ this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9515
9616
  }
9516
9617
  componentDidLoad() {
9517
9618
  this.checkedChanged();
9518
- invariant(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9519
- const span = __classPrivateFieldGet$d(this, _MenuItem_span, "f");
9619
+ invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9620
+ const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
9520
9621
  readTask(() => {
9521
9622
  this.tooltip = isEllipsisActive(span);
9522
9623
  });
9523
9624
  __classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
9524
9625
  this.tooltip = isEllipsisActive(spanEntry.target);
9525
9626
  }), "f");
9526
- __classPrivateFieldGet$d(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9627
+ __classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9527
9628
  }
9528
9629
  componentWillLoad() {
9529
9630
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9532,11 +9633,11 @@ class MenuItem {
9532
9633
  this.disabledChanged();
9533
9634
  }
9534
9635
  render() {
9535
- return (hAsync("div", { key: 'e54aff263b4a16ab0813f0e4a40c4bc6bc87c01e', class: {
9636
+ return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
9536
9637
  'qds-menu-item': true,
9537
- 'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9538
- 'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9539
- }, 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))));
9638
+ 'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9639
+ 'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9640
+ }, 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))));
9540
9641
  }
9541
9642
  get host() { return getElement(this); }
9542
9643
  static get watchers() { return {
@@ -9578,9 +9679,9 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
9578
9679
  }, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
9579
9680
  return this.type ?? undefined;
9580
9681
  }, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
9581
- return __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9682
+ return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9582
9683
  }, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
9583
- return ((__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9684
+ return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9584
9685
  }, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
9585
9686
  return this.disabled ?? false;
9586
9687
  }, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
@@ -9592,7 +9693,7 @@ const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0
9592
9693
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9593
9694
  //
9594
9695
  // SPDX-License-Identifier: Apache-2.0
9595
- var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9696
+ var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9596
9697
  if (kind === "a" && !f)
9597
9698
  throw new TypeError("Private accessor was defined without a getter");
9598
9699
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9641,11 +9742,11 @@ class MiniButton {
9641
9742
  _MiniButton_savedTabIndex.set(this, 0);
9642
9743
  }
9643
9744
  disabledChanged() {
9644
- this.internals.ariaDisabled = __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9645
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9745
+ this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9746
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9646
9747
  this.host.removeAttribute('tabindex');
9647
9748
  else
9648
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9749
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9649
9750
  }
9650
9751
  hrefChanged() {
9651
9752
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -9657,16 +9758,16 @@ class MiniButton {
9657
9758
  ? 0
9658
9759
  : parsedValue, "f");
9659
9760
  }
9660
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9761
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9661
9762
  this.host.removeAttribute('tabindex');
9662
9763
  else
9663
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9764
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9664
9765
  }
9665
9766
  textChanged() {
9666
9767
  this.internals.ariaLabel = this.text;
9667
9768
  }
9668
9769
  onClick(event) {
9669
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9770
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9670
9771
  event.stopImmediatePropagation();
9671
9772
  }
9672
9773
  }
@@ -9692,7 +9793,7 @@ class MiniButton {
9692
9793
  }
9693
9794
  render() {
9694
9795
  const Tag = this.href === undefined ? 'button' : 'a';
9695
- 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 })));
9796
+ 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 })));
9696
9797
  }
9697
9798
  static get formAssociated() { return true; }
9698
9799
  get host() { return getElement(this); }
@@ -9726,7 +9827,7 @@ _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet()
9726
9827
  this.host.getAttribute('disabled') !== 'false'));
9727
9828
  };
9728
9829
 
9729
- 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)}";
9830
+ 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)}";
9730
9831
 
9731
9832
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9732
9833
  //
@@ -9740,7 +9841,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
9740
9841
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
9741
9842
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
9742
9843
  };
9743
- var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9844
+ var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9744
9845
  if (kind === "a" && !f)
9745
9846
  throw new TypeError("Private accessor was defined without a getter");
9746
9847
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9796,8 +9897,8 @@ class ProgressBar {
9796
9897
  maxChanged() {
9797
9898
  const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
9798
9899
  __classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
9799
- this.internals.ariaValueMax = __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f").toString();
9800
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9900
+ this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
9901
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9801
9902
  }
9802
9903
  valueChanged() {
9803
9904
  const value = typeof this.value === 'string'
@@ -9806,21 +9907,21 @@ class ProgressBar {
9806
9907
  __classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
9807
9908
  this.internals.ariaValueNow =
9808
9909
  // eslint-disable-next-line unicorn/no-null
9809
- this.value === undefined ? null : __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f").toString();
9810
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9910
+ this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
9911
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9811
9912
  }
9812
9913
  componentWillLoad() {
9813
9914
  this.internals.role = 'progressbar';
9814
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9815
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$b(this, _ProgressBar_position, "f"));
9915
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9916
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
9816
9917
  this.maxChanged();
9817
9918
  this.valueChanged();
9818
9919
  }
9819
9920
  render() {
9820
- 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: {
9921
+ 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: {
9821
9922
  'qds-bar': true,
9822
- 'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
9823
- }, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9923
+ 'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
9924
+ }, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9824
9925
  }
9825
9926
  static get formAssociated() { return true; }
9826
9927
  get host() { return getElement(this); }
@@ -9861,18 +9962,18 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
9861
9962
  this.width = '50%';
9862
9963
  return;
9863
9964
  }
9864
- __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f"), "f");
9865
- this.width = `${Math.min(__classPrivateFieldGet$b(this, _ProgressBar_position, "f") * 100, 100)}%`;
9965
+ __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
9966
+ this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
9866
9967
  }, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
9867
9968
  Object.defineProperty(this.host, p, { enumerable: true, get });
9868
9969
  };
9869
9970
 
9870
- 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}";
9971
+ 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}";
9871
9972
 
9872
9973
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9873
9974
  //
9874
9975
  // SPDX-License-Identifier: Apache-2.0
9875
- var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9976
+ var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9876
9977
  if (kind === "a" && !f)
9877
9978
  throw new TypeError("Private accessor was defined without a getter");
9878
9979
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9931,29 +10032,29 @@ class QdsBreadcrumbItem {
9931
10032
  _QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
9932
10033
  if (tooltip)
9933
10034
  // eslint-disable-next-line no-param-reassign
9934
- tooltip.target = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
10035
+ tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
9935
10036
  });
9936
10037
  }
9937
10038
  onClick(event) {
9938
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
10039
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
9939
10040
  event.stopImmediatePropagation();
9940
10041
  }
9941
10042
  disabledChanged() {
9942
10043
  this.internals.ariaDisabled = this.disabled.toString();
9943
10044
  }
9944
10045
  textChanged() {
9945
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
9946
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
9947
- if (!__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"))
10046
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10047
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10048
+ if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
9948
10049
  return;
9949
- const span = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f");
10050
+ const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
9950
10051
  readTask(() => {
9951
10052
  this.tooltip = isEllipsisActive(span);
9952
10053
  });
9953
10054
  __classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
9954
10055
  this.tooltip = isEllipsisActive(spanEntry.target);
9955
10056
  }), "f");
9956
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"));
10057
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
9957
10058
  }
9958
10059
  componentWillLoad() {
9959
10060
  this.internals.role = 'listitem';
@@ -9963,16 +10064,16 @@ class QdsBreadcrumbItem {
9963
10064
  this.textChanged();
9964
10065
  }
9965
10066
  disconnectedCallback() {
9966
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
9967
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10067
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10068
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
9968
10069
  }
9969
10070
  render() {
9970
10071
  return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
9971
10072
  'qds-breadcrumb-item': true,
9972
- 'qds-disabled': __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
9973
- }, 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)
9974
- ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
9975
- : __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))));
10073
+ 'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
10074
+ }, 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)
10075
+ ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
10076
+ : __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))));
9976
10077
  }
9977
10078
  static get delegatesFocus() { return true; }
9978
10079
  static get watchers() { return {
@@ -10007,17 +10108,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
10007
10108
  return false;
10008
10109
  return isCurrentPage(this.href);
10009
10110
  }, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
10010
- 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" }, "/")));
10111
+ 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" }, "/")));
10011
10112
  }, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
10012
- return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10113
+ return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10013
10114
  };
10014
10115
 
10015
- 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)}";
10116
+ 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)}";
10016
10117
 
10017
10118
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10018
10119
  //
10019
10120
  // SPDX-License-Identifier: Apache-2.0
10020
- var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10121
+ var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10021
10122
  if (kind === "a" && !f)
10022
10123
  throw new TypeError("Private accessor was defined without a getter");
10023
10124
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10033,7 +10134,7 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
10033
10134
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10034
10135
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10035
10136
  };
10036
- var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onChange, _Radio_onFocus;
10137
+ 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;
10037
10138
  /**
10038
10139
  * `<qds-radio>` elements are rendered as circles that are filled when
10039
10140
  * selected. They are generally used in **radio groups** — collections of radio
@@ -10062,51 +10163,91 @@ class Radio {
10062
10163
  * The radio button's size.
10063
10164
  */
10064
10165
  this.size = 'standard';
10166
+ this.tooltip = false;
10065
10167
  _Radio_inheritedAttributes.set(this, {});
10066
10168
  _Radio_input.set(this, void 0);
10169
+ _Radio_ro.set(this, void 0);
10170
+ _Radio_span.set(this, void 0);
10171
+ _Radio_tooltip.set(this, void 0);
10067
10172
  _Radio_ref.set(this, (input) => {
10068
10173
  __classPrivateFieldSet$8(this, _Radio_input, input, "f");
10069
10174
  });
10070
10175
  _Radio_onBlur.set(this, (event) => {
10071
10176
  this.blurEmitter.emit(pickFocusEventAttributes(event));
10072
- });
10073
- _Radio_onChange.set(this, () => {
10074
- this.changeEmitter.emit();
10177
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10178
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
10075
10179
  });
10076
10180
  _Radio_onFocus.set(this, (event) => {
10077
10181
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10182
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10183
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
10184
+ });
10185
+ _Radio_spanRef.set(this, (span) => {
10186
+ __classPrivateFieldSet$8(this, _Radio_span, span, "f");
10187
+ });
10188
+ _Radio_tooltipRef.set(this, (tooltip) => {
10189
+ if (tooltip) {
10190
+ // eslint-disable-next-line no-param-reassign
10191
+ tooltip.target = this.host;
10192
+ __classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
10193
+ }
10194
+ });
10195
+ _Radio_onChange.set(this, () => {
10196
+ this.changeEmitter.emit();
10078
10197
  });
10079
10198
  }
10080
10199
  onClick(event) {
10081
- if (__classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10200
+ if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10082
10201
  event.stopImmediatePropagation();
10083
10202
  return;
10084
10203
  }
10085
- invariant(__classPrivateFieldGet$9(this, _Radio_input, "f"));
10086
- this.checked = __classPrivateFieldGet$9(this, _Radio_input, "f").checked;
10204
+ invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
10205
+ this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
10087
10206
  }
10088
10207
  tabindexChanged(newValue) {
10089
10208
  const parsedValue = Number.parseInt(newValue, 10);
10090
10209
  this.tabIndex =
10091
10210
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10092
10211
  }
10212
+ textChanged() {
10213
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10214
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10215
+ if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
10216
+ return;
10217
+ const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
10218
+ readTask(() => {
10219
+ this.tooltip = isEllipsisActive(span);
10220
+ });
10221
+ __classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
10222
+ this.tooltip = isEllipsisActive(spanEntry.target);
10223
+ }), "f");
10224
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
10225
+ }
10093
10226
  componentWillLoad() {
10094
10227
  __classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10095
10228
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10096
10229
  }
10230
+ componentDidLoad() {
10231
+ this.textChanged();
10232
+ }
10233
+ disconnectedCallback() {
10234
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10235
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10236
+ }
10097
10237
  render() {
10098
10238
  return (
10099
10239
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
10100
- hAsync("label", { key: '978a5c457627a622001bc271320bea35b884d0e5', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10240
+ hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10101
10241
  'qds-inline': this.inline,
10102
10242
  'qds-label': true,
10103
- }, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: 'fbd24e10474b10f707f40b50955763f3f47fe641', class: "qds-container" }, hAsync("input", { key: 'd87badaed53c1c21d65b265256fdd4d4971f6e38',
10243
+ }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
10104
10244
  // eslint-disable-next-line jsx-a11y/no-autofocus
10105
- 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 }))));
10245
+ 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))));
10106
10246
  }
10107
10247
  get host() { return getElement(this); }
10108
10248
  static get watchers() { return {
10109
- "tabindex": ["tabindexChanged"]
10249
+ "tabindex": ["tabindexChanged"],
10250
+ "text": ["textChanged"]
10110
10251
  }; }
10111
10252
  static get style() { return radioCss; }
10112
10253
  static get cmpMeta() { return {
@@ -10122,14 +10263,15 @@ class Radio {
10122
10263
  "name": [1],
10123
10264
  "required": [4],
10124
10265
  "value": [1032],
10125
- "tabIndex": [32]
10266
+ "tabIndex": [32],
10267
+ "tooltip": [32]
10126
10268
  },
10127
10269
  "$listeners$": [[0, "click", "onClick"]],
10128
10270
  "$lazyBundleId$": "-",
10129
10271
  "$attrsToReflect$": []
10130
10272
  }; }
10131
10273
  }
10132
- _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() {
10274
+ _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() {
10133
10275
  return this.disabled ?? false;
10134
10276
  }, _Radio_computedSize_get = function _Radio_computedSize_get() {
10135
10277
  switch (this.size) {
@@ -10146,12 +10288,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
10146
10288
  return this.text !== undefined && this.text !== '';
10147
10289
  };
10148
10290
 
10149
- 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}";
10291
+ 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}";
10150
10292
 
10151
10293
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10152
10294
  //
10153
10295
  // SPDX-License-Identifier: Apache-2.0
10154
- var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10296
+ var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10155
10297
  if (kind === "a" && !f)
10156
10298
  throw new TypeError("Private accessor was defined without a getter");
10157
10299
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10167,7 +10309,7 @@ var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) |
10167
10309
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10168
10310
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10169
10311
  };
10170
- 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;
10312
+ 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;
10171
10313
  const throwError = () => {
10172
10314
  invariant(false);
10173
10315
  };
@@ -10315,28 +10457,28 @@ class Select {
10315
10457
  this.checkValidity = () => this.internals.checkValidity();
10316
10458
  this.reportValidity = () => this.internals.reportValidity();
10317
10459
  this.setCustomValidity = (error) => {
10318
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10319
- __classPrivateFieldGet$8(this, _Select_select, "f").setCustomValidity(error);
10460
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10461
+ __classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
10320
10462
  if (error)
10321
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$8(this, _Select_select, "f"));
10463
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
10322
10464
  else
10323
10465
  this.internals.setValidity(NO_ERROR_FLAGS);
10324
10466
  };
10325
10467
  this.addItem = (element, before) => {
10326
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10327
- __classPrivateFieldGet$8(this, _Select_select, "f").add(element, before);
10468
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10469
+ __classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
10328
10470
  };
10329
10471
  this.removeItem = (index) => {
10330
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10331
- __classPrivateFieldGet$8(this, _Select_select, "f").remove(index);
10472
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10473
+ __classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
10332
10474
  };
10333
10475
  this.item = (index) => {
10334
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10335
- return __classPrivateFieldGet$8(this, _Select_select, "f").item(index);
10476
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10477
+ return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
10336
10478
  };
10337
10479
  this.namedItem = (name) => {
10338
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10339
- return __classPrivateFieldGet$8(this, _Select_select, "f").namedItem(name);
10480
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10481
+ return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
10340
10482
  };
10341
10483
  _Select_ref.set(this, (select) => {
10342
10484
  __classPrivateFieldSet$7(this, _Select_select, select, "f");
@@ -10351,31 +10493,31 @@ class Select {
10351
10493
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10352
10494
  });
10353
10495
  _Select_onInput.set(this, (event) => {
10354
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10355
- this.value = __classPrivateFieldGet$8(this, _Select_select, "f").value;
10496
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10497
+ this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
10356
10498
  this.inputEmitter.emit(pickInputEventAttributes(event));
10357
10499
  });
10358
10500
  _Select_onSlotchange.set(this, (event) => {
10359
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10501
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10360
10502
  const { currentTarget } = event;
10361
10503
  invariant(currentTarget instanceof HTMLSlotElement);
10362
- __classPrivateFieldGet$8(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10504
+ __classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10363
10505
  });
10364
10506
  }
10365
10507
  onClick(event) {
10366
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10508
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10367
10509
  event.stopImmediatePropagation();
10368
10510
  }
10369
10511
  disabledChanged() {
10370
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10512
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10371
10513
  // eslint-disable-next-line unicorn/no-null
10372
10514
  this.internals.setFormValue(null);
10373
10515
  else
10374
- this.internals.setFormValue(__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get));
10516
+ this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
10375
10517
  }
10376
10518
  selectedIndexChanged() {
10377
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10378
- __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10519
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10520
+ __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10379
10521
  }
10380
10522
  tabindexChanged(newValue) {
10381
10523
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10383,39 +10525,43 @@ class Select {
10383
10525
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10384
10526
  }
10385
10527
  validationChanged() {
10386
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10387
- __classPrivateFieldGet$8(this, _Select_select, "f").value = __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get);
10388
- __classPrivateFieldGet$8(this, _Select_select, "f").required = this.required ?? false;
10389
- const { valid } = __classPrivateFieldGet$8(this, _Select_select, "f").validity;
10528
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10529
+ __classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
10530
+ __classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
10531
+ const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
10390
10532
  if (valid)
10391
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$8(this, _Select_select, "f"));
10533
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
10392
10534
  else
10393
- this.internals.setValidity(__classPrivateFieldGet$8(this, _Select_select, "f").validity, __classPrivateFieldGet$8(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$8(this, _Select_select, "f"));
10535
+ this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
10536
+ }
10537
+ statusChanged() {
10538
+ this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
10394
10539
  }
10395
10540
  componentWillLoad() {
10396
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10397
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10398
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10399
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10400
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedType_get));
10401
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get));
10402
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get).length);
10403
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10541
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10542
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10543
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10544
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10545
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
10546
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
10547
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
10548
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10404
10549
  __classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10405
10550
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10551
+ this.statusChanged();
10406
10552
  }
10407
10553
  componentDidLoad() {
10408
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10554
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10409
10555
  this.validationChanged();
10410
- this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
10556
+ this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
10411
10557
  }
10412
10558
  render() {
10413
- return (hAsync("div", { key: '8d6107fc18c16385b063199f6bdd03f032e20597', class: {
10559
+ return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
10414
10560
  'qds-container': true,
10415
10561
  'qds-multiple': this.multiple ?? false,
10416
- }, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'eed0ad5d20458c3c277958a07044a5ea48b8bb5f', autoComplete: this.autoComplete,
10562
+ }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
10417
10563
  // eslint-disable-next-line jsx-a11y/no-autofocus
10418
- 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" })));
10564
+ 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" })));
10419
10565
  }
10420
10566
  static get delegatesFocus() { return true; }
10421
10567
  static get formAssociated() { return true; }
@@ -10425,13 +10571,15 @@ class Select {
10425
10571
  "selectedIndex": ["selectedIndexChanged"],
10426
10572
  "tabindex": ["tabindexChanged"],
10427
10573
  "required": ["validationChanged"],
10428
- "value": ["validationChanged"]
10574
+ "value": ["validationChanged"],
10575
+ "status": ["statusChanged"]
10429
10576
  }; }
10430
10577
  static get style() { return selectCss; }
10431
10578
  static get cmpMeta() { return {
10432
10579
  "$flags$": 345,
10433
10580
  "$tagName$": "qds-select",
10434
10581
  "$members$": {
10582
+ "status": [1],
10435
10583
  "size": [1],
10436
10584
  "autoComplete": [1, "autocomplete"],
10437
10585
  "disabled": [4],
@@ -10459,8 +10607,19 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10459
10607
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
10460
10608
  this.host.getAttribute('disabled') !== 'false');
10461
10609
  }, _Select_computedOptions_get = function _Select_computedOptions_get() {
10462
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10463
- return __classPrivateFieldGet$8(this, _Select_select, "f").options;
10610
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10611
+ return __classPrivateFieldGet$a(this, _Select_select, "f").options;
10612
+ }, _Select_computedStatus_get = function _Select_computedStatus_get() {
10613
+ switch (this.status) {
10614
+ case 'error':
10615
+ case 'success':
10616
+ case 'warning': {
10617
+ return this.status;
10618
+ }
10619
+ default: {
10620
+ return undefined;
10621
+ }
10622
+ }
10464
10623
  }, _Select_computedSize_get = function _Select_computedSize_get() {
10465
10624
  switch (this.size) {
10466
10625
  case 'standard':
@@ -10473,23 +10632,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10473
10632
  }
10474
10633
  }
10475
10634
  }, _Select_computedType_get = function _Select_computedType_get() {
10476
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10477
- return __classPrivateFieldGet$8(this, _Select_select, "f").type;
10635
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10636
+ return __classPrivateFieldGet$a(this, _Select_select, "f").type;
10478
10637
  }, _Select_computedValue_get = function _Select_computedValue_get() {
10479
10638
  return this.value ?? '';
10480
10639
  }, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
10481
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10482
- return __classPrivateFieldGet$8(this, _Select_select, "f").selectedOptions;
10640
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10641
+ return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
10483
10642
  }, _Select_defineGetter = function _Select_defineGetter(p, get) {
10484
10643
  Object.defineProperty(this.host, p, { enumerable: true, get });
10485
10644
  };
10486
10645
 
10487
- 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)}";
10646
+ 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)}";
10488
10647
 
10489
10648
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10490
10649
  //
10491
10650
  // SPDX-License-Identifier: Apache-2.0
10492
- var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10651
+ var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10493
10652
  if (kind === "a" && !f)
10494
10653
  throw new TypeError("Private accessor was defined without a getter");
10495
10654
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10555,7 +10714,7 @@ class StandaloneLink {
10555
10714
  _StandaloneLink_savedTabIndex.set(this, 0);
10556
10715
  _StandaloneLink_link.set(this, void 0);
10557
10716
  _StandaloneLink_updateAriaLabelElements.set(this, () => {
10558
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10717
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10559
10718
  });
10560
10719
  _StandaloneLink_linkRef.set(this, (link) => {
10561
10720
  __classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
@@ -10567,7 +10726,7 @@ class StandaloneLink {
10567
10726
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10568
10727
  });
10569
10728
  _StandaloneLink_onSlotchange.set(this, () => {
10570
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10729
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10571
10730
  });
10572
10731
  }
10573
10732
  onClick(event) {
@@ -10575,18 +10734,18 @@ class StandaloneLink {
10575
10734
  event.stopImmediatePropagation();
10576
10735
  }
10577
10736
  onKeydown(event) {
10578
- invariant(__classPrivateFieldGet$7(this, _StandaloneLink_link, "f"));
10737
+ invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
10579
10738
  if (this.disabled)
10580
10739
  return;
10581
10740
  if (event.key === 'Enter')
10582
- __classPrivateFieldGet$7(this, _StandaloneLink_link, "f").click();
10741
+ __classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
10583
10742
  }
10584
10743
  disabledChanged() {
10585
10744
  this.internals.ariaDisabled = this.disabled.toString();
10586
10745
  if (this.disabled)
10587
10746
  this.host.removeAttribute('tabindex');
10588
10747
  else
10589
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10748
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10590
10749
  }
10591
10750
  tabindexChanged(newValue) {
10592
10751
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10597,11 +10756,11 @@ class StandaloneLink {
10597
10756
  if (this.disabled)
10598
10757
  this.host.removeAttribute('tabindex');
10599
10758
  else
10600
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10759
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10601
10760
  }
10602
10761
  hrefTargetChanged() {
10603
10762
  this.linkIcon = determineLinkIcon(this.target, this.rel);
10604
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10763
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10605
10764
  }
10606
10765
  componentWillLoad() {
10607
10766
  this.internals.role = 'link';
@@ -10610,14 +10769,14 @@ class StandaloneLink {
10610
10769
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10611
10770
  }
10612
10771
  componentDidLoad() {
10613
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10772
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10614
10773
  }
10615
10774
  render() {
10616
- return (hAsync("a", { key: 'dc1e8db62a1893f103cf03b24f639db8d09a5454', "aria-hidden": "true", class: {
10775
+ return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
10617
10776
  'qds-standalone-link': true,
10618
10777
  'qds-disabled': this.disabled,
10619
10778
  'qds-visitable': this.visitable,
10620
- }, "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" })))));
10779
+ }, "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" })))));
10621
10780
  }
10622
10781
  get host() { return getElement(this); }
10623
10782
  static get watchers() { return {
@@ -10680,7 +10839,7 @@ const switchCss = ":host([hidden]){display:none!important}:host{display:inline-b
10680
10839
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10681
10840
  //
10682
10841
  // SPDX-License-Identifier: Apache-2.0
10683
- var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10842
+ var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10684
10843
  if (kind === "a" && !f)
10685
10844
  throw new TypeError("Private accessor was defined without a getter");
10686
10845
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10794,12 +10953,12 @@ class Switch {
10794
10953
  };
10795
10954
  }
10796
10955
  onClick(event) {
10797
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10956
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10798
10957
  event.stopImmediatePropagation();
10799
10958
  return;
10800
10959
  }
10801
10960
  event.preventDefault();
10802
- this.checked = !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get);
10961
+ this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
10803
10962
  this.changeEmitter.emit();
10804
10963
  }
10805
10964
  onBlur(event) {
@@ -10818,12 +10977,12 @@ class Switch {
10818
10977
  this.host.click();
10819
10978
  }
10820
10979
  checkedChanged() {
10821
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10822
- this.internals.ariaChecked = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10980
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10981
+ this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10823
10982
  }
10824
10983
  disabledChanged() {
10825
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10826
- this.internals.ariaDisabled = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10984
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10985
+ this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10827
10986
  }
10828
10987
  tabindexChanged(newValue) {
10829
10988
  if (newValue !== null) {
@@ -10832,33 +10991,33 @@ class Switch {
10832
10991
  ? 0
10833
10992
  : parsedValue, "f");
10834
10993
  }
10835
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10994
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10836
10995
  this.host.removeAttribute('tabindex');
10837
10996
  else
10838
- this.host.tabIndex = __classPrivateFieldGet$6(this, _Switch_savedTabIndex, "f");
10997
+ this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
10839
10998
  }
10840
10999
  valueChanged() {
10841
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
11000
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10842
11001
  }
10843
11002
  componentWillLoad() {
10844
11003
  this.internals.role = 'switch';
10845
11004
  this.checkedChanged();
10846
11005
  this.disabledChanged();
10847
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
10848
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
10849
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10850
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
10851
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
11006
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
11007
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
11008
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
11009
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
11010
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10852
11011
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10853
11012
  }
10854
11013
  render() {
10855
- return (hAsync("div", { key: '64c7d772d4d373d571c7f34d024504844b60670c', class: {
11014
+ return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
10856
11015
  'qds-container': true,
10857
- 'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
11016
+ 'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
10858
11017
  'qds-inline': this.inline,
10859
- }, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'd951525c1afdc906bd9868d22a6e251121200195', "aria-hidden": "true",
11018
+ }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
10860
11019
  // eslint-disable-next-line jsx-a11y/no-autofocus
10861
- 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" }))))));
11020
+ 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" }))))));
10862
11021
  }
10863
11022
  static get formAssociated() { return true; }
10864
11023
  get host() { return getElement(this); }
@@ -10913,18 +11072,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
10913
11072
  }, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
10914
11073
  Object.defineProperty(this.host, p, { enumerable: true, get });
10915
11074
  }, _Switch_updateFormValue = function _Switch_updateFormValue() {
10916
- this.internals.setFormValue(__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)
10917
- ? __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedValue_get)
11075
+ this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
11076
+ ? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
10918
11077
  : // eslint-disable-next-line unicorn/no-null
10919
11078
  null);
10920
11079
  };
10921
11080
 
10922
- 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)}";
11081
+ 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)}";
10923
11082
 
10924
11083
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10925
11084
  //
10926
11085
  // SPDX-License-Identifier: Apache-2.0
10927
- var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11086
+ var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10928
11087
  if (kind === "a" && !f)
10929
11088
  throw new TypeError("Private accessor was defined without a getter");
10930
11089
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10940,7 +11099,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
10940
11099
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10941
11100
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10942
11101
  };
10943
- 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;
11102
+ 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;
10944
11103
  const isCounter = (value) => typeof value === 'string'
10945
11104
  ? !Number.isNaN(Number.parseFloat(value))
10946
11105
  : typeof value === 'number';
@@ -10986,7 +11145,7 @@ class Tab {
10986
11145
  /**
10987
11146
  * The tab's indicator position.
10988
11147
  */
10989
- this.indicatorPosition = 'block-end';
11148
+ this.indicatorPosition = 'block-start';
10990
11149
  /**
10991
11150
  * The name of a registered icon library.
10992
11151
  */
@@ -11022,7 +11181,7 @@ class Tab {
11022
11181
  });
11023
11182
  _Tab_onIconClick.set(this, (event) => {
11024
11183
  event.stopPropagation();
11025
- __classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
11184
+ __classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
11026
11185
  });
11027
11186
  _Tab_onBlur.set(this, (event) => {
11028
11187
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -11031,12 +11190,12 @@ class Tab {
11031
11190
  this.focusEmitter.emit(pickFocusEventAttributes(event));
11032
11191
  });
11033
11192
  _Tab_defineTab.set(this, () => {
11034
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11035
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$5(this, _Tab_tab, "f"));
11193
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11194
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
11036
11195
  }
11037
11196
  else {
11038
11197
  this.internals.role = 'tab';
11039
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11198
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11040
11199
  }
11041
11200
  });
11042
11201
  }
@@ -11048,15 +11207,15 @@ class Tab {
11048
11207
  __classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
11049
11208
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11050
11209
  if (tab)
11051
- tab.setAttribute('aria-controls', __classPrivateFieldGet$5(this, _Tab_panel, "f").id);
11052
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === null)
11053
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = 'tabpanel';
11054
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11055
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11056
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11210
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
11211
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
11212
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
11213
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11214
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11215
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11057
11216
  }
11058
11217
  onClick(event) {
11059
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11218
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11060
11219
  event.stopImmediatePropagation();
11061
11220
  }
11062
11221
  tabindexChanged(newValue) {
@@ -11065,61 +11224,58 @@ class Tab {
11065
11224
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
11066
11225
  }
11067
11226
  actionChanged() {
11068
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11227
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11069
11228
  }
11070
11229
  componentWillLoad() {
11071
11230
  var _a;
11072
11231
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
11073
11232
  (_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
11074
11233
  autoIncrementingId$1 += 1;
11075
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11234
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11076
11235
  }
11077
11236
  componentWillRender() {
11078
- const isPanelRoot = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11079
- const isMainSubsection = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11237
+ const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11238
+ const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11080
11239
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
11081
11240
  }
11082
11241
  componentDidLoad() {
11083
11242
  this.panelChanged();
11084
11243
  }
11085
11244
  disconnectedCallback() {
11086
- if (!__classPrivateFieldGet$5(this, _Tab_panel, "f"))
11245
+ if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
11087
11246
  return;
11088
11247
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11089
11248
  if (tab)
11090
11249
  tab.removeAttribute('aria-controls');
11091
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === 'tabpanel')
11250
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
11092
11251
  // eslint-disable-next-line unicorn/no-null
11093
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = null;
11094
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11095
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11096
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('tabindex');
11252
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
11253
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11254
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11255
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
11097
11256
  }
11098
11257
  render() {
11099
- const isLink = this.href !== undefined && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11100
- const indicatorPosition = this.isIndicatorOnTop
11101
- ? 'block-start'
11102
- : this.indicatorPosition;
11258
+ const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11103
11259
  const Tag = isLink
11104
11260
  ? 'a'
11105
- : __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11261
+ : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11106
11262
  ? 'button'
11107
11263
  : 'div';
11108
- return (hAsync("div", { key: '93c2bf58111a278b488904a4b11067b68d406f91', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11109
- 'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11264
+ return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11265
+ 'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11110
11266
  'qds-selected': this.selected,
11111
- [`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11112
- }, "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: {
11113
- 'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11114
- 'qds-closable-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11267
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11268
+ }, "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: {
11269
+ 'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11270
+ 'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11115
11271
  'qds-selected': this.selected,
11116
- [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11117
- }, 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
11272
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11273
+ }, 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
11118
11274
  ? this.selected
11119
11275
  ? 'true'
11120
11276
  : 'false'
11121
- : 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 !== '') ||
11122
- (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) }))));
11277
+ : 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 !== '') ||
11278
+ (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) }))));
11123
11279
  }
11124
11280
  get host() { return getElement(this); }
11125
11281
  static get watchers() { return {
@@ -11174,6 +11330,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11174
11330
  }
11175
11331
  }
11176
11332
  }, _Tab_computedSize_get = function _Tab_computedSize_get() {
11333
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
11334
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
11177
11335
  switch (this.size) {
11178
11336
  case 'standard':
11179
11337
  case 'small':
@@ -11185,6 +11343,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11185
11343
  }
11186
11344
  }
11187
11345
  }, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
11346
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
11347
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
11188
11348
  switch (this.importance) {
11189
11349
  case 'subdued':
11190
11350
  case 'standard': {
@@ -11194,6 +11354,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11194
11354
  return 'standard';
11195
11355
  }
11196
11356
  }
11357
+ }, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
11358
+ return this.host.closest('qds-tabbar')?.importance ?? undefined;
11359
+ }, _Tab_parentSize_get = function _Tab_parentSize_get() {
11360
+ return this.host.closest('qds-tabbar')?.size ?? undefined;
11197
11361
  }, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
11198
11362
  return this.host.closest('qds-tabbar')?.layer ?? 'main';
11199
11363
  }, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
@@ -11204,7 +11368,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11204
11368
  return this.disabled ?? false;
11205
11369
  }, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
11206
11370
  if (this.selected) {
11207
- return __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11371
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11208
11372
  }
11209
11373
  return -1;
11210
11374
  }, _Tab_renderText = function _Tab_renderText() {
@@ -11213,12 +11377,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11213
11377
  Object.defineProperty(this.host, p, { enumerable: true, get });
11214
11378
  };
11215
11379
 
11216
- 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)}";
11380
+ 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)}";
11217
11381
 
11218
11382
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11219
11383
  //
11220
11384
  // SPDX-License-Identifier: Apache-2.0
11221
- var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11385
+ var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11222
11386
  if (kind === "a" && !f)
11223
11387
  throw new TypeError("Private accessor was defined without a getter");
11224
11388
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -11234,7 +11398,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
11234
11398
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
11235
11399
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11236
11400
  };
11237
- 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;
11401
+ 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;
11238
11402
  const TAB_SETTINGS = {
11239
11403
  'main-root': {
11240
11404
  importance: 'standard',
@@ -11292,16 +11456,33 @@ class Tabbar {
11292
11456
  _Tabbar_instances.add(this);
11293
11457
  /**
11294
11458
  * The tabbar's layer.
11459
+ *
11460
+ * @deprecated The property layer is deprecated. Please use `size` property instead.
11461
+ * Please do not use `layer` and `size` at the same time.
11295
11462
  */
11296
11463
  this.layer = 'main';
11297
11464
  /**
11298
11465
  * The tabbar's level.
11466
+ *
11467
+ * @deprecated The property level is deprecated. Please use `size` property instead.
11468
+ * Please do not use `level` and `size` at the same time.
11299
11469
  */
11300
11470
  this.level = 'root';
11471
+ /**
11472
+ * The tabbar's size. This controls the size of the tabs within the tabbar.
11473
+ */
11474
+ this.size = 'standard';
11301
11475
  /**
11302
11476
  * The tabbar's orientation.
11477
+ *
11478
+ * @deprecated Please use the `placement` property instead. Do not use
11479
+ * `orientation` and `placement` at the same time.
11303
11480
  */
11304
11481
  this.orientation = 'horizontal';
11482
+ /**
11483
+ * The tabbar's placement.
11484
+ */
11485
+ this.placement = 'top';
11305
11486
  /**
11306
11487
  * Displays a divider line.
11307
11488
  */
@@ -11309,7 +11490,7 @@ class Tabbar {
11309
11490
  /**
11310
11491
  * The alignment of tabs. Only applicable for horizontal orientation.
11311
11492
  */
11312
- this.alignment = 'left';
11493
+ this.alignment = 'start';
11313
11494
  this.disableEndArrow = false;
11314
11495
  this.disableStartArrow = false;
11315
11496
  _Tabbar_tabs.set(this, []);
@@ -11317,23 +11498,25 @@ class Tabbar {
11317
11498
  _Tabbar_tabbar.set(this, void 0);
11318
11499
  _Tabbar_inheritedAttributes.set(this, {});
11319
11500
  _Tabbar_scrollToStart.set(this, () => {
11320
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11501
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11321
11502
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11322
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11503
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11323
11504
  left: isRTL
11324
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11325
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11505
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11506
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11326
11507
  });
11327
11508
  });
11328
11509
  _Tabbar_scrollToEnd.set(this, () => {
11329
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11510
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11330
11511
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11331
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11512
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11332
11513
  left: isRTL
11333
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11334
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11514
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11515
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11335
11516
  });
11336
11517
  });
11518
+ _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
11519
+ _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
11337
11520
  _Tabbar_onClick.set(this, (event) => {
11338
11521
  const { target } = event;
11339
11522
  if (!(target instanceof HTMLElement))
@@ -11341,22 +11524,22 @@ class Tabbar {
11341
11524
  const tab = target.closest('qds-tab');
11342
11525
  if (!tab || tab.disabled === true || tab.inert)
11343
11526
  return;
11344
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11345
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11527
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11528
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11346
11529
  });
11347
11530
  _Tabbar_onKeyDown.set(this, (event) => {
11348
- const isVertical = this.orientation === 'vertical';
11531
+ const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
11349
11532
  const MOVE_SELECTION_KEYS = isVertical
11350
11533
  ? VERTICAL_MOVE_KEYS
11351
11534
  : HORIZONTAL_MOVE_KEYS;
11352
11535
  if (!MOVE_SELECTION_KEYS.has(event.key))
11353
11536
  return;
11354
- const tabs = __classPrivateFieldGet$4(this, _Tabbar_tabs, "f");
11537
+ const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
11355
11538
  if (tabs.length === 0)
11356
11539
  return;
11357
11540
  event.preventDefault();
11358
11541
  event.stopPropagation();
11359
- const activeTab = __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11542
+ const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11360
11543
  let index = activeTab ? tabs.indexOf(activeTab) : 0;
11361
11544
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11362
11545
  let nextTab;
@@ -11391,23 +11574,23 @@ class Tabbar {
11391
11574
  }
11392
11575
  nextTab = tabs[index];
11393
11576
  } while (nextTab.disabled === true);
11394
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11577
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11395
11578
  const target = nextTab.tab;
11396
11579
  target.focus({ preventScroll: true });
11397
11580
  if (!isVertical)
11398
11581
  target.scrollIntoView();
11399
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11400
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11582
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11583
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11401
11584
  });
11402
11585
  _Tabbar_onMouseDown.set(this, (event) => {
11403
11586
  const { target } = event;
11404
11587
  if (isEnabledTabItem(target))
11405
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11588
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11406
11589
  });
11407
11590
  _Tabbar_onScroll.set(this, () => {
11408
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11591
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11409
11592
  return;
11410
- const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11593
+ const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11411
11594
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11412
11595
  this.disableStartArrow = scrollLeft === 0;
11413
11596
  this.disableEndArrow = isRTL
@@ -11415,80 +11598,81 @@ class Tabbar {
11415
11598
  : scrollWidth - clientWidth - scrollLeft <= 1;
11416
11599
  });
11417
11600
  _Tabbar_onViewportCrop.set(this, () => {
11418
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11601
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11419
11602
  return;
11420
- const { scrollWidth, clientWidth } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11603
+ const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11421
11604
  if (scrollWidth > clientWidth) {
11422
- __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f").call(this);
11605
+ __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
11423
11606
  }
11424
11607
  });
11425
11608
  _Tabbar_onSlotchange.set(this, () => {
11426
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11427
- if (__classPrivateFieldGet$4(this, _Tabbar_tabs, "f").length > 0)
11428
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")[0]);
11609
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11610
+ if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
11611
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
11429
11612
  });
11430
11613
  }
11614
+ settingChanged() {
11615
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
11616
+ }
11431
11617
  windowResize() {
11432
- __classPrivateFieldGet$4(this, _Tabbar_onViewportCrop, "f").call(this);
11618
+ __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
11433
11619
  }
11434
11620
  componentWillLoad() {
11621
+ this.settingChanged();
11435
11622
  __classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11436
11623
  const tabs = [
11437
11624
  ...this.host.querySelectorAll('qds-tab'),
11438
11625
  ];
11439
11626
  const preselectedTab = tabs.find((tab) => tab.selected);
11440
11627
  if (preselectedTab)
11441
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11628
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11442
11629
  else if (tabs.length > 0)
11443
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11630
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11444
11631
  }
11445
11632
  componentDidRender() {
11446
11633
  if (this.activeTab)
11447
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11448
- const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11449
- if (!settings)
11450
- return;
11451
- for (const tab of this.host.querySelectorAll('qds-tab')) {
11452
- /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11453
- tab.importance = settings.importance;
11454
- tab.size = settings.size;
11455
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
11456
- tab.indicatorPosition =
11457
- this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
11458
- /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11459
- }
11634
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11635
+ this.settingChanged();
11460
11636
  }
11461
11637
  componentDidLoad() {
11462
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11463
- __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$4(this, _Tabbar_onScroll, "f")), "f");
11464
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11638
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11639
+ __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
11640
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11465
11641
  }
11466
11642
  disconnectedCallback() {
11467
- if (__classPrivateFieldGet$4(this, _Tabbar_ro, "f"))
11468
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
11643
+ if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
11644
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
11469
11645
  }
11470
11646
  render() {
11471
- 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: {
11647
+ return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
11648
+ 'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11649
+ }, "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: {
11472
11650
  'qds-align-center': true,
11473
11651
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11474
- this.orientation === 'vertical',
11475
- } }, 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: {
11652
+ this.orientation === 'vertical' ||
11653
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11654
+ } }, 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: {
11476
11655
  'qds-tabs': true,
11477
- 'qds-vertical': this.orientation === 'vertical',
11478
- 'qds-centered': this.alignment === 'centered' &&
11479
- this.orientation === 'horizontal' &&
11656
+ 'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11657
+ 'qds-centered': this.alignment === 'center' &&
11658
+ (this.orientation === 'horizontal' ||
11659
+ __classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
11480
11660
  this.disableEndArrow &&
11481
11661
  this.disableStartArrow,
11482
11662
  }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
11483
11663
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
11484
- }, 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: {
11664
+ }, 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: {
11485
11665
  'qds-align-center': true,
11486
11666
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11487
- this.orientation === 'vertical',
11488
- } }, 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' }))));
11667
+ this.orientation === 'vertical' ||
11668
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11669
+ } }, 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) }))));
11489
11670
  }
11490
11671
  static get delegatesFocus() { return true; }
11491
11672
  get host() { return getElement(this); }
11673
+ static get watchers() { return {
11674
+ "importance": ["settingChanged"]
11675
+ }; }
11492
11676
  static get style() { return tabbarCss; }
11493
11677
  static get cmpMeta() { return {
11494
11678
  "$flags$": 281,
@@ -11496,10 +11680,13 @@ class Tabbar {
11496
11680
  "$members$": {
11497
11681
  "layer": [1],
11498
11682
  "level": [1],
11683
+ "size": [1],
11499
11684
  "orientation": [1],
11685
+ "placement": [1],
11500
11686
  "tablistDescription": [1, "tablist-description"],
11501
11687
  "showDivider": [4, "show-divider"],
11502
11688
  "alignment": [1],
11689
+ "importance": [1],
11503
11690
  "disableEndArrow": [32],
11504
11691
  "disableStartArrow": [32],
11505
11692
  "activeTab": [32]
@@ -11509,12 +11696,34 @@ class Tabbar {
11509
11696
  "$attrsToReflect$": []
11510
11697
  }; }
11511
11698
  }
11512
- _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() {
11699
+ _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() {
11700
+ return this.importance;
11701
+ }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
11702
+ return this.size ?? undefined;
11703
+ }, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
11704
+ switch (this.placement) {
11705
+ case 'top': {
11706
+ return 'block-end';
11707
+ }
11708
+ case 'end': {
11709
+ return 'inline-start';
11710
+ }
11711
+ case 'bottom': {
11712
+ return 'block-start';
11713
+ }
11714
+ case 'start': {
11715
+ return 'inline-end';
11716
+ }
11717
+ default: {
11718
+ return undefined;
11719
+ }
11720
+ }
11721
+ }, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
11513
11722
  if (this.layer === 'panel')
11514
11723
  return false;
11515
11724
  if (this.layer === 'main' &&
11516
11725
  this.level === 'subsection' &&
11517
- this.orientation === 'horizontal')
11726
+ (this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
11518
11727
  return false;
11519
11728
  return this.showDivider === true;
11520
11729
  }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
@@ -11529,7 +11738,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11529
11738
  target.ariaSelected = isSelected.toString();
11530
11739
  }
11531
11740
  }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
11532
- for (const tab of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11741
+ for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11533
11742
  const panel = resolvePanelElement(tab);
11534
11743
  if (panel) {
11535
11744
  panel.hidden = tab !== activeTab;
@@ -11542,12 +11751,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11542
11751
  this.activeTab = tab;
11543
11752
  this.hideEmitter.emit(previousTab);
11544
11753
  this.showEmitter.emit(tab);
11545
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11546
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11754
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11755
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11547
11756
  }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
11548
- return __classPrivateFieldGet$4(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11757
+ return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11549
11758
  }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
11550
- for (const t of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11759
+ for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11551
11760
  const isCurrent = t === tab;
11552
11761
  componentOnReady(t, (element) => {
11553
11762
  const target = element?.tab;
@@ -11558,7 +11767,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11558
11767
  const tabindex = shouldActivateTab ? '0' : '-1';
11559
11768
  target.setAttribute('tabindex', tabindex);
11560
11769
  if (shouldActivateTab)
11561
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11770
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11562
11771
  });
11563
11772
  }
11564
11773
  }, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
@@ -11566,6 +11775,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11566
11775
  __classPrivateFieldSet$3(this, _Tabbar_tabs, slot
11567
11776
  ? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
11568
11777
  : [], "f");
11778
+ }, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
11779
+ const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11780
+ if (!settings)
11781
+ return;
11782
+ for (const tab of this.host.querySelectorAll('qds-tab')) {
11783
+ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11784
+ tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
11785
+ tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
11786
+ tab.indicatorPosition =
11787
+ this.orientation === 'vertical'
11788
+ ? 'inline-end'
11789
+ : (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
11790
+ /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11791
+ }
11569
11792
  };
11570
11793
 
11571
11794
  const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
@@ -11593,7 +11816,7 @@ class Table {
11593
11816
  }
11594
11817
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11595
11818
  render() {
11596
- return hAsync("slot", { key: '7eab42fceb6964136583f1a0f6cb93c0f0557574' });
11819
+ return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
11597
11820
  }
11598
11821
  static get style() { return tableCss; }
11599
11822
  static get cmpMeta() { return {
@@ -11606,8 +11829,19 @@ class Table {
11606
11829
  }; }
11607
11830
  }
11608
11831
 
11609
- 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}";
11832
+ 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)}";
11610
11833
 
11834
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11835
+ //
11836
+ // SPDX-License-Identifier: Apache-2.0
11837
+ var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11838
+ if (kind === "a" && !f)
11839
+ throw new TypeError("Private accessor was defined without a getter");
11840
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11841
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11842
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11843
+ };
11844
+ var _TableCell_instances, _TableCell_computedSize_get;
11611
11845
  /**
11612
11846
  * The `<qds-table-cell>` element defines a cell of a table that contains data.
11613
11847
  * It participates in the *table model*.
@@ -11624,6 +11858,11 @@ class TableCell {
11624
11858
  this.internals = hostRef.$hostElement$.attachInternals();
11625
11859
  hostRef.$hostElement$["s-ei"] = this.internals;
11626
11860
  }
11861
+ _TableCell_instances.add(this);
11862
+ /**
11863
+ * The table cell's size.
11864
+ */
11865
+ this.size = 'standard';
11627
11866
  }
11628
11867
  colSpanChanged(newValue) {
11629
11868
  this.internals.ariaColSpan =
@@ -11651,9 +11890,9 @@ class TableCell {
11651
11890
  render() {
11652
11891
  return (
11653
11892
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11654
- hAsync("td", { key: '1c90aa486ee26c73cade143b8b281f0d8f93dee7', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
11893
+ 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,
11655
11894
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11656
- role: "none" }, hAsync("slot", { key: '02b3051cba1bfdc7d1d0be004691eaeb4387c446' })));
11895
+ role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
11657
11896
  }
11658
11897
  static get watchers() { return {
11659
11898
  "colSpan": ["colSpanChanged"],
@@ -11665,16 +11904,39 @@ class TableCell {
11665
11904
  "$tagName$": "qds-table-cell",
11666
11905
  "$members$": {
11667
11906
  "colSpan": [2, "colspan"],
11668
- "rowSpan": [2, "rowspan"]
11907
+ "rowSpan": [2, "rowspan"],
11908
+ "size": [1]
11669
11909
  },
11670
11910
  "$listeners$": undefined,
11671
11911
  "$lazyBundleId$": "-",
11672
11912
  "$attrsToReflect$": []
11673
11913
  }; }
11674
11914
  }
11915
+ _TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
11916
+ switch (this.size) {
11917
+ case 'large':
11918
+ case 'small': {
11919
+ return this.size;
11920
+ }
11921
+ default: {
11922
+ return 'standard';
11923
+ }
11924
+ }
11925
+ };
11675
11926
 
11676
- 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}";
11927
+ 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)}";
11677
11928
 
11929
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11930
+ //
11931
+ // SPDX-License-Identifier: Apache-2.0
11932
+ var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11933
+ if (kind === "a" && !f)
11934
+ throw new TypeError("Private accessor was defined without a getter");
11935
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11936
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11937
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11938
+ };
11939
+ var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
11678
11940
  /**
11679
11941
  * The `<qds-table-head-cell>` element defines a cell as the header of a group
11680
11942
  * of table cells. The exact nature of this group is defined by the `scope`
@@ -11692,6 +11954,11 @@ class TableHeadCell {
11692
11954
  this.internals = hostRef.$hostElement$.attachInternals();
11693
11955
  hostRef.$hostElement$["s-ei"] = this.internals;
11694
11956
  }
11957
+ _TableHeadCell_instances.add(this);
11958
+ /**
11959
+ * The table header cell's size.
11960
+ */
11961
+ this.size = 'standard';
11695
11962
  }
11696
11963
  colSpanChanged(newValue) {
11697
11964
  this.internals.ariaColSpan =
@@ -11722,9 +11989,9 @@ class TableHeadCell {
11722
11989
  render() {
11723
11990
  return (
11724
11991
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11725
- hAsync("th", { key: '8da9111144c766154c60bfa301600459d90e9043', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
11992
+ 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,
11726
11993
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11727
- role: "none" }, hAsync("slot", { key: '5be7abb9f8e15a810e23ec701de4f1ff4e7b073b' })));
11994
+ role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
11728
11995
  }
11729
11996
  static get watchers() { return {
11730
11997
  "colSpan": ["colSpanChanged"],
@@ -11738,15 +12005,27 @@ class TableHeadCell {
11738
12005
  "$members$": {
11739
12006
  "colSpan": [2, "colspan"],
11740
12007
  "rowSpan": [2, "rowspan"],
11741
- "scope": [1]
12008
+ "scope": [1],
12009
+ "size": [1]
11742
12010
  },
11743
12011
  "$listeners$": undefined,
11744
12012
  "$lazyBundleId$": "-",
11745
12013
  "$attrsToReflect$": []
11746
12014
  }; }
11747
12015
  }
12016
+ _TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
12017
+ switch (this.size) {
12018
+ case 'large':
12019
+ case 'small': {
12020
+ return this.size;
12021
+ }
12022
+ default: {
12023
+ return 'standard';
12024
+ }
12025
+ }
12026
+ };
11748
12027
 
11749
- 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}";
12028
+ 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}";
11750
12029
 
11751
12030
  /**
11752
12031
  * The `<qds-table-row>` element defines a row of cells in a table. The row's
@@ -11771,7 +12050,7 @@ class TableRow {
11771
12050
  }
11772
12051
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11773
12052
  render() {
11774
- return (hAsync("tr", { key: '44369e890bdbb4c8398cdac7a67262a0d854f963', class: "qds-table-row", role: "none" }, hAsync("slot", { key: 'a27ca3af7183c73b363a936fd94de2760f8d6aaa' })));
12053
+ return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
11775
12054
  }
11776
12055
  static get style() { return tableRowCss; }
11777
12056
  static get cmpMeta() { return {
@@ -11842,11 +12121,11 @@ class Tag {
11842
12121
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11843
12122
  }
11844
12123
  render() {
11845
- return (hAsync("span", { key: 'b2bf47a5aa571e501286a37ec740d97a298570e7', class: {
12124
+ return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
11846
12125
  'qds-tag': true,
11847
12126
  'qds-padding': this.importance !== 'subdued',
11848
12127
  }, "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 &&
11849
- 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)));
12128
+ 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)));
11850
12129
  }
11851
12130
  get host() { return getElement(this); }
11852
12131
  static get style() { return tagCss; }
@@ -11906,7 +12185,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
11906
12185
  return (this.badge ?? false) && this.importance !== 'emphasized';
11907
12186
  };
11908
12187
 
11909
- 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)}";
12188
+ 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)}";
11910
12189
 
11911
12190
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11912
12191
  //
@@ -12172,9 +12451,9 @@ class TextArea {
12172
12451
  this.valueChanged();
12173
12452
  }
12174
12453
  render() {
12175
- return (hAsync(Host, { key: 'd3fb4b50124d583054365845989dd4a267a7c878' }, hAsync("textarea", { key: 'e92506a523021d0f3e7f280bf24e9a095443109e', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12454
+ return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12176
12455
  // eslint-disable-next-line jsx-a11y/no-autofocus
12177
- 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") })));
12456
+ 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") })));
12178
12457
  }
12179
12458
  static get delegatesFocus() { return true; }
12180
12459
  static get formAssociated() { return true; }
@@ -12250,7 +12529,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
12250
12529
  Object.defineProperty(this.host, p, { enumerable: true, get });
12251
12530
  };
12252
12531
 
12253
- 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)}";
12532
+ 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)}";
12254
12533
 
12255
12534
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
12256
12535
  //
@@ -12301,14 +12580,14 @@ class Title {
12301
12580
  const level = `qds-${this.level ?? 'section'}`;
12302
12581
  const Tag = this.tag ?? 'h2';
12303
12582
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
12304
- return (hAsync("hgroup", { key: 'ff4f9d1cd9fc8f4922a2ccc421d5b45793b9e13d', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12583
+ return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12305
12584
  [layer]: true,
12306
12585
  [level]: true,
12307
12586
  'qds-titles': true,
12308
12587
  'qds-has-icon': hasIcon,
12309
12588
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
12310
12589
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
12311
- }, 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 }))));
12590
+ }, 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 }))));
12312
12591
  }
12313
12592
  static get style() { return titleCss; }
12314
12593
  static get cmpMeta() { return {
@@ -12608,7 +12887,7 @@ class Tooltip {
12608
12887
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
12609
12888
  }
12610
12889
  render() {
12611
- 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") })));
12890
+ 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") })));
12612
12891
  }
12613
12892
  get host() { return getElement(this); }
12614
12893
  static get watchers() { return {