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

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 (206) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/components/index.js +1 -1
  3. package/components/{p-CVuTVnQo.js → p-B6ToH-uM.js} +4 -4
  4. package/components/p-B6ToH-uM.js.map +1 -0
  5. package/components/{p-oqmnh-8P.js → p-BGAgQ6J5.js} +5 -5
  6. package/components/p-BGAgQ6J5.js.map +1 -0
  7. package/components/{p-DCAlWquR.js → p-BPNu4xuI.js} +8 -8
  8. package/components/{p-DCAlWquR.js.map → p-BPNu4xuI.js.map} +1 -1
  9. package/components/{p-io1iVgY1.js → p-BceRDckL.js} +5 -5
  10. package/components/p-BceRDckL.js.map +1 -0
  11. package/components/{p-BalM52S_.js → p-Bm_hrsjc.js} +6 -3
  12. package/components/p-Bm_hrsjc.js.map +1 -0
  13. package/components/{p-DgYrfIr_.js → p-BxrR19WD.js} +7 -9
  14. package/components/p-BxrR19WD.js.map +1 -0
  15. package/components/{p-DRcxeXWE.js → p-CsIsG3ra.js} +75 -39
  16. package/components/p-CsIsG3ra.js.map +1 -0
  17. package/components/p-D5u-bDNf.js +102 -0
  18. package/components/p-D5u-bDNf.js.map +1 -0
  19. package/components/{p-C0VgKX4J.js → p-DVXvtEPn.js} +5 -5
  20. package/components/{p-C0VgKX4J.js.map → p-DVXvtEPn.js.map} +1 -1
  21. package/components/{p-yb0Kv4Y6.js → p-De7cAKF1.js} +24 -9
  22. package/components/p-De7cAKF1.js.map +1 -0
  23. package/components/{p-C9R8N06B.js → p-EjoVBa5a.js} +3 -3
  24. package/components/{p-C9R8N06B.js.map → p-EjoVBa5a.js.map} +1 -1
  25. package/components/{p-CKp062X8.js → p-Vtb6GsBy.js} +6 -6
  26. package/components/{p-CKp062X8.js.map → p-Vtb6GsBy.js.map} +1 -1
  27. package/components/qds-action-item.js +3 -3
  28. package/components/qds-avatar-media.js +1 -1
  29. package/components/qds-breadcrumb-item.js +11 -6
  30. package/components/qds-breadcrumb-item.js.map +1 -1
  31. package/components/qds-button.js +8 -8
  32. package/components/qds-button.js.map +1 -1
  33. package/components/qds-checkbox.js +1 -1
  34. package/components/qds-chip.js +5 -5
  35. package/components/qds-chip.js.map +1 -1
  36. package/components/qds-dialog.js +5 -5
  37. package/components/qds-dialog.js.map +1 -1
  38. package/components/qds-divider.js +1 -1
  39. package/components/qds-dropdown.js +1 -1
  40. package/components/qds-form-message.js +23 -17
  41. package/components/qds-form-message.js.map +1 -1
  42. package/components/qds-icon-button.js +1 -1
  43. package/components/qds-icon-tab.js +4 -4
  44. package/components/qds-icon.js +1 -1
  45. package/components/qds-inline-link.js +5 -5
  46. package/components/qds-inline-link.js.map +1 -1
  47. package/components/qds-input.js +3 -3
  48. package/components/qds-label.js +2 -2
  49. package/components/qds-list-item.js +16 -13
  50. package/components/qds-list-item.js.map +1 -1
  51. package/components/qds-loader.js +2 -2
  52. package/components/qds-menu-item.js +38 -12
  53. package/components/qds-menu-item.js.map +1 -1
  54. package/components/qds-mini-button.js +1 -1
  55. package/components/qds-progress-bar.js +2 -2
  56. package/components/qds-radio.js +1 -1
  57. package/components/qds-select.js +3 -3
  58. package/components/qds-select.js.map +1 -1
  59. package/components/qds-standalone-link.js +4 -4
  60. package/components/qds-switch.js +6 -6
  61. package/components/qds-switch.js.map +1 -1
  62. package/components/qds-tab.js +7 -7
  63. package/components/qds-tab.js.map +1 -1
  64. package/components/qds-tabbar.js +59 -38
  65. package/components/qds-tabbar.js.map +1 -1
  66. package/components/qds-table-cell.js +2 -2
  67. package/components/qds-table-head-cell.js +2 -2
  68. package/components/qds-table-row.js +1 -1
  69. package/components/qds-table.js +1 -1
  70. package/components/qds-tag.js +1 -1
  71. package/components/qds-textarea.js +4 -4
  72. package/components/qds-textarea.js.map +1 -1
  73. package/components/qds-title.js +1 -1
  74. package/components/qds-tooltip.js +1 -1
  75. package/dist/cjs/{helpers-Qs3cpKiI.js → helpers-CPSgo4Ef.js} +8 -2
  76. package/dist/cjs/{helpers-Qs3cpKiI.js.map → helpers-CPSgo4Ef.js.map} +1 -1
  77. package/dist/cjs/loader.cjs.js +1 -1
  78. package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
  79. package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
  80. package/dist/cjs/qds-avatar-media_3.cjs.entry.js +72 -36
  81. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +9 -4
  82. package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
  83. package/dist/cjs/qds-button.cjs.entry.js +6 -6
  84. package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
  85. package/dist/cjs/qds-chip.cjs.entry.js +2 -2
  86. package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
  87. package/dist/cjs/qds-dialog.cjs.entry.js +2 -2
  88. package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
  89. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  90. package/dist/cjs/qds-divider_2.cjs.entry.js +3 -3
  91. package/dist/cjs/qds-dropdown.cjs.entry.js +20 -6
  92. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  93. package/dist/cjs/qds-form-message.cjs.entry.js +26 -16
  94. package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
  95. package/dist/cjs/qds-icon-tab.cjs.entry.js +1 -1
  96. package/dist/cjs/qds-icon.cjs.entry.js +1 -1
  97. package/dist/cjs/qds-inline-link.cjs.entry.js +4 -4
  98. package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
  99. package/dist/cjs/qds-input.cjs.entry.js +1 -1
  100. package/dist/cjs/qds-label.cjs.entry.js +1 -1
  101. package/dist/cjs/qds-list-item.cjs.entry.js +8 -5
  102. package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
  103. package/dist/cjs/qds-loader.cjs.entry.js +1 -1
  104. package/dist/cjs/qds-menu-item.cjs.entry.js +34 -8
  105. package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
  106. package/dist/cjs/qds-mini-button.cjs.entry.js +4 -6
  107. package/dist/cjs/qds-mini-button.entry.cjs.js.map +1 -1
  108. package/dist/cjs/qds-progress-bar.cjs.entry.js +2 -2
  109. package/dist/cjs/qds-select.cjs.entry.js +2 -2
  110. package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
  111. package/dist/cjs/qds-standalone-link.cjs.entry.js +3 -3
  112. package/dist/cjs/qds-switch.cjs.entry.js +5 -5
  113. package/dist/cjs/qds-switch.entry.cjs.js.map +1 -1
  114. package/dist/cjs/qds-tab.cjs.entry.js +4 -4
  115. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  116. package/dist/cjs/qds-tabbar.cjs.entry.js +57 -33
  117. package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
  118. package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
  119. package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
  120. package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
  121. package/dist/cjs/qds-table.cjs.entry.js +1 -1
  122. package/dist/cjs/qds-tag.cjs.entry.js +3 -3
  123. package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
  124. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  125. package/dist/cjs/qds-title.cjs.entry.js +3 -3
  126. package/dist/cjs/qds-title.entry.cjs.js.map +1 -1
  127. package/dist/cjs/qds-tooltip.cjs.entry.js +3 -3
  128. package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
  129. package/dist/cjs/qds.cjs.js +1 -1
  130. package/dist/custom-elements.json +224 -70
  131. package/dist/docs.json +49 -7
  132. package/dist/esm/{helpers-Fe2AA6uo.js → helpers-JWnSavo8.js} +6 -3
  133. package/dist/esm/{helpers-Fe2AA6uo.js.map → helpers-JWnSavo8.js.map} +1 -1
  134. package/dist/esm/loader.js +1 -1
  135. package/dist/esm/qds-action-item.entry.js +1 -1
  136. package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +1 -1
  137. package/dist/esm/qds-avatar-media_3.entry.js +72 -36
  138. package/dist/esm/qds-breadcrumb-item.entry.js +9 -4
  139. package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
  140. package/dist/esm/qds-button.entry.js +6 -6
  141. package/dist/esm/qds-button.entry.js.map +1 -1
  142. package/dist/esm/qds-chip.entry.js +2 -2
  143. package/dist/esm/qds-chip.entry.js.map +1 -1
  144. package/dist/esm/qds-dialog.entry.js +2 -2
  145. package/dist/esm/qds-dialog.entry.js.map +1 -1
  146. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  147. package/dist/esm/qds-divider_2.entry.js +3 -3
  148. package/dist/esm/qds-dropdown.entry.js +20 -6
  149. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  150. package/dist/esm/qds-form-message.entry.js +26 -16
  151. package/dist/esm/qds-form-message.entry.js.map +1 -1
  152. package/dist/esm/qds-icon-tab.entry.js +1 -1
  153. package/dist/esm/qds-icon.entry.js +1 -1
  154. package/dist/esm/qds-inline-link.entry.js +4 -4
  155. package/dist/esm/qds-inline-link.entry.js.map +1 -1
  156. package/dist/esm/qds-input.entry.js +1 -1
  157. package/dist/esm/qds-label.entry.js +1 -1
  158. package/dist/esm/qds-list-item.entry.js +8 -5
  159. package/dist/esm/qds-list-item.entry.js.map +1 -1
  160. package/dist/esm/qds-loader.entry.js +1 -1
  161. package/dist/esm/qds-menu-item.entry.js +34 -8
  162. package/dist/esm/qds-menu-item.entry.js.map +1 -1
  163. package/dist/esm/qds-mini-button.entry.js +4 -6
  164. package/dist/esm/qds-mini-button.entry.js.map +1 -1
  165. package/dist/esm/qds-progress-bar.entry.js +2 -2
  166. package/dist/esm/qds-select.entry.js +2 -2
  167. package/dist/esm/qds-select.entry.js.map +1 -1
  168. package/dist/esm/qds-standalone-link.entry.js +3 -3
  169. package/dist/esm/qds-switch.entry.js +5 -5
  170. package/dist/esm/qds-switch.entry.js.map +1 -1
  171. package/dist/esm/qds-tab.entry.js +4 -4
  172. package/dist/esm/qds-tab.entry.js.map +1 -1
  173. package/dist/esm/qds-tabbar.entry.js +57 -33
  174. package/dist/esm/qds-tabbar.entry.js.map +1 -1
  175. package/dist/esm/qds-table-cell.entry.js +2 -2
  176. package/dist/esm/qds-table-head-cell.entry.js +2 -2
  177. package/dist/esm/qds-table-row.entry.js +1 -1
  178. package/dist/esm/qds-table.entry.js +1 -1
  179. package/dist/esm/qds-tag.entry.js +3 -3
  180. package/dist/esm/qds-textarea.entry.js +4 -4
  181. package/dist/esm/qds-textarea.entry.js.map +1 -1
  182. package/dist/esm/qds-title.entry.js +3 -3
  183. package/dist/esm/qds-title.entry.js.map +1 -1
  184. package/dist/esm/qds-tooltip.entry.js +3 -3
  185. package/dist/esm/qds-tooltip.entry.js.map +1 -1
  186. package/dist/esm/qds.js +1 -1
  187. package/dist/types/components/checkbox/checkbox.d.ts +9 -9
  188. package/dist/types/components/dropdown/dropdown.d.ts +1 -0
  189. package/dist/types/components/form-message/form-message.d.ts +2 -0
  190. package/dist/types/components/menu-item/menu-item.d.ts +1 -0
  191. package/dist/types/components/tabbar/tabbar.d.ts +2 -0
  192. package/dist/types/components.d.ts +3 -2
  193. package/dist/types/helpers.d.ts +6 -1
  194. package/dist/vscode.html-custom-data.json +1 -1
  195. package/hydrate/index.js +311 -191
  196. package/hydrate/index.mjs +311 -191
  197. package/package.json +1 -2
  198. package/components/p-BalM52S_.js.map +0 -1
  199. package/components/p-CVuTVnQo.js.map +0 -1
  200. package/components/p-Ck9w5WIb.js +0 -102
  201. package/components/p-Ck9w5WIb.js.map +0 -1
  202. package/components/p-DRcxeXWE.js.map +0 -1
  203. package/components/p-DgYrfIr_.js.map +0 -1
  204. package/components/p-io1iVgY1.js.map +0 -1
  205. package/components/p-oqmnh-8P.js.map +0 -1
  206. package/components/p-yb0Kv4Y6.js.map +0 -1
