@quartzds/core 1.0.0-beta.121 → 1.0.0-beta.123

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 (240) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/components/index.js +1 -1
  3. package/components/{p-CkyaV9az.js → p-B7s906mS.js} +9 -9
  4. package/components/p-B7s906mS.js.map +1 -0
  5. package/components/p-BZlKeCFb.js +200 -0
  6. package/components/p-BZlKeCFb.js.map +1 -0
  7. package/components/{p-CURs27Ur.js → p-BalM52S_.js} +3 -3
  8. package/components/{p-CURs27Ur.js.map → p-BalM52S_.js.map} +1 -1
  9. package/components/{p-C1c4JVlg.js → p-BoSYRCNp.js} +47 -28
  10. package/components/p-BoSYRCNp.js.map +1 -0
  11. package/components/p-BvRd7jA2.js +102 -0
  12. package/components/p-BvRd7jA2.js.map +1 -0
  13. package/components/{p-B2ZVUvk9.js → p-C93kOEAe.js} +7 -9
  14. package/components/p-C93kOEAe.js.map +1 -0
  15. package/components/{p-DtxwXYGb.js → p-C9R8N06B.js} +5 -31
  16. package/components/p-C9R8N06B.js.map +1 -0
  17. package/components/{p-DR79BVX5.js → p-CKp062X8.js} +6 -6
  18. package/components/p-CKp062X8.js.map +1 -0
  19. package/components/{p-CjVnGhSO.js → p-CVuTVnQo.js} +3 -3
  20. package/components/{p-CjVnGhSO.js.map → p-CVuTVnQo.js.map} +1 -1
  21. package/components/{p-D82sb4oJ.js → p-CbY4T0d2.js} +5 -5
  22. package/components/p-CbY4T0d2.js.map +1 -0
  23. package/components/{p-DNHI4C-W.js → p-CowZ-pDD.js} +58 -22
  24. package/components/p-CowZ-pDD.js.map +1 -0
  25. package/components/{p-CDRwHAIT.js → p-XP2CY_fo.js} +3 -3
  26. package/components/p-XP2CY_fo.js.map +1 -0
  27. package/components/{p-5dwtV5iH.js → p-yb0Kv4Y6.js} +24 -6
  28. package/components/p-yb0Kv4Y6.js.map +1 -0
  29. package/components/qds-action-item.js +4 -4
  30. package/components/qds-action-item.js.map +1 -1
  31. package/components/qds-avatar-media.js +1 -1
  32. package/components/qds-badge-counter.js +1 -1
  33. package/components/qds-breadcrumb-item.js +5 -5
  34. package/components/qds-breadcrumb-item.js.map +1 -1
  35. package/components/qds-button.js +5 -5
  36. package/components/qds-button.js.map +1 -1
  37. package/components/qds-checkbox.js +1 -1
  38. package/components/qds-chip.js +10 -10
  39. package/components/qds-chip.js.map +1 -1
  40. package/components/qds-dialog.js +6 -6
  41. package/components/qds-divider.js +1 -1
  42. package/components/qds-dropdown.js +1 -1
  43. package/components/qds-form-message.js +4 -4
  44. package/components/qds-form-message.js.map +1 -1
  45. package/components/qds-icon-button.js +1 -1
  46. package/components/qds-icon-tab.js +8 -8
  47. package/components/qds-icon.js +1 -1
  48. package/components/qds-inline-link.js +4 -4
  49. package/components/qds-inline-link.js.map +1 -1
  50. package/components/qds-input.js +17 -13
  51. package/components/qds-input.js.map +1 -1
  52. package/components/qds-label.js +153 -1
  53. package/components/qds-label.js.map +1 -1
  54. package/components/qds-list-item.js +25 -29
  55. package/components/qds-list-item.js.map +1 -1
  56. package/components/qds-loader.js +3 -3
  57. package/components/qds-loader.js.map +1 -1
  58. package/components/qds-menu-item.js +6 -6
  59. package/components/qds-mini-button.js +1 -1
  60. package/components/qds-progress-bar.js +2 -2
  61. package/components/qds-radio.js +1 -1
  62. package/components/qds-select.js +6 -6
  63. package/components/qds-select.js.map +1 -1
  64. package/components/qds-standalone-link.js +5 -5
  65. package/components/qds-standalone-link.js.map +1 -1
  66. package/components/qds-switch.js +6 -6
  67. package/components/qds-switch.js.map +1 -1
  68. package/components/qds-tab.js +20 -15
  69. package/components/qds-tab.js.map +1 -1
  70. package/components/qds-tabbar.js +95 -34
  71. package/components/qds-tabbar.js.map +1 -1
  72. package/components/qds-table-cell.js +32 -4
  73. package/components/qds-table-cell.js.map +1 -1
  74. package/components/qds-table-head-cell.js +32 -4
  75. package/components/qds-table-head-cell.js.map +1 -1
  76. package/components/qds-table-row.js +2 -2
  77. package/components/qds-table-row.js.map +1 -1
  78. package/components/qds-table.js +1 -1
  79. package/components/qds-tag.js +1 -1
  80. package/components/qds-textarea.js +4 -4
  81. package/components/qds-textarea.js.map +1 -1
  82. package/components/qds-title.js +1 -1
  83. package/components/qds-tooltip.js +1 -1
  84. package/dist/cjs/loader.cjs.js +1 -1
  85. package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
  86. package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
  87. package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
  88. package/dist/cjs/qds-avatar-media_3.cjs.entry.js +144 -41
  89. package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
  90. package/dist/cjs/qds-badge-counter_2.cjs.entry.js +1 -1
  91. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +2 -2
  92. package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
  93. package/dist/cjs/qds-button.cjs.entry.js +1 -1
  94. package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
  95. package/dist/cjs/qds-chip.cjs.entry.js +6 -6
  96. package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
  97. package/dist/cjs/qds-dialog.cjs.entry.js +1 -1
  98. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  99. package/dist/cjs/qds-divider_2.cjs.entry.js +4 -4
  100. package/dist/cjs/qds-dropdown.cjs.entry.js +21 -3
  101. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  102. package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
  103. package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
  104. package/dist/cjs/qds-icon-tab.cjs.entry.js +3 -3
  105. package/dist/cjs/qds-icon.cjs.entry.js +9 -29
  106. package/dist/cjs/qds-icon.entry.cjs.js.map +1 -1
  107. package/dist/cjs/qds-inline-link.cjs.entry.js +2 -2
  108. package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
  109. package/dist/cjs/qds-input.cjs.entry.js +14 -10
  110. package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
  111. package/dist/cjs/qds-label.cjs.entry.js +2 -2
  112. package/dist/cjs/qds-list-item.cjs.entry.js +6 -4
  113. package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
  114. package/dist/cjs/qds-loader.cjs.entry.js +2 -2
  115. package/dist/cjs/qds-loader.entry.cjs.js.map +1 -1
  116. package/dist/cjs/qds-menu-item.cjs.entry.js +2 -2
  117. package/dist/cjs/qds-mini-button.cjs.entry.js +3 -5
  118. package/dist/cjs/qds-mini-button.entry.cjs.js.map +1 -1
  119. package/dist/cjs/qds-progress-bar.cjs.entry.js +2 -2
  120. package/dist/cjs/qds-select.cjs.entry.js +4 -4
  121. package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
  122. package/dist/cjs/qds-standalone-link.cjs.entry.js +3 -3
  123. package/dist/cjs/qds-standalone-link.entry.cjs.js.map +1 -1
  124. package/dist/cjs/qds-switch.cjs.entry.js +4 -4
  125. package/dist/cjs/qds-switch.entry.cjs.js.map +1 -1
  126. package/dist/cjs/qds-tab.cjs.entry.js +15 -10
  127. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  128. package/dist/cjs/qds-tabbar.cjs.entry.js +83 -27
  129. package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
  130. package/dist/cjs/qds-table-cell.cjs.entry.js +30 -3
  131. package/dist/cjs/qds-table-cell.entry.cjs.js.map +1 -1
  132. package/dist/cjs/qds-table-head-cell.cjs.entry.js +30 -3
  133. package/dist/cjs/qds-table-head-cell.entry.cjs.js.map +1 -1
  134. package/dist/cjs/qds-table-row.cjs.entry.js +2 -2
  135. package/dist/cjs/qds-table-row.entry.cjs.js.map +1 -1
  136. package/dist/cjs/qds-table.cjs.entry.js +1 -1
  137. package/dist/cjs/qds-tag.cjs.entry.js +2 -2
  138. package/dist/cjs/qds-tag.entry.cjs.js.map +1 -1
  139. package/dist/cjs/qds-textarea.cjs.entry.js +3 -3
  140. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  141. package/dist/cjs/qds-title.cjs.entry.js +3 -3
  142. package/dist/cjs/qds-title.entry.cjs.js.map +1 -1
  143. package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
  144. package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
  145. package/dist/cjs/qds.cjs.js +1 -1
  146. package/dist/custom-elements.json +365 -30
  147. package/dist/docs.json +320 -64
  148. package/dist/esm/{helpers-eFD8hV6J.js → helpers-Fe2AA6uo.js} +3 -3
  149. package/dist/esm/{helpers-eFD8hV6J.js.map → helpers-Fe2AA6uo.js.map} +1 -1
  150. package/dist/esm/loader.js +1 -1
  151. package/dist/esm/qds-action-item.entry.js +2 -2
  152. package/dist/esm/qds-action-item.entry.js.map +1 -1
  153. package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +1 -1
  154. package/dist/esm/qds-avatar-media_3.entry.js +146 -43
  155. package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
  156. package/dist/esm/qds-badge-counter_2.entry.js +1 -1
  157. package/dist/esm/qds-breadcrumb-item.entry.js +3 -3
  158. package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
  159. package/dist/esm/qds-button.entry.js +2 -2
  160. package/dist/esm/qds-button.entry.js.map +1 -1
  161. package/dist/esm/qds-chip.entry.js +7 -7
  162. package/dist/esm/qds-chip.entry.js.map +1 -1
  163. package/dist/esm/qds-dialog.entry.js +2 -2
  164. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  165. package/dist/esm/qds-divider_2.entry.js +5 -5
  166. package/dist/esm/qds-dropdown.entry.js +22 -4
  167. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  168. package/dist/esm/qds-form-message.entry.js +3 -3
  169. package/dist/esm/qds-form-message.entry.js.map +1 -1
  170. package/dist/esm/qds-icon-tab.entry.js +4 -4
  171. package/dist/esm/qds-icon.entry.js +10 -30
  172. package/dist/esm/qds-icon.entry.js.map +1 -1
  173. package/dist/esm/qds-inline-link.entry.js +3 -3
  174. package/dist/esm/qds-inline-link.entry.js.map +1 -1
  175. package/dist/esm/qds-input.entry.js +15 -11
  176. package/dist/esm/qds-input.entry.js.map +1 -1
  177. package/dist/esm/qds-label.entry.js +3 -3
  178. package/dist/esm/qds-list-item.entry.js +7 -5
  179. package/dist/esm/qds-list-item.entry.js.map +1 -1
  180. package/dist/esm/qds-loader.entry.js +2 -2
  181. package/dist/esm/qds-loader.entry.js.map +1 -1
  182. package/dist/esm/qds-menu-item.entry.js +3 -3
  183. package/dist/esm/qds-mini-button.entry.js +4 -6
  184. package/dist/esm/qds-mini-button.entry.js.map +1 -1
  185. package/dist/esm/qds-progress-bar.entry.js +2 -2
  186. package/dist/esm/qds-select.entry.js +5 -5
  187. package/dist/esm/qds-select.entry.js.map +1 -1
  188. package/dist/esm/qds-standalone-link.entry.js +4 -4
  189. package/dist/esm/qds-standalone-link.entry.js.map +1 -1
  190. package/dist/esm/qds-switch.entry.js +5 -5
  191. package/dist/esm/qds-switch.entry.js.map +1 -1
  192. package/dist/esm/qds-tab.entry.js +16 -11
  193. package/dist/esm/qds-tab.entry.js.map +1 -1
  194. package/dist/esm/qds-tabbar.entry.js +84 -28
  195. package/dist/esm/qds-tabbar.entry.js.map +1 -1
  196. package/dist/esm/qds-table-cell.entry.js +30 -3
  197. package/dist/esm/qds-table-cell.entry.js.map +1 -1
  198. package/dist/esm/qds-table-head-cell.entry.js +30 -3
  199. package/dist/esm/qds-table-head-cell.entry.js.map +1 -1
  200. package/dist/esm/qds-table-row.entry.js +2 -2
  201. package/dist/esm/qds-table-row.entry.js.map +1 -1
  202. package/dist/esm/qds-table.entry.js +1 -1
  203. package/dist/esm/qds-tag.entry.js +3 -3
  204. package/dist/esm/qds-tag.entry.js.map +1 -1
  205. package/dist/esm/qds-textarea.entry.js +4 -4
  206. package/dist/esm/qds-textarea.entry.js.map +1 -1
  207. package/dist/esm/qds-title.entry.js +3 -3
  208. package/dist/esm/qds-title.entry.js.map +1 -1
  209. package/dist/esm/qds-tooltip.entry.js +3 -3
  210. package/dist/esm/qds-tooltip.entry.js.map +1 -1
  211. package/dist/esm/qds.js +1 -1
  212. package/dist/types/components/avatar-media/avatar-media.d.ts +14 -5
  213. package/dist/types/components/checkbox/checkbox.d.ts +4 -0
  214. package/dist/types/components/icon/icon.d.ts +1 -2
  215. package/dist/types/components/radio/radio.d.ts +4 -0
  216. package/dist/types/components/tab/tab.d.ts +1 -1
  217. package/dist/types/components/tabbar/tabbar.d.ts +27 -1
  218. package/dist/types/components/table-cell/table-cell.d.ts +6 -0
  219. package/dist/types/components/table-head-cell/table-head-cell.d.ts +6 -0
  220. package/dist/types/components.d.ts +72 -15
  221. package/dist/vscode.html-custom-data.json +79 -4
  222. package/hydrate/index.js +969 -741
  223. package/hydrate/index.mjs +969 -741
  224. package/package.json +1 -2
  225. package/styles/core.css +24 -22
  226. package/components/p-5dwtV5iH.js.map +0 -1
  227. package/components/p-B2ZVUvk9.js.map +0 -1
  228. package/components/p-C1c4JVlg.js.map +0 -1
  229. package/components/p-CDRwHAIT.js.map +0 -1
  230. package/components/p-CkUTS1aU.js +0 -102
  231. package/components/p-CkUTS1aU.js.map +0 -1
  232. package/components/p-CkyaV9az.js.map +0 -1
  233. package/components/p-D82sb4oJ.js.map +0 -1
  234. package/components/p-D9pW936J.js +0 -164
  235. package/components/p-D9pW936J.js.map +0 -1
  236. package/components/p-DNHI4C-W.js.map +0 -1
  237. package/components/p-DR79BVX5.js.map +0 -1
  238. package/components/p-DtxwXYGb.js.map +0 -1
  239. package/components/p-laE-pGH7.js +0 -163
  240. package/components/p-laE-pGH7.js.map +0 -1
package/hydrate/index.js CHANGED
@@ -3651,14 +3651,14 @@ const actionItemCss = ":host([hidden]){display:none!important}:host{display:bloc
3651
3651
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3652
3652
  //
3653
3653
  // SPDX-License-Identifier: Apache-2.0
3654
- var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3654
+ var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3655
3655
  if (kind === "a" && !f)
3656
3656
  throw new TypeError("Private accessor was defined without a getter");
3657
3657
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3658
3658
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3659
3659
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3660
3660
  };
3661
- var __classPrivateFieldSet$q = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3661
+ var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3662
3662
  if (kind === "m")
3663
3663
  throw new TypeError("Private method is not writable");
3664
3664
  if (kind === "a" && !f)
@@ -3708,15 +3708,15 @@ class ActionItem {
3708
3708
  _ActionItem_actionItem.set(this, void 0);
3709
3709
  _ActionItem_span.set(this, void 0);
3710
3710
  _ActionItem_actionDivRef.set(this, (actionItem) => {
3711
- __classPrivateFieldSet$q(this, _ActionItem_actionItem, actionItem, "f");
3711
+ __classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
3712
3712
  });
3713
3713
  _ActionItem_spanRef.set(this, (span) => {
3714
- __classPrivateFieldSet$q(this, _ActionItem_span, span, "f");
3714
+ __classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
3715
3715
  });
3716
3716
  _ActionItem_tooltipRef.set(this, (tooltip) => {
3717
3717
  if (tooltip)
3718
3718
  // eslint-disable-next-line no-param-reassign
3719
- tooltip.target = __classPrivateFieldGet$w(this, _ActionItem_actionItem, "f");
3719
+ tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
3720
3720
  });
3721
3721
  }
3722
3722
  disabledChanged() {
@@ -3729,7 +3729,7 @@ class ActionItem {
3729
3729
  this.focusEmitter.emit(pickFocusEventAttributes(event));
3730
3730
  }
3731
3731
  onClick(event) {
3732
- if (__classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3732
+ if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3733
3733
  event.stopImmediatePropagation();
3734
3734
  }
3735
3735
  componentWillLoad() {
@@ -3737,21 +3737,21 @@ class ActionItem {
3737
3737
  this.disabledChanged();
3738
3738
  }
3739
3739
  componentDidLoad() {
3740
- invariant(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3741
- const span = __classPrivateFieldGet$w(this, _ActionItem_span, "f");
3740
+ invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3741
+ const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
3742
3742
  readTask(() => {
3743
3743
  this.tooltip = isEllipsisActive(span);
3744
3744
  });
3745
- __classPrivateFieldSet$q(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3745
+ __classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3746
3746
  this.tooltip = isEllipsisActive(spanEntry.target);
3747
3747
  }), "f");
3748
- __classPrivateFieldGet$w(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3748
+ __classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3749
3749
  }
3750
3750
  render() {
3751
3751
  return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
3752
3752
  'qds-action-item': true,
3753
3753
  'qds-disabled': this.disabled,
3754
- }, ref: __classPrivateFieldGet$w(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f9c3a23ffeace5cbe558b15a50da5fdc95c58806', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '3100774715c9057232a91ff5103016c5dea61922', class: "qds-text", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$w(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '128edb074db17bd31c1467a1857f9c9473cda8ff', class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: 'a28ef16e7941795bcf9241a367130e8b2f63b7d5', "aria-hidden": "true", ref: __classPrivateFieldGet$w(this, _ActionItem_tooltipRef, "f") }, this.text))));
3754
+ }, ref: __classPrivateFieldGet$x(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd2409cac17173463348bf2264b68f012270b04ee', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1bf65623a82dceaa776cb28429760cf7a1a1904f', class: "qds-text", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$x(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '132eb8d186e9329eeb7b380aea4b3afbb0449731', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: '77351beaf85712117a076f18adb25f4fc25b64a9', "aria-hidden": "true", ref: __classPrivateFieldGet$x(this, _ActionItem_tooltipRef, "f") }, this.text))));
3755
3755
  }
3756
3756
  static get watchers() { return {
3757
3757
  "disabled": ["disabledChanged"]
@@ -3802,56 +3802,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
3802
3802
  return this.disabled;
3803
3803
  };
3804
3804
 
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-container .qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-container .qds-icon,.qds-container .qds-text{color:var(--qds-theme-display-background-contrast)}.qds-container .qds-icon{flex-shrink:0;height:60%;width:60%}.qds-container .qds-text{font:var(--qds-display-standard);text-align:center}";
3805
+ const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-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
3806
 
3807
3807
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3808
3808
  //
3809
3809
  // SPDX-License-Identifier: Apache-2.0
3810
- var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3810
+ var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3811
3811
  if (kind === "a" && !f)
3812
3812
  throw new TypeError("Private accessor was defined without a getter");
3813
3813
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3814
3814
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3815
3815
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3816
3816
  };
3817
- var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
3817
+ var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
3818
3818
  /**
3819
3819
  * @experimental
3820
3820
  */
3821
3821
  class AvatarMedia {
3822
3822
  constructor(hostRef) {
3823
3823
  registerInstance(this, hostRef);
3824
+ this.loadEmitter = createEvent(this, "qdsLoad", 6);
3824
3825
  this.errorEmitter = createEvent(this, "qdsError", 6);
3826
+ if (hostRef.$hostElement$["s-ei"]) {
3827
+ this.internals = hostRef.$hostElement$["s-ei"];
3828
+ }
3829
+ else {
3830
+ this.internals = hostRef.$hostElement$.attachInternals();
3831
+ hostRef.$hostElement$["s-ei"] = this.internals;
3832
+ }
3825
3833
  /**
3826
- * The alt text for the avatar-media's image.
3827
- * @webnative
3828
- */
3829
- this.alt = '';
3830
- /**
3831
- * The avatar-media's icon library.
3834
+ * The name of a registered icon library.
3832
3835
  */
3833
3836
  this.iconLibrary = 'default';
3834
3837
  this.hasImageError = false;
3835
3838
  _AvatarMedia_renderContent.set(this, () => {
3836
- if (this.src !== undefined && this.src !== '' && !this.hasImageError) {
3837
- return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$v(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
3838
- this.hasImageError = false;
3839
- } }));
3840
- }
3841
- if (this.text !== undefined && this.text !== '') {
3842
- return hAsync("span", { class: "qds-text" }, this.initials);
3843
- }
3844
- if (this.iconName !== undefined && this.iconName !== '') {
3839
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3840
+ return (hAsync("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageLoad, "f") }));
3841
+ if (this.text !== undefined && this.text !== '')
3842
+ return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
3843
+ if (this.iconName !== undefined && this.iconName !== '')
3845
3844
  return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
3846
- }
3847
3845
  return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
3848
3846
  });
3849
3847
  _AvatarMedia_handleImageError.set(this, () => {
3850
3848
  this.hasImageError = true;
3849
+ this.roleChanged();
3851
3850
  this.errorEmitter.emit();
3852
3851
  });
3852
+ _AvatarMedia_handleImageLoad.set(this, () => {
3853
+ this.hasImageError = false;
3854
+ this.roleChanged();
3855
+ this.loadEmitter.emit();
3856
+ });
3853
3857
  }
3854
- handleTextChange() {
3858
+ textChanged() {
3855
3859
  if (this.text === undefined || this.text === '') {
3856
3860
  this.initials = undefined;
3857
3861
  return;
@@ -3860,14 +3864,33 @@ class AvatarMedia {
3860
3864
  const [first = '', second = ''] = words.filter(Boolean);
3861
3865
  this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
3862
3866
  }
3867
+ labelChanged() {
3868
+ this.internals.ariaLabel =
3869
+ this.alt !== undefined && this.alt !== ''
3870
+ ? this.alt
3871
+ : // eslint-disable-next-line unicorn/no-null
3872
+ null;
3873
+ }
3874
+ roleChanged() {
3875
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3876
+ this.internals.role = 'img';
3877
+ else if (this.text !== undefined && this.text !== '')
3878
+ this.internals.role = 'generic';
3879
+ else
3880
+ this.internals.role = 'presentation';
3881
+ }
3863
3882
  componentWillLoad() {
3864
- this.handleTextChange();
3883
+ this.textChanged();
3884
+ this.labelChanged();
3885
+ this.roleChanged();
3865
3886
  }
3866
3887
  render() {
3867
- return hAsync("div", { key: '2a4d92d823206e950959201c8c2c1b420379ceb1', class: "qds-container" }, __classPrivateFieldGet$v(this, _AvatarMedia_renderContent, "f").call(this));
3888
+ return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
3868
3889
  }
3869
3890
  static get watchers() { return {
3870
- "text": ["handleTextChange"]
3891
+ "text": ["textChanged", "roleChanged"],
3892
+ "alt": ["labelChanged"],
3893
+ "src": ["roleChanged"]
3871
3894
  }; }
3872
3895
  static get style() { return avatarMediaCss; }
3873
3896
  static get cmpMeta() { return {
@@ -3887,14 +3910,14 @@ class AvatarMedia {
3887
3910
  "$attrsToReflect$": []
3888
3911
  }; }
3889
3912
  }
3890
- _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
3913
+ _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
3891
3914
 
3892
- const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
3915
+ const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;min-width:var(--qds-feedback-badge-counter-standard-min-width);padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);min-width:var(--qds-feedback-badge-counter-small-min-width);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);min-width:var(--qds-feedback-badge-counter-large-min-width);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
3893
3916
 
3894
3917
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3895
3918
  //
3896
3919
  // SPDX-License-Identifier: Apache-2.0
3897
- var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3920
+ var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3898
3921
  if (kind === "a" && !f)
3899
3922
  throw new TypeError("Private accessor was defined without a getter");
3900
3923
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -3929,7 +3952,7 @@ class BadgeCounter {
3929
3952
  return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
3930
3953
  'qds-badge-counter': true,
3931
3954
  'qds-stroke-ring': this.strokeRing,
3932
- }, "data-importance": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
3955
+ }, "data-importance": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
3933
3956
  }
3934
3957
  static get style() { return badgeCounterCss; }
3935
3958
  static get cmpMeta() { return {
@@ -3985,7 +4008,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
3985
4008
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3986
4009
  //
3987
4010
  // SPDX-License-Identifier: Apache-2.0
3988
- var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4011
+ var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3989
4012
  if (kind === "a" && !f)
3990
4013
  throw new TypeError("Private accessor was defined without a getter");
3991
4014
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -4020,7 +4043,7 @@ class BadgeIndicator {
4020
4043
  return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
4021
4044
  'qds-badge-indicator': true,
4022
4045
  'qds-stroke-ring': this.strokeRing,
4023
- }, "data-size": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
4046
+ }, "data-size": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
4024
4047
  }
4025
4048
  static get style() { return badgeIndicatorCss; }
4026
4049
  static get cmpMeta() { return {
@@ -4081,19 +4104,19 @@ const VALID_STATE = {
4081
4104
  valueMissing: false,
4082
4105
  };
4083
4106
 
4084
- const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:b;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:b;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}";
4107
+ const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:a;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(--qds-control-button-small-badge-padding-top);inset-inline-end:var(--qds-control-button-small-badge-padding-end)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(--qds-control-button-standard-badge-padding-top);inset-inline-end:var(--qds-control-button-standard-badge-padding-end)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(--qds-control-button-large-badge-padding-top);inset-inline-end:var(--qds-control-button-large-badge-padding-end)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-button[data-size=hero] .qds-indicator{inset-block-start:var(--qds-control-button-hero-badge-padding-top);inset-inline-end:var(--qds-control-button-hero-badge-padding-end)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}[data-importance]:is([data-action=dropdown],[data-action=dropdown-close]){padding-inline:var(--qds-control-input-padding-horizontal)}";
4085
4108
 
4086
4109
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4087
4110
  //
4088
4111
  // SPDX-License-Identifier: Apache-2.0
4089
- var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4112
+ var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4090
4113
  if (kind === "a" && !f)
4091
4114
  throw new TypeError("Private accessor was defined without a getter");
4092
4115
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4093
4116
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4094
4117
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4095
4118
  };
4096
- var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4119
+ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4097
4120
  if (kind === "m")
4098
4121
  throw new TypeError("Private method is not writable");
4099
4122
  if (kind === "a" && !f)
@@ -4263,15 +4286,15 @@ class Button {
4263
4286
  this.reportValidity = () => this.internals.reportValidity();
4264
4287
  this.setCustomValidity = (error) => {
4265
4288
  if (error)
4266
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$s(this, _Button_button, "f"));
4289
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
4267
4290
  else
4268
4291
  this.internals.setValidity(NO_ERROR_FLAGS);
4269
4292
  };
4270
4293
  _Button_buttonRef.set(this, (button) => {
4271
- __classPrivateFieldSet$p(this, _Button_button, button, "f");
4294
+ __classPrivateFieldSet$o(this, _Button_button, button, "f");
4272
4295
  });
4273
4296
  _Button_spanRef.set(this, (span) => {
4274
- __classPrivateFieldSet$p(this, _Button_span, span, "f");
4297
+ __classPrivateFieldSet$o(this, _Button_span, span, "f");
4275
4298
  });
4276
4299
  _Button_tooltipRef.set(this, (tooltip) => {
4277
4300
  if (tooltip)
@@ -4279,7 +4302,7 @@ class Button {
4279
4302
  tooltip.target = this.host;
4280
4303
  });
4281
4304
  _Button_onClick.set(this, (event) => {
4282
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4305
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4283
4306
  preventDefault$2(event);
4284
4307
  event.stopImmediatePropagation();
4285
4308
  }
@@ -4289,13 +4312,13 @@ class Button {
4289
4312
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4290
4313
  }
4291
4314
  onClick(event) {
4292
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4315
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4293
4316
  event.stopImmediatePropagation();
4294
4317
  return;
4295
4318
  }
4296
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4319
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4297
4320
  return;
4298
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4321
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4299
4322
  this.internals.form.reset();
4300
4323
  }
4301
4324
  else {
@@ -4308,8 +4331,8 @@ class Button {
4308
4331
  }
4309
4332
  onKeydown(event) {
4310
4333
  if (event.key === 'Enter') {
4311
- if (__classPrivateFieldGet$s(this, _Button_button, "f") instanceof HTMLAnchorElement)
4312
- __classPrivateFieldGet$s(this, _Button_button, "f").click();
4334
+ if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
4335
+ __classPrivateFieldGet$t(this, _Button_button, "f").click();
4313
4336
  else
4314
4337
  this.host.click();
4315
4338
  }
@@ -4319,11 +4342,11 @@ class Button {
4319
4342
  this.host.click();
4320
4343
  }
4321
4344
  disabledChanged() {
4322
- this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4323
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4345
+ this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4346
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4324
4347
  this.host.removeAttribute('tabindex');
4325
4348
  else
4326
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4349
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4327
4350
  }
4328
4351
  hrefChanged() {
4329
4352
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -4331,40 +4354,40 @@ class Button {
4331
4354
  tabindexChanged(newValue) {
4332
4355
  if (newValue !== null) {
4333
4356
  const parsedValue = Number.parseInt(newValue, 10);
4334
- __classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4357
+ __classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4335
4358
  ? 0
4336
4359
  : parsedValue, "f");
4337
4360
  }
4338
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4361
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4339
4362
  this.host.removeAttribute('tabindex');
4340
4363
  else
4341
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4364
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4342
4365
  }
4343
4366
  textChanged() {
4344
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4345
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4346
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4347
- if (!__classPrivateFieldGet$s(this, _Button_span, "f"))
4367
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4368
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4369
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4370
+ if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
4348
4371
  return;
4349
- const span = __classPrivateFieldGet$s(this, _Button_span, "f");
4372
+ const span = __classPrivateFieldGet$t(this, _Button_span, "f");
4350
4373
  readTask(() => {
4351
4374
  this.tooltip = isEllipsisActive(span);
4352
4375
  });
4353
- __classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4376
+ __classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4354
4377
  this.tooltip = isEllipsisActive(spanEntry.target);
4355
4378
  }), "f");
4356
- __classPrivateFieldGet$s(this, _Button_ro, "f").observe(__classPrivateFieldGet$s(this, _Button_span, "f"));
4379
+ __classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
4357
4380
  }
4358
4381
  /* DEPRECATED: will be removed by september 2026 */
4359
4382
  iconOnlyChanged() {
4360
4383
  this.tooltip = this.iconOnly;
4361
4384
  }
4362
4385
  componentWillLoad() {
4363
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4364
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4365
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4366
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4367
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4386
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4387
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4388
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4389
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4390
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4368
4391
  this.hrefChanged();
4369
4392
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4370
4393
  this.disabledChanged();
@@ -4375,26 +4398,26 @@ class Button {
4375
4398
  this.iconOnlyChanged();
4376
4399
  }
4377
4400
  disconnectedCallback() {
4378
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4379
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4401
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4402
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4380
4403
  }
4381
4404
  render() {
4382
4405
  const Tag = this.href === undefined ? 'button' : 'a';
4383
- return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$s(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
4406
+ return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
4384
4407
  'qds-button': true,
4385
- 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4408
+ 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4386
4409
  /* DEPRECATED: will be removed by september 2026 */
4387
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4388
- }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$s(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get) && (
4410
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4411
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
4389
4412
  /* DEPRECATED: will be removed by september 2026 */
4390
- hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$s(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
4413
+ hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
4391
4414
  /* DEPRECATED: will be removed by september 2026 */
4392
- 'qds-indicator': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4393
- }, description: this.badgeDescription, importance: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
4415
+ 'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4416
+ }, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
4394
4417
  'qds-focus-ring': true,
4395
4418
  /* DEPRECATED: will be removed by september 2026 */
4396
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4397
- }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$s(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4419
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4420
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4398
4421
  }
4399
4422
  static get formAssociated() { return true; }
4400
4423
  get host() { return getElement(this); }
@@ -4517,19 +4540,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
4517
4540
  Object.defineProperty(this.host, p, { enumerable: true, get });
4518
4541
  };
4519
4542
 
4520
- const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{flex:1 1 auto;min-width:0;width:100%}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small]{--qds-form-small-text:var(--qds-control-small-text)}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}[data-size=standard]{--qds-form-standard-text:var(--qds-control-standard-text)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=large]{--qds-form-large-text:var(--qds-control-large-text)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
4543
+ const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{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)}";
4521
4544
 
4522
4545
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4523
4546
  //
4524
4547
  // SPDX-License-Identifier: Apache-2.0
4525
- var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4548
+ var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4526
4549
  if (kind === "a" && !f)
4527
4550
  throw new TypeError("Private accessor was defined without a getter");
4528
4551
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4529
4552
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4530
4553
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4531
4554
  };
4532
- var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4555
+ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4533
4556
  if (kind === "m")
4534
4557
  throw new TypeError("Private method is not writable");
4535
4558
  if (kind === "a" && !f)
@@ -4538,7 +4561,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
4538
4561
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
4539
4562
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
4540
4563
  };
4541
- var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_defineGetter;
4564
+ var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_ro, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
4542
4565
  /**
4543
4566
  * `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
4544
4567
  * when activated, like you might see in an official government paper form. A
@@ -4624,7 +4647,11 @@ class Checkbox {
4624
4647
  * Whether or not the text is displayed.
4625
4648
  */
4626
4649
  this.checkboxOnly = false;
4650
+ this.tooltip = false;
4627
4651
  _Checkbox_inheritedAttributes.set(this, {});
4652
+ _Checkbox_ro.set(this, void 0);
4653
+ _Checkbox_span.set(this, void 0);
4654
+ _Checkbox_tooltip.set(this, void 0);
4628
4655
  this.checkValidity = () => this.internals.checkValidity();
4629
4656
  this.reportValidity = () => this.internals.reportValidity();
4630
4657
  this.setCustomValidity = (error) => {
@@ -4635,30 +4662,44 @@ class Checkbox {
4635
4662
  };
4636
4663
  _Checkbox_onBlur.set(this, (event) => {
4637
4664
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4665
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4666
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
4638
4667
  });
4639
4668
  _Checkbox_onFocus.set(this, (event) => {
4640
4669
  this.focusEmitter.emit(pickFocusEventAttributes(event));
4670
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4671
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
4672
+ });
4673
+ _Checkbox_spanRef.set(this, (span) => {
4674
+ __classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
4675
+ });
4676
+ _Checkbox_tooltipRef.set(this, (tooltip) => {
4677
+ if (tooltip) {
4678
+ // eslint-disable-next-line no-param-reassign
4679
+ tooltip.target = this.host;
4680
+ __classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
4681
+ }
4641
4682
  });
4642
4683
  }
4643
4684
  onClick(event) {
4644
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4685
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4645
4686
  event.stopImmediatePropagation();
4646
4687
  return;
4647
4688
  }
4648
4689
  event.preventDefault();
4649
- this.checked = __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4690
+ this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4650
4691
  this.changeEmitter.emit();
4651
4692
  this.indeterminate = false;
4652
4693
  }
4653
4694
  checkedChanged() {
4654
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4655
- ? __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4695
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4696
+ ? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4656
4697
  : // eslint-disable-next-line unicorn/no-null
4657
4698
  null);
4658
4699
  }
4659
4700
  disabledChanged() {
4660
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4661
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4701
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4702
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4662
4703
  // eslint-disable-next-line unicorn/no-null
4663
4704
  else
4664
4705
  this.internals.setFormValue(null);
@@ -4668,34 +4709,55 @@ class Checkbox {
4668
4709
  this.tabIndex =
4669
4710
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4670
4711
  }
4712
+ textChanged() {
4713
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4714
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4715
+ if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
4716
+ return;
4717
+ const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
4718
+ readTask(() => {
4719
+ this.tooltip = isEllipsisActive(span);
4720
+ });
4721
+ __classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
4722
+ this.tooltip = isEllipsisActive(spanEntry.target);
4723
+ }), "f");
4724
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
4725
+ }
4671
4726
  valueChanged() {
4672
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4673
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4727
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4728
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4674
4729
  }
4675
4730
  componentWillLoad() {
4676
4731
  this.valueChanged();
4677
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4678
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4679
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4680
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4681
- __classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4732
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4733
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4734
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4735
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4736
+ __classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4682
4737
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4683
4738
  }
4739
+ componentDidLoad() {
4740
+ this.textChanged();
4741
+ }
4742
+ disconnectedCallback() {
4743
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4744
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4745
+ }
4684
4746
  render() {
4685
4747
  return (
4686
4748
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4687
- hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4749
+ hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4688
4750
  'qds-inline': this.inline,
4689
4751
  'qds-label': true,
4690
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, hAsync("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
4752
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
4691
4753
  // eslint-disable-next-line jsx-a11y/no-autofocus
4692
- autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$r(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$r(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
4754
+ autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$s(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$s(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$s(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
4693
4755
  'qds-icon': true,
4694
4756
  'qds-checked': true,
4695
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
4757
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
4696
4758
  'qds-icon': true,
4697
4759
  'qds-indeterminate': true,
4698
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: '2abb3aa9fe38db5b754d65024d907fe7e6c05ed0', class: "qds-label-inner", required: this.required, size: this.size, text: this.text, tabindex: -1, tooltipTarget: this.host }))));
4760
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
4699
4761
  }
4700
4762
  static get delegatesFocus() { return true; }
4701
4763
  static get formAssociated() { return true; }
@@ -4704,6 +4766,7 @@ class Checkbox {
4704
4766
  "checked": ["checkedChanged"],
4705
4767
  "disabled": ["disabledChanged"],
4706
4768
  "tabindex": ["tabindexChanged"],
4769
+ "text": ["textChanged"],
4707
4770
  "value": ["valueChanged"]
4708
4771
  }; }
4709
4772
  static get style() { return checkboxCss; }
@@ -4725,14 +4788,15 @@ class Checkbox {
4725
4788
  "value": [8],
4726
4789
  "willValidate": [4, "will-validate"],
4727
4790
  "checkboxOnly": [4, "checkbox-only"],
4728
- "tabIndex": [32]
4791
+ "tabIndex": [32],
4792
+ "tooltip": [32]
4729
4793
  },
4730
4794
  "$listeners$": [[0, "click", "onClick"]],
4731
4795
  "$lazyBundleId$": "-",
4732
4796
  "$attrsToReflect$": []
4733
4797
  }; }
4734
4798
  }
4735
- _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4799
+ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4736
4800
  return this.checked ?? false;
4737
4801
  }, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
4738
4802
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
@@ -4759,19 +4823,19 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
4759
4823
  Object.defineProperty(this.host, p, { enumerable: true, get });
4760
4824
  };
4761
4825
 
4762
- 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}";
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-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}";
4763
4827
 
4764
4828
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4765
4829
  //
4766
4830
  // SPDX-License-Identifier: Apache-2.0
4767
- var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4831
+ var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4768
4832
  if (kind === "a" && !f)
4769
4833
  throw new TypeError("Private accessor was defined without a getter");
4770
4834
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4771
4835
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4772
4836
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4773
4837
  };
4774
- var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4838
+ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4775
4839
  if (kind === "m")
4776
4840
  throw new TypeError("Private method is not writable");
4777
4841
  if (kind === "a" && !f)
@@ -4845,7 +4909,7 @@ class Chip {
4845
4909
  _Chip_ro.set(this, void 0);
4846
4910
  _Chip_inheritedAttributes.set(this, {});
4847
4911
  _Chip_onIconClick.set(this, (event) => {
4848
- if (!event.defaultPrevented && __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4912
+ if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4849
4913
  this.closeEmitter.emit();
4850
4914
  });
4851
4915
  _Chip_onFocus.set(this, (event) => {
@@ -4855,30 +4919,30 @@ class Chip {
4855
4919
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4856
4920
  });
4857
4921
  _Chip_chipRef.set(this, (chip) => {
4858
- __classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
4922
+ __classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
4859
4923
  });
4860
4924
  _Chip_spanRef.set(this, (span) => {
4861
- __classPrivateFieldSet$n(this, _Chip_span, span, "f");
4925
+ __classPrivateFieldSet$m(this, _Chip_span, span, "f");
4862
4926
  });
4863
4927
  _Chip_tooltipRef.set(this, (tooltip) => {
4864
4928
  if (tooltip)
4865
4929
  // eslint-disable-next-line no-param-reassign
4866
- tooltip.target = __classPrivateFieldGet$q(this, _Chip_chip, "f");
4930
+ tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
4867
4931
  });
4868
4932
  }
4869
4933
  onClick(event) {
4870
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4934
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4871
4935
  event.stopImmediatePropagation();
4872
4936
  return;
4873
4937
  }
4874
4938
  event.preventDefault();
4875
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4876
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4939
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4940
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4877
4941
  this.changeEmitter.emit();
4878
4942
  }
4879
4943
  }
4880
4944
  handleKeyDown(event) {
4881
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4945
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4882
4946
  event.stopImmediatePropagation();
4883
4947
  return;
4884
4948
  }
@@ -4895,21 +4959,21 @@ class Chip {
4895
4959
  if (event.key !== ' ')
4896
4960
  return;
4897
4961
  this.isPressed = false;
4898
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4899
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4962
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4963
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4900
4964
  this.changeEmitter.emit();
4901
4965
  }
4902
4966
  }
4903
4967
  checkedChanged() {
4904
- this.isSelected = __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4905
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4906
- ? __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get)
4968
+ this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4969
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4970
+ ? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
4907
4971
  : // eslint-disable-next-line unicorn/no-null
4908
4972
  null);
4909
4973
  }
4910
4974
  disabledChanged() {
4911
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4912
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4975
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4976
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4913
4977
  // eslint-disable-next-line unicorn/no-null
4914
4978
  else
4915
4979
  this.internals.setFormValue(null);
@@ -4920,8 +4984,8 @@ class Chip {
4920
4984
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4921
4985
  }
4922
4986
  valueChanged() {
4923
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4924
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4987
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4988
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4925
4989
  }
4926
4990
  componentWillLoad() {
4927
4991
  this.valueChanged();
@@ -4929,39 +4993,39 @@ class Chip {
4929
4993
  enumerable: true,
4930
4994
  get: () => this.internals.form,
4931
4995
  });
4932
- __classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4996
+ __classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4933
4997
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4934
4998
  }
4935
4999
  componentDidLoad() {
4936
- invariant(__classPrivateFieldGet$q(this, _Chip_span, "f"));
4937
- const span = __classPrivateFieldGet$q(this, _Chip_span, "f");
5000
+ invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
5001
+ const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
4938
5002
  readTask(() => {
4939
5003
  this.tooltip = isEllipsisActive(span);
4940
5004
  });
4941
- __classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
5005
+ __classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
4942
5006
  this.tooltip = isEllipsisActive(spanEntry.target);
4943
5007
  }), "f");
4944
- __classPrivateFieldGet$q(this, _Chip_ro, "f").observe(__classPrivateFieldGet$q(this, _Chip_span, "f"));
5008
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
4945
5009
  }
4946
5010
  disconnectedCallback() {
4947
- if (__classPrivateFieldGet$q(this, _Chip_ro, "f"))
4948
- __classPrivateFieldGet$q(this, _Chip_ro, "f").disconnect();
5011
+ if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
5012
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
4949
5013
  }