package/hydrate/index.js CHANGED
@@ -3634,6 +3634,9 @@ const closestElement = (selector, base) => {
3634
3634
  }
3635
3635
  return closestFrom(base);
3636
3636
  };
3637
+ const isRTL$1 = (element) => getComputedStyle(element).direction === 'rtl';
3638
+ const getSubmenuOpenKey = (element) => isRTL$1(element) ? 'ArrowLeft' : 'ArrowRight';
3639
+ const getSubmenuCloseKey = (element) => isRTL$1(element) ? 'ArrowRight' : 'ArrowLeft';
3637
3640
  const isCurrentPage = (url) => {
3638
3641
  try {
3639
3642
  const currentUrl = new URL(window.location.href);
@@ -3658,7 +3661,7 @@ var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) |
3658
3661
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3659
3662
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3660
3663
  };
3661
- var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3664
+ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3662
3665
  if (kind === "m")
3663
3666
  throw new TypeError("Private method is not writable");
3664
3667
  if (kind === "a" && !f)
@@ -3708,10 +3711,10 @@ class ActionItem {
3708
3711
  _ActionItem_actionItem.set(this, void 0);
3709
3712
  _ActionItem_span.set(this, void 0);
3710
3713
  _ActionItem_actionDivRef.set(this, (actionItem) => {
3711
- __classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
3714
+ __classPrivateFieldSet$o(this, _ActionItem_actionItem, actionItem, "f");
3712
3715
  });
3713
3716
  _ActionItem_spanRef.set(this, (span) => {
3714
- __classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
3717
+ __classPrivateFieldSet$o(this, _ActionItem_span, span, "f");
3715
3718
  });
3716
3719
  _ActionItem_tooltipRef.set(this, (tooltip) => {
3717
3720
  if (tooltip)
@@ -3742,7 +3745,7 @@ class ActionItem {
3742
3745
  readTask(() => {
3743
3746
  this.tooltip = isEllipsisActive(span);
3744
3747
  });
3745
- __classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3748
+ __classPrivateFieldSet$o(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3746
3749
  this.tooltip = isEllipsisActive(spanEntry.target);
3747
3750
  }), "f");
3748
3751
  __classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
@@ -3802,7 +3805,7 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
3802
3805
  return this.disabled;
3803
3806
  };
3804
3807
 
3805
- const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-icon{flex-shrink:0;height:60%;width:60%}.qds-text{font:var(--qds-display-standard);text-align:center}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
3808
+ const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-text{font:var(--qds-display-standard);text-align:center}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
3806
3809
 
3807
3810
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3808
3811
  //
@@ -3885,7 +3888,7 @@ class AvatarMedia {
3885
3888
  this.roleChanged();
3886
3889
  }
3887
3890
  render() {
3888
- return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
3891
+ return hAsync("div", { key: 'e5f7d19fb53b1ff0ecd5255ee80092917e65948f', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
3889
3892
  }
3890
3893
  static get watchers() { return {
3891
3894
  "text": ["textChanged", "roleChanged"],
@@ -4116,7 +4119,7 @@ var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) |
4116
4119
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4117
4120
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4118
4121
  };
4119
- var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4122
+ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4120
4123
  if (kind === "m")
4121
4124
  throw new TypeError("Private method is not writable");
4122
4125
  if (kind === "a" && !f)
@@ -4291,10 +4294,10 @@ class Button {
4291
4294
  this.internals.setValidity(NO_ERROR_FLAGS);
4292
4295
  };
4293
4296
  _Button_buttonRef.set(this, (button) => {
4294
- __classPrivateFieldSet$o(this, _Button_button, button, "f");
4297
+ __classPrivateFieldSet$n(this, _Button_button, button, "f");
4295
4298
  });
4296
4299
  _Button_spanRef.set(this, (span) => {
4297
- __classPrivateFieldSet$o(this, _Button_span, span, "f");
4300
+ __classPrivateFieldSet$n(this, _Button_span, span, "f");
4298
4301
  });
4299
4302
  _Button_tooltipRef.set(this, (tooltip) => {
4300
4303
  if (tooltip)
@@ -4354,7 +4357,7 @@ class Button {
4354
4357
  tabindexChanged(newValue) {
4355
4358
  if (newValue !== null) {
4356
4359
  const parsedValue = Number.parseInt(newValue, 10);
4357
- __classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4360
+ __classPrivateFieldSet$n(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4358
4361
  ? 0
4359
4362
  : parsedValue, "f");
4360
4363
  }
@@ -4373,7 +4376,7 @@ class Button {
4373
4376
  readTask(() => {
4374
4377
  this.tooltip = isEllipsisActive(span);
4375
4378
  });
4376
- __classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4379
+ __classPrivateFieldSet$n(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4377
4380
  this.tooltip = isEllipsisActive(spanEntry.target);
4378
4381
  }), "f");
4379
4382
  __classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
@@ -4403,21 +4406,21 @@ class Button {
4403
4406
  }
4404
4407
  render() {
4405
4408
  const Tag = this.href === undefined ? 'button' : 'a';
4406
- return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
4409
+ return (hAsync("div", { key: '468af508e68e4fa3664d2d3c69d4bcd01f0fdbe9', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: 'a09d6ee8c00b9dce98799786e589ab86f45f6005', class: {
4407
4410
  'qds-button': true,
4408
4411
  'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4409
4412
  /* DEPRECATED: will be removed by september 2026 */
4410
4413
  'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4411
- }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
4414
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8a591cef73f857b922022278138ebb56fec0737d', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
4412
4415
  /* DEPRECATED: will be removed by september 2026 */
4413
- hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
4416
+ hAsync("span", { key: 'c4960d8987fc9bdddc1b8607b8eff5eb337d2f2e', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: 'e9526d7f6c206cc881b569dbb78c788a2fd3a4a9', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: '4dcf7b9b616f911c97a5ed64ee4b791769173853', class: {
4414
4417
  /* DEPRECATED: will be removed by september 2026 */
4415
4418
  'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4416
- }, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
4419
+ }, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: 'cc268922f89aaa19f22a151f394f0812ba05eeaf', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '073d1d89252e4a53bdf0c15e4cfc1cd0c374d70f', class: {
4417
4420
  'qds-focus-ring': true,
4418
4421
  /* DEPRECATED: will be removed by september 2026 */
4419
4422
  'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4420
- }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4423
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: '08150e1bd0c6730999d1c76e9e3fb07504bdd3b7', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4421
4424
  }
4422
4425
  static get formAssociated() { return true; }
4423
4426
  get host() { return getElement(this); }
@@ -4540,7 +4543,7 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
4540
4543
  Object.defineProperty(this.host, p, { enumerable: true, get });
4541
4544
  };
4542
4545
 
4543
- const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
4546
+ const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}:host(:focus-visible) .qds-label{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
4544
4547
 
4545
4548
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4546
4549
  //
@@ -4552,7 +4555,7 @@ var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) |
4552
4555
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4553
4556
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4554
4557
  };
4555
- var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4558
+ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4556
4559
  if (kind === "m")
4557
4560
  throw new TypeError("Private method is not writable");
4558
4561
  if (kind === "a" && !f)
@@ -4561,7 +4564,7 @@ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) |
4561
4564
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
4562
4565
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
4563
4566
  };
4564
- var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_ro, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
4567
+ var _Checkbox_instances, _Checkbox_ro, _Checkbox_savedTabIndex, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
4565
4568
  /**
4566
4569
  * `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
4567
4570
  * when activated, like you might see in an official government paper form. A
@@ -4583,6 +4586,10 @@ class Checkbox {
4583
4586
  hostRef.$hostElement$["s-ei"] = this.internals;
4584
4587
  }
4585
4588
  _Checkbox_instances.add(this);
4589
+ /**
4590
+ * Whether or not the text is displayed.
4591
+ */
4592
+ this.checkboxOnly = false;
4586
4593
  /**
4587
4594
  * Adds vertical margin to the checkbox for alignment.
4588
4595
  *
@@ -4643,13 +4650,9 @@ class Checkbox {
4643
4650
  * @webnative
4644
4651
  */
4645
4652
  this.willValidate = false;
4646
- /**
4647
- * Whether or not the text is displayed.
4648
- */
4649
- this.checkboxOnly = false;
4650
4653
  this.tooltip = false;
4651
- _Checkbox_inheritedAttributes.set(this, {});
4652
4654
  _Checkbox_ro.set(this, void 0);
4655
+ _Checkbox_savedTabIndex.set(this, 0);
4653
4656
  _Checkbox_span.set(this, void 0);
4654
4657
  _Checkbox_tooltip.set(this, void 0);
4655
4658
  this.checkValidity = () => this.internals.checkValidity();
@@ -4660,27 +4663,27 @@ class Checkbox {
4660
4663
  else
4661
4664
  this.internals.setValidity(NO_ERROR_FLAGS);
4662
4665
  };
4663
- _Checkbox_onBlur.set(this, (event) => {
4664
- this.blurEmitter.emit(pickFocusEventAttributes(event));
4665
- if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4666
- ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
4667
- });
4668
- _Checkbox_onFocus.set(this, (event) => {
4669
- this.focusEmitter.emit(pickFocusEventAttributes(event));
4670
- if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4671
- ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
4672
- });
4673
4666
  _Checkbox_spanRef.set(this, (span) => {
4674
- __classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
4667
+ __classPrivateFieldSet$m(this, _Checkbox_span, span, "f");
4675
4668
  });
4676
4669
  _Checkbox_tooltipRef.set(this, (tooltip) => {
4677
4670
  if (tooltip) {
4678
4671
  // eslint-disable-next-line no-param-reassign
4679
4672
  tooltip.target = this.host;
4680
- __classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
4673
+ __classPrivateFieldSet$m(this, _Checkbox_tooltip, tooltip, "f");
4681
4674
  }
4682
4675
  });
4683
4676
  }
4677
+ onBlur(event) {
4678
+ this.blurEmitter.emit(pickFocusEventAttributes(event));
4679
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4680
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
4681
+ }
4682
+ onFocus(event) {
4683
+ this.focusEmitter.emit(pickFocusEventAttributes(event));
4684
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4685
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
4686
+ }
4684
4687
  onClick(event) {
4685
4688
  if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4686
4689
  event.stopImmediatePropagation();
@@ -4688,28 +4691,60 @@ class Checkbox {
4688
4691
  }
4689
4692
  event.preventDefault();
4690
4693
  this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4694
+ this.internals.ariaChecked = this.checked.toString();
4691
4695
  this.changeEmitter.emit();
4692
4696
  this.indeterminate = false;
4693
4697
  }
4698
+ onKeyup(event) {
4699
+ if (event.key === ' ') {
4700
+ this.host.click();
4701
+ event.preventDefault();
4702
+ }
4703
+ }
4694
4704
  checkedChanged() {
4705
+ this.internals.ariaChecked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get).toString();
4695
4706
  this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4696
4707
  ? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4697
4708
  : // eslint-disable-next-line unicorn/no-null
4698
4709
  null);
4699
4710
  }
4700
4711
  disabledChanged() {
4712
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4713
+ this.internals.ariaDisabled = 'true';
4714
+ this.host.removeAttribute('tabindex');
4715
+ // eslint-disable-next-line unicorn/no-null
4716
+ this.internals.setFormValue(null);
4717
+ }
4718
+ else {
4719
+ this.internals.ariaDisabled = 'false';
4720
+ this.host.tabIndex = __classPrivateFieldGet$s(this, _Checkbox_savedTabIndex, "f");
4721
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get))
4722
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4723
+ }
4701
4724
  if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4702
4725
  this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4703
4726
  // eslint-disable-next-line unicorn/no-null
4704
4727
  else
4705
4728
  this.internals.setFormValue(null);
4706
4729
  }
4730
+ indeterminateChanged() {
4731
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get))
4732
+ this.internals.ariaChecked = 'mixed';
4733
+ }
4707
4734
  tabindexChanged(newValue) {
4708
- const parsedValue = Number.parseInt(newValue, 10);
4709
- this.tabIndex =
4710
- parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4735
+ if (newValue !== null) {
4736
+ const parsedValue = Number.parseInt(newValue, 10);
4737
+ __classPrivateFieldSet$m(this, _Checkbox_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4738
+ ? 0
4739
+ : parsedValue, "f");
4740
+ }
4741
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4742
+ this.host.removeAttribute('tabindex');
4743
+ else
4744
+ this.host.tabIndex = __classPrivateFieldGet$s(this, _Checkbox_savedTabIndex, "f");
4711
4745
  }
4712
4746
  textChanged() {
4747
+ this.internals.ariaLabel = this.text;
4713
4748
  if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4714
4749
  __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4715
4750
  if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
@@ -4718,7 +4753,7 @@ class Checkbox {
4718
4753
  readTask(() => {
4719
4754
  this.tooltip = isEllipsisActive(span);
4720
4755
  });
4721
- __classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
4756
+ __classPrivateFieldSet$m(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
4722
4757
  this.tooltip = isEllipsisActive(spanEntry.target);
4723
4758
  }), "f");
4724
4759
  __classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
@@ -4728,12 +4763,17 @@ class Checkbox {
4728
4763
  this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4729
4764
  }
4730
4765
  componentWillLoad() {
4766
+ this.internals.role = 'checkbox';
4767
+ this.internals.ariaChecked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get)
4768
+ ? 'mixed'
4769
+ : __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get).toString();
4770
+ this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get).toString();
4771
+ this.internals.ariaLabel = this.text;
4731
4772
  this.valueChanged();
4732
4773
  __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4733
4774
  __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4734
4775
  __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4735
4776
  __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4736
- __classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4737
4777
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4738
4778
  }