4950
5014
  render() {
4951
- return (hAsync("div", { key: 'bcc34bdc302e3507dbfc330766602a56b385ebb0', class: "qds-chip", ref: __classPrivateFieldGet$q(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '8bbbaa13dadd5169da7020566e27b714d6dee90d', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
5015
+ return (hAsync("div", { key: 'c87ae5b0e24b50bb8304e826f924e23906813a30', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '021c3a19556340b72b7361a7c1837eb2f8fc4c44', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
4952
5016
  'qds-container': true,
4953
5017
  'qds-closable-chip': true,
4954
- }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '2ae352f12ce6157b9257278c8cb435292bc84d27', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '94b7769f238fe01b6cdb1343a0191eab89fcccb6', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '5c5304b762576f483c8694352c39cc1f4d5548fa', name: "clear", text: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$q(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
5018
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6372fef2711522b9fd7c7985f3b5e02b348c4104', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '80c7e8d86cf341d096808fa496f7d4dd595c2cb5', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '98ca1457125b1b0e2e37e9ad403aea21fc94ac07', name: "clear", text: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$r(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
4955
5019
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4956
- hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '9ef4d6e771113a1bc84a91091e963d2f24dc677c',
5020
+ hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
4957
5021
  // eslint-disable-next-line jsx-a11y/no-autofocus
4958
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$q(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$q(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6471d8928c0a302ae6226857a92e85984757e66f', class: {
5022
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$r(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6cf7b1de73a86af57d95404e8441ec10aa8b4005', class: {
4959
5023
  'qds-container': true,
4960
5024
  'qds-pressed-state': this.isPressed,
4961
5025
  'qds-selected-state': this.isSelected,
4962
5026
  'qds-padding-end': true,
4963
5027
  'qds-cursor': true,
4964
- }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'dcb2c36b020d0968c1bcdc2620c8bce2aceb5a05', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8bd629d4b13fc12a1510860a2728a935b78d5740', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '21012b833280655c9ad6ebb7b1f75870a3ff0d97', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'decb809fab63928ec8e7f8069b04b88fd7d1117e', "aria-hidden": "true", ref: __classPrivateFieldGet$q(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
5028
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b3b8fcb77e020f0819d33259ad4e9d8883f268db', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '3bed0e9814f3da14f8d5516ece2044bf6369907d', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '17d03ea52ea5e06d22e1a9e4dd24d7ca2217c245', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'a84aca122610d08ad6338b8cc3e4100d18efece6', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
4965
5029
  }
4966
5030
  static get delegatesFocus() { return true; }
4967
5031
  static get formAssociated() { return true; }
@@ -5034,7 +5098,7 @@ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;hei
5034
5098
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5035
5099
  //
5036
5100
  // SPDX-License-Identifier: Apache-2.0
5037
- var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5101
+ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5038
5102
  if (kind === "m")
5039
5103
  throw new TypeError("Private method is not writable");
5040
5104
  if (kind === "a" && !f)
@@ -5043,7 +5107,7 @@ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) |
5043
5107
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
5044
5108
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
5045
5109
  };
5046
- var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5110
+ var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5047
5111
  if (kind === "a" && !f)
5048
5112
  throw new TypeError("Private accessor was defined without a getter");
5049
5113
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5076,16 +5140,16 @@ class Dialog {
5076
5140
  _Dialog_titleId.set(this, void 0);
5077
5141
  _Dialog_closeButton.set(this, void 0);
5078
5142
  _Dialog_ref.set(this, (dialog) => {
5079
- __classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
5143
+ __classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
5080
5144
  });
5081
5145
  _Dialog_onCancel.set(this, (event) => {
5082
5146
  if (this.cancelEmitter.emit().defaultPrevented)
5083
5147
  event.preventDefault();
5084
5148
  });
5085
5149
  _Dialog_onClose.set(this, () => {
5086
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5150
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5087
5151
  this.closeEmitter.emit();
5088
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5152
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5089
5153
  });
5090
5154
  _Dialog_handleCloseClick.set(this, () => {
5091
5155
  this.close();
@@ -5102,7 +5166,7 @@ class Dialog {
5102
5166
  }
5103
5167
  });
5104
5168
  _Dialog_closeButtonRef.set(this, (button) => {
5105
- __classPrivateFieldSet$m(this, _Dialog_closeButton, button, "f");
5169
+ __classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
5106
5170
  });
5107
5171
  _Dialog_handleFocus.set(this, () => {
5108
5172
  if (!this.open)
@@ -5112,8 +5176,8 @@ class Dialog {
5112
5176
  autofocusTarget.focus();
5113
5177
  return;
5114
5178
  }
5115
- if (this.closable === true && __classPrivateFieldGet$p(this, _Dialog_closeButton, "f")) {
5116
- __classPrivateFieldGet$p(this, _Dialog_closeButton, "f").focus();
5179
+ if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
5180
+ __classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
5117
5181
  }
5118
5182
  });
5119
5183
  }
@@ -5128,9 +5192,9 @@ class Dialog {
5128
5192
  this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
5129
5193
  }
5130
5194
  componentWillLoad() {
5131
- __classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5195
+ __classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5132
5196
  autoIncrementingId$4 += 1;
5133
- __classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5197
+ __classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5134
5198
  }
5135
5199
  componentDidLoad() {
5136
5200
  if (this.open)
@@ -5138,19 +5202,19 @@ class Dialog {
5138
5202
  }
5139
5203
  render() {
5140
5204
  const hasHeading = this.hasTitleSlot || this.closable === true;
5141
- return (hAsync(Host, { key: 'f313722f78e3f980b74660bac5768007549ae621' }, hAsync("dialog", { key: 'fc46abf07f8fccbae8d623a5999e4ad11f7f5501', class: "qds-dialog", ref: __classPrivateFieldGet$p(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$p(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$p(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$p(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$p(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$p(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '8ace06b599301b3ef3e7d8be4ba909dd1e3ba742', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: 'e94ee93590cddb1684ee84dfebe74224bb02292d', id: __classPrivateFieldGet$p(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'b00cbbf5e62b2ca2731fa0b6e75a069e8e13cc21', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '3044cae955df2c8adaceddcb07d9254d12106ad3', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$p(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$p(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'e62a1b6b1a2a4babc08af96cf7445e35298cc2b1', class: "qds-content" }, hAsync("slot", { key: 'f5c6d8733e00a39520584f9883c81287fb7edcc2' })), this.hasFooterSlot && (hAsync("div", { key: 'b812ec757d9afd4a18e82b12ffa3af2157acbf0b', class: "qds-footer" }, hAsync("slot", { key: '4b460b404bca6e97492ce4d5f26d6e74889717fc', name: "footer" })))), hAsync("div", { key: '2d1ef9f26a25beeec31fb5c42c0a0f6635f265e6', class: "qds-backdrop" })));
5205
+ return (hAsync(Host, { key: '3775c0fe42baca31c033c94ac54ae9a0952230e1' }, hAsync("dialog", { key: 'd7d151c1824d486cc600b4f35239d8750df7ae3c', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '35dd63265b11d60c81a0da00ecf26960e1ac6019', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '36a0f0cea4d5ea178159c6999dee7a0f504b463c', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '75e5ece6f72f32e4ba7db2bf9d599fca38439d47', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '32ebd90a963baf9641cc67bb2cd149028a60b260', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'bda8d06d22282ca980d92fa59675906c9e848f2d', class: "qds-content" }, hAsync("slot", { key: 'cb838bb563777ab4e6364cff00c18ab29d3097d3' })), this.hasFooterSlot && (hAsync("div", { key: 'abe36ceae28976fcf7414c84512024ee4a4cb1ea', class: "qds-footer" }, hAsync("slot", { key: '4a5256aa87b920d001592d3a3878661a7c7fcd86', name: "footer" })))), hAsync("div", { key: 'a77aaaf5f7011473d53593c5ca26435b0b9c8946', class: "qds-backdrop" })));
5142
5206
  }
5143
5207
  show() {
5144
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5145
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").showModal();
5146
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5208
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5209
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
5210
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5147
5211
  requestAnimationFrame(() => {
5148
- __classPrivateFieldGet$p(this, _Dialog_handleFocus, "f").call(this);
5212
+ __classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
5149
5213
  });
5150
5214
  }
5151
5215
  close() {
5152
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5153
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").close();
5216
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5217
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
5154
5218
  }
5155
5219
  get host() { return getElement(this); }
5156
5220
  static get watchers() { return {
@@ -5178,7 +5242,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
5178
5242
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5179
5243
  //
5180
5244
  // SPDX-License-Identifier: Apache-2.0
5181
- var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5245
+ var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5182
5246
  if (kind === "a" && !f)
5183
5247
  throw new TypeError("Private accessor was defined without a getter");
5184
5248
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5224,10 +5288,10 @@ class Divider {
5224
5288
  this.verticalChanged();
5225
5289
  }
5226
5290
  render() {
5227
- return (hAsync("hr", { key: '377320d6db82fa0188749625cf808243462fc790', class: {
5291
+ return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
5228
5292
  'qds-divider': true,
5229
5293
  'qds-vertical': this.vertical,
5230
- }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$o(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5294
+ }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5231
5295
  }
5232
5296
  static get watchers() { return {
5233
5297
  "vertical": ["verticalChanged"]
@@ -6946,7 +7010,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
6946
7010
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
6947
7011
  //
6948
7012
  // SPDX-License-Identifier: Apache-2.0
6949
- var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7013
+ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
6950
7014
  if (kind === "m")
6951
7015
  throw new TypeError("Private method is not writable");
6952
7016
  if (kind === "a" && !f)
@@ -6955,7 +7019,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
6955
7019
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
6956
7020
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
6957
7021
  };
6958
- var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7022
+ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
6959
7023
  if (kind === "a" && !f)
6960
7024
  throw new TypeError("Private accessor was defined without a getter");
6961
7025
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7043,10 +7107,10 @@ class Dropdown {
7043
7107
  if (!(event instanceof FocusEvent))
7044
7108
  return;
7045
7109
  const { relatedTarget } = event;
7046
- const dropdownItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7110
+ const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7047
7111
  if (relatedTarget instanceof globalThis.Element &&
7048
7112
  !this.host.contains(relatedTarget) &&
7049
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7113
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7050
7114
  !dropdownItem)
7051
7115
  await this.close();
7052
7116
  });
@@ -7054,33 +7118,51 @@ class Dropdown {
7054
7118
  if (!(event instanceof KeyboardEvent))
7055
7119
  return;
7056
7120
  const { key, target } = event;
7121
+ const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
7122
+ const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7123
+ (targetRootNode instanceof globalThis.ShadowRoot &&
7124
+ targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
7125
+ (target instanceof globalThis.Element &&
7126
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7127
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
7057
7128
  if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
7129
+ // Keep parent open when Enter is used on an item with a nested submenu.
7130
+ if (target instanceof HTMLElement &&
7131
+ target.shadowRoot?.querySelector('qds-dropdown'))
7132
+ return;
7058
7133
  await this.close();
7059
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7134
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7060
7135
  return;
7061
7136
  }
7062
7137
  if (key === 'Escape' &&
7063
- (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") ||
7138
+ (target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7064
7139
  (target instanceof globalThis.Element &&
7065
7140
  closestElement('qds-dropdown', target) === this.host))) {
7066
7141
  const cancelEvent = this.cancelEmitter.emit();
7067
7142
  if (cancelEvent.defaultPrevented)
7068
7143
  return;
7069
7144
  await this.close();
7070
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7145
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7071
7146
  return;
7072
7147
  }
7073
- if (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") &&
7074
- (key === 'ArrowDown' || key === 'ArrowUp')) {
7075
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7148
+ if (keydownOnReference &&
7149
+ (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
7150
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7076
7151
  await this.show();
7077
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7152
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7153
+ event.preventDefault();
7154
+ event.stopPropagation();
7155
+ return;
7156
+ }
7157
+ // Prevent space key from scrolling the page when focused on an item
7158
+ if (key === ' ') {
7078
7159
  event.preventDefault();
7160
+ event.stopPropagation();
7079
7161
  return;
7080
7162
  }
7081
7163
  if (!VERTICAL_MOVE_KEYS.has(key))
7082
7164
  return;
7083
- const Items = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7165
+ const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7084
7166
  closestElement('qds-dropdown', item) === this.host);
7085
7167
  if (Items.length === 0)
7086
7168
  return;
@@ -7119,42 +7201,42 @@ class Dropdown {
7119
7201
  _Dropdown_onReferenceClick.set(this, async () => {
7120
7202
  if (this.disabled)
7121
7203
  return;
7122
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f")) {
7204
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
7123
7205
  await this.close();
7124
7206
  return;
7125
7207
  }
7126
7208
  await this.show();
7127
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7209
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7128
7210
  });
7129
7211
  _Dropdown_boundOnFocusout.set(this, (event) => {
7130
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f").call(this, event));
7212
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
7131
7213
  });
7132
7214
  _Dropdown_boundOnKeydown.set(this, (event) => {
7133
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f").call(this, event));
7215
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
7134
7216
  });
7135
7217
  _Dropdown_boundOnReferenceClick.set(this, () => {
7136
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onReferenceClick, "f").call(this));
7218
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
7137
7219
  });
7138
7220
  _Dropdown_onSlotchange.set(this, (event) => {
7139
7221
  const slot = event.target;
7140
7222
  const assignedElements = slot.assignedElements({ flatten: true });
7141
- __classPrivateFieldSet$l(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7223
+ __classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7142
7224
  });
7143
7225
  }
7144
7226
  /**
7145
7227
  * Updates the gap between the dropdown and its target element.
7146
7228
  */
7147
7229
  async updateGap() {
7148
- __classPrivateFieldSet$l(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7230
+ __classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7149
7231
  await this.updateMiddleware();
7150
7232
  }
7151
7233
  /**
7152
7234
  * Shows the dropdown.
7153
7235
  */
7154
7236
  async show() {
7155
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7237
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7156
7238
  return;
7157
- const reference = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f");
7239
+ const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
7158
7240
  const { host } = this;
7159
7241
  if (reference instanceof globalThis.Element) {
7160
7242
  reference.setAttribute('aria-expanded', 'true');
@@ -7165,12 +7247,12 @@ class Dropdown {
7165
7247
  if (isQdsButton(reference) && reference.action === 'dropdown')
7166
7248
  reference.action = 'dropdown-close';
7167
7249
  }
7168
- if (!__classPrivateFieldGet$n(this, _Dropdown_opened, "f")) {
7250
+ if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
7169
7251
  await this.updateGap();
7170
- __classPrivateFieldSet$l(this, _Dropdown_opened, true, "f");
7252
+ __classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
7171
7253
  }
7172
7254
  this.startAutoUpdate();
7173
- __classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
7255
+ __classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
7174
7256
  host.hidden = false;
7175
7257
  host.showPopover();
7176
7258
  }
@@ -7178,29 +7260,29 @@ class Dropdown {
7178
7260
  * Closes the dropdown.
7179
7261
  */
7180
7262
  async close() {
7181
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7263
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7182
7264
  return;
7183
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7184
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7185
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7186
- if (isQdsButton(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")) &&
7187
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7188
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7189
- }
7190
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7191
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7192
- __classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
7265
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7266
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7267
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7268
+ if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
7269
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7270
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7271
+ }
7272
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7273
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7274
+ __classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
7193
7275
  this.host.hidden = true;
7194
7276
  this.host.hidePopover();
7195
7277
  this.closeEmitter.emit();
7196
7278
  }
7197
7279
  async handleMouseDown(event) {
7198
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7280
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7199
7281
  return;
7200
7282
  const composedPath = event.composedPath();
7201
7283
  const withinBounds = composedPath.includes(this.host) ||
7202
- (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7203
- composedPath.includes(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")));
7284
+ (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7285
+ composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
7204
7286
  if (!withinBounds)
7205
7287
  await this.close();
7206
7288
  }
@@ -7211,24 +7293,24 @@ class Dropdown {
7211
7293
  }
7212
7294
  async updateReferenceElement() {
7213
7295
  var _a;
7214
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7215
- __classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7216
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7296
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7297
+ __classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7298
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7217
7299
  return;
7218
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7219
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$n(this, _Dropdown_boundOnReferenceClick, "f"));
7220
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7221
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7300
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7301
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
7302
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7303
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7222
7304
  if (this.host.role === 'menu') {
7223
- (_a = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7224
- this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").id);
7305
+ (_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7306
+ this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
7225
7307
  }
7226
7308
  }
7227
7309
  async updateMiddleware() {
7228
- __classPrivateFieldSet$l(this, _Dropdown_middleware, [
7310
+ __classPrivateFieldSet$k(this, _Dropdown_middleware, [
7229
7311
  offset({
7230
7312
  ...this.offsetOptions,
7231
- mainAxis: __classPrivateFieldGet$n(this, _Dropdown_gap, "f"),
7313
+ mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
7232
7314
  }),
7233
7315
  !this.noFlip &&
7234
7316
  flip({
@@ -7243,10 +7325,10 @@ class Dropdown {
7243
7325
  ], "f");
7244
7326
  }
7245
7327
  async updatePosition() {
7246
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7328
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7247
7329
  return;
7248
- const { x, y, strategy } = await computePosition(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, {
7249
- middleware: __classPrivateFieldGet$n(this, _Dropdown_middleware, "f"),
7330
+ const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
7331
+ middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
7250
7332
  placement: this.placement,
7251
7333
  strategy: this.strategy,
7252
7334
  });
@@ -7257,11 +7339,11 @@ class Dropdown {
7257
7339
  });
7258
7340
  }
7259
7341
  startAutoUpdate() {
7260
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7342
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7261
7343
  return;
7262
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7263
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7264
- __classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, () => {
7344
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7345
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7346
+ __classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
7265
7347
  ignorePromise(this.updatePosition());
7266
7348
  }, this.autoUpdateOptions), "f");
7267
7349
  }
@@ -7275,10 +7357,10 @@ class Dropdown {
7275
7357
  autoIncrementingId$3 += 1;
7276
7358
  }
7277
7359
  disconnectedCallback() {
7278
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7360
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7279
7361
  }
7280
7362
  render() {
7281
- return (hAsync(Host, { key: '818208411addc4dea30191c3d4941b214144def0', onKeyDown: __classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: 'd909ca090df9e4eaca458b00984d59ecd63cc7da', onSlotchange: __classPrivateFieldGet$n(this, _Dropdown_onSlotchange, "f") })));
7363
+ return (hAsync(Host, { key: '65c58f7361006626f42e2d3b57fe78d2388b3a9d', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '79bc14dc9dfd417f26e7043fcd71694819ccd2c8', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
7282
7364
  }
7283
7365
  static get delegatesFocus() { return true; }
7284
7366
  get host() { return getElement(this); }
@@ -7320,30 +7402,30 @@ class Dropdown {
7320
7402
  }; }
7321
7403
  }
7322
7404
  _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_gap = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_opened = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_boundOnFocusout = new WeakMap(), _Dropdown_boundOnKeydown = new WeakMap(), _Dropdown_boundOnReferenceClick = new WeakMap(), _Dropdown_onSlotchange = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_focusOnTrigger = function _Dropdown_focusOnTrigger() {
7323
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7324
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7325
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").focus();
7405
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7406
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7407
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
7326
7408
  }
7327
7409
  }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
7328
7410
  requestAnimationFrame(() => {
7329
- const firstItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7411
+ const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7330
7412
  isEnabledItem(item) &&
7331
7413
  closestElement('qds-dropdown', item) === this.host);
7332
7414
  if (!firstItem)
7333
7415
  return;
7334
- for (const item of __classPrivateFieldGet$n(this, _Dropdown_Items, "f"))
7416
+ for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
7335
7417
  item.setAttribute('tabindex', '-1');
7336
7418
  firstItem.setAttribute('tabindex', '0');
7337
7419
  firstItem.focus();
7338
7420
  });
7339
7421
  }, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
7340
7422
  this.host.removeAttribute('aria-labelledby');
7341
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7423
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7342
7424
  return;
7343
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7344
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7345
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7346
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7425
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7426
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7427
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7428
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7347
7429
  };
7348
7430
 
7349
7431
  const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-form-message.qds-inline{align-items:flex-start}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{background-color:var(--qds-theme-feedback-action-destructive-contrast);border-radius:var(--qds-control-rounded-border-radius)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-form-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}.qds-inline[data-size=small]{min-height:var(--qds-form-input-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-form-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}.qds-inline[data-size=standard]{min-height:var(--qds-form-input-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-form-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}.qds-inline[data-size=large]{min-height:var(--qds-form-input-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon[data-status=error],.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon{color:var(--qds-theme-feedback-message-informational)}.qds-icon[data-status=success],.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon{color:var(--qds-theme-feedback-result-partial-success)}[data-status=neutral]{color:var(--qds-theme-text-subdued)}";
@@ -7351,7 +7433,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
7351
7433
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7352
7434
  //
7353
7435
  // SPDX-License-Identifier: Apache-2.0
7354
- var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7436
+ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7355
7437
  if (kind === "m")
7356
7438
  throw new TypeError("Private method is not writable");
7357
7439
  if (kind === "a" && !f)
@@ -7360,7 +7442,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
7360
7442
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7361
7443
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7362
7444
  };
7363
- var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7445
+ var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7364
7446
  if (kind === "a" && !f)
7365
7447
  throw new TypeError("Private accessor was defined without a getter");
7366
7448
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7396,13 +7478,13 @@ class FormMessage {
7396
7478
  _FormMessage_inheritedAttributes.set(this, {});
7397
7479
  }
7398
7480
  componentWillLoad() {
7399
- __classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7481
+ __classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7400
7482
  }
7401
7483
  render() {
7402
- return (hAsync("span", { key: '0a8cbc3d4d61b9dbf49f33e3d68b789bc549c9f7', class: {
7484
+ return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
7403
7485
  'qds-form-message': true,
7404
7486
  'qds-inline': this.inline,
7405
- }, "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$m(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '02884cdb957599f46d249bb98801f3c160250937', class: "qds-icon-container", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '0a644f9370c393343e13e540fdff08d00173aa38', class: "qds-icon-background", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '9e5155876baa893f97c1c075ac45c7456cf14a7c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: '39ed92c28a4fabb5d88e1e3994ce2223fce3c152', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'b9a972b25f786706b6b080599e1249cc8d7f6b4a', class: "qds-text", "data-status": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7487
+ }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$n(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '0a9b180b4a3649f5360cdd930b47e154940a57ec', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '8662cabe7446727290a67ad778e519aad73438f6', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '99467f3ddac3b4ca02f54b56d252eafcd266e627', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: 'f14eb5b9840eab89b41b0dba1aeb3e4565302a57', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'feba7f19897dad2a1913cb6175933fb83580a5b0', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7406
7488
  }
7407
7489
  get host() { return getElement(this); }
7408
7490
  static get style() { return formMessageCss; }
@@ -7577,26 +7659,6 @@ const requestIcon = (url) => {
7577
7659
 
7578
7660
  const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
7579
7661
 
7580
- // SPDX-FileCopyrightText: © 2024 Schneider Electric
7581
- //
7582
- // SPDX-License-Identifier: Apache-2.0
7583
- var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7584
- if (kind === "a" && !f)
7585
- throw new TypeError("Private accessor was defined without a getter");
7586
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7587
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
7588
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
7589
- };
7590
- var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7591
- if (kind === "m")
7592
- throw new TypeError("Private method is not writable");
7593
- if (kind === "a" && !f)
7594
- throw new TypeError("Private accessor was defined without a setter");
7595
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7596
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
7597
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7598
- };
7599
- var _Icon_inheritedAttributes;
7600
7662
  let parser;
7601
7663
  /**
7602
7664
  * @experimental
@@ -7606,12 +7668,18 @@ class Icon {
7606
7668
  registerInstance(this, hostRef);
7607
7669
  this.loadEmitter = createEvent(this, "qdsLoad", 6);
7608
7670
  this.errorEmitter = createEvent(this, "qdsError", 6);
7671
+ if (hostRef.$hostElement$["s-ei"]) {
7672
+ this.internals = hostRef.$hostElement$["s-ei"];
7673
+ }
7674
+ else {
7675
+ this.internals = hostRef.$hostElement$.attachInternals();
7676
+ hostRef.$hostElement$["s-ei"] = this.internals;
7677
+ }
7609
7678
  /**
7610
7679
  * The name of a registered icon library.
7611
7680
  */
7612
7681
  this.library = 'default';
7613
7682
  this.svg = '';
7614
- _Icon_inheritedAttributes.set(this, {});
7615
7683
  }
7616
7684
  async setIcon() {
7617
7685
  if (!this.name)
@@ -7642,9 +7710,6 @@ class Icon {
7642
7710
  this.errorEmitter.emit();
7643
7711
  }
7644
7712
  else {
7645
- for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
7646
- if (value !== undefined)
7647
- svgElement.setAttribute(key, value);
7648
7713
  this.svg = svgElement.outerHTML;
7649
7714
  this.loadEmitter.emit();
7650
7715
  }
@@ -7654,13 +7719,12 @@ class Icon {
7654
7719
  }
7655
7720
  }
7656
7721
  async componentWillLoad() {
7657
- __classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7722
+ this.internals.role = 'presentation';
7658
7723
  await this.setIcon();
7659
7724
  }
7660
7725
  render() {
7661
- return (hAsync("div", { key: 'e34db03445b6466673f0a5007e56565db0607dad', class: "qds-container" }, hAsync("span", { key: 'ae17bef072c530670209c28570db6f0021d58168', class: "qds-icon-wrapper", innerHTML: this.svg })));
7726
+ return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
7662
7727
  }
7663
- get host() { return getElement(this); }
7664
7728
  static get watchers() { return {
7665
7729
  "name": ["setIcon"],
7666
7730
  "library": ["setIcon"]
@@ -7679,14 +7743,13 @@ class Icon {
7679
7743
  "$attrsToReflect$": []
7680
7744
  }; }
7681
7745
  }
7682
- _Icon_inheritedAttributes = new WeakMap();
7683
7746
 
7684
- const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
7747
+ const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"d\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:d;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-small-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-small-badge-indicator-padding-end\n )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-standard-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-standard-badge-indicator-padding-end\n )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-large-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-large-badge-indicator-padding-end\n )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-hero-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-indicator-padding-end\n )}[data-size=hero] .qds-counter{inset-block-start:var(\n --qds-control-icon-button-hero-badge-counter-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-counter-padding-end\n )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
7685
7748
 
7686
7749
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
7687
7750
  //
7688
7751
  // SPDX-License-Identifier: Apache-2.0
7689
- var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7752
+ var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7690
7753
  if (kind === "a" && !f)
7691
7754
  throw new TypeError("Private accessor was defined without a getter");
7692
7755
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7770,17 +7833,17 @@ class IconButton {
7770
7833
  _IconButton_tooltipRef.set(this, (tooltip) => {
7771
7834
  if (tooltip) {
7772
7835
  // eslint-disable-next-line no-param-reassign
7773
- tooltip.target = __classPrivateFieldGet$k(this, _IconButton_button, "f");
7836
+ tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
7774
7837
  __classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
7775
7838
  }
7776
7839
  });
7777
7840
  }
7778
7841
  disabledChanged() {
7779
- this.internals.ariaDisabled = __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7780
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7842
+ this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7843
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7781
7844
  this.host.removeAttribute('tabindex');
7782
7845
  else
7783
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7846
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7784
7847
  }
7785
7848
  hrefChanged() {
7786
7849
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -7792,34 +7855,34 @@ class IconButton {
7792
7855
  ? 0
7793
7856
  : parsedValue, "f");
7794
7857
  }
7795
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7858
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7796
7859
  this.host.removeAttribute('tabindex');
7797
7860
  else
7798
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7861
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7799
7862
  }
7800
7863
  textChanged() {
7801
- __classPrivateFieldGet$k(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7864
+ __classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7802
7865
  }
7803
7866
  onClick(event) {
7804
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7867
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7805
7868
  event.stopImmediatePropagation();
7806
7869
  }
7807
7870
  async onBlur(event) {
7808
7871
  this.blurEmitter.emit(pickFocusEventAttributes(event));
7809
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7810
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").close();
7872
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7873
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
7811
7874
  }
7812
7875
  }
7813
7876
  async onFocus(event) {
7814
7877
  this.focusEmitter.emit(pickFocusEventAttributes(event));
7815
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7816
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").show();
7878
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7879
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
7817
7880
  }
7818
7881
  }
7819
7882
  onKeydown(event) {
7820
7883
  if (event.key === 'Enter') {
7821
- if (__classPrivateFieldGet$k(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7822
- __classPrivateFieldGet$k(this, _IconButton_button, "f").click();
7884
+ if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7885
+ __classPrivateFieldGet$m(this, _IconButton_button, "f").click();
7823
7886
  }
7824
7887
  else
7825
7888
  this.host.click();
@@ -7837,10 +7900,10 @@ class IconButton {
7837
7900
  }
7838
7901
  render() {
7839
7902
  const Tag = this.href === undefined ? 'button' : 'a';
7840
- return (hAsync("div", { key: '78677375ce18f22b5c76363187dad9edafcb1c7b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: 'ad3f3fb8c69a8f5b38c4124051410251f735d9c8', type: Tag === 'a' ? undefined : 'button', class: {
7903
+ return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
7841
7904
  'qds-icon-button': true,
7842
- 'qds-disabled': __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7843
- }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$k(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '29cb03c903fba4345d3a6c9c2c5a68c0023b51cc', class: "qds-icon", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '480364dfd3d94ed4e5c5576b160b405834794e05', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: '1e3fe4df0264c2f8ba3b5136b069a64013f348cc', class: "qds-indicator", description: this.badgeDescription, importance: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: 'be898d9a58d84e5bc9854e8d348d6e5cbd1f090e', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '37173b5f043570a7ce0867e32a6de5060ee93a26', ref: __classPrivateFieldGet$k(this, _IconButton_tooltipRef, "f") }, this.text))));
7905
+ 'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7906
+ }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '24a25e630f833d2b61c461a522517f54d125ce73', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '3e4efc42923833d90a1550cdcc124520227e423e', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: 'aff710b534385e2f88e964cabd9070e7381d079f', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '161d272e21dfcc81b130c40fe8afce7600332777', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '1c6e87ba9cd0e298ae2cfbb5dc10bb393d7ef7c7', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
7844
7907
  }
7845
7908
  static get formAssociated() { return true; }
7846
7909
  get host() { return getElement(this); }
@@ -7929,7 +7992,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
7929
7992
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7930
7993
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7931
7994
  };
7932
- var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7995
+ var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7933
7996
  if (kind === "a" && !f)
7934
7997
  throw new TypeError("Private accessor was defined without a getter");
7935
7998
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8003,7 +8066,7 @@ class IconTab {
8003
8066
  _IconTab_tooltipRef.set(this, (tooltip) => {
8004
8067
  if (tooltip)
8005
8068
  // eslint-disable-next-line no-param-reassign
8006
- tooltip.target = __classPrivateFieldGet$j(this, _IconTab_div, "f");
8069
+ tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
8007
8070
  });
8008
8071
  _IconTab_onBlur.set(this, (event) => {
8009
8072
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8013,7 +8076,7 @@ class IconTab {
8013
8076
  });
8014
8077
  _IconTab_defineTab.set(this, () => {
8015
8078
  this.internals.role = 'tab';
8016
- __classPrivateFieldGet$j(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$j(this, _IconTab_iconTab, "f"));
8079
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
8017
8080
  });
8018
8081
  }
8019
8082
  panelChanged() {
@@ -8024,15 +8087,15 @@ class IconTab {
8024
8087
  __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
8025
8088
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8026
8089
  if (tab)
8027
- tab.setAttribute('aria-controls', __classPrivateFieldGet$j(this, _IconTab_panel, "f").id);
8028
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === null)
8029
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = 'tabpanel';
8030
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8031
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8032
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8090
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
8091
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
8092
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
8093
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8094
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8095
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8033
8096
  }
8034
8097
  onClick(event) {
8035
- if (__classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8098
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8036
8099
  event.stopImmediatePropagation();
8037
8100
  }
8038
8101
  tabindexChanged(newValue) {
@@ -8045,39 +8108,39 @@ class IconTab {
8045
8108
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8046
8109
  (_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
8047
8110
  autoIncrementingId$2 += 1;
8048
- __classPrivateFieldGet$j(this, _IconTab_defineTab, "f").call(this);
8111
+ __classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
8049
8112
  }
8050
8113
  componentWillRender() {
8051
- const isPanelRoot = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8052
- const isMainSubsection = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8114
+ const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8115
+ const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8053
8116
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
8054
8117
  }
8055
8118
  componentDidLoad() {
8056
8119
  this.panelChanged();
8057
8120
  }
8058
8121
  disconnectedCallback() {
8059
- if (!__classPrivateFieldGet$j(this, _IconTab_panel, "f"))
8122
+ if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
8060
8123
  return;
8061
8124
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8062
8125
  if (tab)
8063
8126
  tab.removeAttribute('aria-controls');
8064
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === 'tabpanel')
8127
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
8065
8128
  // eslint-disable-next-line unicorn/no-null
8066
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = null;
8067
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8068
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8069
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('tabindex');
8129
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
8130
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8131
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8132
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
8070
8133
  }
8071
8134
  render() {
8072
8135
  const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
8073
8136
  const Tag = isLink ? 'a' : 'div';
8074
- return (hAsync("div", { key: 'ee55c8edcad6ea16123e32591e073638dfda985a', "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8137
+ return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8075
8138
  'qds-selected': this.selected,
8076
- }, "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$j(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '7c535857b7b2856437596c2df0099919dc99c1b6', ref: __classPrivateFieldGet$j(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$j(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$j(this, _IconTab_onFocus, "f"), class: {
8139
+ }, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$l(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '12093c90673de8fc1377992bc7892e76315b6b21', ref: __classPrivateFieldGet$l(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$l(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _IconTab_onFocus, "f"), class: {
8077
8140
  'qds-icon-tab': true,
8078
8141
  'qds-selected': this.selected,
8079
8142
  [`qds-indicator-${this.indicatorPosition}`]: true,
8080
- }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '0e5c9c975cd7839003dc6227e692974905165abe', class: "qds-icon-container" }, hAsync("qds-icon", { key: 'e400c4a9249fcd4a6e436e196302961ff1f430d1', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: 'def25454ebe3e3ac6bc21b3618db347a016e2ad8', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3ee1b82b6d97c1e3aeac1347333f2487c922a6f7', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'f292fc171e186c67537ac0159376fb3e9618d54c', placement: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$j(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: 'f4e85471c2f320db20e75ae24d5c08f5a29d8a17', layer: "accessory", level: "root" }, this.text))));
8143
+ }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '69a7818c3f16667a07cd37d0775d8c2676546693', class: "qds-icon-container" }, hAsync("qds-icon", { key: '281df04fbea65aa853c0f3b5fe20ea0f3c491c81', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '40199c0a4a79e0b98ec62c106d7f76dbac343a3f', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3c7cab837ba45ea78c741a748915ec67d2f4ae7d', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'bade89eaa9147b36bad8cc0177d1a4867373646f', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '45f7022bf7984a7bc471603d94f7f9dc8a3b7ee2', layer: "accessory", level: "root" }, this.text))));
8081
8144
  }
8082
8145
  get host() { return getElement(this); }
8083
8146
  static get watchers() { return {
@@ -8154,7 +8217,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
8154
8217
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8155
8218
  //
8156
8219
  // SPDX-License-Identifier: Apache-2.0
8157
- var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8220
+ var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8158
8221
  if (kind === "a" && !f)
8159
8222
  throw new TypeError("Private accessor was defined without a getter");
8160
8223
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8221,10 +8284,10 @@ class InlineLink {
8221
8284
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8222
8285
  });
8223
8286
  _InlineLink_updateAriaLabelElements.set(this, () => {
8224
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8287
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8225
8288
  });
8226
8289
  _InlineLink_onSlotchange.set(this, () => {
8227
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8290
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8228
8291
  });
8229
8292
  }
8230
8293
  onClick(event) {
@@ -8232,18 +8295,18 @@ class InlineLink {
8232
8295
  event.stopImmediatePropagation();
8233
8296
  }
8234
8297
  onKeydown(event) {
8235
- invariant(__classPrivateFieldGet$i(this, _InlineLink_link, "f"));
8298
+ invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
8236
8299
  if (this.disabled)
8237
8300
  return;
8238
8301
  if (event.key === 'Enter')
8239
- __classPrivateFieldGet$i(this, _InlineLink_link, "f").click();
8302
+ __classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
8240
8303
  }
8241
8304
  disabledChanged() {
8242
8305
  this.internals.ariaDisabled = this.disabled.toString();
8243
8306
  if (this.disabled)
8244
8307
  this.host.removeAttribute('tabindex');
8245
8308
  else
8246
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8309
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8247
8310
  }
8248
8311
  tabindexChanged(newValue) {
8249
8312
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8254,11 +8317,11 @@ class InlineLink {
8254
8317
  if (this.disabled)
8255
8318
  this.host.removeAttribute('tabindex');
8256
8319
  else
8257
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8320
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8258
8321
  }
8259
8322
  hrefTargetChanged() {
8260
8323
  this.linkIcon = determineLinkIcon(this.target, this.rel);
8261
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8324
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8262
8325
  }
8263
8326
  componentWillLoad() {
8264
8327
  this.internals.role = 'link';
@@ -8267,13 +8330,13 @@ class InlineLink {
8267
8330
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8268
8331
  }
8269
8332
  componentDidLoad() {
8270
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8333
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8271
8334
  }
8272
8335
  render() {
8273
- return (hAsync("a", { key: '3411bcbb89281e52a96f8e2a42380c4b28563cd0', "aria-hidden": "true", class: {
8336
+ return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
8274
8337
  'qds-inline-link': true,
8275
8338
  'qds-disabled': this.disabled,
8276
- }, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'e931203750a48ebb52ffbab861b78c194a0ae20b', class: "qds-icon", "aria-hidden": "true", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '795b019b877c1d66d0811b9475af3176a2504806', onSlotchange: __classPrivateFieldGet$i(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'a3edf8126b78e986672c314ea8be78a7d8c0f988', "aria-hidden": "true", class: "qds-icon", library: "core", name: this.linkIcon }))));
8339
+ }, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66400e2071d58f4ae5b2afd32e435fd688ff9f7b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '7650baedea48e920ad0aaf445b11654a91954119', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'ec44b064cbca50416722bde16fad8f9401e62e8a', class: "qds-icon", library: "core", name: this.linkIcon }))));
8277
8340
  }
8278
8341
  get host() { return getElement(this); }
8279
8342
  static get watchers() { return {
@@ -8318,12 +8381,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
8318
8381
  return this.target === '_blank';
8319
8382
  };
8320
8383
 
8321
- const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
8384
+ const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"e\"}.qds-icon-container,.qds-input{grid-area:e}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:e;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:e;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
8322
8385
 
8323
8386
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8324
8387
  //
8325
8388
  // SPDX-License-Identifier: Apache-2.0
8326
- var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8389
+ var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8327
8390
  if (kind === "a" && !f)
8328
8391
  throw new TypeError("Private accessor was defined without a getter");
8329
8392
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8491,69 +8554,69 @@ class Input {
8491
8554
  this.checkValidity = () => this.internals.checkValidity();
8492
8555
  this.reportValidity = () => this.internals.reportValidity();
8493
8556
  this.setCustomValidity = (error) => {
8494
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8495
- __classPrivateFieldGet$h(this, _Input_input, "f").setCustomValidity(error);
8557
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8558
+ __classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
8496
8559
  if (error)
8497
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$h(this, _Input_input, "f"));
8560
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
8498
8561
  else
8499
8562
  this.internals.setValidity(NO_ERROR_FLAGS);
8500
8563
  };
8501
8564
  this.select = () => {
8502
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8503
- __classPrivateFieldGet$h(this, _Input_input, "f").select();
8565
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8566
+ __classPrivateFieldGet$j(this, _Input_input, "f").select();
8504
8567
  };
8505
8568
  this.getSelectionDirection = () => {
8506
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8507
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection;
8569
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8570
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
8508
8571
  };
8509
8572
  this.getSelectionStart = () => {
8510
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8511
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart;
8573
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8574
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
8512
8575
  };
8513
8576
  this.getSelectionEnd = () => {
8514
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8515
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd;
8577
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8578
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
8516
8579
  };
8517
8580
  this.setRangeText = (replacement, start, end, selectionMode) => {
8518
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8519
- __classPrivateFieldGet$h(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8520
- if (this.value !== __classPrivateFieldGet$h(this, _Input_input, "f").value) {
8521
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8581
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8582
+ __classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8583
+ if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
8584
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8522
8585
  this.inputEmitter.emit();
8523
8586
  this.changeEmitter.emit();
8524
8587
  }
8525
8588
  };
8526
8589
  this.setSelectionRange = (start, end, direction) => {
8527
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8528
- __classPrivateFieldGet$h(this, _Input_input, "f").setSelectionRange(start, end, direction);
8590
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8591
+ __classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
8529
8592
  };
8530
8593
  this.stepDown = (n) => {
8531
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8532
- __classPrivateFieldGet$h(this, _Input_input, "f").stepDown(n);
8594
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8595
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
8533
8596
  };
8534
8597
  this.stepUp = (n) => {
8535
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8536
- __classPrivateFieldGet$h(this, _Input_input, "f").stepUp(n);
8598
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8599
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
8537
8600
  };
8538
8601
  this.showPicker = () => {
8539
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8540
- __classPrivateFieldGet$h(this, _Input_input, "f").showPicker();
8602
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8603
+ __classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
8541
8604
  };
8542
- _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$h(this, _Input_onClearableClick, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
8543
- _Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$h(this, _Input_onSearchClear, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
8544
- _Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_iconClickHandler_get), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
8545
- _Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$h(this, _Input_onSearch, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
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 })));
8546
8609
  _Input_togglePasswordVisibility.set(this, () => {
8547
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8610
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8548
8611
  this.isPasswordVisible = !this.isPasswordVisible;
8549
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8612
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8550
8613
  });
8551
8614
  _Input_ref.set(this, (input) => {
8552
8615
  __classPrivateFieldSet$f(this, _Input_input, input, "f");
8553
8616
  });
8554
8617
  _Input_getFiles.set(this, () => {
8555
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8556
- return __classPrivateFieldGet$h(this, _Input_input, "f").files;
8618
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8619
+ return __classPrivateFieldGet$j(this, _Input_input, "f").files;
8557
8620
  });
8558
8621
  _Input_onBlur.set(this, (event) => {
8559
8622
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8568,34 +8631,34 @@ class Input {
8568
8631
  this.changeEmitter.emit();
8569
8632
  });
8570
8633
  _Input_handleClear.set(this, () => {
8571
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8572
- __classPrivateFieldGet$h(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8573
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8574
- if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f"))
8575
- __classPrivateFieldGet$h(this, _Input_input, "f").focus();
8634
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8635
+ __classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8636
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8637
+ if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
8638
+ __classPrivateFieldGet$j(this, _Input_input, "f").focus();
8576
8639
  });
8577
8640
  _Input_onClearableClick.set(this, () => {
8578
- __classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
8641
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8579
8642
  });
8580
8643
  _Input_onSearchClear.set(this, () => {
8581
- __classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
8644
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8582
8645
  this.searchEmitter.emit();
8583
8646
  });
8584
8647
  _Input_onFocus.set(this, (event) => {
8585
8648
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8586
8649
  });
8587
8650
  _Input_onInput.set(this, (event) => {
8588
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8589
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8651
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8652
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8590
8653
  this.inputEmitter.emit(pickInputEventAttributes(event));
8591
8654
  });
8592
8655
  }
8593
8656
  onClick(event) {
8594
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8657
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8595
8658
  event.stopImmediatePropagation();
8596
8659
  }
8597
8660
  onKeydown(event) {
8598
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8661
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8599
8662
  event.stopImmediatePropagation();
8600
8663
  return;
8601
8664
  }
@@ -8608,36 +8671,40 @@ class Input {
8608
8671
  }
8609
8672
  }
8610
8673
  ariaLabelChanged(newValue) {
8611
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8612
- __classPrivateFieldGet$h(this, _Input_input, "f").ariaLabel =
8674
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8675
+ __classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
8613
8676
  newValue ??
8614
8677
  [...this.internals.labels]
8615
- .map((node) => node.textContent === ''
8616
- ? this.host.parentElement?.querySelector('qds-label')?.text
8617
- : node.textContent?.trim())
8678
+ .map((node) => {
8679
+ // eslint-disable-next-line unicorn/prefer-dom-node-text-content
8680
+ const text = node.innerText.trim();
8681
+ return text === ''
8682
+ ? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
8683
+ : text;
8684
+ })
8618
8685
  .join(' ');
8619
8686
  }
8620
8687
  statusChanged() {
8621
- this.internals.ariaInvalid = (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8688
+ this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8622
8689
  }
8623
8690
  disabledChanged() {
8624
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8691
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8625
8692
  // eslint-disable-next-line unicorn/no-null
8626
8693
  this.internals.setFormValue(null);
8627
8694
  else
8628
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8695
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8629
8696
  }
8630
8697
  selectionDirectionChanged() {
8631
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8632
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8698
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8699
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8633
8700
  }
8634
8701
  selectionEndChanged() {
8635
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8636
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8702
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8703
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8637
8704
  }
8638
8705
  selectionStartChanged() {
8639
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8640
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart = this.selectionStart;
8706
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8707
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
8641
8708
  }
8642
8709
  tabindexChanged(newValue) {
8643
8710
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8645,62 +8712,62 @@ class Input {
8645
8712
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
8646
8713
  }
8647
8714
  validationChanged() {
8648
- if (!__classPrivateFieldGet$h(this, _Input_input, "f"))
8715
+ if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
8649
8716
  return;
8650
- if (__classPrivateFieldGet$h(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8651
- __classPrivateFieldGet$h(this, _Input_input, "f").max = this.max.toString();
8717
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8718
+ __classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
8652
8719
  if (this.maxLength !== undefined)
8653
- __classPrivateFieldGet$h(this, _Input_input, "f").maxLength = this.maxLength;
8654
- if (__classPrivateFieldGet$h(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8655
- __classPrivateFieldGet$h(this, _Input_input, "f").min = this.min.toString();
8720
+ __classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
8721
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8722
+ __classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
8656
8723
  if (this.minLength !== undefined)
8657
- __classPrivateFieldGet$h(this, _Input_input, "f").minLength = this.minLength;
8724
+ __classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
8658
8725
  if (this.pattern !== undefined)
8659
- __classPrivateFieldGet$h(this, _Input_input, "f").pattern = this.pattern;
8660
- __classPrivateFieldGet$h(this, _Input_input, "f").required = this.required ?? false;
8661
- if (__classPrivateFieldGet$h(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8662
- __classPrivateFieldGet$h(this, _Input_input, "f").step = this.step.toString();
8663
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8664
- const { valid } = __classPrivateFieldGet$h(this, _Input_input, "f").validity;
8726
+ __classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
8727
+ __classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
8728
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8729
+ __classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
8730
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8731
+ const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
8665
8732
  if (valid)
8666
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$h(this, _Input_input, "f"));
8733
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
8667
8734
  else
8668
- this.internals.setValidity(__classPrivateFieldGet$h(this, _Input_input, "f").validity, __classPrivateFieldGet$h(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$h(this, _Input_input, "f"));
8735
+ this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
8669
8736
  }
8670
8737
  valueChanged() {
8671
- if (!__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8672
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8673
- if ((__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8738
+ if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8739
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8740
+ if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8674
8741
  this.type === 'file') {
8675
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8742
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8676
8743
  }
8677
8744
  }
8678
8745
  componentWillLoad() {
8679
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8680
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8681
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8682
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8683
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$h(this, _Input_getFiles, "f"));
8684
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8746
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8747
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8748
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8749
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8750
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
8751
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8685
8752
  __classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
8686
8753
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8687
8754
  this.statusChanged();
8688
8755
  }
8689
8756
  componentDidLoad() {
8690
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8757
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8691
8758
  this.ariaLabelChanged(this.host.ariaLabel);
8692
8759
  this.validationChanged();
8693
8760
  this.valueChanged();
8694
8761
  // FIXME: This event is supported by the native `<input>` element but not
8695
8762
  // recognized by Stencil's type definitions, so it needs to be manually
8696
8763
  // bound here.
8697
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8698
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8764
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8765
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8699
8766
  }
8700
8767
  disconnectedCallback() {
8701
- if (__classPrivateFieldGet$h(this, _Input_input, "f")) {
8702
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8703
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8768
+ if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
8769
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8770
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8704
8771
  }
8705
8772
  }
8706
8773
  render() {
@@ -8716,7 +8783,7 @@ class Input {
8716
8783
  const shouldShowSearchButton = isSearchType && this.noIcon === false;
8717
8784
  const shouldHideIcon = !isSearchType && this.noIcon === true;
8718
8785
  const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
8719
- return (hAsync("div", { key: '6e70a342a4fd8e02d8aa643899981afe811c001b', class: "qds-container" }, hAsync("input", { key: '3add3be0f05dc633ff22af9d27857eeef87236d7', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8786
+ return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8720
8787
  // eslint-disable-next-line jsx-a11y/no-autofocus
8721
8788
  autoFocus: this.host.autofocus, capture: this.capture, class: {
8722
8789
  'qds-search-padding': shouldRemoveSearchPadding,
@@ -8725,11 +8792,11 @@ class Input {
8725
8792
  'qds-padding': shouldHideIcon,
8726
8793
  'qds-password-padding': this.type === 'password' ||
8727
8794
  (this.isPasswordVisible && this.type === 'text'),
8728
- 'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get),
8729
- 'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
8730
- }, "data-status": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$h(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$h(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$h(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$h(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$h(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$h(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: 'fea60800a1a9efd39ad815e77adcaaeac1914a10', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'd61a0c44cd829b1acd4e3118ba9af6b57e2cf176', class: "qds-icon-container" }, __classPrivateFieldGet$h(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '49bf72935ef8d3bc3740b742f6cc71d51c30d662', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$h(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
8731
- __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
8732
- __classPrivateFieldGet$h(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$h(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$h(this, _Input_renderSearchButton, "f").call(this)))));
8795
+ 'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
8796
+ 'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
8797
+ }, "data-status": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$j(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$j(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$j(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$j(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$j(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$j(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '889c7b40cbd470dde63c581c28d5c18de1fbea79', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'eed30a3f52adda657e8e6c46afbfd22fd68be37f', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'bf2d80802037f3db6e647e85f9f62501b0cc6dc4', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
8798
+ __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
8799
+ __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$j(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$j(this, _Input_renderSearchButton, "f").call(this)))));
8733
8800
  }
8734
8801
  static get delegatesFocus() { return true; }
8735
8802
  static get formAssociated() { return true; }
@@ -8849,7 +8916,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8849
8916
  ['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
8850
8917
  }, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
8851
8918
  return this.type === 'password'
8852
- ? __classPrivateFieldGet$h(this, _Input_togglePasswordVisibility, "f")
8919
+ ? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
8853
8920
  : this.showPicker;
8854
8921
  }, _Input_computedType_get = function _Input_computedType_get() {
8855
8922
  return this.type === 'password' && this.isPasswordVisible
@@ -8864,8 +8931,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8864
8931
  }, _Input_defineGetter = function _Input_defineGetter(p, get) {
8865
8932
  Object.defineProperty(this.host, p, { enumerable: true, get });
8866
8933
  }, _Input_clearValue = function _Input_clearValue() {
8867
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8868
- __classPrivateFieldGet$h(this, _Input_input, "f").value = '';
8934
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8935
+ __classPrivateFieldGet$j(this, _Input_input, "f").value = '';
8869
8936
  };
8870
8937
 
8871
8938
  const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
@@ -8873,7 +8940,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
8873
8940
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8874
8941
  //
8875
8942
  // SPDX-License-Identifier: Apache-2.0
8876
- var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8943
+ var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8877
8944
  if (kind === "a" && !f)
8878
8945
  throw new TypeError("Private accessor was defined without a getter");
8879
8946
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8931,37 +8998,37 @@ class Label {
8931
8998
  _Label_tooltipRef.set(this, (tooltip) => {
8932
8999
  if (tooltip)
8933
9000
  // eslint-disable-next-line no-param-reassign
8934
- tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$g(this, _Label_label, "f");
9001
+ tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
8935
9002
  });
8936
9003
  }
8937
9004
  textChanged() {
8938
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8939
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
8940
- if (!__classPrivateFieldGet$g(this, _Label_span, "f"))
9005
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9006
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
9007
+ if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
8941
9008
  return;
8942
- const span = __classPrivateFieldGet$g(this, _Label_span, "f");
9009
+ const span = __classPrivateFieldGet$i(this, _Label_span, "f");
8943
9010
  readTask(() => {
8944
9011
  this.tooltip = isEllipsisActive(span);
8945
9012
  });
8946
9013
  __classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
8947
9014
  this.tooltip = isEllipsisActive(spanEntry.target);
8948
9015
  }), "f");
8949
- __classPrivateFieldGet$g(this, _Label_ro, "f").observe(__classPrivateFieldGet$g(this, _Label_span, "f"));
9016
+ __classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
8950
9017
  }
8951
9018
  componentDidLoad() {
8952
9019
  this.textChanged();
8953
9020
  }
8954
9021
  disconnectedCallback() {
8955
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8956
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
9022
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9023
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
8957
9024
  }
8958
9025
  render() {
8959
- return (hAsync("span", { key: '9a45ac712eed524ea4d87837685f6eeb181be38c', class: {
9026
+ return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
8960
9027
  'qds-inline': this.inline,
8961
9028
  'qds-label': true,
8962
- }, "data-size": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$g(this, _Label_labelRef, "f"),
9029
+ }, "data-size": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$i(this, _Label_labelRef, "f"),
8963
9030
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
8964
- tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '30fc4189432271cca78ccc4516d495244bf3a0fb', class: "qds-required" }, "*"), hAsync("span", { key: '0d7f97d2cf2b149d4941aff613e77799a494a86c', class: "qds-text", ref: __classPrivateFieldGet$g(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '7cd2b48f3afa11c57fabeb9083cf55051c8170db', "aria-hidden": "true", ref: __classPrivateFieldGet$g(this, _Label_tooltipRef, "f") }, this.text))));
9031
+ tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3155ac878f2a19da19bcd7deb7bca5f6b1ea7bd2', class: "qds-required" }, "*"), hAsync("span", { key: '98d1af5518e7966879b2b66eafb9e40c1eccbb42', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '9688a0b4965659c2232b48e10c263fd272ed7a06', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
8965
9032
  }
8966
9033
  static get watchers() { return {
8967
9034
  "text": ["textChanged"]
@@ -9007,12 +9074,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
9007
9074
  }
9008
9075
  };
9009
9076
 
9010
- const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:has(input:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
9077
+ const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-texts:focus-visible{border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
9011
9078
 
9012
9079
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9013
9080
  //
9014
9081
  // SPDX-License-Identifier: Apache-2.0
9015
- var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9082
+ var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9016
9083
  if (kind === "a" && !f)
9017
9084
  throw new TypeError("Private accessor was defined without a getter");
9018
9085
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9089,14 +9156,14 @@ class ListItem {
9089
9156
  });
9090
9157
  _ListItem_onCheck.set(this, (event) => {
9091
9158
  event.stopImmediatePropagation();
9092
- this.selected = __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9159
+ this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9093
9160
  this.changeEmitter.emit();
9094
9161
  this.indeterminate = false;
9095
9162
  });
9096
9163
  _ListItem_onSelect.set(this, (event) => {
9097
9164
  event.stopImmediatePropagation();
9098
- if (!__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9099
- this.selected = !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9165
+ if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9166
+ this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9100
9167
  this.changeEmitter.emit();
9101
9168
  }
9102
9169
  });
@@ -9115,7 +9182,7 @@ class ListItem {
9115
9182
  if (iconButton) {
9116
9183
  __classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
9117
9184
  }
9118
- return __classPrivateFieldGet$f(this, _ListItem_iconButton, "f");
9185
+ return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
9119
9186
  });
9120
9187
  _ListItem_onSlotChange.set(this, (event) => {
9121
9188
  invariant(event.target instanceof HTMLSlotElement);
@@ -9134,13 +9201,13 @@ class ListItem {
9134
9201
  event.stopImmediatePropagation();
9135
9202
  return;
9136
9203
  }
9137
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9138
- invariant(__classPrivateFieldGet$f(this, _ListItem_checkbox, "f"));
9139
- __classPrivateFieldGet$f(this, _ListItem_onCheck, "f").call(this, event);
9204
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9205
+ invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
9206
+ __classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
9140
9207
  }
9141
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9142
- invariant(__classPrivateFieldGet$f(this, _ListItem_radio, "f"));
9143
- __classPrivateFieldGet$f(this, _ListItem_onSelect, "f").call(this, event);
9208
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9209
+ invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
9210
+ __classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
9144
9211
  }
9145
9212
  // Always prevent default behavior to avoid the internal `<input>`
9146
9213
  // to toggle `checked` state inappropriately.
@@ -9172,39 +9239,39 @@ class ListItem {
9172
9239
  listActionChanged(newValue) {
9173
9240
  this.internals.ariaChecked =
9174
9241
  (newValue === 'radio' || newValue === 'multiselect') &&
9175
- __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9242
+ __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9176
9243
  ? 'true'
9177
9244
  : 'false';
9178
9245
  }
9179
9246
  textChanged() {
9180
- if (__classPrivateFieldGet$f(this, _ListItem_roText, "f"))
9181
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").disconnect();
9182
- if (!__classPrivateFieldGet$f(this, _ListItem_text, "f") || !this.text)
9247
+ if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
9248
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
9249
+ if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
9183
9250
  return;
9184
- invariant(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9185
- const div = __classPrivateFieldGet$f(this, _ListItem_text, "f");
9251
+ invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9252
+ const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
9186
9253
  readTask(() => {
9187
9254
  this.textTooltip = isEllipsisActive(div);
9188
9255
  });
9189
9256
  __classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
9190
9257
  this.textTooltip = isEllipsisActive(divEntry.target);
9191
9258
  }), "f");
9192
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9259
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9193
9260
  }
9194
9261
  subtitleChanged() {
9195
- if (__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f"))
9196
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").disconnect();
9197
- if (!__classPrivateFieldGet$f(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9262
+ if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
9263
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
9264
+ if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9198
9265
  return;
9199
- invariant(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9200
- const div = __classPrivateFieldGet$f(this, _ListItem_subtitle, "f");
9266
+ invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9267
+ const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
9201
9268
  readTask(() => {
9202
9269
  this.subtitleTooltip = isEllipsisActive(div);
9203
9270
  });
9204
9271
  __classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
9205
9272
  this.subtitleTooltip = isEllipsisActive(divEntry.target);
9206
9273
  }), "f");
9207
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9274
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9208
9275
  }
9209
9276
  componentWillLoad() {
9210
9277
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9230,16 +9297,18 @@ class ListItem {
9230
9297
  this.subtitleChanged();
9231
9298
  }
9232
9299
  render() {
9233
- return (hAsync(Host, { key: '803593358a6509e04fe10b525c49046507bd98fc' }, hAsync("div", { key: '1e9280c3aaa8df47c632917a63a9687a03e7f088', class: {
9300
+ return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
9234
9301
  'qds-list-item': true,
9235
- 'qds-has-submenu': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9302
+ 'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9236
9303
  'qds-disabled': this.disabled,
9237
- 'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9238
- 'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9239
- }, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '17e07c813d187b15a57a90ee74becc5542a43e95', class: {
9304
+ 'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9305
+ 'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9306
+ }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
9240
9307
  'qds-indented-content': true,
9241
- 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9242
- } }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '41b2754a41b9951b0dabe336859769a26548400a', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$f(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: '5ea68ccec051bbde4ba9730db2ec24112cbf04c7', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$f(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'b45194d779ff4b117baa97e51c1e33d5884e2bdd', "aria-hidden": "true", class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: 'a95f3ddcd6a72db5607134caf7c7f00452bcd63d', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66da0b7170ccee1eb7c5adb9c21bb150cac651f8', "aria-hidden": "true", class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '1418e8bd4497ae255522378f2065c67ee8afc3c7', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '6b04b051449339bdb6e24a47c2638c27d5393536', class: "qds-texts", role: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 0 : undefined, onFocus: __classPrivateFieldGet$f(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$f(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '03a60339943557c9227ccf3ee53472c3cac8f05d', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '8b9ee0e0e03706fd1cbe1d383d9a6ff6dcd64ff1', class: "qds-title", ref: __classPrivateFieldGet$f(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '8bc75a99861db70c6760007dc78b5f796690d91b', class: "qds-subtitle", ref: __classPrivateFieldGet$f(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '20f17a6e0dcd11c6b2237ca386403924a35a7d65', size: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '02d6dadfe251b2e1d35b2eb85b8932b209aaf3f5', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: 'd72407043e1c8cba676beecea6b670b247794ca4', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'cbd0ffcf43042cca1f1d5d9a23863a90435389dd', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: '4e032125ba8172ae70fa8772c6ed204fc8fbf661', onSlotchange: __classPrivateFieldGet$f(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '9945a285d94a2e0a8698d849a279fae6c27f7a31' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '14a42f4b905ad4f62be170b019b5c0b0ba232ac2', "aria-hidden": "true", ref: __classPrivateFieldGet$f(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '282ef968c93d24c424f7b0dfd40c907caf777952', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '325acee90130720b2d1e26f6a4e5e407a13902b8', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'ae3bb2c7778dc406f11a8f252901e568f94c844a', class: "qds-tooltip-subtitle" }, this.subtitle))))));
9308
+ 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9309
+ } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
9310
+ ? 0
9311
+ : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '8772f76f5b815cf2416d330127ebf84cc2033cf2', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'a43fc24b55eccf93f250540346f6495dad9c3b4b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: '78d7411d2b3297a2c2166b5cfafc8ec3fc8d7857', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: 'aad3d9a40005d34c0796af12c0a8f0d6b6d1a0c1' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '41d102a47192763abaff3a04c208ac66eb70d899', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '03744a30496c35426909b265f641ca6ac8d40a7c', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: 'c8ac27f7bdf5235ed2fcee5e570b8623158919df', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: '10f38255ce09df8919d726726ed5f71f80c2cf4a', class: "qds-tooltip-subtitle" }, this.subtitle))))));
9243
9312
  }
9244
9313
  get host() { return getElement(this); }
9245
9314
  static get watchers() { return {
@@ -9318,12 +9387,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
9318
9387
  return this.hasSubmenuSlot;
9319
9388
  };
9320
9389
 
9321
- 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)}";
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: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)}";
9322
9391
 
9323
9392
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9324
9393
  //
9325
9394
  // SPDX-License-Identifier: Apache-2.0
9326
- var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9395
+ var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9327
9396
  if (kind === "a" && !f)
9328
9397
  throw new TypeError("Private accessor was defined without a getter");
9329
9398
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9358,7 +9427,7 @@ class Loader {
9358
9427
  this.importance = 'standard';
9359
9428
  }
9360
9429
  statusChanged() {
9361
- const status = __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get);
9430
+ const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
9362
9431
  this.internals.ariaValueNow =
9363
9432
  status === undefined
9364
9433
  ? // eslint-disable-next-line unicorn/no-null
@@ -9386,11 +9455,11 @@ class Loader {
9386
9455
  this.internals.role = 'progressbar';
9387
9456
  this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
9388
9457
  this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
9389
- __classPrivateFieldGet$e(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9458
+ __classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9390
9459
  this.statusChanged();
9391
9460
  }
9392
9461
  render() {
9393
- return __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
9462
+ return __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
9394
9463
  }
9395
9464
  static get formAssociated() { return true; }
9396
9465
  get host() { return getElement(this); }
@@ -9456,7 +9525,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
9456
9525
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9457
9526
  //
9458
9527
  // SPDX-License-Identifier: Apache-2.0
9459
- var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9528
+ var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9460
9529
  if (kind === "a" && !f)
9461
9530
  throw new TypeError("Private accessor was defined without a getter");
9462
9531
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9514,7 +9583,7 @@ class MenuItem {
9514
9583
  if (menuItem) {
9515
9584
  __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
9516
9585
  }
9517
- return __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9586
+ return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9518
9587
  });
9519
9588
  _MenuItem_spanRef.set(this, (span) => {
9520
9589
  __classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
@@ -9522,7 +9591,7 @@ class MenuItem {
9522
9591
  _MenuItem_tooltipRef.set(this, (tooltip) => {
9523
9592
  if (tooltip)
9524
9593
  // eslint-disable-next-line no-param-reassign
9525
- tooltip.target = __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9594
+ tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9526
9595
  });
9527
9596
  }
9528
9597
  onBlur(event) {
@@ -9532,32 +9601,32 @@ class MenuItem {
9532
9601
  this.focusEmitter.emit(pickFocusEventAttributes(event));
9533
9602
  }
9534
9603
  onClick(event) {
9535
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9604
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9536
9605
  event.stopImmediatePropagation();
9537
9606
  return;
9538
9607
  }
9539
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9540
- this.checked = !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9608
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9609
+ this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9541
9610
  this.selectEmitter.emit();
9542
9611
  }
9543
9612
  }
9544
9613
  disabledChanged() {
9545
- this.internals.ariaDisabled = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9614
+ this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9546
9615
  }
9547
9616
  checkedChanged() {
9548
- this.internals.ariaChecked = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9617
+ this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9549
9618
  }
9550
9619
  componentDidLoad() {
9551
9620
  this.checkedChanged();
9552
- invariant(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9553
- const span = __classPrivateFieldGet$d(this, _MenuItem_span, "f");
9621
+ invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9622
+ const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
9554
9623
  readTask(() => {
9555
9624
  this.tooltip = isEllipsisActive(span);
9556
9625
  });
9557
9626
  __classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
9558
9627
  this.tooltip = isEllipsisActive(spanEntry.target);
9559
9628
  }), "f");
9560
- __classPrivateFieldGet$d(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9629
+ __classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9561
9630
  }
9562
9631
  componentWillLoad() {
9563
9632
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9566,11 +9635,11 @@ class MenuItem {
9566
9635
  this.disabledChanged();
9567
9636
  }
9568
9637
  render() {
9569
- return (hAsync("div", { key: 'fe9c905dc3232dcc7aff3c11989708418933cc2e', class: {
9638
+ return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
9570
9639
  'qds-menu-item': true,
9571
- 'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9572
- 'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9573
- }, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'facde0ba3177e95aea0b93af7f21073ff2cd8094', class: "qds-menu-item-container" }, __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '110ec6c5050fba47f94b4d7e300a93d31d890feb', class: "menu-item-checkable" })), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '578d2bec12c10fe7055ddefdac43cf466a9c3bb5', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '25b937d83d0337f0f7938f85436dfcf4694e330d', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'f6078d0567035d59b4e874a857665e6c17f795d9', class: "qds-text", ref: __classPrivateFieldGet$d(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: 'cc7803584b35cc9c596e17504acb74c19df4a559', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'f122617959813d4b34265ac06fd04ad4bd85d6a3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '4d3b287da7077769324d8bf121bee88d05dfc4c3', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: '26bf5f8470dcf823bdc4d2faa9ecae16acb8b420' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'd61af3444249c927fe17fa9f09141de8070cdea3', ref: __classPrivateFieldGet$d(this, _MenuItem_tooltipRef, "f") }, this.text))));
9640
+ 'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9641
+ 'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9642
+ }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
9574
9643
  }
9575
9644
  get host() { return getElement(this); }
9576
9645
  static get watchers() { return {
@@ -9612,21 +9681,21 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
9612
9681
  }, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
9613
9682
  return this.type ?? undefined;
9614
9683
  }, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
9615
- return __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9684
+ return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9616
9685
  }, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
9617
- return ((__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9686
+ return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9618
9687
  }, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
9619
9688
  return this.disabled ?? false;
9620
9689
  }, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
9621
9690
  return this.hasSubmenuSlot;
9622
9691
  };
9623
9692
 
9624
- 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}";
9693
+ 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}";
9625
9694
 
9626
9695
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9627
9696
  //
9628
9697
  // SPDX-License-Identifier: Apache-2.0
9629
- var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9698
+ var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9630
9699
  if (kind === "a" && !f)
9631
9700
  throw new TypeError("Private accessor was defined without a getter");
9632
9701
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9675,11 +9744,11 @@ class MiniButton {
9675
9744
  _MiniButton_savedTabIndex.set(this, 0);
9676
9745
  }
9677
9746
  disabledChanged() {
9678
- this.internals.ariaDisabled = __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9679
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9747
+ this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9748
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9680
9749
  this.host.removeAttribute('tabindex');
9681
9750
  else
9682
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9751
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9683
9752
  }
9684
9753
  hrefChanged() {
9685
9754
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -9691,16 +9760,16 @@ class MiniButton {
9691
9760
  ? 0
9692
9761
  : parsedValue, "f");
9693
9762
  }
9694
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9763
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9695
9764
  this.host.removeAttribute('tabindex');
9696
9765
  else
9697
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9766
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9698
9767
  }
9699
9768
  textChanged() {
9700
9769
  this.internals.ariaLabel = this.text;
9701
9770
  }
9702
9771
  onClick(event) {
9703
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9772
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9704
9773
  event.stopImmediatePropagation();
9705
9774
  }
9706
9775
  }
@@ -9726,7 +9795,7 @@ class MiniButton {
9726
9795
  }
9727
9796
  render() {
9728
9797
  const Tag = this.href === undefined ? 'button' : 'a';
9729
- return (hAsync(Tag, { key: '3aa9f2bcc195f87e4e3a529eb2bac1079f58f523', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'aecc513ae5bd03f88ad7a1e5a0cb45fae43ab40f', class: "qds-icon", library: this.library, name: this.name })));
9798
+ return (hAsync(Tag, { key: '5ccabdd242da1682c5be8e868f1e361b45d0c708', 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: '86e9e8fd746952beac25b4b7f0fda237387f2125', class: "qds-icon", library: this.library, name: this.name })));
9730
9799
  }
9731
9800
  static get formAssociated() { return true; }
9732
9801
  get host() { return getElement(this); }
@@ -9755,12 +9824,10 @@ class MiniButton {
9755
9824
  }; }
9756
9825
  }
9757
9826
  _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
9758
- return (this.host.matches(':disabled') ||
9759
- (this.host.hasAttribute('disabled') &&
9760
- this.host.getAttribute('disabled') !== 'false'));
9827
+ return this.disabled ?? false;
9761
9828
  };
9762
9829
 
9763
- 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)}";
9830
+ const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation: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)}";
9764
9831
 
9765
9832
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9766
9833
  //
@@ -9774,7 +9841,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
9774
9841
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
9775
9842
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
9776
9843
  };
9777
- var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9844
+ var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9778
9845
  if (kind === "a" && !f)
9779
9846
  throw new TypeError("Private accessor was defined without a getter");
9780
9847
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9830,8 +9897,8 @@ class ProgressBar {
9830
9897
  maxChanged() {
9831
9898
  const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
9832
9899
  __classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
9833
- this.internals.ariaValueMax = __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f").toString();
9834
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9900
+ this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
9901
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9835
9902
  }
9836
9903
  valueChanged() {
9837
9904
  const value = typeof this.value === 'string'
@@ -9840,21 +9907,21 @@ class ProgressBar {
9840
9907
  __classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
9841
9908
  this.internals.ariaValueNow =
9842
9909
  // eslint-disable-next-line unicorn/no-null
9843
- this.value === undefined ? null : __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f").toString();
9844
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9910
+ this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
9911
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9845
9912
  }
9846
9913
  componentWillLoad() {
9847
9914
  this.internals.role = 'progressbar';
9848
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9849
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$b(this, _ProgressBar_position, "f"));
9915
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9916
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
9850
9917
  this.maxChanged();
9851
9918
  this.valueChanged();
9852
9919
  }
9853
9920
  render() {
9854
- return (hAsync("div", { key: '86d72369e0342009d6b899033ab93c31f58e6218', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: 'b246c0a10e3fb2e019b810d8485e11fadbe2f0e8', class: {
9921
+ return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
9855
9922
  'qds-bar': true,
9856
- 'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
9857
- }, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9923
+ 'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
9924
+ }, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9858
9925
  }
9859
9926
  static get formAssociated() { return true; }
9860
9927
  get host() { return getElement(this); }
@@ -9895,8 +9962,8 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
9895
9962
  this.width = '50%';
9896
9963
  return;
9897
9964
  }
9898
- __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f"), "f");
9899
- this.width = `${Math.min(__classPrivateFieldGet$b(this, _ProgressBar_position, "f") * 100, 100)}%`;
9965
+ __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
9966
+ this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
9900
9967
  }, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
9901
9968
  Object.defineProperty(this.host, p, { enumerable: true, get });
9902
9969
  };
@@ -9906,7 +9973,7 @@ const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:
9906
9973
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9907
9974
  //
9908
9975
  // SPDX-License-Identifier: Apache-2.0
9909
- var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9976
+ var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9910
9977
  if (kind === "a" && !f)
9911
9978
  throw new TypeError("Private accessor was defined without a getter");
9912
9979
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9965,29 +10032,29 @@ class QdsBreadcrumbItem {
9965
10032
  _QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
9966
10033
  if (tooltip)
9967
10034
  // eslint-disable-next-line no-param-reassign
9968
- tooltip.target = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
10035
+ tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
9969
10036
  });
9970
10037
  }
9971
10038
  onClick(event) {
9972
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
10039
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
9973
10040
  event.stopImmediatePropagation();
9974
10041
  }
9975
10042
  disabledChanged() {
9976
10043
  this.internals.ariaDisabled = this.disabled.toString();
9977
10044
  }
9978
10045
  textChanged() {
9979
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
9980
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
9981
- if (!__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"))
10046
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10047
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10048
+ if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
9982
10049
  return;
9983
- const span = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f");
10050
+ const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
9984
10051
  readTask(() => {
9985
10052
  this.tooltip = isEllipsisActive(span);
9986
10053
  });
9987
10054
  __classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
9988
10055
  this.tooltip = isEllipsisActive(spanEntry.target);
9989
10056
  }), "f");
9990
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"));
10057
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
9991
10058
  }
9992
10059
  componentWillLoad() {
9993
10060
  this.internals.role = 'listitem';
@@ -9997,16 +10064,16 @@ class QdsBreadcrumbItem {
9997
10064
  this.textChanged();
9998
10065
  }
9999
10066
  disconnectedCallback() {
10000
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
10001
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10067
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10068
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10002
10069
  }
10003
10070
  render() {
10004
10071
  return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
10005
10072
  'qds-breadcrumb-item': true,
10006
- 'qds-disabled': __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
10007
- }, ref: this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '148c315f31e52b9766689d8f0bed862cf1d96e28', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
10008
- ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
10009
- : __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: 'b17a3515b3f6c786bfdd16f4e01e951c477c1c66', "aria-hidden": "true", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
10073
+ 'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
10074
+ }, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '9126433ac3532b3716d5821568d65a74b45c7145', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
10075
+ ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
10076
+ : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '8db1c84dea739706bb39ebbfe3824b4adbe2765c', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
10010
10077
  }
10011
10078
  static get delegatesFocus() { return true; }
10012
10079
  static get watchers() { return {
@@ -10041,17 +10108,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
10041
10108
  return false;
10042
10109
  return isCurrentPage(this.href);
10043
10110
  }, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
10044
- return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, hAsync("a", { class: "qds-anchor", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
10111
+ return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, hAsync("a", { class: "qds-anchor", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
10045
10112
  }, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
10046
- return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10113
+ return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10047
10114
  };
10048
10115
 
10049
- const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:i;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"i\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{flex:1 1 auto;min-width:0;width:100%}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small].sc-qds-radio{--qds-form-small-text:var(--qds-control-small-text)}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-small-icon-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=standard].sc-qds-radio{--qds-form-standard-text:var(--qds-control-standard-text)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=large].sc-qds-radio{--qds-form-large-text:var(--qds-control-large-text)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
10116
+ const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:f;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"f\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
10050
10117
 
10051
10118
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10052
10119
  //
10053
10120
  // SPDX-License-Identifier: Apache-2.0
10054
- var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10121
+ var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10055
10122
  if (kind === "a" && !f)
10056
10123
  throw new TypeError("Private accessor was defined without a getter");
10057
10124
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10067,7 +10134,7 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
10067
10134
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10068
10135
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10069
10136
  };
10070
- var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onChange, _Radio_onFocus;
10137
+ var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_ro, _Radio_span, _Radio_tooltip, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onFocus, _Radio_spanRef, _Radio_tooltipRef, _Radio_onChange;
10071
10138
  /**
10072
10139
  * `<qds-radio>` elements are rendered as circles that are filled when
10073
10140
  * selected. They are generally used in **radio groups** — collections of radio
@@ -10096,51 +10163,91 @@ class Radio {
10096
10163
  * The radio button's size.
10097
10164
  */
10098
10165
  this.size = 'standard';
10166
+ this.tooltip = false;
10099
10167
  _Radio_inheritedAttributes.set(this, {});
10100
10168
  _Radio_input.set(this, void 0);
10169
+ _Radio_ro.set(this, void 0);
10170
+ _Radio_span.set(this, void 0);
10171
+ _Radio_tooltip.set(this, void 0);
10101
10172
  _Radio_ref.set(this, (input) => {
10102
10173
  __classPrivateFieldSet$8(this, _Radio_input, input, "f");
10103
10174
  });
10104
10175
  _Radio_onBlur.set(this, (event) => {
10105
10176
  this.blurEmitter.emit(pickFocusEventAttributes(event));
10106
- });
10107
- _Radio_onChange.set(this, () => {
10108
- this.changeEmitter.emit();
10177
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10178
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
10109
10179
  });
10110
10180
  _Radio_onFocus.set(this, (event) => {
10111
10181
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10182
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10183
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
10184
+ });
10185
+ _Radio_spanRef.set(this, (span) => {
10186
+ __classPrivateFieldSet$8(this, _Radio_span, span, "f");
10187
+ });
10188
+ _Radio_tooltipRef.set(this, (tooltip) => {
10189
+ if (tooltip) {
10190
+ // eslint-disable-next-line no-param-reassign
10191
+ tooltip.target = this.host;
10192
+ __classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
10193
+ }
10194
+ });
10195
+ _Radio_onChange.set(this, () => {
10196
+ this.changeEmitter.emit();
10112
10197
  });
10113
10198
  }
10114
10199
  onClick(event) {
10115
- if (__classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10200
+ if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10116
10201
  event.stopImmediatePropagation();
10117
10202
  return;
10118
10203
  }
10119
- invariant(__classPrivateFieldGet$9(this, _Radio_input, "f"));
10120
- this.checked = __classPrivateFieldGet$9(this, _Radio_input, "f").checked;
10204
+ invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
10205
+ this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
10121
10206
  }
10122
10207
  tabindexChanged(newValue) {
10123
10208
  const parsedValue = Number.parseInt(newValue, 10);
10124
10209
  this.tabIndex =
10125
10210
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10126
10211
  }
10212
+ textChanged() {
10213
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10214
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10215
+ if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
10216
+ return;
10217
+ const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
10218
+ readTask(() => {
10219
+ this.tooltip = isEllipsisActive(span);
10220
+ });
10221
+ __classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
10222
+ this.tooltip = isEllipsisActive(spanEntry.target);
10223
+ }), "f");
10224
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
10225
+ }
10127
10226
  componentWillLoad() {
10128
10227
  __classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10129
10228
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10130
10229
  }
10230
+ componentDidLoad() {
10231
+ this.textChanged();
10232
+ }
10233
+ disconnectedCallback() {
10234
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10235
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10236
+ }
10131
10237
  render() {
10132
10238
  return (
10133
10239
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
10134
- hAsync("label", { key: 'd0c73be3ff0a081eb00a0857c8d4c44757b6db2b', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10240
+ hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10135
10241
  'qds-inline': this.inline,
10136
10242
  'qds-label': true,
10137
- }, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '1018adbd92399c84791fed4bd449220431f8525f', class: "qds-container" }, hAsync("input", { key: 'f7d1a5bdaf8cc9689b7b4d2257cb360377d8a4b6',
10243
+ }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
10138
10244
  // eslint-disable-next-line jsx-a11y/no-autofocus
10139
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '5d216956b9bc9a9d673f79ef81302f8a085a4f01', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '023e5f403ff3299ff37153eb7ee96941f485b308', class: "qds-label-inner", size: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
10245
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '668a2d22e68b6f1d49cb5b9798b99dbd6d5a05a5', class: "qds-icon", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("span", { key: 'f1205a0e975d4e59a907239a0371fe8864e5adfd', class: "qds-label-inner", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet$b(this, _Radio_spanRef, "f") }, this.required === true && hAsync("span", { key: '77c767cab283f45e4f5d4d23caab06ddd200c214', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '905dbef82ca3a3803e536bceca43c1bee35eb195', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
10140
10246
  }
10141
10247
  get host() { return getElement(this); }
10142
10248
  static get watchers() { return {
10143
- "tabindex": ["tabindexChanged"]
10249
+ "tabindex": ["tabindexChanged"],
10250
+ "text": ["textChanged"]
10144
10251
  }; }
10145
10252
  static get style() { return radioCss; }
10146
10253
  static get cmpMeta() { return {
@@ -10156,14 +10263,15 @@ class Radio {
10156
10263
  "name": [1],
10157
10264
  "required": [4],
10158
10265
  "value": [1032],
10159
- "tabIndex": [32]
10266
+ "tabIndex": [32],
10267
+ "tooltip": [32]
10160
10268
  },
10161
10269
  "$listeners$": [[0, "click", "onClick"]],
10162
10270
  "$lazyBundleId$": "-",
10163
10271
  "$attrsToReflect$": []
10164
10272
  }; }
10165
10273
  }
10166
- _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
10274
+ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ro = new WeakMap(), _Radio_span = new WeakMap(), _Radio_tooltip = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_spanRef = new WeakMap(), _Radio_tooltipRef = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
10167
10275
  return this.disabled ?? false;
10168
10276
  }, _Radio_computedSize_get = function _Radio_computedSize_get() {
10169
10277
  switch (this.size) {
@@ -10180,12 +10288,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
10180
10288
  return this.text !== undefined && this.text !== '';
10181
10289
  };
10182
10290
 
10183
- 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-placeholder);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-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);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-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-control-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-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
10291
+ const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"b\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:b}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:b;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
10184
10292
 
10185
10293
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10186
10294
  //
10187
10295
  // SPDX-License-Identifier: Apache-2.0
10188
- var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10296
+ var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10189
10297
  if (kind === "a" && !f)
10190
10298
  throw new TypeError("Private accessor was defined without a getter");
10191
10299
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10349,28 +10457,28 @@ class Select {
10349
10457
  this.checkValidity = () => this.internals.checkValidity();
10350
10458
  this.reportValidity = () => this.internals.reportValidity();
10351
10459
  this.setCustomValidity = (error) => {
10352
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10353
- __classPrivateFieldGet$8(this, _Select_select, "f").setCustomValidity(error);
10460
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10461
+ __classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
10354
10462
  if (error)
10355
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$8(this, _Select_select, "f"));
10463
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
10356
10464
  else
10357
10465
  this.internals.setValidity(NO_ERROR_FLAGS);
10358
10466
  };
10359
10467
  this.addItem = (element, before) => {
10360
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10361
- __classPrivateFieldGet$8(this, _Select_select, "f").add(element, before);
10468
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10469
+ __classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
10362
10470
  };
10363
10471
  this.removeItem = (index) => {
10364
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10365
- __classPrivateFieldGet$8(this, _Select_select, "f").remove(index);
10472
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10473
+ __classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
10366
10474
  };
10367
10475
  this.item = (index) => {
10368
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10369
- return __classPrivateFieldGet$8(this, _Select_select, "f").item(index);
10476
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10477
+ return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
10370
10478
  };
10371
10479
  this.namedItem = (name) => {
10372
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10373
- return __classPrivateFieldGet$8(this, _Select_select, "f").namedItem(name);
10480
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10481
+ return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
10374
10482
  };
10375
10483
  _Select_ref.set(this, (select) => {
10376
10484
  __classPrivateFieldSet$7(this, _Select_select, select, "f");
@@ -10385,31 +10493,31 @@ class Select {
10385
10493
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10386
10494
  });
10387
10495
  _Select_onInput.set(this, (event) => {
10388
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10389
- this.value = __classPrivateFieldGet$8(this, _Select_select, "f").value;
10496
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10497
+ this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
10390
10498
  this.inputEmitter.emit(pickInputEventAttributes(event));
10391
10499
  });
10392
10500
  _Select_onSlotchange.set(this, (event) => {
10393
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10501
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10394
10502
  const { currentTarget } = event;
10395
10503
  invariant(currentTarget instanceof HTMLSlotElement);
10396
- __classPrivateFieldGet$8(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10504
+ __classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10397
10505
  });
10398
10506
  }
10399
10507
  onClick(event) {
10400
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10508
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10401
10509
  event.stopImmediatePropagation();
10402
10510
  }
10403
10511
  disabledChanged() {
10404
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10512
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10405
10513
  // eslint-disable-next-line unicorn/no-null
10406
10514
  this.internals.setFormValue(null);
10407
10515
  else
10408
- this.internals.setFormValue(__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get));
10516
+ this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
10409
10517
  }
10410
10518
  selectedIndexChanged() {
10411
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10412
- __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10519
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10520
+ __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10413
10521
  }
10414
10522
  tabindexChanged(newValue) {
10415
10523
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10417,43 +10525,43 @@ class Select {
10417
10525
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10418
10526
  }
10419
10527
  validationChanged() {
10420
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10421
- __classPrivateFieldGet$8(this, _Select_select, "f").value = __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get);
10422
- __classPrivateFieldGet$8(this, _Select_select, "f").required = this.required ?? false;
10423
- const { valid } = __classPrivateFieldGet$8(this, _Select_select, "f").validity;
10528
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10529
+ __classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
10530
+ __classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
10531
+ const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
10424
10532
  if (valid)
10425
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$8(this, _Select_select, "f"));
10533
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
10426
10534
  else
10427
- this.internals.setValidity(__classPrivateFieldGet$8(this, _Select_select, "f").validity, __classPrivateFieldGet$8(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$8(this, _Select_select, "f"));
10535
+ this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
10428
10536
  }
10429
10537
  statusChanged() {
10430
- this.internals.ariaInvalid = (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
10538
+ this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
10431
10539
  }
10432
10540
  componentWillLoad() {
10433
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10434
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10435
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10436
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10437
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedType_get));
10438
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get));
10439
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get).length);
10440
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10541
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10542
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10543
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10544
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10545
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
10546
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
10547
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
10548
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10441
10549
  __classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10442
10550
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10443
10551
  this.statusChanged();
10444
10552
  }
10445
10553
  componentDidLoad() {
10446
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10554
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10447
10555
  this.validationChanged();
10448
- this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
10556
+ this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
10449
10557
  }
10450
10558
  render() {
10451
- return (hAsync("div", { key: '4e54c80117271921cdf5eeaa8498f91467b514f5', class: {
10559
+ return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
10452
10560
  'qds-container': true,
10453
10561
  'qds-multiple': this.multiple ?? false,
10454
- }, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '239e13dcdd0dec5f835005d80417b546cb41b181', autoComplete: this.autoComplete,
10562
+ }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
10455
10563
  // eslint-disable-next-line jsx-a11y/no-autofocus
10456
- autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '4d3e255a814e9d5ba41e125d33f918d24f446438', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: '1bbdca184b14af7b56ca0f0b484455e310ada1b9', onSlotchange: __classPrivateFieldGet$8(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'e79fbfb62d6b4420a009180df83e911b575b321f', class: "qds-focus-ring" })));
10564
+ autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$a(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$a(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$a(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$a(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$a(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$a(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: 'aa8e1e662d3fbe6763c15db02a7461cb5fc8b427', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'b72253181babf15b30131d300e531a412cb23623', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'b7302af05bf0d6169ab86cca521b3a208fc39e9f', class: "qds-focus-ring" })));
10457
10565
  }
10458
10566
  static get delegatesFocus() { return true; }
10459
10567
  static get formAssociated() { return true; }
@@ -10499,8 +10607,8 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10499
10607
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
10500
10608
  this.host.getAttribute('disabled') !== 'false');
10501
10609
  }, _Select_computedOptions_get = function _Select_computedOptions_get() {
10502
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10503
- return __classPrivateFieldGet$8(this, _Select_select, "f").options;
10610
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10611
+ return __classPrivateFieldGet$a(this, _Select_select, "f").options;
10504
10612
  }, _Select_computedStatus_get = function _Select_computedStatus_get() {
10505
10613
  switch (this.status) {
10506
10614
  case 'error':
@@ -10524,23 +10632,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10524
10632
  }
10525
10633
  }
10526
10634
  }, _Select_computedType_get = function _Select_computedType_get() {
10527
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10528
- return __classPrivateFieldGet$8(this, _Select_select, "f").type;
10635
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10636
+ return __classPrivateFieldGet$a(this, _Select_select, "f").type;
10529
10637
  }, _Select_computedValue_get = function _Select_computedValue_get() {
10530
10638
  return this.value ?? '';
10531
10639
  }, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
10532
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10533
- return __classPrivateFieldGet$8(this, _Select_select, "f").selectedOptions;
10640
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10641
+ return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
10534
10642
  }, _Select_defineGetter = function _Select_defineGetter(p, get) {
10535
10643
  Object.defineProperty(this.host, p, { enumerable: true, get });
10536
10644
  };
10537
10645
 
10538
- const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
10646
+ const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=emphasized],[data-importance=standard]{-webkit-text-decoration:none;text-decoration:none}.qds-visitable[data-importance=emphasized],.qds-visitable[data-importance=standard],[data-importance=emphasized]:active,[data-importance=emphasized]:hover,[data-importance=standard]:active,[data-importance=standard]:hover{-webkit-text-decoration:underline;text-decoration:underline}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
10539
10647
 
10540
10648
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10541
10649
  //
10542
10650
  // SPDX-License-Identifier: Apache-2.0
10543
- var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10651
+ var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10544
10652
  if (kind === "a" && !f)
10545
10653
  throw new TypeError("Private accessor was defined without a getter");
10546
10654
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10606,7 +10714,7 @@ class StandaloneLink {
10606
10714
  _StandaloneLink_savedTabIndex.set(this, 0);
10607
10715
  _StandaloneLink_link.set(this, void 0);
10608
10716
  _StandaloneLink_updateAriaLabelElements.set(this, () => {
10609
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10717
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10610
10718
  });
10611
10719
  _StandaloneLink_linkRef.set(this, (link) => {
10612
10720
  __classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
@@ -10618,7 +10726,7 @@ class StandaloneLink {
10618
10726
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10619
10727
  });
10620
10728
  _StandaloneLink_onSlotchange.set(this, () => {
10621
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10729
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10622
10730
  });
10623
10731
  }
10624
10732
  onClick(event) {
@@ -10626,18 +10734,18 @@ class StandaloneLink {
10626
10734
  event.stopImmediatePropagation();
10627
10735
  }
10628
10736
  onKeydown(event) {
10629
- invariant(__classPrivateFieldGet$7(this, _StandaloneLink_link, "f"));
10737
+ invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
10630
10738
  if (this.disabled)
10631
10739
  return;
10632
10740
  if (event.key === 'Enter')
10633
- __classPrivateFieldGet$7(this, _StandaloneLink_link, "f").click();
10741
+ __classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
10634
10742
  }
10635
10743
  disabledChanged() {
10636
10744
  this.internals.ariaDisabled = this.disabled.toString();
10637
10745
  if (this.disabled)
10638
10746
  this.host.removeAttribute('tabindex');
10639
10747
  else
10640
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10748
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10641
10749
  }
10642
10750
  tabindexChanged(newValue) {
10643
10751
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10648,11 +10756,11 @@ class StandaloneLink {
10648
10756
  if (this.disabled)
10649
10757
  this.host.removeAttribute('tabindex');
10650
10758
  else
10651
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10759
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10652
10760
  }
10653
10761
  hrefTargetChanged() {
10654
10762
  this.linkIcon = determineLinkIcon(this.target, this.rel);
10655
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10763
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10656
10764
  }
10657
10765
  componentWillLoad() {
10658
10766
  this.internals.role = 'link';
@@ -10661,14 +10769,14 @@ class StandaloneLink {
10661
10769
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10662
10770
  }
10663
10771
  componentDidLoad() {
10664
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10772
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10665
10773
  }
10666
10774
  render() {
10667
- return (hAsync("a", { key: '91c07ea8152387f46020e1431858cd35bd126ced', "aria-hidden": "true", class: {
10775
+ return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
10668
10776
  'qds-standalone-link': true,
10669
10777
  'qds-disabled': this.disabled,
10670
10778
  'qds-visitable': this.visitable,
10671
- }, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '11ef79b0704c1be48b7c96bf67d5395324a4da78', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'b13b23fb3cade4a2419435e1ee9199929e38caa7', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '14dc1bd1fb86f9e910df3a752b5b21e9d6a32614', class: "qds-text" }, hAsync("slot", { key: '3bec7502fd6a1d8ac80bce195e0aae082fbd6071', onSlotchange: __classPrivateFieldGet$7(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '2baed1edfde4437a36acd524ddcc80eff6ed3d6a', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'd4998672b43c3a94762823d0d0f7439df632b344', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '20e1eccfa5db5faf5f704d9297502d908f5dd105', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '82461b636037dd9bf41246a4d666ea9f6c17765a', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
10779
+ }, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '952fb52d3129a1bd7e1bb901af8673439f434a1b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9fc0f2d475b165e890546f6faad7d9e90ca31df9', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '0213f2cf7a42d5ca9ba4b8083a26966c49bd6eb3', class: "qds-text" }, hAsync("slot", { key: 'f54a7b1f67e7114fa2eac1bd787c7b604c937630', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'eca6d9db29c904ff24ef63672f448ea9bf69e803', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e2610d31880ed6fe83d59c06c437014a54284b26', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'a242b2eabb9f7d1c2db2e2e531151e91c32d651e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '88dc23ac40898d3adfe236dad9fe44136db5efb3', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
10672
10780
  }
10673
10781
  get host() { return getElement(this); }
10674
10782
  static get watchers() { return {
@@ -10726,12 +10834,12 @@ _StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMa
10726
10834
  return this.target === '_blank';
10727
10835
  };
10728
10836
 
10729
- 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)}";
10837
+ 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)}";
10730
10838
 
10731
10839
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10732
10840
  //
10733
10841
  // SPDX-License-Identifier: Apache-2.0
10734
- var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10842
+ var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10735
10843
  if (kind === "a" && !f)
10736
10844
  throw new TypeError("Private accessor was defined without a getter");
10737
10845
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10845,12 +10953,12 @@ class Switch {
10845
10953
  };
10846
10954
  }
10847
10955
  onClick(event) {
10848
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10956
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10849
10957
  event.stopImmediatePropagation();
10850
10958
  return;
10851
10959
  }
10852
10960
  event.preventDefault();
10853
- this.checked = !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get);
10961
+ this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
10854
10962
  this.changeEmitter.emit();
10855
10963
  }
10856
10964
  onBlur(event) {
@@ -10869,12 +10977,12 @@ class Switch {
10869
10977
  this.host.click();
10870
10978
  }
10871
10979
  checkedChanged() {
10872
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10873
- this.internals.ariaChecked = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10980
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10981
+ this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10874
10982
  }
10875
10983
  disabledChanged() {
10876
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10877
- this.internals.ariaDisabled = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10984
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10985
+ this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10878
10986
  }
10879
10987
  tabindexChanged(newValue) {
10880
10988
  if (newValue !== null) {
@@ -10883,33 +10991,33 @@ class Switch {
10883
10991
  ? 0
10884
10992
  : parsedValue, "f");
10885
10993
  }
10886
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10994
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10887
10995
  this.host.removeAttribute('tabindex');
10888
10996
  else
10889
- this.host.tabIndex = __classPrivateFieldGet$6(this, _Switch_savedTabIndex, "f");
10997
+ this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
10890
10998
  }
10891
10999
  valueChanged() {
10892
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
11000
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10893
11001
  }
10894
11002
  componentWillLoad() {
10895
11003
  this.internals.role = 'switch';
10896
11004
  this.checkedChanged();
10897
11005
  this.disabledChanged();
10898
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
10899
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
10900
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10901
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
10902
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
11006
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
11007
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
11008
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
11009
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
11010
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10903
11011
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10904
11012
  }
10905
11013
  render() {
10906
- return (hAsync("div", { key: '069ad2361ec53753dea236d5385289bc5cf7c43b', class: {
11014
+ return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
10907
11015
  'qds-container': true,
10908
- 'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
11016
+ 'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
10909
11017
  'qds-inline': this.inline,
10910
- }, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'edd519f0ca4bc0a5a9df50602d29822ac373bdc2', "aria-hidden": "true",
11018
+ }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
10911
11019
  // eslint-disable-next-line jsx-a11y/no-autofocus
10912
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '5fe5cfe0155f73a9c50781e5f709b379518f68e1', class: "qds-track", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '03f01573be5637a269dd05d08f438a51d0a04222', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'd31bbb6ae64160b68ad1cab4a4ab002c8083c7f5', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '3b94ef4a388da271cc3e17c9f4e7887e5753ded4', class: "qds-knob-container" }, hAsync("div", { key: 'd0c1cff71474d8b33d757db4cd37bb4ea7d20d40', class: "qds-knob", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '9b999c6042687f8d7e1c0d5046419131cf287b84', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '8a47477f273f44e52f26184cf2d19fb0041ec775', class: "qds-icon", name: "toggle-off", library: "core" }))))));
11020
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '62ffdca674fecb443977b8a077f67e74b5be561c', class: "qds-track", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '35ace9f745581aa451ddf0618fdae0759cec0a0c', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '5c59c47b9a95721441956169344ed8aa7049a049', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '193c882652ace39275e13858d7a73e9993271b52', class: "qds-knob-container" }, hAsync("div", { key: 'e0a80c43ed774d3e2a89a9b437f1b3ec0e647937', class: "qds-knob", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '14f8db236430628094cfd58dd794de83f559cd88', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'c180a31164968b92edac3a9b48d53dbf7cf1cf75', class: "qds-icon", name: "toggle-off", library: "core" }))))));
10913
11021
  }
10914
11022
  static get formAssociated() { return true; }
10915
11023
  get host() { return getElement(this); }
@@ -10964,18 +11072,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
10964
11072
  }, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
10965
11073
  Object.defineProperty(this.host, p, { enumerable: true, get });
10966
11074
  }, _Switch_updateFormValue = function _Switch_updateFormValue() {
10967
- this.internals.setFormValue(__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)
10968
- ? __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedValue_get)
11075
+ this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
11076
+ ? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
10969
11077
  : // eslint-disable-next-line unicorn/no-null
10970
11078
  null);
10971
11079
  };
10972
11080
 
10973
- const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
11081
+ const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
10974
11082
 
10975
11083
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10976
11084
  //
10977
11085
  // SPDX-License-Identifier: Apache-2.0
10978
- var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11086
+ var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10979
11087
  if (kind === "a" && !f)
10980
11088
  throw new TypeError("Private accessor was defined without a getter");
10981
11089
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10991,7 +11099,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
10991
11099
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10992
11100
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10993
11101
  };
10994
- var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
11102
+ var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentImportance_get, _Tab_parentSize_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
10995
11103
  const isCounter = (value) => typeof value === 'string'
10996
11104
  ? !Number.isNaN(Number.parseFloat(value))
10997
11105
  : typeof value === 'number';
@@ -11037,7 +11145,7 @@ class Tab {
11037
11145
  /**
11038
11146
  * The tab's indicator position.
11039
11147
  */
11040
- this.indicatorPosition = 'block-end';
11148
+ this.indicatorPosition = 'block-start';
11041
11149
  /**
11042
11150
  * The name of a registered icon library.
11043
11151
  */
@@ -11073,7 +11181,7 @@ class Tab {
11073
11181
  });
11074
11182
  _Tab_onIconClick.set(this, (event) => {
11075
11183
  event.stopPropagation();
11076
- __classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
11184
+ __classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
11077
11185
  });
11078
11186
  _Tab_onBlur.set(this, (event) => {
11079
11187
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -11082,12 +11190,12 @@ class Tab {
11082
11190
  this.focusEmitter.emit(pickFocusEventAttributes(event));
11083
11191
  });
11084
11192
  _Tab_defineTab.set(this, () => {
11085
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11086
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$5(this, _Tab_tab, "f"));
11193
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11194
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
11087
11195
  }
11088
11196
  else {
11089
11197
  this.internals.role = 'tab';
11090
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11198
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11091
11199
  }
11092
11200
  });
11093
11201
  }
@@ -11099,15 +11207,15 @@ class Tab {
11099
11207
  __classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
11100
11208
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11101
11209
  if (tab)
11102
- tab.setAttribute('aria-controls', __classPrivateFieldGet$5(this, _Tab_panel, "f").id);
11103
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === null)
11104
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = 'tabpanel';
11105
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11106
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11107
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11210
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
11211
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
11212
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
11213
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11214
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11215
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11108
11216
  }
11109
11217
  onClick(event) {
11110
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11218
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11111
11219
  event.stopImmediatePropagation();
11112
11220
  }
11113
11221
  tabindexChanged(newValue) {
@@ -11116,61 +11224,58 @@ class Tab {
11116
11224
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
11117
11225
  }
11118
11226
  actionChanged() {
11119
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11227
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11120
11228
  }
11121
11229
  componentWillLoad() {
11122
11230
  var _a;
11123
11231
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
11124
11232
  (_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
11125
11233
  autoIncrementingId$1 += 1;
11126
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11234
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11127
11235
  }
11128
11236
  componentWillRender() {
11129
- const isPanelRoot = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11130
- const isMainSubsection = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11237
+ const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11238
+ const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11131
11239
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
11132
11240
  }
11133
11241
  componentDidLoad() {
11134
11242
  this.panelChanged();
11135
11243
  }
11136
11244
  disconnectedCallback() {
11137
- if (!__classPrivateFieldGet$5(this, _Tab_panel, "f"))
11245
+ if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
11138
11246
  return;
11139
11247
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11140
11248
  if (tab)
11141
11249
  tab.removeAttribute('aria-controls');
11142
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === 'tabpanel')
11250
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
11143
11251
  // eslint-disable-next-line unicorn/no-null
11144
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = null;
11145
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11146
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11147
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('tabindex');
11252
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
11253
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11254
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11255
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
11148
11256
  }
11149
11257
  render() {
11150
- const isLink = this.href !== undefined && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11151
- const indicatorPosition = this.isIndicatorOnTop
11152
- ? 'block-start'
11153
- : this.indicatorPosition;
11258
+ const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11154
11259
  const Tag = isLink
11155
11260
  ? 'a'
11156
- : __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11261
+ : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11157
11262
  ? 'button'
11158
11263
  : 'div';
11159
- return (hAsync("div", { key: 'a7e5f460e6bbcc0b16addb8390bd017d7f55c072', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11160
- 'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11264
+ return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11265
+ 'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11161
11266
  'qds-selected': this.selected,
11162
- [`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11163
- }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '8f8acf408e6343208a8140bc67084898e14d3479', ref: __classPrivateFieldGet$5(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$5(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$5(this, _Tab_onFocus, "f"), class: {
11164
- 'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11165
- 'qds-closable-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11267
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11268
+ }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '02722d2d5e2460ccdc98371f35d8461ad8e31e4c', 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: {
11269
+ 'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11270
+ 'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11166
11271
  'qds-selected': this.selected,
11167
- [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11168
- }, role: !isLink && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
11272
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11273
+ }, role: !isLink && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
11169
11274
  ? this.selected
11170
11275
  ? 'true'
11171
11276
  : 'false'
11172
- : undefined, "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
11173
- (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'a69e2c407bedc1f3d710f3cbd2789eba292cc9c9', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '12d6f3003c346f26c908b5b6f48ab1308593409f', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'bf8b256c2b13ff5db116946084c783ed90ba3bb5', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: 'a4c44307105e6112e5d4329e7079a6fdd697d19c', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'db78b4abbe81932fe0f1cca08b8fd78cb40504dc', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: 'ee5b8a295493a839274523c736a438a299e8b02a', name: "close", library: "core", text: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$5(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
11277
+ : undefined, "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
11278
+ (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'a09730df3cc6497e88a6d17de8535eaf74bcd6f8', 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: '9e6ae551c8cdda86e5422ffdad736a7f5176809a', "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: '46110fa313decfaaf6231917c77ffca56ec980a8', 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: '3a709e7b62089ff8a3fa2287d1e22caa1e42c900', 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: 'e63e61abefbd804a2e78dfd59615521b2d97031c', 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: '9cd5449bdb62322945325bb9ba698b4e0f1decdd', 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) }))));
11174
11279
  }
11175
11280
  get host() { return getElement(this); }
11176
11281
  static get watchers() { return {
@@ -11225,6 +11330,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11225
11330
  }
11226
11331
  }
11227
11332
  }, _Tab_computedSize_get = function _Tab_computedSize_get() {
11333
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
11334
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
11228
11335
  switch (this.size) {
11229
11336
  case 'standard':
11230
11337
  case 'small':
@@ -11236,6 +11343,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11236
11343
  }
11237
11344
  }
11238
11345
  }, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
11346
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
11347
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
11239
11348
  switch (this.importance) {
11240
11349
  case 'subdued':
11241
11350
  case 'standard': {
@@ -11245,6 +11354,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11245
11354
  return 'standard';
11246
11355
  }
11247
11356
  }
11357
+ }, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
11358
+ return this.host.closest('qds-tabbar')?.importance ?? undefined;
11359
+ }, _Tab_parentSize_get = function _Tab_parentSize_get() {
11360
+ return this.host.closest('qds-tabbar')?.size ?? undefined;
11248
11361
  }, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
11249
11362
  return this.host.closest('qds-tabbar')?.layer ?? 'main';
11250
11363
  }, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
@@ -11255,7 +11368,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11255
11368
  return this.disabled ?? false;
11256
11369
  }, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
11257
11370
  if (this.selected) {
11258
- return __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11371
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11259
11372
  }
11260
11373
  return -1;
11261
11374
  }, _Tab_renderText = function _Tab_renderText() {
@@ -11264,12 +11377,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11264
11377
  Object.defineProperty(this.host, p, { enumerable: true, get });
11265
11378
  };
11266
11379
 
11267
- const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-layer=main][data-level=root] .qds-tabs{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
11380
+ const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
11268
11381
 
11269
11382
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11270
11383
  //
11271
11384
  // SPDX-License-Identifier: Apache-2.0
11272
- var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11385
+ var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11273
11386
  if (kind === "a" && !f)
11274
11387
  throw new TypeError("Private accessor was defined without a getter");
11275
11388
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -11285,7 +11398,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
11285
11398
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
11286
11399
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11287
11400
  };
11288
- var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_onSlotchange;
11401
+ var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
11289
11402
  const TAB_SETTINGS = {
11290
11403
  'main-root': {
11291
11404
  importance: 'standard',
@@ -11343,16 +11456,33 @@ class Tabbar {
11343
11456
  _Tabbar_instances.add(this);
11344
11457
  /**
11345
11458
  * The tabbar's layer.
11459
+ *
11460
+ * @deprecated The property layer is deprecated. Please use `size` property instead.
11461
+ * Please do not use `layer` and `size` at the same time.
11346
11462
  */
11347
11463
  this.layer = 'main';
11348
11464
  /**
11349
11465
  * The tabbar's level.
11466
+ *
11467
+ * @deprecated The property level is deprecated. Please use `size` property instead.
11468
+ * Please do not use `level` and `size` at the same time.
11350
11469
  */
11351
11470
  this.level = 'root';
11471
+ /**
11472
+ * The tabbar's size. This controls the size of the tabs within the tabbar.
11473
+ */
11474
+ this.size = 'standard';
11352
11475
  /**
11353
11476
  * The tabbar's orientation.
11477
+ *
11478
+ * @deprecated Please use the `placement` property instead. Do not use
11479
+ * `orientation` and `placement` at the same time.
11354
11480
  */
11355
11481
  this.orientation = 'horizontal';
11482
+ /**
11483
+ * The tabbar's placement.
11484
+ */
11485
+ this.placement = 'top';
11356
11486
  /**
11357
11487
  * Displays a divider line.
11358
11488
  */
@@ -11360,7 +11490,7 @@ class Tabbar {
11360
11490
  /**
11361
11491
  * The alignment of tabs. Only applicable for horizontal orientation.
11362
11492
  */
11363
- this.alignment = 'left';
11493
+ this.alignment = 'start';
11364
11494
  this.disableEndArrow = false;
11365
11495
  this.disableStartArrow = false;
11366
11496
  _Tabbar_tabs.set(this, []);
@@ -11368,23 +11498,25 @@ class Tabbar {
11368
11498
  _Tabbar_tabbar.set(this, void 0);
11369
11499
  _Tabbar_inheritedAttributes.set(this, {});
11370
11500
  _Tabbar_scrollToStart.set(this, () => {
11371
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11501
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11372
11502
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11373
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11503
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11374
11504
  left: isRTL
11375
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11376
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11505
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11506
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11377
11507
  });
11378
11508
  });
11379
11509
  _Tabbar_scrollToEnd.set(this, () => {
11380
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11510
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11381
11511
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11382
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11512
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11383
11513
  left: isRTL
11384
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11385
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11514
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11515
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11386
11516
  });
11387
11517
  });
11518
+ _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
11519
+ _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
11388
11520
  _Tabbar_onClick.set(this, (event) => {
11389
11521
  const { target } = event;
11390
11522
  if (!(target instanceof HTMLElement))
@@ -11392,22 +11524,22 @@ class Tabbar {
11392
11524
  const tab = target.closest('qds-tab');
11393
11525
  if (!tab || tab.disabled === true || tab.inert)
11394
11526
  return;
11395
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11396
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11527
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11528
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11397
11529
  });
11398
11530
  _Tabbar_onKeyDown.set(this, (event) => {
11399
- const isVertical = this.orientation === 'vertical';
11531
+ const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
11400
11532
  const MOVE_SELECTION_KEYS = isVertical
11401
11533
  ? VERTICAL_MOVE_KEYS
11402
11534
  : HORIZONTAL_MOVE_KEYS;
11403
11535
  if (!MOVE_SELECTION_KEYS.has(event.key))
11404
11536
  return;
11405
- const tabs = __classPrivateFieldGet$4(this, _Tabbar_tabs, "f");
11537
+ const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
11406
11538
  if (tabs.length === 0)
11407
11539
  return;
11408
11540
  event.preventDefault();
11409
11541
  event.stopPropagation();
11410
- const activeTab = __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11542
+ const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11411
11543
  let index = activeTab ? tabs.indexOf(activeTab) : 0;
11412
11544
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11413
11545
  let nextTab;
@@ -11442,23 +11574,23 @@ class Tabbar {
11442
11574
  }
11443
11575
  nextTab = tabs[index];
11444
11576
  } while (nextTab.disabled === true);
11445
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11577
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11446
11578
  const target = nextTab.tab;
11447
11579
  target.focus({ preventScroll: true });
11448
11580
  if (!isVertical)
11449
11581
  target.scrollIntoView();
11450
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11451
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11582
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11583
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11452
11584
  });
11453
11585
  _Tabbar_onMouseDown.set(this, (event) => {
11454
11586
  const { target } = event;
11455
11587
  if (isEnabledTabItem(target))
11456
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11588
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11457
11589
  });
11458
11590
  _Tabbar_onScroll.set(this, () => {
11459
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11591
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11460
11592
  return;
11461
- const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11593
+ const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11462
11594
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11463
11595
  this.disableStartArrow = scrollLeft === 0;
11464
11596
  this.disableEndArrow = isRTL
@@ -11466,80 +11598,81 @@ class Tabbar {
11466
11598
  : scrollWidth - clientWidth - scrollLeft <= 1;
11467
11599
  });
11468
11600
  _Tabbar_onViewportCrop.set(this, () => {
11469
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11601
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11470
11602
  return;
11471
- const { scrollWidth, clientWidth } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11603
+ const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11472
11604
  if (scrollWidth > clientWidth) {
11473
- __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f").call(this);
11605
+ __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
11474
11606
  }
11475
11607
  });
11476
11608
  _Tabbar_onSlotchange.set(this, () => {
11477
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11478
- if (__classPrivateFieldGet$4(this, _Tabbar_tabs, "f").length > 0)
11479
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")[0]);
11609
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11610
+ if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
11611
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
11480
11612
  });
11481
11613
  }
11614
+ settingChanged() {
11615
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
11616
+ }
11482
11617
  windowResize() {
11483
- __classPrivateFieldGet$4(this, _Tabbar_onViewportCrop, "f").call(this);
11618
+ __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
11484
11619
  }
11485
11620
  componentWillLoad() {
11621
+ this.settingChanged();
11486
11622
  __classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11487
11623
  const tabs = [
11488
11624
  ...this.host.querySelectorAll('qds-tab'),
11489
11625
  ];
11490
11626
  const preselectedTab = tabs.find((tab) => tab.selected);
11491
11627
  if (preselectedTab)
11492
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11628
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11493
11629
  else if (tabs.length > 0)
11494
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11630
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11495
11631
  }
11496
11632
  componentDidRender() {
11497
11633
  if (this.activeTab)
11498
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11499
- const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11500
- if (!settings)
11501
- return;
11502
- for (const tab of this.host.querySelectorAll('qds-tab')) {
11503
- /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11504
- tab.importance = settings.importance;
11505
- tab.size = settings.size;
11506
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
11507
- tab.indicatorPosition =
11508
- this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
11509
- /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11510
- }
11634
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11635
+ this.settingChanged();
11511
11636
  }
11512
11637
  componentDidLoad() {
11513
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11514
- __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$4(this, _Tabbar_onScroll, "f")), "f");
11515
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11638
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11639
+ __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
11640
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11516
11641
  }
11517
11642
  disconnectedCallback() {
11518
- if (__classPrivateFieldGet$4(this, _Tabbar_ro, "f"))
11519
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
11643
+ if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
11644
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
11520
11645
  }
11521
11646
  render() {
11522
- return (hAsync("div", { key: '08a0002721156b63a913af400939ecdd5e643cef', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, hAsync("div", { key: 'ca559923b24ca9cecaf4622955249a330adaeba7', class: "qds-tabbar" }, hAsync("div", { key: '987181efde486ffa9dde605d5ba10cd3b3aadbfb', class: {
11647
+ return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
11648
+ 'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11649
+ }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("div", { key: '2421469125db014dfa6be6012daaf06a354e1466', class: "qds-tabbar" }, hAsync("div", { key: '1def1f43dc9ecc8680634fa2d5f330c803c82054', class: {
11523
11650
  'qds-align-center': true,
11524
11651
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11525
- this.orientation === 'vertical',
11526
- } }, hAsync("qds-icon-button", { key: '37088e335fe0feb772dedd1886f16f191d7fcdc3', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '5ad39c11264831dd50cbca718cb824a0e5097ffc', class: {
11652
+ this.orientation === 'vertical' ||
11653
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11654
+ } }, hAsync("qds-icon-button", { key: '539fe2ec4cd5a91cf1a35ead239eebd2eda981e4', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '05ff03b99f92f9e85f4703dcc6eca96220d6e1ee', class: {
11527
11655
  'qds-tabs': true,
11528
- 'qds-vertical': this.orientation === 'vertical',
11529
- 'qds-centered': this.alignment === 'centered' &&
11530
- this.orientation === 'horizontal' &&
11656
+ 'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11657
+ 'qds-centered': this.alignment === 'center' &&
11658
+ (this.orientation === 'horizontal' ||
11659
+ __classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
11531
11660
  this.disableEndArrow &&
11532
11661
  this.disableStartArrow,
11533
11662
  }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
11534
11663
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
11535
- }, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: 'db30b064f6e9949c86bcc049bf6d5383f5d659e8', onSlotchange: __classPrivateFieldGet$4(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '6e61da5a09d938972b7629ac3449831d8fa630f2', class: {
11664
+ }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$6(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '4ccd64f11587556c7af2b0d4c571ee8162dbba70', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c5b64348ca4c65bb4894ec0dec6b6b89c411f958', class: {
11536
11665
  'qds-align-center': true,
11537
11666
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11538
- this.orientation === 'vertical',
11539
- } }, hAsync("qds-icon-button", { key: '74557af7eb1ab5ac2cd2dffe5751dd9b7083bb74', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$4(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: '6e178e1b7e5c1ed80f9b447248ec5df896cea055', vertical: this.orientation === 'vertical' }))));
11667
+ this.orientation === 'vertical' ||
11668
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11669
+ } }, hAsync("qds-icon-button", { key: 'edcb7e2054454edb2f949332ad62998a2e34a368', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: 'bfafcfbcaaa50341778498e9887b71a548209178', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
11540
11670
  }
11541
11671
  static get delegatesFocus() { return true; }
11542
11672
  get host() { return getElement(this); }
11673
+ static get watchers() { return {
11674
+ "importance": ["settingChanged"]
11675
+ }; }
11543
11676
  static get style() { return tabbarCss; }
11544
11677
  static get cmpMeta() { return {
11545
11678
  "$flags$": 281,
@@ -11547,10 +11680,13 @@ class Tabbar {
11547
11680
  "$members$": {
11548
11681
  "layer": [1],
11549
11682
  "level": [1],
11683
+ "size": [1],
11550
11684
  "orientation": [1],
11685
+ "placement": [1],
11551
11686
  "tablistDescription": [1, "tablist-description"],
11552
11687
  "showDivider": [4, "show-divider"],
11553
11688
  "alignment": [1],
11689
+ "importance": [1],
11554
11690
  "disableEndArrow": [32],
11555
11691
  "disableStartArrow": [32],
11556
11692
  "activeTab": [32]
@@ -11560,12 +11696,34 @@ class Tabbar {
11560
11696
  "$attrsToReflect$": []
11561
11697
  }; }
11562
11698
  }
11563
- _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
11699
+ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
11700
+ return this.importance;
11701
+ }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
11702
+ return this.size ?? undefined;
11703
+ }, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
11704
+ switch (this.placement) {
11705
+ case 'top': {
11706
+ return 'block-end';
11707
+ }
11708
+ case 'end': {
11709
+ return 'inline-start';
11710
+ }
11711
+ case 'bottom': {
11712
+ return 'block-start';
11713
+ }
11714
+ case 'start': {
11715
+ return 'inline-end';
11716
+ }
11717
+ default: {
11718
+ return undefined;
11719
+ }
11720
+ }
11721
+ }, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
11564
11722
  if (this.layer === 'panel')
11565
11723
  return false;
11566
11724
  if (this.layer === 'main' &&
11567
11725
  this.level === 'subsection' &&
11568
- this.orientation === 'horizontal')
11726
+ (this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
11569
11727
  return false;
11570
11728
  return this.showDivider === true;
11571
11729
  }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
@@ -11580,7 +11738,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11580
11738
  target.ariaSelected = isSelected.toString();
11581
11739
  }
11582
11740
  }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
11583
- for (const tab of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11741
+ for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11584
11742
  const panel = resolvePanelElement(tab);
11585
11743
  if (panel) {
11586
11744
  panel.hidden = tab !== activeTab;
@@ -11593,12 +11751,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11593
11751
  this.activeTab = tab;
11594
11752
  this.hideEmitter.emit(previousTab);
11595
11753
  this.showEmitter.emit(tab);
11596
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11597
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11754
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11755
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11598
11756
  }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
11599
- return __classPrivateFieldGet$4(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11757
+ return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11600
11758
  }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
11601
- for (const t of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11759
+ for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11602
11760
  const isCurrent = t === tab;
11603
11761
  componentOnReady(t, (element) => {
11604
11762
  const target = element?.tab;
@@ -11609,7 +11767,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11609
11767
  const tabindex = shouldActivateTab ? '0' : '-1';
11610
11768
  target.setAttribute('tabindex', tabindex);
11611
11769
  if (shouldActivateTab)
11612
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11770
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11613
11771
  });
11614
11772
  }
11615
11773
  }, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
@@ -11617,6 +11775,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11617
11775
  __classPrivateFieldSet$3(this, _Tabbar_tabs, slot
11618
11776
  ? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
11619
11777
  : [], "f");
11778
+ }, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
11779
+ const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11780
+ if (!settings)
11781
+ return;
11782
+ for (const tab of this.host.querySelectorAll('qds-tab')) {
11783
+ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11784
+ tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
11785
+ tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
11786
+ tab.indicatorPosition =
11787
+ this.orientation === 'vertical'
11788
+ ? 'inline-end'
11789
+ : (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
11790
+ /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11791
+ }
11620
11792
  };
11621
11793
 
11622
11794
  const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
@@ -11644,7 +11816,7 @@ class Table {
11644
11816
  }
11645
11817
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11646
11818
  render() {
11647
- return hAsync("slot", { key: '8e2daea5b29256b1f80892e60f363d3837e707a5' });
11819
+ return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
11648
11820
  }
11649
11821
  static get style() { return tableCss; }
11650
11822
  static get cmpMeta() { return {
@@ -11657,8 +11829,19 @@ class Table {
11657
11829
  }; }
11658
11830
  }
11659
11831
 
11660
- const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:0;padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
11832
+ const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
11661
11833
 
11834
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11835
+ //
11836
+ // SPDX-License-Identifier: Apache-2.0
11837
+ var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11838
+ if (kind === "a" && !f)
11839
+ throw new TypeError("Private accessor was defined without a getter");
11840
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11841
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11842
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11843
+ };
11844
+ var _TableCell_instances, _TableCell_computedSize_get;
11662
11845
  /**
11663
11846
  * The `<qds-table-cell>` element defines a cell of a table that contains data.
11664
11847
  * It participates in the *table model*.
@@ -11675,6 +11858,11 @@ class TableCell {
11675
11858
  this.internals = hostRef.$hostElement$.attachInternals();
11676
11859
  hostRef.$hostElement$["s-ei"] = this.internals;
11677
11860
  }
11861
+ _TableCell_instances.add(this);
11862
+ /**
11863
+ * The table cell's size.
11864
+ */
11865
+ this.size = 'standard';
11678
11866
  }
11679
11867
  colSpanChanged(newValue) {
11680
11868
  this.internals.ariaColSpan =
@@ -11702,9 +11890,9 @@ class TableCell {
11702
11890
  render() {
11703
11891
  return (
11704
11892
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11705
- hAsync("td", { key: '94fafc4ea9c69aa490738766f16364bd70233e3f', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
11893
+ hAsync("td", { key: '92bc078c48ec5f41e1751a19bdbf2f95eb33d996', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
11706
11894
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11707
- role: "none" }, hAsync("slot", { key: '6f7d0b32f792cfe417239758b3d2c8d338c3e126' })));
11895
+ role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
11708
11896
  }
11709
11897
  static get watchers() { return {
11710
11898
  "colSpan": ["colSpanChanged"],
@@ -11716,16 +11904,39 @@ class TableCell {
11716
11904
  "$tagName$": "qds-table-cell",
11717
11905
  "$members$": {
11718
11906
  "colSpan": [2, "colspan"],
11719
- "rowSpan": [2, "rowspan"]
11907
+ "rowSpan": [2, "rowspan"],
11908
+ "size": [1]
11720
11909
  },
11721
11910
  "$listeners$": undefined,
11722
11911
  "$lazyBundleId$": "-",
11723
11912
  "$attrsToReflect$": []
11724
11913
  }; }
11725
11914
  }
11915
+ _TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
11916
+ switch (this.size) {
11917
+ case 'large':
11918
+ case 'small': {
11919
+ return this.size;
11920
+ }
11921
+ default: {
11922
+ return 'standard';
11923
+ }
11924
+ }
11925
+ };
11726
11926
 
11727
- const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
11927
+ const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
11728
11928
 
11929
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11930
+ //
11931
+ // SPDX-License-Identifier: Apache-2.0
11932
+ var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11933
+ if (kind === "a" && !f)
11934
+ throw new TypeError("Private accessor was defined without a getter");
11935
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11936
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11937
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11938
+ };
11939
+ var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
11729
11940
  /**
11730
11941
  * The `<qds-table-head-cell>` element defines a cell as the header of a group
11731
11942
  * of table cells. The exact nature of this group is defined by the `scope`
@@ -11743,6 +11954,11 @@ class TableHeadCell {
11743
11954
  this.internals = hostRef.$hostElement$.attachInternals();
11744
11955
  hostRef.$hostElement$["s-ei"] = this.internals;
11745
11956
  }
11957
+ _TableHeadCell_instances.add(this);
11958
+ /**
11959
+ * The table header cell's size.
11960
+ */
11961
+ this.size = 'standard';
11746
11962
  }
11747
11963
  colSpanChanged(newValue) {
11748
11964
  this.internals.ariaColSpan =
@@ -11773,9 +11989,9 @@ class TableHeadCell {
11773
11989
  render() {
11774
11990
  return (
11775
11991
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11776
- hAsync("th", { key: '89eb4dadd071a6045f356c6eccddcf4933d2cb0b', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
11992
+ hAsync("th", { key: '0d385fba48aa553f9a968b310bd6cafc8cac8659', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
11777
11993
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11778
- role: "none" }, hAsync("slot", { key: '320c62a678ca5a52a8f965ae8aa9f527c83022a0' })));
11994
+ role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
11779
11995
  }
11780
11996
  static get watchers() { return {
11781
11997
  "colSpan": ["colSpanChanged"],
@@ -11789,15 +12005,27 @@ class TableHeadCell {
11789
12005
  "$members$": {
11790
12006
  "colSpan": [2, "colspan"],
11791
12007
  "rowSpan": [2, "rowspan"],
11792
- "scope": [1]
12008
+ "scope": [1],
12009
+ "size": [1]
11793
12010
  },
11794
12011
  "$listeners$": undefined,
11795
12012
  "$lazyBundleId$": "-",
11796
12013
  "$attrsToReflect$": []
11797
12014
  }; }
11798
12015
  }
12016
+ _TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
12017
+ switch (this.size) {
12018
+ case 'large':
12019
+ case 'small': {
12020
+ return this.size;
12021
+ }
12022
+ default: {
12023
+ return 'standard';
12024
+ }
12025
+ }
12026
+ };
11799
12027
 
11800
- const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-list-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
12028
+ const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-table-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
11801
12029
 
11802
12030
  /**
11803
12031
  * The `<qds-table-row>` element defines a row of cells in a table. The row's
@@ -11822,7 +12050,7 @@ class TableRow {
11822
12050
  }
11823
12051
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11824
12052
  render() {
11825
- return (hAsync("tr", { key: 'f92c2b9db18dbe06ea680ce23273da08f7998f5b', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '897f11cad82a4c6f1c04c4bc5a65cd0f85714a57' })));
12053
+ return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
11826
12054
  }
11827
12055
  static get style() { return tableRowCss; }
11828
12056
  static get cmpMeta() { return {
@@ -11893,11 +12121,11 @@ class Tag {
11893
12121
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11894
12122
  }
11895
12123
  render() {
11896
- return (hAsync("span", { key: '315dd8f19131efdf55430a797a80dc806efd988c', class: {
12124
+ return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
11897
12125
  'qds-tag': true,
11898
12126
  'qds-padding': this.importance !== 'subdued',
11899
12127
  }, "data-importance": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet$3(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (hAsync(Fragment, null, this.iconDescription !== undefined &&
11900
- this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '141a71ce195cba6774485e6c2209b8f61ad3ec5c', class: "qds-text" }, this.text)));
12128
+ this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '2bb48b6e991ad7bda93971b3556b3b9689a05c43', class: "qds-text" }, this.text)));
11901
12129
  }
11902
12130
  get host() { return getElement(this); }
11903
12131
  static get style() { return tagCss; }
@@ -11957,7 +12185,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
11957
12185
  return (this.badge ?? false) && this.importance !== 'emphasized';
11958
12186
  };
11959
12187
 
11960
- 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-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-control-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)}";
12188
+ const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-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)}";
11961
12189
 
11962
12190
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11963
12191
  //
@@ -12223,9 +12451,9 @@ class TextArea {
12223
12451
  this.valueChanged();
12224
12452
  }
12225
12453
  render() {
12226
- return (hAsync(Host, { key: 'e70a2441fe46be35f06f84f4be817fc04d623905' }, hAsync("textarea", { key: 'f627ebc9f1619940f5a530886de0241353e270a7', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12454
+ return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12227
12455
  // eslint-disable-next-line jsx-a11y/no-autofocus
12228
- 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: '68cade8e77037f9b7c53c5663182f9825fdc3afa', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
12456
+ autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '6b3adf605ea2b899ad2f69e7b03505db56682a20', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
12229
12457
  }
12230
12458
  static get delegatesFocus() { return true; }
12231
12459
  static get formAssociated() { return true; }
@@ -12301,7 +12529,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
12301
12529
  Object.defineProperty(this.host, p, { enumerable: true, get });
12302
12530
  };
12303
12531
 
12304
- const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"e\"}.qds-titles.qds-has-kicker{grid-template-areas:\"f\" \"e\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"e\" \"g\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"f\" \"e\" \"g\"}.qds-has-icon{grid-template-areas:\"h e\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". f\" \"h e\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"h e\" \". g\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". f\" \"h e\" \". g\"}.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:e}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:g}.qds-kicker{color:var(--qds-theme-kicker);grid-area:f}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:h}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
12532
+ const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-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)}";
12305
12533
 
12306
12534
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
12307
12535
  //
@@ -12352,14 +12580,14 @@ class Title {
12352
12580
  const level = `qds-${this.level ?? 'section'}`;
12353
12581
  const Tag = this.tag ?? 'h2';
12354
12582
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
12355
- return (hAsync("hgroup", { key: '7c189575dd8ed51097af980d98291820f37624c4', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12583
+ return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12356
12584
  [layer]: true,
12357
12585
  [level]: true,
12358
12586
  'qds-titles': true,
12359
12587
  'qds-has-icon': hasIcon,
12360
12588
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
12361
12589
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
12362
- }, role: "none" }, hAsync(Tag, { key: '3f25e1c50fdb35604f43241aa510110b67965167', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'dde713ba933ac2664020cc41f3c10468eb65e607' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '8c273bdb0967542e8c8e2c1d8ae1127830d98069', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '1625372d50d0e15b68c776daa124ae07c3f5c569', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'b9819207b05b1de4a8a1461fd88bc1c7d90c3773', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
12590
+ }, role: "none" }, hAsync(Tag, { key: '9159ae4127d5be822227a6edd25d1297857686d7', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '266cb1ded9c3d64320bd71d13393832f6e280a85' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '5672a80281144196dc75fd811b5889afd997cf98', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '499d0d4b792e9edba768472043c42b2fb08e3c62', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'f49f82e51dbfdefb3a1316372ee7d48ab2079e47', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
12363
12591
  }
12364
12592
  static get style() { return titleCss; }
12365
12593
  static get cmpMeta() { return {
@@ -12417,7 +12645,7 @@ let autoIncrementingId = 1;
12417
12645
  class Tooltip {
12418
12646
  constructor(hostRef) {
12419
12647
  registerInstance(this, hostRef);
12420
- this.closeEmitter = createEvent(this, "qdsClose", 2);
12648
+ this.closeEmitter = createEvent(this, "qdsClose", 0);
12421
12649
  if (hostRef.$hostElement$["s-ei"]) {
12422
12650
  this.internals = hostRef.$hostElement$["s-ei"];
12423
12651
  }
@@ -12659,7 +12887,7 @@ class Tooltip {
12659
12887
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
12660
12888
  }
12661
12889
  render() {
12662
- return (hAsync(Host, { key: 'adda0a9e51cad1cca312cb4fb087d960bcb884b8', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '6f43cad976871e9c203f0e41603c9e58fe754d5f', class: "qds-tooltip" }, hAsync("slot", { key: '05c34d22efbf1369e2ec6b69d6020fb2271b3f48' })), hAsync("div", { key: '282e2413e80dfcd6a1431d2804ac478c59c4699f', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
12890
+ 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") })));
12663
12891
  }
12664
12892
  get host() { return getElement(this); }
12665
12893
  static get watchers() { return {