4739
4779
  componentDidLoad() {
@@ -4744,36 +4784,36 @@ class Checkbox {
4744
4784
  __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4745
4785
  }
4746
4786
  render() {
4747
- return (
4748
- // eslint-disable-next-line jsx-a11y/label-has-associated-control
4749
- hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4787
+ return (hAsync("div", { key: '55579e21112535dbaee5c474c2eef661d208767c', "aria-hidden": "true", class: {
4788
+ 'qds-disabled': __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get),
4750
4789
  'qds-inline': this.inline,
4751
4790
  'qds-label': true,
4752
- }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
4791
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '6d857b1109e4111d32d2d2de316bc1a1377f5d23', class: "qds-container" }, hAsync("input", { key: '8a9567b8b796112b7959cf29cd80aa51df051136',
4753
4792
  // eslint-disable-next-line jsx-a11y/no-autofocus
4754
- autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$s(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$s(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$s(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
4793
+ autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, required: this.required, type: "checkbox", tabIndex: -1 }), hAsync("qds-icon", { key: 'ade28f729ca2e02d9db5c6e6c5f99f49cc6d7d10', class: {
4755
4794
  'qds-icon': true,
4756
4795
  'qds-checked': true,
4757
- }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
4796
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'c0dfa142dd90dd7d3adf6e57c71becfe949f43e9', class: {
4758
4797
  'qds-icon': true,
4759
4798
  'qds-indeterminate': true,
4760
- }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
4799
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: '7918b3d9fe502c90ff7c8d10104952403078d3b9', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: '5f0969933396eb3f271040c6140d81c13df47210', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '77d853746163e94cf682aed525d1b1819e4cd383', class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
4761
4800
  }
4762
- static get delegatesFocus() { return true; }
4763
4801
  static get formAssociated() { return true; }
4764
4802
  get host() { return getElement(this); }
4765
4803
  static get watchers() { return {
4766
4804
  "checked": ["checkedChanged"],
4767
4805
  "disabled": ["disabledChanged"],
4806
+ "indeterminate": ["indeterminateChanged"],
4768
4807
  "tabindex": ["tabindexChanged"],
4769
4808
  "text": ["textChanged"],
4770
4809
  "value": ["valueChanged"]
4771
4810
  }; }
4772
4811
  static get style() { return checkboxCss; }
4773
4812
  static get cmpMeta() { return {
4774
- "$flags$": 345,
4813
+ "$flags$": 329,
4775
4814
  "$tagName$": "qds-checkbox",
4776
4815
  "$members$": {
4816
+ "checkboxOnly": [4, "checkbox-only"],
4777
4817
  "inline": [4],
4778
4818
  "size": [1],
4779
4819
  "text": [1],
@@ -4787,16 +4827,14 @@ class Checkbox {
4787
4827
  "validity": [16],
4788
4828
  "value": [8],
4789
4829
  "willValidate": [4, "will-validate"],
4790
- "checkboxOnly": [4, "checkbox-only"],
4791
- "tabIndex": [32],
4792
4830
  "tooltip": [32]
4793
4831
  },
4794
- "$listeners$": [[0, "click", "onClick"]],
4832
+ "$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [0, "keyup", "onKeyup"]],
4795
4833
  "$lazyBundleId$": "-",
4796
4834
  "$attrsToReflect$": []
4797
4835
  }; }
4798
4836
  }
4799
- _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4837
+ _Checkbox_ro = new WeakMap(), _Checkbox_savedTabIndex = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4800
4838
  return this.checked ?? false;
4801
4839
  }, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
4802
4840
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
@@ -4823,7 +4861,7 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Ch
4823
4861
  Object.defineProperty(this.host, p, { enumerable: true, get });
4824
4862
  };
4825
4863
 
4826
- const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-right)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-text[data-size=small]{font:var(--qds-control-small-text);line-height:normal}.qds-closable-chip[data-size=standard],.qds-container[data-size=standard]{min-height:var(--qds-control-chip-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-closable-chip[data-size=standard]{padding-inline-end:var(--qds-control-chip-closable-standard-padding-right)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-text[data-size=standard]{font:var(--qds-control-standard-text);line-height:normal}.qds-closable-chip[data-size=large],.qds-container[data-size=large]{min-height:var(--qds-control-chip-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-closable-chip[data-size=large]{padding-inline-end:var(--qds-control-chip-closable-large-padding-right)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-text[data-size=large]{font:var(--qds-control-large-text);line-height:normal}";
4864
+ 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-end)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-text[data-size=small]{font:var(--qds-control-small-text);line-height:normal}.qds-closable-chip[data-size=standard],.qds-container[data-size=standard]{min-height:var(--qds-control-chip-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-closable-chip[data-size=standard]{padding-inline-end:var(--qds-control-chip-closable-standard-padding-end)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-text[data-size=standard]{font:var(--qds-control-standard-text);line-height:normal}.qds-closable-chip[data-size=large],.qds-container[data-size=large]{min-height:var(--qds-control-chip-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-closable-chip[data-size=large]{padding-inline-end:var(--qds-control-chip-closable-large-padding-end)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-text[data-size=large]{font:var(--qds-control-large-text);line-height:normal}";
4827
4865
 
4828
4866
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4829
4867
  //
@@ -4835,7 +4873,7 @@ var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) |
4835
4873
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4836
4874
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4837
4875
  };
4838
- var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4876
+ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4839
4877
  if (kind === "m")
4840
4878
  throw new TypeError("Private method is not writable");
4841
4879
  if (kind === "a" && !f)
@@ -4919,10 +4957,10 @@ class Chip {
4919
4957
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4920
4958
  });
4921
4959
  _Chip_chipRef.set(this, (chip) => {
4922
- __classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
4960
+ __classPrivateFieldSet$l(this, _Chip_chip, chip, "f");
4923
4961
  });
4924
4962
  _Chip_spanRef.set(this, (span) => {
4925
- __classPrivateFieldSet$m(this, _Chip_span, span, "f");
4963
+ __classPrivateFieldSet$l(this, _Chip_span, span, "f");
4926
4964
  });
4927
4965
  _Chip_tooltipRef.set(this, (tooltip) => {
4928
4966
  if (tooltip)
@@ -4993,7 +5031,7 @@ class Chip {
4993
5031
  enumerable: true,
4994
5032
  get: () => this.internals.form,
4995
5033
  });
4996
- __classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5034
+ __classPrivateFieldSet$l(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4997
5035
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4998
5036
  }
4999
5037
  componentDidLoad() {
@@ -5002,7 +5040,7 @@ class Chip {
5002
5040
  readTask(() => {
5003
5041
  this.tooltip = isEllipsisActive(span);
5004
5042
  });
5005
- __classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
5043
+ __classPrivateFieldSet$l(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
5006
5044
  this.tooltip = isEllipsisActive(spanEntry.target);
5007
5045
  }), "f");
5008
5046
  __classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
@@ -5098,7 +5136,7 @@ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;hei
5098
5136
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5099
5137
  //
5100
5138
  // SPDX-License-Identifier: Apache-2.0
5101
- var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5139
+ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5102
5140
  if (kind === "m")
5103
5141
  throw new TypeError("Private method is not writable");
5104
5142
  if (kind === "a" && !f)
@@ -5140,7 +5178,7 @@ class Dialog {
5140
5178
  _Dialog_titleId.set(this, void 0);
5141
5179
  _Dialog_closeButton.set(this, void 0);
5142
5180
  _Dialog_ref.set(this, (dialog) => {
5143
- __classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
5181
+ __classPrivateFieldSet$k(this, _Dialog_dialog, dialog, "f");
5144
5182
  });
5145
5183
  _Dialog_onCancel.set(this, (event) => {
5146
5184
  if (this.cancelEmitter.emit().defaultPrevented)
@@ -5166,7 +5204,7 @@ class Dialog {
5166
5204
  }
5167
5205
  });
5168
5206
  _Dialog_closeButtonRef.set(this, (button) => {
5169
- __classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
5207
+ __classPrivateFieldSet$k(this, _Dialog_closeButton, button, "f");
5170
5208
  });
5171
5209
  _Dialog_handleFocus.set(this, () => {
5172
5210
  if (!this.open)
@@ -5192,9 +5230,9 @@ class Dialog {
5192
5230
  this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
5193
5231
  }
5194
5232
  componentWillLoad() {
5195
- __classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5233
+ __classPrivateFieldSet$k(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5196
5234
  autoIncrementingId$4 += 1;
5197
- __classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5235
+ __classPrivateFieldSet$k(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5198
5236
  }
5199
5237
  componentDidLoad() {
5200
5238
  if (this.open)
@@ -5202,7 +5240,7 @@ class Dialog {
5202
5240
  }
5203
5241
  render() {
5204
5242
  const hasHeading = this.hasTitleSlot || this.closable === true;
5205
- return (hAsync(Host, { key: '3775c0fe42baca31c033c94ac54ae9a0952230e1' }, hAsync("dialog", { key: 'd7d151c1824d486cc600b4f35239d8750df7ae3c', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '35dd63265b11d60c81a0da00ecf26960e1ac6019', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '36a0f0cea4d5ea178159c6999dee7a0f504b463c', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '75e5ece6f72f32e4ba7db2bf9d599fca38439d47', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '32ebd90a963baf9641cc67bb2cd149028a60b260', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'bda8d06d22282ca980d92fa59675906c9e848f2d', class: "qds-content" }, hAsync("slot", { key: 'cb838bb563777ab4e6364cff00c18ab29d3097d3' })), this.hasFooterSlot && (hAsync("div", { key: 'abe36ceae28976fcf7414c84512024ee4a4cb1ea', class: "qds-footer" }, hAsync("slot", { key: '4a5256aa87b920d001592d3a3878661a7c7fcd86', name: "footer" })))), hAsync("div", { key: 'a77aaaf5f7011473d53593c5ca26435b0b9c8946', class: "qds-backdrop" })));
5243
+ return (hAsync(Host, { key: 'b56703628894d44de6fbfa044b8e159879638c1d' }, hAsync("dialog", { key: '7171f1cba7abb9462d7b6a4a9e8d3d1f627b0025', 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: '11f44e5d24633fc0c17255a730dd5c456cbf165e', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: 'a78301d8c219d0280c657c707ba6e9c00a0fdbd6', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '58d3175ca7b36fba80a31f348d9c41f6fbf5d57f', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: 'e5b3d849829ae3aa672ce1a86f9b5e5696df0e0d', 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: '775bb97545208edf31fa2205ca4011883e95c3f4', class: "qds-content" }, hAsync("slot", { key: 'b8b270ecaacac369a859d04fb17750bc0474aeae' })), this.hasFooterSlot && (hAsync("div", { key: 'b33c4f068fd65cbd688f449ec819829073d3e019', class: "qds-footer" }, hAsync("slot", { key: 'aa3e314e0b76b5c38ed1e0ddf25ac048ab1ddf15', name: "footer" })))), hAsync("div", { key: 'f2127abeb01723559abaa8537fdcc07081082b73', class: "qds-backdrop", "aria-hidden": "true" })));
5206
5244
  }
5207
5245
  show() {
5208
5246
  invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
@@ -5237,7 +5275,7 @@ class Dialog {
5237
5275
  }
5238
5276
  _Dialog_inheritedAttributes = new WeakMap(), _Dialog_dialog = new WeakMap(), _Dialog_titleId = new WeakMap(), _Dialog_closeButton = new WeakMap(), _Dialog_ref = new WeakMap(), _Dialog_onCancel = new WeakMap(), _Dialog_onClose = new WeakMap(), _Dialog_handleCloseClick = new WeakMap(), _Dialog_onSubmit = new WeakMap(), _Dialog_closeButtonRef = new WeakMap(), _Dialog_handleFocus = new WeakMap();
5239
5277
 
5240
- const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.qds-divider{border:none;height:var(--qds-control-border-width);margin:0;width:100%}.qds-vertical{height:100%;width:var(--qds-control-border-width)}[data-importance=standard]{background-color:var(--qds-theme-divider-standard)}[data-importance=emphasized]{background-color:var(--qds-theme-divider-emphasized)}[data-importance=subdued]{background-color:var(--qds-theme-divider-subdued)}";
5278
+ const dividerCss = ":host([hidden]){display:none!important}:host{display:block;flex-grow:1}.qds-divider{border:none;height:var(--qds-control-border-width);margin:0;width:100%}.qds-vertical{height:100%;width:var(--qds-control-border-width)}[data-importance=standard]{background-color:var(--qds-theme-divider-standard)}[data-importance=emphasized]{background-color:var(--qds-theme-divider-emphasized)}[data-importance=subdued]{background-color:var(--qds-theme-divider-subdued)}";
5241
5279
 
5242
5280
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5243
5281
  //
@@ -5288,7 +5326,7 @@ class Divider {
5288
5326
  this.verticalChanged();
5289
5327
  }
5290
5328
  render() {
5291
- return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
5329
+ return (hAsync("hr", { key: '38c35691b72a0fdf875406fecd02eddaf88d385b', class: {
5292
5330
  'qds-divider': true,
5293
5331
  'qds-vertical': this.vertical,
5294
5332
  }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
@@ -7010,7 +7048,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
7010
7048
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7011
7049
  //
7012
7050
  // SPDX-License-Identifier: Apache-2.0
7013
- var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7051
+ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7014
7052
  if (kind === "m")
7015
7053
  throw new TypeError("Private method is not writable");
7016
7054
  if (kind === "a" && !f)
@@ -7160,6 +7198,13 @@ class Dropdown {
7160
7198
  event.stopPropagation();
7161
7199
  return;
7162
7200
  }
7201
+ if (key === getSubmenuCloseKey(this.host) && __classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
7202
+ event.preventDefault();
7203
+ event.stopPropagation();
7204
+ await this.close();
7205
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7206
+ return;
7207
+ }
7163
7208
  if (!VERTICAL_MOVE_KEYS.has(key))
7164
7209
  return;
7165
7210
  const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
@@ -7220,14 +7265,14 @@ class Dropdown {
7220
7265
  _Dropdown_onSlotchange.set(this, (event) => {
7221
7266
  const slot = event.target;
7222
7267
  const assignedElements = slot.assignedElements({ flatten: true });
7223
- __classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7268
+ __classPrivateFieldSet$j(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7224
7269
  });
7225
7270
  }
7226
7271
  /**
7227
7272
  * Updates the gap between the dropdown and its target element.
7228
7273
  */
7229
7274
  async updateGap() {
7230
- __classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7275
+ __classPrivateFieldSet$j(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7231
7276
  await this.updateMiddleware();
7232
7277
  }
7233
7278
  /**
@@ -7249,10 +7294,10 @@ class Dropdown {
7249
7294
  }
7250
7295
  if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
7251
7296
  await this.updateGap();
7252
- __classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
7297
+ __classPrivateFieldSet$j(this, _Dropdown_opened, true, "f");
7253
7298
  }
7254
7299
  this.startAutoUpdate();
7255
- __classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
7300
+ __classPrivateFieldSet$j(this, _Dropdown_open, true, "f");
7256
7301
  host.hidden = false;
7257
7302
  host.showPopover();
7258
7303
  }
@@ -7271,11 +7316,14 @@ class Dropdown {
7271
7316
  }
7272
7317
  if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7273
7318
  __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7274
- __classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
7319
+ __classPrivateFieldSet$j(this, _Dropdown_open, false, "f");
7275
7320
  this.host.hidden = true;
7276
7321
  this.host.hidePopover();
7277
7322
  this.closeEmitter.emit();
7278
7323
  }
7324
+ async focusFirstItem() {
7325
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7326
+ }
7279
7327
  async handleMouseDown(event) {
7280
7328
  if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7281
7329
  return;
@@ -7294,7 +7342,7 @@ class Dropdown {
7294
7342
  async updateReferenceElement() {
7295
7343
  var _a;
7296
7344
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7297
- __classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7345
+ __classPrivateFieldSet$j(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7298
7346
  if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7299
7347
  return;
7300
7348
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
@@ -7307,7 +7355,7 @@ class Dropdown {
7307
7355
  }
7308
7356
  }
7309
7357
  async updateMiddleware() {
7310
- __classPrivateFieldSet$k(this, _Dropdown_middleware, [
7358
+ __classPrivateFieldSet$j(this, _Dropdown_middleware, [
7311
7359
  offset({
7312
7360
  ...this.offsetOptions,
7313
7361
  mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
@@ -7343,7 +7391,7 @@ class Dropdown {
7343
7391
  return;
7344
7392
  if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7345
7393
  __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7346
- __classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
7394
+ __classPrivateFieldSet$j(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
7347
7395
  ignorePromise(this.updatePosition());
7348
7396
  }, this.autoUpdateOptions), "f");
7349
7397
  }
@@ -7360,7 +7408,7 @@ class Dropdown {
7360
7408
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7361
7409
  }
7362
7410
  render() {
7363
- return (hAsync(Host, { key: '65c58f7361006626f42e2d3b57fe78d2388b3a9d', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '79bc14dc9dfd417f26e7043fcd71694819ccd2c8', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
7411
+ return (hAsync(Host, { key: 'cd91708a88557e3de9ff415fcf5ac365f4878101', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: 'ea44dbaac6f745eeeb3b835402cce7b051be2b88', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
7364
7412
  }
7365
7413
  static get delegatesFocus() { return true; }
7366
7414
  get host() { return getElement(this); }
@@ -7394,7 +7442,8 @@ class Dropdown {
7394
7442
  "keepOpenOnSelect": [4, "keep-open-on-select"],
7395
7443
  "updateGap": [64],
7396
7444
  "show": [64],
7397
- "close": [64]
7445
+ "close": [64],
7446
+ "focusFirstItem": [64]
7398
7447
  },
7399
7448
  "$listeners$": [[4, "click", "handleMouseDown"], [0, "click", "onItemClick"]],
7400
7449
  "$lazyBundleId$": "-",
@@ -7402,10 +7451,14 @@ class Dropdown {
7402
7451
  }; }
7403
7452
  }
7404
7453
  _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() {
7405
- if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7406
- __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7407
- __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
7408
- }
7454
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement) &&
7455
+ !(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement))
7456
+ return;
7457
+ const root = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").getRootNode();
7458
+ const target = root instanceof globalThis.ShadowRoot
7459
+ ? root.host
7460
+ : __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
7461
+ target.focus();
7409
7462
  }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
7410
7463
  requestAnimationFrame(() => {
7411
7464
  const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
@@ -7433,15 +7486,6 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
7433
7486
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7434
7487
  //
7435
7488
  // SPDX-License-Identifier: Apache-2.0
7436
- var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7437
- if (kind === "m")
7438
- throw new TypeError("Private method is not writable");
7439
- if (kind === "a" && !f)
7440
- throw new TypeError("Private accessor was defined without a setter");
7441
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7442
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
7443
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7444
- };
7445
7489
  var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7446
7490
  if (kind === "a" && !f)
7447
7491
  throw new TypeError("Private accessor was defined without a getter");
@@ -7449,7 +7493,7 @@ var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) |
7449
7493
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
7450
7494
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
7451
7495
  };
7452
- var _FormMessage_instances, _FormMessage_inheritedAttributes, _FormMessage_computedSize_get, _FormMessage_computedStatus_get;
7496
+ var _FormMessage_instances, _FormMessage_computedSize_get, _FormMessage_computedStatus_get, _FormMessage_syncInternalsAccessibility;
7453
7497
  /**
7454
7498
  * `<qds-form-message>` elements represent messages for a form field in a user
7455
7499
  * interface.
@@ -7459,6 +7503,13 @@ var _FormMessage_instances, _FormMessage_inheritedAttributes, _FormMessage_compu
7459
7503
  class FormMessage {
7460
7504
  constructor(hostRef) {
7461
7505
  registerInstance(this, hostRef);
7506
+ if (hostRef.$hostElement$["s-ei"]) {
7507
+ this.internals = hostRef.$hostElement$["s-ei"];
7508
+ }
7509
+ else {
7510
+ this.internals = hostRef.$hostElement$.attachInternals();
7511
+ hostRef.$hostElement$["s-ei"] = this.internals;
7512
+ }
7462
7513
  _FormMessage_instances.add(this);
7463
7514
  /**
7464
7515
  * Adds vertical margin to the form message for alignment.
@@ -7475,18 +7526,27 @@ class FormMessage {
7475
7526
  * The form message's status.
7476
7527
  */
7477
7528
  this.status = 'error';
7478
- _FormMessage_inheritedAttributes.set(this, {});
7529
+ }
7530
+ statusChanged() {
7531
+ __classPrivateFieldGet$n(this, _FormMessage_instances, "m", _FormMessage_syncInternalsAccessibility).call(this);
7479
7532
  }
7480
7533
  componentWillLoad() {
7481
- __classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7534
+ if (__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) !== 'neutral') {
7535
+ this.internals.role =
7536
+ __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) === 'error' ? 'alert' : 'status';
7537
+ }
7538
+ __classPrivateFieldGet$n(this, _FormMessage_instances, "m", _FormMessage_syncInternalsAccessibility).call(this);
7482
7539
  }
7483
7540
  render() {
7484
- return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
7541
+ return (hAsync("div", { key: '06ab5174430e4ee559b7ef8f0f1f93f8725e6d8d', class: {
7485
7542
  'qds-form-message': true,
7486
7543
  'qds-inline': this.inline,
7487
- }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$n(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '0a9b180b4a3649f5360cdd930b47e154940a57ec', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '8662cabe7446727290a67ad778e519aad73438f6', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '99467f3ddac3b4ca02f54b56d252eafcd266e627', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: 'f14eb5b9840eab89b41b0dba1aeb3e4565302a57', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'feba7f19897dad2a1913cb6175933fb83580a5b0', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7544
+ }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) !== 'neutral' && (hAsync("div", { key: '3bfd03345480f6e1a3bfed9fc02a305a10ca3a8a', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: 'ed3f34efcea550f6d325c6f72321ceee4b2e9c6f', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, hAsync("qds-icon", { key: 'fb38a30828adf99ec982190769f8e9c0e01f95f2', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get), name: `status-${__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get)}-solid`, library: "core" }), hAsync("span", { key: '8949e66c31fa79dbfe0fea33458f8e0babfed523', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: '64480656127a18618af23cb76971974bca1aa847', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7488
7545
  }
7489
7546
  get host() { return getElement(this); }
7547
+ static get watchers() { return {
7548
+ "status": ["statusChanged"]
7549
+ }; }
7490
7550
  static get style() { return formMessageCss; }
7491
7551
  static get cmpMeta() { return {
7492
7552
  "$flags$": 265,
@@ -7503,7 +7563,7 @@ class FormMessage {
7503
7563
  "$attrsToReflect$": []
7504
7564
  }; }
7505
7565
  }
7506
- _FormMessage_inheritedAttributes = new WeakMap(), _FormMessage_instances = new WeakSet(), _FormMessage_computedSize_get = function _FormMessage_computedSize_get() {
7566
+ _FormMessage_instances = new WeakSet(), _FormMessage_computedSize_get = function _FormMessage_computedSize_get() {
7507
7567
  switch (this.size) {
7508
7568
  case 'standard':
7509
7569
  case 'small':
@@ -7516,6 +7576,10 @@ _FormMessage_inheritedAttributes = new WeakMap(), _FormMessage_instances = new W
7516
7576
  }
7517
7577
  }, _FormMessage_computedStatus_get = function _FormMessage_computedStatus_get() {
7518
7578
  return this.status ?? 'error';
7579
+ }, _FormMessage_syncInternalsAccessibility = function _FormMessage_syncInternalsAccessibility() {
7580
+ this.internals.ariaLive =
7581
+ __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) === 'error' ? 'assertive' : 'polite';
7582
+ this.internals.ariaAtomic = 'true';
7519
7583
  };
7520
7584
 
7521
7585
  const checkedSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0ibTEyLjExMSAzLjUtNS45MTggOUwzLjg5IDkuMDI0Ii8+PC9zdmc+';
@@ -7723,7 +7787,7 @@ class Icon {
7723
7787
  await this.setIcon();
7724
7788
  }
7725
7789
  render() {
7726
- return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
7790
+ return (hAsync("div", { key: 'a30a96c36b82403a02633da78a0b088f268e38a8', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: 'e5857ccf7d3e9545279a7c6afc53cb788f274cae', class: "qds-icon-wrapper", innerHTML: this.svg })));
7727
7791
  }
7728
7792
  static get watchers() { return {
7729
7793
  "name": ["setIcon"],
@@ -8212,7 +8276,7 @@ _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_iconTab =
8212
8276
  Object.defineProperty(this.host, p, { enumerable: true, get });
8213
8277
  };
8214
8278
 
8215
- const inlineLinkCss = ":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{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}.qds-inline-link{align-items:center;display:flex;gap:var(--qds-text-icon-gap)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}[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)}[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}[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)}[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}[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)}[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}";
8279
+ const inlineLinkCss = ":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{height:var(--qds-control-hero-icon-size);transform:scaleX(var(--qds-direction-factor,1));width:var(--qds-control-hero-icon-size)}.qds-inline-link{align-items:center;display:flex;gap:var(--qds-text-icon-gap)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}[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)}[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}[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)}[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}[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)}[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}";
8216
8280
 
8217
8281
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8218
8282
  //
@@ -8333,10 +8397,10 @@ class InlineLink {
8333
8397
  __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8334
8398
  }
8335
8399
  render() {
8336
- return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
8400
+ return (hAsync("a", { key: '251fe7659a8a098b8f7394f2444ef16ff756ada3', "aria-hidden": "true", class: {
8337
8401
  'qds-inline-link': true,
8338
8402
  'qds-disabled': this.disabled,
8339
- }, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66400e2071d58f4ae5b2afd32e435fd688ff9f7b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '7650baedea48e920ad0aaf445b11654a91954119', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'ec44b064cbca50416722bde16fad8f9401e62e8a', class: "qds-icon", library: "core", name: this.linkIcon }))));
8403
+ }, "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: '5b199ac66d04a8a21d464517d67f7820de5da457', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '5c2593abebcf79f725369fa0ab8e4030940e1948', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'f9bf58525eb9831828d01dd1808e48454648c72e', class: "qds-icon", library: "core", name: this.linkIcon }))));
8340
8404
  }
8341
8405
  get host() { return getElement(this); }
8342
8406
  static get watchers() { return {
@@ -8403,7 +8467,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
8403
8467
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
8404
8468
  };
8405
8469
  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;
8406
- const stopImmediatePropagation = (event) => {
8470
+ const stopImmediatePropagation$1 = (event) => {
8407
8471
  event.stopImmediatePropagation();
8408
8472
  };
8409
8473
  const supportsSearchEvent = () => {
@@ -8602,10 +8666,10 @@ class Input {
8602
8666
  invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8603
8667
  __classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
8604
8668
  };
8605
- _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
8606
- _Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation })));
8607
- _Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation })));
8608
- _Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation })));
8669
+ _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation$1 })));
8670
+ _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$1 })));
8671
+ _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$1 })));
8672
+ _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$1 })));
8609
8673
  _Input_togglePasswordVisibility.set(this, () => {
8610
8674
  invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8611
8675
  this.isPasswordVisible = !this.isPasswordVisible;
@@ -9096,6 +9160,9 @@ var __classPrivateFieldSet$d = (undefined && undefined.__classPrivateFieldSet) |
9096
9160
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
9097
9161
  };
9098
9162
  var _ListItem_instances, _ListItem_roText, _ListItem_roSubTitle, _ListItem_text, _ListItem_subtitle, _ListItem_iconButton, _ListItem_checkbox, _ListItem_radio, _ListItem_computedDestination_get, _ListItem_computedIndeterminate_get, _ListItem_computedListAction_get, _ListItem_computedSelected_get, _ListItem_computedSize_get, _ListItem_hasSubmenu_get, _ListItem_onBlur, _ListItem_onFocus, _ListItem_onCheck, _ListItem_onSelect, _ListItem_divTitleRef, _ListItem_divSubtitleRef, _ListItem_textTooltipRef, _ListItem_iconButtonRef, _ListItem_onSlotChange, _ListItem_checkboxRef, _ListItem_radioRef;
9163
+ const stopImmediatePropagation = (event) => {
9164
+ event.stopImmediatePropagation();
9165
+ };
9099
9166
  /**
9100
9167
  *
9101
9168
  *
@@ -9297,18 +9364,18 @@ class ListItem {
9297
9364
  this.subtitleChanged();
9298
9365
  }
9299
9366
  render() {
9300
- return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
9367
+ return (hAsync(Host, { key: '5a3a3df94d196e2c3740c9a7cd47b9cd28f6259c' }, hAsync("div", { key: '19458ba3e18483d63c3e1d767198757c40f8af1d', class: {
9301
9368
  'qds-list-item': true,
9302
9369
  'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9303
9370
  'qds-disabled': this.disabled,
9304
9371
  'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9305
9372
  'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9306
- }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
9373
+ }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '330677408fefe3434033699287497cdbb0229de8', class: {
9307
9374
  'qds-indented-content': true,
9308
9375
  'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9309
- } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
9376
+ } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '6951ebdb2c5d31b045e867c08f8f7a59b477d7a3', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: stopImmediatePropagation, ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'afe26df255406172e85866f9f8ad0c117dd7c80d', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'f5398339399b1b5ed40eb99fddfd4da70e46cc06', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '92330554b0bac82bb1830518f646fbc07494028f', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '59ec62d45dd9f0970435f33492625f78dbf5917f', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '48638dc5625c1b452cef3425aa154809f9db119b', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '77a1f8424be02a7d363edc66db61ad3b55b3b29b', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
9310
9377
  ? 0
9311
- : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '8772f76f5b815cf2416d330127ebf84cc2033cf2', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'ac7ee2dc31df20870a50f10c2226715c479e9fea', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: '69984f6419363b4e3118a9530c2b7c3aa80058b5', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '8a1af2e9ca9ca2efb7e06cad5be2f520744c9792' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: 'fcf807651e2e3d2b6da676447ce68f961ab168ee', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: 'eacd4ab8814dd82dc61c3c0a1767bae199d3bfa5', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '3da43382feaa8e6f6882bab0b30911d4259c4d92', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'e6ce033788d3428f83b255d859b69a737f0f4b9c', class: "qds-tooltip-subtitle" }, this.subtitle))))));
9378
+ : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'bd286572a596d6834deb37c78355fd0c513b507b', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e47ad0f2262a6b703ad60910ecda70f9055a99cd', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '454e29db383d4d42388302c2a0c2e3e829110d69', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '954a084ce37eb83a184e21b34f04a552384d113a', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: 'ee6d36f38f7f2503dfbbf59add9dd381ce9634d4', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '07065d6e8cb830d7df88fa2222418957a352f36a', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '89fd9526aabb5d3d51252b767abf4b61cfad3699', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: '8543f5c404208d1a8e2e2e7b7504fb212caef8f1', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '147261b3b694ab5fc53cde8f92bf2d4bf9db78aa' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: 'd241910d595e17d4624fbfeaebb3c592e9861250', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '2e0fbef65e5aff8fd9cd6a746914e19c4509e5ae', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '0258af911af8835bf23bed6ab204e47b50dde61d', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'cd81e5f0a52ad03b876967bb41549af3a3603d5f', class: "qds-tooltip-subtitle" }, this.subtitle))))));
9312
9379
  }
9313
9380
  get host() { return getElement(this); }
9314
9381
  static get watchers() { return {
@@ -9387,7 +9454,7 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
9387
9454
  return this.hasSubmenuSlot;
9388
9455
  };
9389
9456
 
9390
- const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:b 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n --qds-theme-feedback-loader-destructive-indeterminate\n )}[data-status=loading][data-importance=informative]{background-image:var(\n --qds-theme-feedback-loader-informational-indeterminate\n )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n --qds-theme-feedback-loader-neutral-contrast-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes b{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
9457
+ 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)}";
9391
9458
 
9392
9459
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9393
9460
  //
@@ -9520,7 +9587,7 @@ _Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_c
9520
9587
  Object.defineProperty(this.host, p, { enumerable: true, get });
9521
9588
  };
9522
9589
 
9523
- const menuItemCss = ":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-menu-item-container{align-items:center;display:flex;flex-grow:1}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[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)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[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)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[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)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
9590
+ const menuItemCss = ":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-menu-item-container{align-items:center;display:flex;flex-grow:1}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard);transform:scaleX(var(--qds-direction-factor,1))}.qds-text{color:var(--qds-theme-title);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[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)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[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)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[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)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
9524
9591
 
9525
9592
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9526
9593
  //
@@ -9541,7 +9608,7 @@ var __classPrivateFieldSet$c = (undefined && undefined.__classPrivateFieldSet) |
9541
9608
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
9542
9609
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
9543
9610
  };
9544
- var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
9611
+ var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_submenuDropdown, _MenuItem_submenuPlacement_get, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
9545
9612
  /**
9546
9613
  *
9547
9614
  *
@@ -9579,6 +9646,7 @@ class MenuItem {
9579
9646
  _MenuItem_ro.set(this, void 0);
9580
9647
  _MenuItem_menuItem.set(this, void 0);
9581
9648
  _MenuItem_span.set(this, void 0);
9649
+ _MenuItem_submenuDropdown.set(this, void 0);
9582
9650
  _MenuItem_menuitemDivRef.set(this, (menuItem) => {
9583
9651
  if (menuItem) {
9584
9652
  __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
@@ -9609,6 +9677,24 @@ class MenuItem {
9609
9677
  this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9610
9678
  this.selectEmitter.emit();
9611
9679
  }
9680
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f")) {
9681
+ __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").placement = isRTL$1(this.host)
9682
+ ? __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get)
9683
+ : __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get);
9684
+ }
9685
+ }
9686
+ async onKeydown(event) {
9687
+ if (!__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) || !__classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f"))
9688
+ return;
9689
+ const openKey = getSubmenuOpenKey(this.host);
9690
+ if (event.key === openKey || event.key === ' ' || event.key === 'Enter') {
9691
+ event.preventDefault();
9692
+ event.stopPropagation();
9693
+ __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").placement =
9694
+ event.key === openKey ? __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get) : __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get);
9695
+ await __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").show();
9696
+ await __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").focusFirstItem();
9697
+ }
9612
9698
  }
9613
9699
  disabledChanged() {
9614
9700
  this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
@@ -9630,16 +9716,21 @@ class MenuItem {
9630
9716
  }
9631
9717
  componentWillLoad() {
9632
9718
  this.hasSubmenuSlot = this.host.hasChildNodes();
9633
- this.internals.role =
9634
- this.type === 'checkbox' ? 'menuitemcheckbox' : 'menuitem';
9719
+ this.internals.role = this.hasSubmenuSlot
9720
+ ? 'menu'
9721
+ : this.type === 'checkbox'
9722
+ ? 'menuitemcheckbox'
9723
+ : 'menuitem';
9635
9724
  this.disabledChanged();
9636
9725
  }
9637
9726
  render() {
9638
- return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
9727
+ return (hAsync("div", { key: 'fae8f24bbefcdc64c004b8da65a70cd8b9fe8438', class: {
9639
9728
  'qds-menu-item': true,
9640
9729
  'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9641
9730
  'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9642
- }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
9731
+ }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'b45e71326da41fc69fd8c9a39ba169eb47f2c8dc', 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: 'd71f665a70cd44ca1fd13715a7caebf01714993c', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '6e50fb81a27ef336c33a7d0a0efe073f0760e5c0', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '1c746859fb0e38ea9ad2cbce505dfba50db6342a', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '035d26a96b245959e98a89b652b60af3feb837c5', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: 'ab0cae8c88d869426ebb91769ec45186f1f73342', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: '363565cb9b80eb1063fc95c46bc59bbf5d5f2ae3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'f44a9870d3b5c5cdc24f27ba67e4bfda6f00252a', class: "qds-accessory qds-related", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), ref: (element) => {
9732
+ __classPrivateFieldSet$c(this, _MenuItem_submenuDropdown, element, "f");
9733
+ } }, hAsync("slot", { key: '45c0814fb09df52fc2cbc63f0d35e6d4f09f2a55' }))), this.tooltip && (hAsync("qds-tooltip", { key: '2dac01c4221bd941b3b62946f5ddc92f4682182a', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
9643
9734
  }
9644
9735
  get host() { return getElement(this); }
9645
9736
  static get watchers() { return {
@@ -9662,12 +9753,14 @@ class MenuItem {
9662
9753
  "hasSubmenuSlot": [32],
9663
9754
  "tooltip": [32]
9664
9755
  },
9665
- "$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"]],
9756
+ "$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [0, "keydown", "onKeydown"]],
9666
9757
  "$lazyBundleId$": "-",
9667
9758
  "$attrsToReflect$": []
9668
9759
  }; }
9669
9760
  }
9670
- _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
9761
+ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_submenuDropdown = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_submenuPlacement_get = function _MenuItem_submenuPlacement_get() {
9762
+ return isRTL$1(this.host) ? 'left-start' : 'right-start';
9763
+ }, _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
9671
9764
  switch (this.size) {
9672
9765
  case 'standard':
9673
9766
  case 'small':
@@ -9690,7 +9783,7 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
9690
9783
  return this.hasSubmenuSlot;
9691
9784
  };
9692
9785
 
9693
- const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-mini-button{align-items:center;background-color:initial;border:none;border-radius:var(--qds-control-rounded-border-radius);color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-mini-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
9786
+ const miniButtonCss = ":host{border-radius:var(--qds-control-rounded-border-radius);display:block}:host(:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}:host(:hover){background-color:var(--qds-theme-interactive-background-hover)}:host(:active){background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button{align-items:center;background-color:initial;border:none;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
9694
9787
 
9695
9788
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9696
9789
  //
@@ -9795,7 +9888,7 @@ class MiniButton {
9795
9888
  }
9796
9889
  render() {
9797
9890
  const Tag = this.href === undefined ? 'button' : 'a';
9798
- return (hAsync(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'd3ab0776386fa553ee0a1582261a6724c6c5ef3a', class: "qds-icon", library: this.library, name: this.name })));
9891
+ return (hAsync(Tag, { key: '12e7bec4062ae51880303f18207945d79dc5f4ae', 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: '52296f8479a2d844f1b32664a137dcec30eeb38c', class: "qds-icon", library: this.library, name: this.name })));
9799
9892
  }
9800
9893
  static get formAssociated() { return true; }
9801
9894
  get host() { return getElement(this); }
@@ -9824,12 +9917,10 @@ class MiniButton {
9824
9917
  }; }
9825
9918
  }
9826
9919
  _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
9827
- return (this.host.matches(':disabled') ||
9828
- (this.host.hasAttribute('disabled') &&
9829
- this.host.getAttribute('disabled') !== 'false'));
9920
+ return this.disabled ?? false;
9830
9921
  };
9831
9922
 
9832
- const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:a 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes a{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
9923
+ 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)}";
9833
9924
 
9834
9925
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9835
9926
  //
@@ -9920,7 +10011,7 @@ class ProgressBar {
9920
10011
  this.valueChanged();
9921
10012
  }
9922
10013
  render() {
9923
- return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
10014
+ return (hAsync("div", { key: 'dceeec47c9023f86eb5c0be5535f04de6d9e0502', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: 'd8e61e369da33e1e661a021f05adf57691975e45', class: {
9924
10015
  'qds-bar': true,
9925
10016
  'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
9926
10017
  }, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
@@ -10060,6 +10151,11 @@ class QdsBreadcrumbItem {
10060
10151
  }
10061
10152
  componentWillLoad() {
10062
10153
  this.internals.role = 'listitem';
10154
+ this.internals.ariaLabel = this.text;
10155
+ // If the breadcrumb item doesn't have an `href`, it's the current page.
10156
+ // Note: Chrome is not reflecting the aria-current property in the accessibility tool.
10157
+ // eslint-disable-next-line unicorn/no-null
10158
+ this.internals.ariaCurrent = this.href === undefined ? 'page' : null;
10063
10159
  this.disabledChanged();
10064
10160
  }
10065
10161
  componentDidLoad() {
@@ -10070,12 +10166,12 @@ class QdsBreadcrumbItem {
10070
10166
  __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10071
10167
  }
10072
10168
  render() {
10073
- return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
10169
+ return (hAsync("div", { key: '9d1917bb3ef33e1c3d11e75373bf5bfc383a09e5', class: {
10074
10170
  'qds-breadcrumb-item': true,
10075
10171
  'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
10076
- }, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '9126433ac3532b3716d5821568d65a74b45c7145', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
10172
+ }, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '0dc2c60d1acefc4fa6bee3a883e1ef1681e731c8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
10077
10173
  ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
10078
- : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '8db1c84dea739706bb39ebbfe3824b4adbe2765c', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
10174
+ : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '08b0db3040f0140592ba7a570fbcc7a241c399ff', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
10079
10175
  }
10080
10176
  static get delegatesFocus() { return true; }
10081
10177
  static get watchers() { return {
@@ -10239,12 +10335,12 @@ class Radio {
10239
10335
  render() {
10240
10336
  return (
10241
10337
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
10242
- hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10338
+ hAsync("label", { key: '05091a4307f0b719717fda2c9473a934989156d3', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10243
10339
  'qds-inline': this.inline,
10244
10340
  'qds-label': true,
10245
- }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
10341
+ }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '860a270e9f16e5dc8b8b1523fdbeb24680626d45', class: "qds-container" }, hAsync("input", { key: 'b5638e9a92346848ea1c0b434214825b4ebc3323',
10246
10342
  // eslint-disable-next-line jsx-a11y/no-autofocus
10247
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '668a2d22e68b6f1d49cb5b9798b99dbd6d5a05a5', class: "qds-icon", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("span", { key: 'f1205a0e975d4e59a907239a0371fe8864e5adfd', class: "qds-label-inner", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet$b(this, _Radio_spanRef, "f") }, this.required === true && hAsync("span", { key: '77c767cab283f45e4f5d4d23caab06ddd200c214', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '905dbef82ca3a3803e536bceca43c1bee35eb195', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
10343
+ 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: 'd74e6d6ffa6b3846c403fe58928a083e8d5aee9a', 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: '9b140db5f97aeabb34f89affa10379767155ea9f', 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: 'd6885c32b7bad9cb74cb243cf58524ccce57373a', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '734bbf31d2684af4271b07ebaef5d554c9c17a9c', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
10248
10344
  }
10249
10345
  get host() { return getElement(this); }
10250
10346
  static get watchers() { return {
@@ -10290,7 +10386,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
10290
10386
  return this.text !== undefined && this.text !== '';
10291
10387
  };
10292
10388
 
10293
- const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"f\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);grid-area:f}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:f;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
10389
+ 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-form-input-text-active);grid-area:j}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
10294
10390
 
10295
10391
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10296
10392
  //
@@ -10774,11 +10870,11 @@ class StandaloneLink {
10774
10870
  __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10775
10871
  }
10776
10872
  render() {
10777
- return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
10873
+ return (hAsync("a", { key: '2b62e43bfd05f5bdd1c350081351bd94006f29cc', "aria-hidden": "true", class: {
10778
10874
  'qds-standalone-link': true,
10779
10875
  'qds-disabled': this.disabled,
10780
10876
  'qds-visitable': this.visitable,
10781
- }, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '952fb52d3129a1bd7e1bb901af8673439f434a1b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9fc0f2d475b165e890546f6faad7d9e90ca31df9', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '0213f2cf7a42d5ca9ba4b8083a26966c49bd6eb3', class: "qds-text" }, hAsync("slot", { key: 'f54a7b1f67e7114fa2eac1bd787c7b604c937630', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'eca6d9db29c904ff24ef63672f448ea9bf69e803', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e2610d31880ed6fe83d59c06c437014a54284b26', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'a242b2eabb9f7d1c2db2e2e531151e91c32d651e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '88dc23ac40898d3adfe236dad9fe44136db5efb3', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
10877
+ }, "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: 'ab9324da83afb571c47c4dd26b2d26cb1289da55', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'ee87282c15b9656af82a0469c7bc32bab2dfbfaa', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '4e53119ab88ee2264d811e46ac7da4dc5215312a', class: "qds-text" }, hAsync("slot", { key: 'f4388e7e7ab8a300d10f9c3410a284203bed5817', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '005ac6933014277997e9418ef4dbf030303e5db2', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e35052fa041a15dc17f0832fb896f3384ced7895', 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: 'fb4e0ed25b26ab1f63d6dcc519d5e9a4567841f0', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9396024100a0bb6669270d068620799c2d567afe', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
10782
10878
  }
10783
10879
  get host() { return getElement(this); }
10784
10880
  static get watchers() { return {
@@ -10836,7 +10932,7 @@ _StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMa
10836
10932
  return this.target === '_blank';
10837
10933
  };
10838
10934
 
10839
- const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;height:100%;margin:0}.qds-indicator{color:var(--qds-theme-control-input-background);flex-grow:1;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-container,.qds-indicator{align-items:center;display:flex}.qds-container{box-sizing:border-box;cursor:pointer}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}:host(:focus-visible) .qds-switch~.qds-track{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-container[data-size=small]{min-height:var(--qds-control-toggle-small-height)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-track[data-size=small]{height:var(--qds-control-toggle-small-track-height);width:var(--qds-control-toggle-small-track-width)}.qds-knob[data-size=small]{width:var(--qds-control-toggle-small-knob-width)}.qds-indicator[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-container[data-size=standard]{min-height:var(--qds-control-toggle-standard-height)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-track[data-size=standard]{height:var(--qds-control-toggle-standard-track-height);width:var(--qds-control-toggle-standard-track-width)}.qds-knob[data-size=standard]{width:var(--qds-control-toggle-standard-knob-width)}.qds-indicator[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-container[data-size=large]{min-height:var(--qds-control-toggle-large-height)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-track[data-size=large]{height:var(--qds-control-toggle-large-track-height);width:var(--qds-control-toggle-large-track-width)}.qds-knob[data-size=large]{width:var(--qds-control-toggle-large-knob-width)}.qds-indicator[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
10935
+ const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-background);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;height:100%;margin:0}.qds-indicator{color:var(--qds-theme-control-background);flex-grow:1;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-container,.qds-indicator{align-items:center;display:flex}.qds-container{box-sizing:border-box;cursor:pointer}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}:host(:focus-visible) .qds-switch~.qds-track{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-container[data-size=small]{min-height:var(--qds-control-toggle-small-height)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-track[data-size=small]{height:var(--qds-control-toggle-small-track-height);width:var(--qds-control-toggle-small-track-width)}.qds-knob[data-size=small]{width:var(--qds-control-toggle-small-knob-width)}.qds-indicator[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-container[data-size=standard]{min-height:var(--qds-control-toggle-standard-height)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-track[data-size=standard]{height:var(--qds-control-toggle-standard-track-height);width:var(--qds-control-toggle-standard-track-width)}.qds-knob[data-size=standard]{width:var(--qds-control-toggle-standard-knob-width)}.qds-indicator[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-container[data-size=large]{min-height:var(--qds-control-toggle-large-height)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-track[data-size=large]{height:var(--qds-control-toggle-large-track-height);width:var(--qds-control-toggle-large-track-width)}.qds-knob[data-size=large]{width:var(--qds-control-toggle-large-knob-width)}.qds-indicator[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
10840
10936
 
10841
10937
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10842
10938
  //
@@ -11013,13 +11109,13 @@ class Switch {
11013
11109
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
11014
11110
  }
11015
11111
  render() {
11016
- return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
11112
+ return (hAsync("div", { key: '5737ac1a3c38df703f7cc795e2032d7575281200', class: {
11017
11113
  'qds-container': true,
11018
11114
  'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
11019
11115
  'qds-inline': this.inline,
11020
- }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
11116
+ }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '1b8f0ce739d5fbdb1d7c4e8edb77feeb64edba47', "aria-hidden": "true",
11021
11117
  // eslint-disable-next-line jsx-a11y/no-autofocus
11022
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '62ffdca674fecb443977b8a077f67e74b5be561c', class: "qds-track", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '35ace9f745581aa451ddf0618fdae0759cec0a0c', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '5c59c47b9a95721441956169344ed8aa7049a049', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '193c882652ace39275e13858d7a73e9993271b52', class: "qds-knob-container" }, hAsync("div", { key: 'e0a80c43ed774d3e2a89a9b437f1b3ec0e647937', class: "qds-knob", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '14f8db236430628094cfd58dd794de83f559cd88', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'c180a31164968b92edac3a9b48d53dbf7cf1cf75', class: "qds-icon", name: "toggle-off", library: "core" }))))));
11118
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '4cea0f923dae9b4d6c6ff38d99fa3c2a74e65f02', 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: '5ae795102526abb97de7ae5d5d4d6e1559ee3da5', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '02085b582084f6c271beb2d1ac46bbd2d993ca96', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '8fe61ec49e46a3b99d95c1bcc6bb496bfef988f1', class: "qds-knob-container" }, hAsync("div", { key: '1cdb41690cb3ed4c1cd116274d2c62daf4d29171', 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: 'd5ff9b46807d07a3f9f913ed8e50c9e9ed1ae75f', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '4a4d174e59d16ead1cdafc3a1933c5a898e8a073', class: "qds-icon", name: "toggle-off", library: "core" }))))));
11023
11119
  }
11024
11120
  static get formAssociated() { return true; }
11025
11121
  get host() { return getElement(this); }
@@ -11263,11 +11359,11 @@ class Tab {
11263
11359
  : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11264
11360
  ? 'button'
11265
11361
  : 'div';
11266
- return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11362
+ return (hAsync("div", { key: '7b70ccc733ed75a400bb054cb428eedacf292225', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11267
11363
  'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11268
11364
  'qds-selected': this.selected,
11269
11365
  [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11270
- }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '5d0ffe78945e31f890fd8bb382a2e2c70380c2e8', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
11366
+ }, "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: '28e9f81ef19ba8ba663da7dcaded2a09a31c6747', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
11271
11367
  'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11272
11368
  'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11273
11369
  'qds-selected': this.selected,
@@ -11277,7 +11373,7 @@ class Tab {
11277
11373
  ? 'true'
11278
11374
  : 'false'
11279
11375
  : undefined, "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
11280
- (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '3dc70a5b756995e7a8b27e207da5ae69c0f07966', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'ec984fdce7855e58b9981c2cbff4a1b6c664bce6', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'cb6ec00cd85a5858d608f9bfcbb80a6ac8b4767d', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '007e24af5206a2ea0cc6205ab74086e5c9bc8d34', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: '2eacc81e4f8e952365d811e73f9ce1d56a2c1b42', class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '730c62133c50a8877994910154d75abc8074d2ad', name: "close", library: "core", text: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$7(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
11376
+ (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'ab5ce12308980ea1249d1f1594ada82a119ece87', 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: '97943a87bb21b72b52f1900305227d9781d7ba45', "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: 'dab4973edd6ef5ffd9adb7921ceb5312030839e7', 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: 'e0f12eb560604937a4b3aaa2b0edb8f810cc8862', 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: 'd5a28c2f63a43b351512aa53dd29ae626ecd5198', 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: '9f4badb4baa2275d6763de7ed92244a8d1607cfb', 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) }))));
11281
11377
  }
11282
11378
  get host() { return getElement(this); }
11283
11379
  static get watchers() { return {
@@ -11379,7 +11475,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11379
11475
  Object.defineProperty(this.host, p, { enumerable: true, get });
11380
11476
  };
11381
11477
 
11382
- const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
11478
+ const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
11383
11479
 
11384
11480
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11385
11481
  //
@@ -11400,7 +11496,8 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
11400
11496
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
11401
11497
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11402
11498
  };
11403
- var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
11499
+ var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
11500
+ const TAB_ITEM_SELECTOR = 'qds-icon-tab, qds-tab';
11404
11501
  const TAB_SETTINGS = {
11405
11502
  'main-root': {
11406
11503
  importance: 'standard',
@@ -11438,13 +11535,14 @@ const TAB_SETTINGS = {
11438
11535
  indicatorPosition: 'block-end',
11439
11536
  },
11440
11537
  };
11441
- const isEnabledTabItem = (item) => {
11538
+ const isTabItem = (item) => {
11442
11539
  if (!(item instanceof HTMLElement))
11443
11540
  return false;
11444
11541
  const tagName = item.tagName.toLowerCase();
11445
- return ((!item.inert && tagName === 'qds-tab') ||
11446
- item.disabled !== true);
11542
+ return tagName === 'qds-tab' || tagName === 'qds-icon-tab';
11447
11543
  };
11544
+ const isEnabledTabItem = (item) => isTabItem(item) && !item.inert && item.disabled !== true;
11545
+ const getTabTrigger = (tab) => tab.tab;
11448
11546
  /**
11449
11547
  * `<qds-tabbar>` is the component that facilitates navigation between the groups
11450
11548
  * of related content within the page.
@@ -11455,6 +11553,13 @@ class Tabbar {
11455
11553
  registerInstance(this, hostRef);
11456
11554
  this.showEmitter = createEvent(this, "qdsTabShow", 6);
11457
11555
  this.hideEmitter = createEvent(this, "qdsTabHide", 6);
11556
+ if (hostRef.$hostElement$["s-ei"]) {
11557
+ this.internals = hostRef.$hostElement$["s-ei"];
11558
+ }
11559
+ else {
11560
+ this.internals = hostRef.$hostElement$.attachInternals();
11561
+ hostRef.$hostElement$["s-ei"] = this.internals;
11562
+ }
11458
11563
  _Tabbar_instances.add(this);
11459
11564
  /**
11460
11565
  * The tabbar's layer.
@@ -11498,7 +11603,6 @@ class Tabbar {
11498
11603
  _Tabbar_tabs.set(this, []);
11499
11604
  _Tabbar_ro.set(this, void 0);
11500
11605
  _Tabbar_tabbar.set(this, void 0);
11501
- _Tabbar_inheritedAttributes.set(this, {});
11502
11606
  _Tabbar_scrollToStart.set(this, () => {
11503
11607
  invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11504
11608
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
@@ -11519,12 +11623,13 @@ class Tabbar {
11519
11623
  });
11520
11624
  _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
11521
11625
  _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
11626
+ _Tabbar_isEndOrBottomPlacement.set(this, () => this.placement === 'end' || this.placement === 'bottom');
11522
11627
  _Tabbar_onClick.set(this, (event) => {
11523
11628
  const { target } = event;
11524
11629
  if (!(target instanceof HTMLElement))
11525
11630
  return;
11526
- const tab = target.closest('qds-tab');
11527
- if (!tab || tab.disabled === true || tab.inert)
11631
+ const tab = target.closest(TAB_ITEM_SELECTOR);
11632
+ if (!isEnabledTabItem(tab))
11528
11633
  return;
11529
11634
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11530
11635
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
@@ -11577,7 +11682,7 @@ class Tabbar {
11577
11682
  nextTab = tabs[index];
11578
11683
  } while (nextTab.disabled === true);
11579
11684
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11580
- const target = nextTab.tab;
11685
+ const target = getTabTrigger(nextTab);
11581
11686
  target.focus({ preventScroll: true });
11582
11687
  if (!isVertical)
11583
11688
  target.scrollIntoView();
@@ -11586,8 +11691,11 @@ class Tabbar {
11586
11691
  });
11587
11692
  _Tabbar_onMouseDown.set(this, (event) => {
11588
11693
  const { target } = event;
11589
- if (isEnabledTabItem(target))
11590
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11694
+ if (!(target instanceof HTMLElement))
11695
+ return;
11696
+ const tab = target.closest(TAB_ITEM_SELECTOR);
11697
+ if (isEnabledTabItem(tab))
11698
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11591
11699
  });
11592
11700
  _Tabbar_onScroll.set(this, () => {
11593
11701
  if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
@@ -11616,15 +11724,17 @@ class Tabbar {
11616
11724
  settingChanged() {
11617
11725
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
11618
11726
  }
11727
+ accessibilityChanged() {
11728
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_syncInternalsAccessibility).call(this);
11729
+ }
11619
11730
  windowResize() {
11620
11731
  __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
11621
11732
  }
11622
11733
  componentWillLoad() {
11623
11734
  this.settingChanged();
11624
- __classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11625
- const tabs = [
11626
- ...this.host.querySelectorAll('qds-tab'),
11627
- ];
11735
+ this.internals.role = 'tablist';
11736
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_syncInternalsAccessibility).call(this);
11737
+ const tabs = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
11628
11738
  const preselectedTab = tabs.find((tab) => tab.selected);
11629
11739
  if (preselectedTab)
11630
11740
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
@@ -11646,14 +11756,14 @@ class Tabbar {
11646
11756
  __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
11647
11757
  }
11648
11758
  render() {
11649
- return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
11759
+ return (hAsync("div", { key: '8591f74558abeec27a6c1e1b311177463cb5992e', class: {
11650
11760
  'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11651
- }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("div", { key: '2421469125db014dfa6be6012daaf06a354e1466', class: "qds-tabbar" }, hAsync("div", { key: '1def1f43dc9ecc8680634fa2d5f330c803c82054', class: {
11761
+ }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '00282e934dacfb0a0651ee106a668ac52c4d1c5b', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: 'e49a2b154315c79b89349d7bd32b4a77964629c7', class: "qds-tabbar" }, hAsync("div", { key: 'e06a929cc8514fc6d3085545aa87af2cd0b2b77b', class: {
11652
11762
  'qds-align-center': true,
11653
11763
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11654
11764
  this.orientation === 'vertical' ||
11655
11765
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11656
- } }, hAsync("qds-icon-button", { key: '539fe2ec4cd5a91cf1a35ead239eebd2eda981e4', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '05ff03b99f92f9e85f4703dcc6eca96220d6e1ee', class: {
11766
+ } }, hAsync("qds-icon-button", { key: '0a41181ab9c9c95cbb28d0767455d3a50651aa00', 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("div", { key: 'b50e60c87c6626b185a2cd13767ff4c550a26e54', class: {
11657
11767
  'qds-tabs': true,
11658
11768
  'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11659
11769
  'qds-centered': this.alignment === 'center' &&
@@ -11661,19 +11771,22 @@ class Tabbar {
11661
11771
  __classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
11662
11772
  this.disableEndArrow &&
11663
11773
  this.disableStartArrow,
11664
- }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
11774
+ }, ref: (element) => {
11665
11775
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
11666
- }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$6(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '4ccd64f11587556c7af2b0d4c571ee8162dbba70', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c5b64348ca4c65bb4894ec0dec6b6b89c411f958', class: {
11776
+ }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f") }, hAsync("slot", { key: 'e688bcf46bebef8086c5b9082025d84bb6701cc9', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '3ca052fed5793a4ef73ec2ef2c9634c256c883f6', class: {
11667
11777
  'qds-align-center': true,
11668
11778
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11669
11779
  this.orientation === 'vertical' ||
11670
11780
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11671
- } }, hAsync("qds-icon-button", { key: 'edcb7e2054454edb2f949332ad62998a2e34a368', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: 'bfafcfbcaaa50341778498e9887b71a548209178', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
11781
+ } }, hAsync("qds-icon-button", { key: 'a43327b519cb85f57c2c671d5c4cbd72c4f40da3', 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) && !__classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: 'aaa07da25a49b79dec8032435ac25798f5f3664a', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
11672
11782
  }
11673
11783
  static get delegatesFocus() { return true; }
11674
11784
  get host() { return getElement(this); }
11675
11785
  static get watchers() { return {
11676
- "importance": ["settingChanged"]
11786
+ "importance": ["settingChanged"],
11787
+ "orientation": ["accessibilityChanged"],
11788
+ "placement": ["accessibilityChanged"],
11789
+ "tablistDescription": ["accessibilityChanged"]
11677
11790
  }; }
11678
11791
  static get style() { return tabbarCss; }
11679
11792
  static get cmpMeta() { return {
@@ -11698,7 +11811,7 @@ class Tabbar {
11698
11811
  "$attrsToReflect$": []
11699
11812
  }; }
11700
11813
  }
11701
- _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
11814
+ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
11702
11815
  return this.importance;
11703
11816
  }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
11704
11817
  return this.size ?? undefined;
@@ -11728,13 +11841,19 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11728
11841
  (this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
11729
11842
  return false;
11730
11843
  return this.showDivider === true;
11844
+ }, _Tabbar_computedAriaOrientation_get = function _Tabbar_computedAriaOrientation_get() {
11845
+ return this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)
11846
+ ? 'vertical'
11847
+ : 'horizontal';
11848
+ }, _Tabbar_getTabItems = function _Tabbar_getTabItems() {
11849
+ return [
11850
+ ...this.host.querySelectorAll(TAB_ITEM_SELECTOR),
11851
+ ].filter((element) => isTabItem(element));
11731
11852
  }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
11732
11853
  this.activeTab = tab;
11733
- for (const t of this.host.querySelectorAll('qds-tab')) {
11734
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
11735
- const target = t.tab;
11854
+ for (const t of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
11855
+ const target = getTabTrigger(t);
11736
11856
  const isSelected = t === tab;
11737
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
11738
11857
  t.selected = isSelected;
11739
11858
  if (target instanceof globalThis.Element)
11740
11859
  target.ariaSelected = isSelected.toString();
@@ -11756,12 +11875,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11756
11875
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11757
11876
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11758
11877
  }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
11759
- return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11878
+ return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => getTabTrigger(tab).getAttribute('tabindex') === '0');
11760
11879
  }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
11761
11880
  for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11762
11881
  const isCurrent = t === tab;
11763
11882
  componentOnReady(t, (element) => {
11764
- const target = element?.tab;
11883
+ const target = element ? getTabTrigger(element) : undefined;
11765
11884
  if (target === undefined)
11766
11885
  return;
11767
11886
  const isDisabled = target.getAttribute('aria-disabled') === 'true';
@@ -11772,6 +11891,9 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11772
11891
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11773
11892
  });
11774
11893
  }
11894
+ }, _Tabbar_syncInternalsAccessibility = function _Tabbar_syncInternalsAccessibility() {
11895
+ this.internals.ariaOrientation = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedAriaOrientation_get);
11896
+ this.internals.ariaLabel = this.tablistDescription ?? '';
11775
11897
  }, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
11776
11898
  const slot = this.host.shadowRoot?.querySelector('slot');
11777
11899
  __classPrivateFieldSet$3(this, _Tabbar_tabs, slot
@@ -11781,15 +11903,13 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11781
11903
  const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11782
11904
  if (!settings)
11783
11905
  return;
11784
- for (const tab of this.host.querySelectorAll('qds-tab')) {
11785
- /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11906
+ for (const tab of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
11786
11907
  tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
11787
11908
  tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
11788
11909
  tab.indicatorPosition =
11789
11910
  this.orientation === 'vertical'
11790
11911
  ? 'inline-end'
11791
11912
  : (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
11792
- /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11793
11913
  }
11794
11914
  };
11795
11915
 
@@ -11818,7 +11938,7 @@ class Table {
11818
11938
  }
11819
11939
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11820
11940
  render() {
11821
- return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
11941
+ return hAsync("slot", { key: 'd0da204301a7cd04ca194e53eadfce6896b202e0' });
11822
11942
  }
11823
11943
  static get style() { return tableCss; }
11824
11944
  static get cmpMeta() { return {
@@ -11892,9 +12012,9 @@ class TableCell {
11892
12012
  render() {
11893
12013
  return (
11894
12014
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11895
- hAsync("td", { key: '92bc078c48ec5f41e1751a19bdbf2f95eb33d996', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
12015
+ hAsync("td", { key: 'b44e4c598db5ed018856503d2c74943fbbeb50bf', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
11896
12016
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11897
- role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
12017
+ role: "none" }, hAsync("slot", { key: '97f84c5f82f7091d5d5297d2ef265e5ea4e9629f' })));
11898
12018
  }
11899
12019
  static get watchers() { return {
11900
12020
  "colSpan": ["colSpanChanged"],
@@ -11991,9 +12111,9 @@ class TableHeadCell {
11991
12111
  render() {
11992
12112
  return (
11993
12113
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11994
- hAsync("th", { key: '0d385fba48aa553f9a968b310bd6cafc8cac8659', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
12114
+ hAsync("th", { key: 'c2eb95970e235225d73a5c398268ce58fa5a9215', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
11995
12115
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11996
- role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
12116
+ role: "none" }, hAsync("slot", { key: '9ea7125c2c1cf938c39c0254f45e49f1d96ad194' })));
11997
12117
  }
11998
12118
  static get watchers() { return {
11999
12119
  "colSpan": ["colSpanChanged"],
@@ -12052,7 +12172,7 @@ class TableRow {
12052
12172
  }
12053
12173
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
12054
12174
  render() {
12055
- return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
12175
+ return (hAsync("tr", { key: '451a45eb6b5701569e83e03e969aab29c10bf54a', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '655ee54ea1b3553acf23a38bf4851c86cdb1f21a' })));
12056
12176
  }
12057
12177
  static get style() { return tableRowCss; }
12058
12178
  static get cmpMeta() { return {
@@ -12123,11 +12243,11 @@ class Tag {
12123
12243
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
12124
12244
  }
12125
12245
  render() {
12126
- return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
12246
+ return (hAsync("span", { key: 'f266218938dc3110659bb719fb100efe8427f6c2', class: {
12127
12247
  'qds-tag': true,
12128
12248
  'qds-padding': this.importance !== 'subdued',
12129
12249
  }, "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 &&
12130
- this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '2bb48b6e991ad7bda93971b3556b3b9689a05c43', class: "qds-text" }, this.text)));
12250
+ this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: 'c1aa0089da19ae0554444abb607407d997b3a9ab', class: "qds-text" }, this.text)));
12131
12251
  }
12132
12252
  get host() { return getElement(this); }
12133
12253
  static get style() { return tagCss; }
@@ -12187,7 +12307,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
12187
12307
  return (this.badge ?? false) && this.importance !== 'emphasized';
12188
12308
  };
12189
12309
 
12190
- const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
12310
+ const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
12191
12311
 
12192
12312
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
12193
12313
  //
@@ -12453,9 +12573,9 @@ class TextArea {
12453
12573
  this.valueChanged();
12454
12574
  }
12455
12575
  render() {
12456
- return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12576
+ return (hAsync(Host, { key: 'a1124b2f6ac9a85ae42a10e94fa2c82bc09f176a' }, hAsync("textarea", { key: '0bc3d2ccf9d4bb645b5ec765a2a8836910231e88', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12457
12577
  // eslint-disable-next-line jsx-a11y/no-autofocus
12458
- autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '6b3adf605ea2b899ad2f69e7b03505db56682a20', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
12578
+ autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: 'd59563e4625dfc217a2863e3bfe0ab772ca4bdd1', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
12459
12579
  }
12460
12580
  static get delegatesFocus() { return true; }
12461
12581
  static get formAssociated() { return true; }
@@ -12531,7 +12651,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
12531
12651
  Object.defineProperty(this.host, p, { enumerable: true, get });
12532
12652
  };
12533
12653
 
12534
- const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
12654
+ const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"f\"}.qds-titles.qds-has-kicker{grid-template-areas:\"g\" \"f\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"f\" \"h\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"g\" \"f\" \"h\"}.qds-has-icon{grid-template-areas:\"i f\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". g\" \"i f\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"i f\" \". h\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". g\" \"i f\" \". h\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:f}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:h}.qds-kicker{color:var(--qds-theme-kicker);grid-area:g}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:i}.qds-root.qds-main .qds-title{font:var(--qds-main-title)}.qds-root.qds-main .qds-subtitle{font:var(--qds-main-subtitle)}.qds-root.qds-main .qds-kicker{font:var(--qds-main-kicker)}.qds-root.qds-main .qds-icon{height:var(--qds-main-titles-icon-crop-height);width:var(--qds-main-titles-icon-size)}.qds-root.qds-main.qds-titles{gap:var(--qds-main-titles-gap)}.qds-root.qds-main.qds-has-icon{gap:var(--qds-main-titles-gap) var(--qds-main-titles-icon-gap)}.qds-root.qds-navigation .qds-title{font:var(--qds-navigation-title)}.qds-root.qds-navigation .qds-subtitle{font:var(--qds-navigation-subtitle)}.qds-root.qds-navigation .qds-kicker{font:var(--qds-navigation-kicker)}.qds-root.qds-navigation .qds-icon{height:var(--qds-navigation-titles-icon-crop-height);width:var(--qds-navigation-titles-icon-size)}.qds-root.qds-navigation.qds-titles{gap:var(--qds-navigation-titles-gap)}.qds-root.qds-navigation.qds-has-icon{gap:var(--qds-navigation-titles-gap) var(--qds-navigation-titles-icon-gap)}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
12535
12655
 
12536
12656
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
12537
12657
  //
@@ -12582,14 +12702,14 @@ class Title {
12582
12702
  const level = `qds-${this.level ?? 'section'}`;
12583
12703
  const Tag = this.tag ?? 'h2';
12584
12704
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
12585
- return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12705
+ return (hAsync("hgroup", { key: '942eec84584a9f0ada443ce2d93e9bfd5553d2ef', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12586
12706
  [layer]: true,
12587
12707
  [level]: true,
12588
12708
  'qds-titles': true,
12589
12709
  'qds-has-icon': hasIcon,
12590
12710
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
12591
12711
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
12592
- }, role: "none" }, hAsync(Tag, { key: '9159ae4127d5be822227a6edd25d1297857686d7', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '266cb1ded9c3d64320bd71d13393832f6e280a85' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '5672a80281144196dc75fd811b5889afd997cf98', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '499d0d4b792e9edba768472043c42b2fb08e3c62', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'f49f82e51dbfdefb3a1316372ee7d48ab2079e47', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
12712
+ }, role: "none" }, hAsync(Tag, { key: '73d0c59e0808cfc8b81e67cc7fec19668430f8b9', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '9ef1451c7e2116611cf4a9d7e10e9b0c61c63b31' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '6fb83ecd2a9db814c0336d15e0b24174cdbba1e1', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '62008e9c0934c1700e2d909c7d370265303ee938', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'ad0113ac12cc58d136689a70176e4e208b06b1c9', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
12593
12713
  }
12594
12714
  static get style() { return titleCss; }
12595
12715
  static get cmpMeta() { return {
@@ -12647,7 +12767,7 @@ let autoIncrementingId = 1;
12647
12767
  class Tooltip {
12648
12768
  constructor(hostRef) {
12649
12769
  registerInstance(this, hostRef);
12650
- this.closeEmitter = createEvent(this, "qdsClose", 2);
12770
+ this.closeEmitter = createEvent(this, "qdsClose", 0);
12651
12771
  if (hostRef.$hostElement$["s-ei"]) {
12652
12772
  this.internals = hostRef.$hostElement$["s-ei"];
12653
12773
  }
@@ -12889,7 +13009,7 @@ class Tooltip {
12889
13009
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
12890
13010
  }
12891
13011
  render() {
12892
- return (hAsync(Host, { key: 'ada26ff918babf015dbd05965df20959b59f97f2', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: 'b705f423abccd6d1692e8a1d8efd1601c6aa6088', class: "qds-tooltip" }, hAsync("slot", { key: 'bd3537ecd12be14271e7444e93975093507b3a58' })), hAsync("div", { key: '9277875e8bff33306847ef3df100a58d34fe50fb', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
13012
+ return (hAsync(Host, { key: '8ab46dcacf9ab9279402ab3732ababdf9641f3ed', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '703252d7ad663d577bae94d249432c77f9241203', class: "qds-tooltip" }, hAsync("slot", { key: '47faf0f5aa99c2f5e6521dd2c13007201a16baf8' })), hAsync("div", { key: '36c02add6ac0ea66c6511aae88342469bc2898fd', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
12893
13013
  }
12894
13014
  get host() { return getElement(this); }
12895
13015
  static get watchers() { return {