@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.mjs CHANGED
@@ -3649,14 +3649,14 @@ const actionItemCss = ":host([hidden]){display:none!important}:host{display:bloc
3649
3649
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3650
3650
  //
3651
3651
  // SPDX-License-Identifier: Apache-2.0
3652
- var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3652
+ var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3653
3653
  if (kind === "a" && !f)
3654
3654
  throw new TypeError("Private accessor was defined without a getter");
3655
3655
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3656
3656
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3657
3657
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3658
3658
  };
3659
- var __classPrivateFieldSet$q = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3659
+ var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
3660
3660
  if (kind === "m")
3661
3661
  throw new TypeError("Private method is not writable");
3662
3662
  if (kind === "a" && !f)
@@ -3706,15 +3706,15 @@ class ActionItem {
3706
3706
  _ActionItem_actionItem.set(this, void 0);
3707
3707
  _ActionItem_span.set(this, void 0);
3708
3708
  _ActionItem_actionDivRef.set(this, (actionItem) => {
3709
- __classPrivateFieldSet$q(this, _ActionItem_actionItem, actionItem, "f");
3709
+ __classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
3710
3710
  });
3711
3711
  _ActionItem_spanRef.set(this, (span) => {
3712
- __classPrivateFieldSet$q(this, _ActionItem_span, span, "f");
3712
+ __classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
3713
3713
  });
3714
3714
  _ActionItem_tooltipRef.set(this, (tooltip) => {
3715
3715
  if (tooltip)
3716
3716
  // eslint-disable-next-line no-param-reassign
3717
- tooltip.target = __classPrivateFieldGet$w(this, _ActionItem_actionItem, "f");
3717
+ tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
3718
3718
  });
3719
3719
  }
3720
3720
  disabledChanged() {
@@ -3727,7 +3727,7 @@ class ActionItem {
3727
3727
  this.focusEmitter.emit(pickFocusEventAttributes(event));
3728
3728
  }
3729
3729
  onClick(event) {
3730
- if (__classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3730
+ if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
3731
3731
  event.stopImmediatePropagation();
3732
3732
  }
3733
3733
  componentWillLoad() {
@@ -3735,21 +3735,21 @@ class ActionItem {
3735
3735
  this.disabledChanged();
3736
3736
  }
3737
3737
  componentDidLoad() {
3738
- invariant(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3739
- const span = __classPrivateFieldGet$w(this, _ActionItem_span, "f");
3738
+ invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3739
+ const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
3740
3740
  readTask(() => {
3741
3741
  this.tooltip = isEllipsisActive(span);
3742
3742
  });
3743
- __classPrivateFieldSet$q(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3743
+ __classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
3744
3744
  this.tooltip = isEllipsisActive(spanEntry.target);
3745
3745
  }), "f");
3746
- __classPrivateFieldGet$w(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
3746
+ __classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
3747
3747
  }
3748
3748
  render() {
3749
3749
  return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
3750
3750
  'qds-action-item': true,
3751
3751
  'qds-disabled': this.disabled,
3752
- }, ref: __classPrivateFieldGet$w(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f9c3a23ffeace5cbe558b15a50da5fdc95c58806', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '3100774715c9057232a91ff5103016c5dea61922', class: "qds-text", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$w(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '128edb074db17bd31c1467a1857f9c9473cda8ff', class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: 'a28ef16e7941795bcf9241a367130e8b2f63b7d5', "aria-hidden": "true", ref: __classPrivateFieldGet$w(this, _ActionItem_tooltipRef, "f") }, this.text))));
3752
+ }, ref: __classPrivateFieldGet$x(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd2409cac17173463348bf2264b68f012270b04ee', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1bf65623a82dceaa776cb28429760cf7a1a1904f', class: "qds-text", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$x(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '132eb8d186e9329eeb7b380aea4b3afbb0449731', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: '77351beaf85712117a076f18adb25f4fc25b64a9', "aria-hidden": "true", ref: __classPrivateFieldGet$x(this, _ActionItem_tooltipRef, "f") }, this.text))));
3753
3753
  }
3754
3754
  static get watchers() { return {
3755
3755
  "disabled": ["disabledChanged"]
@@ -3800,56 +3800,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
3800
3800
  return this.disabled;
3801
3801
  };
3802
3802
 
3803
- const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-container .qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-container .qds-icon,.qds-container .qds-text{color:var(--qds-theme-display-background-contrast)}.qds-container .qds-icon{flex-shrink:0;height:60%;width:60%}.qds-container .qds-text{font:var(--qds-display-standard);text-align:center}";
3803
+ const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-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}";
3804
3804
 
3805
3805
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
3806
3806
  //
3807
3807
  // SPDX-License-Identifier: Apache-2.0
3808
- var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3808
+ var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3809
3809
  if (kind === "a" && !f)
3810
3810
  throw new TypeError("Private accessor was defined without a getter");
3811
3811
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
3812
3812
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
3813
3813
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
3814
3814
  };
3815
- var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
3815
+ var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
3816
3816
  /**
3817
3817
  * @experimental
3818
3818
  */
3819
3819
  class AvatarMedia {
3820
3820
  constructor(hostRef) {
3821
3821
  registerInstance(this, hostRef);
3822
+ this.loadEmitter = createEvent(this, "qdsLoad", 6);
3822
3823
  this.errorEmitter = createEvent(this, "qdsError", 6);
3824
+ if (hostRef.$hostElement$["s-ei"]) {
3825
+ this.internals = hostRef.$hostElement$["s-ei"];
3826
+ }
3827
+ else {
3828
+ this.internals = hostRef.$hostElement$.attachInternals();
3829
+ hostRef.$hostElement$["s-ei"] = this.internals;
3830
+ }
3823
3831
  /**
3824
- * The alt text for the avatar-media's image.
3825
- * @webnative
3826
- */
3827
- this.alt = '';
3828
- /**
3829
- * The avatar-media's icon library.
3832
+ * The name of a registered icon library.
3830
3833
  */
3831
3834
  this.iconLibrary = 'default';
3832
3835
  this.hasImageError = false;
3833
3836
  _AvatarMedia_renderContent.set(this, () => {
3834
- if (this.src !== undefined && this.src !== '' && !this.hasImageError) {
3835
- return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$v(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
3836
- this.hasImageError = false;
3837
- } }));
3838
- }
3839
- if (this.text !== undefined && this.text !== '') {
3840
- return hAsync("span", { class: "qds-text" }, this.initials);
3841
- }
3842
- if (this.iconName !== undefined && this.iconName !== '') {
3837
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3838
+ return (hAsync("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageLoad, "f") }));
3839
+ if (this.text !== undefined && this.text !== '')
3840
+ return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
3841
+ if (this.iconName !== undefined && this.iconName !== '')
3843
3842
  return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
3844
- }
3845
3843
  return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
3846
3844
  });
3847
3845
  _AvatarMedia_handleImageError.set(this, () => {
3848
3846
  this.hasImageError = true;
3847
+ this.roleChanged();
3849
3848
  this.errorEmitter.emit();
3850
3849
  });
3850
+ _AvatarMedia_handleImageLoad.set(this, () => {
3851
+ this.hasImageError = false;
3852
+ this.roleChanged();
3853
+ this.loadEmitter.emit();
3854
+ });
3851
3855
  }
3852
- handleTextChange() {
3856
+ textChanged() {
3853
3857
  if (this.text === undefined || this.text === '') {
3854
3858
  this.initials = undefined;
3855
3859
  return;
@@ -3858,14 +3862,33 @@ class AvatarMedia {
3858
3862
  const [first = '', second = ''] = words.filter(Boolean);
3859
3863
  this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
3860
3864
  }
3865
+ labelChanged() {
3866
+ this.internals.ariaLabel =
3867
+ this.alt !== undefined && this.alt !== ''
3868
+ ? this.alt
3869
+ : // eslint-disable-next-line unicorn/no-null
3870
+ null;
3871
+ }
3872
+ roleChanged() {
3873
+ if (this.src !== undefined && this.src !== '' && !this.hasImageError)
3874
+ this.internals.role = 'img';
3875
+ else if (this.text !== undefined && this.text !== '')
3876
+ this.internals.role = 'generic';
3877
+ else
3878
+ this.internals.role = 'presentation';
3879
+ }
3861
3880
  componentWillLoad() {
3862
- this.handleTextChange();
3881
+ this.textChanged();
3882
+ this.labelChanged();
3883
+ this.roleChanged();
3863
3884
  }
3864
3885
  render() {
3865
- return hAsync("div", { key: '2a4d92d823206e950959201c8c2c1b420379ceb1', class: "qds-container" }, __classPrivateFieldGet$v(this, _AvatarMedia_renderContent, "f").call(this));
3886
+ return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
3866
3887
  }
3867
3888
  static get watchers() { return {
3868
- "text": ["handleTextChange"]
3889
+ "text": ["textChanged", "roleChanged"],
3890
+ "alt": ["labelChanged"],
3891
+ "src": ["roleChanged"]
3869
3892
  }; }
3870
3893
  static get style() { return avatarMediaCss; }
3871
3894
  static get cmpMeta() { return {
@@ -3885,14 +3908,14 @@ class AvatarMedia {
3885
3908
  "$attrsToReflect$": []
3886
3909
  }; }
3887
3910
  }
3888
- _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
3911
+ _AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
3889
3912
 
3890
- const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
3913
+ const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;min-width:var(--qds-feedback-badge-counter-standard-min-width);padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);min-width:var(--qds-feedback-badge-counter-small-min-width);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);min-width:var(--qds-feedback-badge-counter-large-min-width);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
3891
3914
 
3892
3915
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3893
3916
  //
3894
3917
  // SPDX-License-Identifier: Apache-2.0
3895
- var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3918
+ var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3896
3919
  if (kind === "a" && !f)
3897
3920
  throw new TypeError("Private accessor was defined without a getter");
3898
3921
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -3927,7 +3950,7 @@ class BadgeCounter {
3927
3950
  return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
3928
3951
  'qds-badge-counter': true,
3929
3952
  'qds-stroke-ring': this.strokeRing,
3930
- }, "data-importance": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
3953
+ }, "data-importance": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
3931
3954
  }
3932
3955
  static get style() { return badgeCounterCss; }
3933
3956
  static get cmpMeta() { return {
@@ -3983,7 +4006,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
3983
4006
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
3984
4007
  //
3985
4008
  // SPDX-License-Identifier: Apache-2.0
3986
- var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4009
+ var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
3987
4010
  if (kind === "a" && !f)
3988
4011
  throw new TypeError("Private accessor was defined without a getter");
3989
4012
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -4018,7 +4041,7 @@ class BadgeIndicator {
4018
4041
  return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
4019
4042
  'qds-badge-indicator': true,
4020
4043
  'qds-stroke-ring': this.strokeRing,
4021
- }, "data-size": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
4044
+ }, "data-size": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
4022
4045
  }
4023
4046
  static get style() { return badgeIndicatorCss; }
4024
4047
  static get cmpMeta() { return {
@@ -4079,19 +4102,19 @@ const VALID_STATE = {
4079
4102
  valueMissing: false,
4080
4103
  };
4081
4104
 
4082
- const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:b;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:b;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}";
4105
+ const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"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)}";
4083
4106
 
4084
4107
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4085
4108
  //
4086
4109
  // SPDX-License-Identifier: Apache-2.0
4087
- var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4110
+ var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4088
4111
  if (kind === "a" && !f)
4089
4112
  throw new TypeError("Private accessor was defined without a getter");
4090
4113
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4091
4114
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4092
4115
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4093
4116
  };
4094
- var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4117
+ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4095
4118
  if (kind === "m")
4096
4119
  throw new TypeError("Private method is not writable");
4097
4120
  if (kind === "a" && !f)
@@ -4261,15 +4284,15 @@ class Button {
4261
4284
  this.reportValidity = () => this.internals.reportValidity();
4262
4285
  this.setCustomValidity = (error) => {
4263
4286
  if (error)
4264
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$s(this, _Button_button, "f"));
4287
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
4265
4288
  else
4266
4289
  this.internals.setValidity(NO_ERROR_FLAGS);
4267
4290
  };
4268
4291
  _Button_buttonRef.set(this, (button) => {
4269
- __classPrivateFieldSet$p(this, _Button_button, button, "f");
4292
+ __classPrivateFieldSet$o(this, _Button_button, button, "f");
4270
4293
  });
4271
4294
  _Button_spanRef.set(this, (span) => {
4272
- __classPrivateFieldSet$p(this, _Button_span, span, "f");
4295
+ __classPrivateFieldSet$o(this, _Button_span, span, "f");
4273
4296
  });
4274
4297
  _Button_tooltipRef.set(this, (tooltip) => {
4275
4298
  if (tooltip)
@@ -4277,7 +4300,7 @@ class Button {
4277
4300
  tooltip.target = this.host;
4278
4301
  });
4279
4302
  _Button_onClick.set(this, (event) => {
4280
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4303
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4281
4304
  preventDefault$2(event);
4282
4305
  event.stopImmediatePropagation();
4283
4306
  }
@@ -4287,13 +4310,13 @@ class Button {
4287
4310
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4288
4311
  }
4289
4312
  onClick(event) {
4290
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4313
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
4291
4314
  event.stopImmediatePropagation();
4292
4315
  return;
4293
4316
  }
4294
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4317
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
4295
4318
  return;
4296
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4319
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
4297
4320
  this.internals.form.reset();
4298
4321
  }
4299
4322
  else {
@@ -4306,8 +4329,8 @@ class Button {
4306
4329
  }
4307
4330
  onKeydown(event) {
4308
4331
  if (event.key === 'Enter') {
4309
- if (__classPrivateFieldGet$s(this, _Button_button, "f") instanceof HTMLAnchorElement)
4310
- __classPrivateFieldGet$s(this, _Button_button, "f").click();
4332
+ if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
4333
+ __classPrivateFieldGet$t(this, _Button_button, "f").click();
4311
4334
  else
4312
4335
  this.host.click();
4313
4336
  }
@@ -4317,11 +4340,11 @@ class Button {
4317
4340
  this.host.click();
4318
4341
  }
4319
4342
  disabledChanged() {
4320
- this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4321
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4343
+ this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
4344
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4322
4345
  this.host.removeAttribute('tabindex');
4323
4346
  else
4324
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4347
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4325
4348
  }
4326
4349
  hrefChanged() {
4327
4350
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -4329,40 +4352,40 @@ class Button {
4329
4352
  tabindexChanged(newValue) {
4330
4353
  if (newValue !== null) {
4331
4354
  const parsedValue = Number.parseInt(newValue, 10);
4332
- __classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4355
+ __classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
4333
4356
  ? 0
4334
4357
  : parsedValue, "f");
4335
4358
  }
4336
- if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
4359
+ if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
4337
4360
  this.host.removeAttribute('tabindex');
4338
4361
  else
4339
- this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
4362
+ this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
4340
4363
  }
4341
4364
  textChanged() {
4342
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4343
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4344
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4345
- if (!__classPrivateFieldGet$s(this, _Button_span, "f"))
4365
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
4366
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4367
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4368
+ if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
4346
4369
  return;
4347
- const span = __classPrivateFieldGet$s(this, _Button_span, "f");
4370
+ const span = __classPrivateFieldGet$t(this, _Button_span, "f");
4348
4371
  readTask(() => {
4349
4372
  this.tooltip = isEllipsisActive(span);
4350
4373
  });
4351
- __classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4374
+ __classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
4352
4375
  this.tooltip = isEllipsisActive(spanEntry.target);
4353
4376
  }), "f");
4354
- __classPrivateFieldGet$s(this, _Button_ro, "f").observe(__classPrivateFieldGet$s(this, _Button_span, "f"));
4377
+ __classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
4355
4378
  }
4356
4379
  /* DEPRECATED: will be removed by september 2026 */
4357
4380
  iconOnlyChanged() {
4358
4381
  this.tooltip = this.iconOnly;
4359
4382
  }
4360
4383
  componentWillLoad() {
4361
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4362
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4363
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4364
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4365
- __classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4384
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
4385
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4386
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
4387
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4388
+ __classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
4366
4389
  this.hrefChanged();
4367
4390
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4368
4391
  this.disabledChanged();
@@ -4373,26 +4396,26 @@ class Button {
4373
4396
  this.iconOnlyChanged();
4374
4397
  }
4375
4398
  disconnectedCallback() {
4376
- if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
4377
- __classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
4399
+ if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
4400
+ __classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
4378
4401
  }
4379
4402
  render() {
4380
4403
  const Tag = this.href === undefined ? 'button' : 'a';
4381
- return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$s(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
4404
+ return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
4382
4405
  'qds-button': true,
4383
- 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4406
+ 'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
4384
4407
  /* DEPRECATED: will be removed by september 2026 */
4385
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4386
- }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$s(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get) && (
4408
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4409
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
4387
4410
  /* DEPRECATED: will be removed by september 2026 */
4388
- hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$s(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
4411
+ hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
4389
4412
  /* DEPRECATED: will be removed by september 2026 */
4390
- 'qds-indicator': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4391
- }, description: this.badgeDescription, importance: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
4413
+ 'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4414
+ }, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
4392
4415
  'qds-focus-ring': true,
4393
4416
  /* DEPRECATED: will be removed by september 2026 */
4394
- 'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
4395
- }, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$s(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4417
+ 'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
4418
+ }, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
4396
4419
  }
4397
4420
  static get formAssociated() { return true; }
4398
4421
  get host() { return getElement(this); }
@@ -4515,19 +4538,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
4515
4538
  Object.defineProperty(this.host, p, { enumerable: true, get });
4516
4539
  };
4517
4540
 
4518
- const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{flex:1 1 auto;min-width:0;width:100%}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small]{--qds-form-small-text:var(--qds-control-small-text)}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}[data-size=standard]{--qds-form-standard-text:var(--qds-control-standard-text)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=large]{--qds-form-large-text:var(--qds-control-large-text)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
4541
+ const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area: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)}";
4519
4542
 
4520
4543
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4521
4544
  //
4522
4545
  // SPDX-License-Identifier: Apache-2.0
4523
- var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4546
+ var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4524
4547
  if (kind === "a" && !f)
4525
4548
  throw new TypeError("Private accessor was defined without a getter");
4526
4549
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4527
4550
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4528
4551
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4529
4552
  };
4530
- var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4553
+ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4531
4554
  if (kind === "m")
4532
4555
  throw new TypeError("Private method is not writable");
4533
4556
  if (kind === "a" && !f)
@@ -4536,7 +4559,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
4536
4559
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
4537
4560
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
4538
4561
  };
4539
- var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_defineGetter;
4562
+ var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_ro, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
4540
4563
  /**
4541
4564
  * `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
4542
4565
  * when activated, like you might see in an official government paper form. A
@@ -4622,7 +4645,11 @@ class Checkbox {
4622
4645
  * Whether or not the text is displayed.
4623
4646
  */
4624
4647
  this.checkboxOnly = false;
4648
+ this.tooltip = false;
4625
4649
  _Checkbox_inheritedAttributes.set(this, {});
4650
+ _Checkbox_ro.set(this, void 0);
4651
+ _Checkbox_span.set(this, void 0);
4652
+ _Checkbox_tooltip.set(this, void 0);
4626
4653
  this.checkValidity = () => this.internals.checkValidity();
4627
4654
  this.reportValidity = () => this.internals.reportValidity();
4628
4655
  this.setCustomValidity = (error) => {
@@ -4633,30 +4660,44 @@ class Checkbox {
4633
4660
  };
4634
4661
  _Checkbox_onBlur.set(this, (event) => {
4635
4662
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4663
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4664
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
4636
4665
  });
4637
4666
  _Checkbox_onFocus.set(this, (event) => {
4638
4667
  this.focusEmitter.emit(pickFocusEventAttributes(event));
4668
+ if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
4669
+ ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
4670
+ });
4671
+ _Checkbox_spanRef.set(this, (span) => {
4672
+ __classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
4673
+ });
4674
+ _Checkbox_tooltipRef.set(this, (tooltip) => {
4675
+ if (tooltip) {
4676
+ // eslint-disable-next-line no-param-reassign
4677
+ tooltip.target = this.host;
4678
+ __classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
4679
+ }
4639
4680
  });
4640
4681
  }
4641
4682
  onClick(event) {
4642
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4683
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
4643
4684
  event.stopImmediatePropagation();
4644
4685
  return;
4645
4686
  }
4646
4687
  event.preventDefault();
4647
- this.checked = __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4688
+ this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
4648
4689
  this.changeEmitter.emit();
4649
4690
  this.indeterminate = false;
4650
4691
  }
4651
4692
  checkedChanged() {
4652
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4653
- ? __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4693
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
4694
+ ? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
4654
4695
  : // eslint-disable-next-line unicorn/no-null
4655
4696
  null);
4656
4697
  }
4657
4698
  disabledChanged() {
4658
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4659
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4699
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4700
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4660
4701
  // eslint-disable-next-line unicorn/no-null
4661
4702
  else
4662
4703
  this.internals.setFormValue(null);
@@ -4666,34 +4707,55 @@ class Checkbox {
4666
4707
  this.tabIndex =
4667
4708
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4668
4709
  }
4710
+ textChanged() {
4711
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4712
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4713
+ if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
4714
+ return;
4715
+ const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
4716
+ readTask(() => {
4717
+ this.tooltip = isEllipsisActive(span);
4718
+ });
4719
+ __classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
4720
+ this.tooltip = isEllipsisActive(spanEntry.target);
4721
+ }), "f");
4722
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
4723
+ }
4669
4724
  valueChanged() {
4670
- if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4671
- this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4725
+ if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
4726
+ this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
4672
4727
  }
4673
4728
  componentWillLoad() {
4674
4729
  this.valueChanged();
4675
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4676
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4677
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4678
- __classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4679
- __classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4730
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
4731
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
4732
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
4733
+ __classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
4734
+ __classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4680
4735
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4681
4736
  }
4737
+ componentDidLoad() {
4738
+ this.textChanged();
4739
+ }
4740
+ disconnectedCallback() {
4741
+ if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
4742
+ __classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
4743
+ }
4682
4744
  render() {
4683
4745
  return (
4684
4746
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4685
- hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4747
+ hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
4686
4748
  'qds-inline': this.inline,
4687
4749
  'qds-label': true,
4688
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, hAsync("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
4750
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
4689
4751
  // eslint-disable-next-line jsx-a11y/no-autofocus
4690
- autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$r(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$r(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
4752
+ autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$s(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$s(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$s(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
4691
4753
  'qds-icon': true,
4692
4754
  'qds-checked': true,
4693
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
4755
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
4694
4756
  'qds-icon': true,
4695
4757
  'qds-indeterminate': true,
4696
- }, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: '2abb3aa9fe38db5b754d65024d907fe7e6c05ed0', class: "qds-label-inner", required: this.required, size: this.size, text: this.text, tabindex: -1, tooltipTarget: this.host }))));
4758
+ }, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
4697
4759
  }
4698
4760
  static get delegatesFocus() { return true; }
4699
4761
  static get formAssociated() { return true; }
@@ -4702,6 +4764,7 @@ class Checkbox {
4702
4764
  "checked": ["checkedChanged"],
4703
4765
  "disabled": ["disabledChanged"],
4704
4766
  "tabindex": ["tabindexChanged"],
4767
+ "text": ["textChanged"],
4705
4768
  "value": ["valueChanged"]
4706
4769
  }; }
4707
4770
  static get style() { return checkboxCss; }
@@ -4723,14 +4786,15 @@ class Checkbox {
4723
4786
  "value": [8],
4724
4787
  "willValidate": [4, "will-validate"],
4725
4788
  "checkboxOnly": [4, "checkbox-only"],
4726
- "tabIndex": [32]
4789
+ "tabIndex": [32],
4790
+ "tooltip": [32]
4727
4791
  },
4728
4792
  "$listeners$": [[0, "click", "onClick"]],
4729
4793
  "$lazyBundleId$": "-",
4730
4794
  "$attrsToReflect$": []
4731
4795
  }; }
4732
4796
  }
4733
- _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4797
+ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
4734
4798
  return this.checked ?? false;
4735
4799
  }, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
4736
4800
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
@@ -4757,19 +4821,19 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
4757
4821
  Object.defineProperty(this.host, p, { enumerable: true, get });
4758
4822
  };
4759
4823
 
4760
- 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}";
4824
+ const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-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}";
4761
4825
 
4762
4826
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
4763
4827
  //
4764
4828
  // SPDX-License-Identifier: Apache-2.0
4765
- var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4829
+ var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
4766
4830
  if (kind === "a" && !f)
4767
4831
  throw new TypeError("Private accessor was defined without a getter");
4768
4832
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
4769
4833
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
4770
4834
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
4771
4835
  };
4772
- var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4836
+ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
4773
4837
  if (kind === "m")
4774
4838
  throw new TypeError("Private method is not writable");
4775
4839
  if (kind === "a" && !f)
@@ -4843,7 +4907,7 @@ class Chip {
4843
4907
  _Chip_ro.set(this, void 0);
4844
4908
  _Chip_inheritedAttributes.set(this, {});
4845
4909
  _Chip_onIconClick.set(this, (event) => {
4846
- if (!event.defaultPrevented && __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4910
+ if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
4847
4911
  this.closeEmitter.emit();
4848
4912
  });
4849
4913
  _Chip_onFocus.set(this, (event) => {
@@ -4853,30 +4917,30 @@ class Chip {
4853
4917
  this.blurEmitter.emit(pickFocusEventAttributes(event));
4854
4918
  });
4855
4919
  _Chip_chipRef.set(this, (chip) => {
4856
- __classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
4920
+ __classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
4857
4921
  });
4858
4922
  _Chip_spanRef.set(this, (span) => {
4859
- __classPrivateFieldSet$n(this, _Chip_span, span, "f");
4923
+ __classPrivateFieldSet$m(this, _Chip_span, span, "f");
4860
4924
  });
4861
4925
  _Chip_tooltipRef.set(this, (tooltip) => {
4862
4926
  if (tooltip)
4863
4927
  // eslint-disable-next-line no-param-reassign
4864
- tooltip.target = __classPrivateFieldGet$q(this, _Chip_chip, "f");
4928
+ tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
4865
4929
  });
4866
4930
  }
4867
4931
  onClick(event) {
4868
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4932
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4869
4933
  event.stopImmediatePropagation();
4870
4934
  return;
4871
4935
  }
4872
4936
  event.preventDefault();
4873
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4874
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4937
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4938
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4875
4939
  this.changeEmitter.emit();
4876
4940
  }
4877
4941
  }
4878
4942
  handleKeyDown(event) {
4879
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4943
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
4880
4944
  event.stopImmediatePropagation();
4881
4945
  return;
4882
4946
  }
@@ -4893,21 +4957,21 @@ class Chip {
4893
4957
  if (event.key !== ' ')
4894
4958
  return;
4895
4959
  this.isPressed = false;
4896
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4897
- this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4960
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
4961
+ this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4898
4962
  this.changeEmitter.emit();
4899
4963
  }
4900
4964
  }
4901
4965
  checkedChanged() {
4902
- this.isSelected = __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
4903
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4904
- ? __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get)
4966
+ this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
4967
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
4968
+ ? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
4905
4969
  : // eslint-disable-next-line unicorn/no-null
4906
4970
  null);
4907
4971
  }
4908
4972
  disabledChanged() {
4909
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4910
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4973
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4974
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4911
4975
  // eslint-disable-next-line unicorn/no-null
4912
4976
  else
4913
4977
  this.internals.setFormValue(null);
@@ -4918,8 +4982,8 @@ class Chip {
4918
4982
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
4919
4983
  }
4920
4984
  valueChanged() {
4921
- if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4922
- this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
4985
+ if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
4986
+ this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
4923
4987
  }
4924
4988
  componentWillLoad() {
4925
4989
  this.valueChanged();
@@ -4927,39 +4991,39 @@ class Chip {
4927
4991
  enumerable: true,
4928
4992
  get: () => this.internals.form,
4929
4993
  });
4930
- __classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4994
+ __classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
4931
4995
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
4932
4996
  }
4933
4997
  componentDidLoad() {
4934
- invariant(__classPrivateFieldGet$q(this, _Chip_span, "f"));
4935
- const span = __classPrivateFieldGet$q(this, _Chip_span, "f");
4998
+ invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
4999
+ const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
4936
5000
  readTask(() => {
4937
5001
  this.tooltip = isEllipsisActive(span);
4938
5002
  });
4939
- __classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
5003
+ __classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
4940
5004
  this.tooltip = isEllipsisActive(spanEntry.target);
4941
5005
  }), "f");
4942
- __classPrivateFieldGet$q(this, _Chip_ro, "f").observe(__classPrivateFieldGet$q(this, _Chip_span, "f"));
5006
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
4943
5007
  }
4944
5008
  disconnectedCallback() {
4945
- if (__classPrivateFieldGet$q(this, _Chip_ro, "f"))
4946
- __classPrivateFieldGet$q(this, _Chip_ro, "f").disconnect();
5009
+ if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
5010
+ __classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
4947
5011
  }
4948
5012
  render() {
4949
- return (hAsync("div", { key: 'bcc34bdc302e3507dbfc330766602a56b385ebb0', class: "qds-chip", ref: __classPrivateFieldGet$q(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '8bbbaa13dadd5169da7020566e27b714d6dee90d', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
5013
+ return (hAsync("div", { key: 'c87ae5b0e24b50bb8304e826f924e23906813a30', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '021c3a19556340b72b7361a7c1837eb2f8fc4c44', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
4950
5014
  'qds-container': true,
4951
5015
  'qds-closable-chip': true,
4952
- }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '2ae352f12ce6157b9257278c8cb435292bc84d27', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '94b7769f238fe01b6cdb1343a0191eab89fcccb6', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '5c5304b762576f483c8694352c39cc1f4d5548fa', name: "clear", text: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$q(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
5016
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6372fef2711522b9fd7c7985f3b5e02b348c4104', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '80c7e8d86cf341d096808fa496f7d4dd595c2cb5', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '98ca1457125b1b0e2e37e9ad403aea21fc94ac07', name: "clear", text: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$r(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
4953
5017
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
4954
- hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '9ef4d6e771113a1bc84a91091e963d2f24dc677c',
5018
+ hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
4955
5019
  // eslint-disable-next-line jsx-a11y/no-autofocus
4956
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$q(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$q(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6471d8928c0a302ae6226857a92e85984757e66f', class: {
5020
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$r(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6cf7b1de73a86af57d95404e8441ec10aa8b4005', class: {
4957
5021
  'qds-container': true,
4958
5022
  'qds-pressed-state': this.isPressed,
4959
5023
  'qds-selected-state': this.isSelected,
4960
5024
  'qds-padding-end': true,
4961
5025
  'qds-cursor': true,
4962
- }, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'dcb2c36b020d0968c1bcdc2620c8bce2aceb5a05', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8bd629d4b13fc12a1510860a2728a935b78d5740', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '21012b833280655c9ad6ebb7b1f75870a3ff0d97', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'decb809fab63928ec8e7f8069b04b88fd7d1117e', "aria-hidden": "true", ref: __classPrivateFieldGet$q(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
5026
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b3b8fcb77e020f0819d33259ad4e9d8883f268db', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '3bed0e9814f3da14f8d5516ece2044bf6369907d', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '17d03ea52ea5e06d22e1a9e4dd24d7ca2217c245', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'a84aca122610d08ad6338b8cc3e4100d18efece6', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
4963
5027
  }
4964
5028
  static get delegatesFocus() { return true; }
4965
5029
  static get formAssociated() { return true; }
@@ -5032,7 +5096,7 @@ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;hei
5032
5096
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5033
5097
  //
5034
5098
  // SPDX-License-Identifier: Apache-2.0
5035
- var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5099
+ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
5036
5100
  if (kind === "m")
5037
5101
  throw new TypeError("Private method is not writable");
5038
5102
  if (kind === "a" && !f)
@@ -5041,7 +5105,7 @@ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) |
5041
5105
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
5042
5106
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
5043
5107
  };
5044
- var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5108
+ var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5045
5109
  if (kind === "a" && !f)
5046
5110
  throw new TypeError("Private accessor was defined without a getter");
5047
5111
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5074,16 +5138,16 @@ class Dialog {
5074
5138
  _Dialog_titleId.set(this, void 0);
5075
5139
  _Dialog_closeButton.set(this, void 0);
5076
5140
  _Dialog_ref.set(this, (dialog) => {
5077
- __classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
5141
+ __classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
5078
5142
  });
5079
5143
  _Dialog_onCancel.set(this, (event) => {
5080
5144
  if (this.cancelEmitter.emit().defaultPrevented)
5081
5145
  event.preventDefault();
5082
5146
  });
5083
5147
  _Dialog_onClose.set(this, () => {
5084
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5148
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5085
5149
  this.closeEmitter.emit();
5086
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5150
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5087
5151
  });
5088
5152
  _Dialog_handleCloseClick.set(this, () => {
5089
5153
  this.close();
@@ -5100,7 +5164,7 @@ class Dialog {
5100
5164
  }
5101
5165
  });
5102
5166
  _Dialog_closeButtonRef.set(this, (button) => {
5103
- __classPrivateFieldSet$m(this, _Dialog_closeButton, button, "f");
5167
+ __classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
5104
5168
  });
5105
5169
  _Dialog_handleFocus.set(this, () => {
5106
5170
  if (!this.open)
@@ -5110,8 +5174,8 @@ class Dialog {
5110
5174
  autofocusTarget.focus();
5111
5175
  return;
5112
5176
  }
5113
- if (this.closable === true && __classPrivateFieldGet$p(this, _Dialog_closeButton, "f")) {
5114
- __classPrivateFieldGet$p(this, _Dialog_closeButton, "f").focus();
5177
+ if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
5178
+ __classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
5115
5179
  }
5116
5180
  });
5117
5181
  }
@@ -5126,9 +5190,9 @@ class Dialog {
5126
5190
  this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
5127
5191
  }
5128
5192
  componentWillLoad() {
5129
- __classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5193
+ __classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
5130
5194
  autoIncrementingId$4 += 1;
5131
- __classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5195
+ __classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
5132
5196
  }
5133
5197
  componentDidLoad() {
5134
5198
  if (this.open)
@@ -5136,19 +5200,19 @@ class Dialog {
5136
5200
  }
5137
5201
  render() {
5138
5202
  const hasHeading = this.hasTitleSlot || this.closable === true;
5139
- 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" })));
5203
+ return (hAsync(Host, { key: '3775c0fe42baca31c033c94ac54ae9a0952230e1' }, hAsync("dialog", { key: 'd7d151c1824d486cc600b4f35239d8750df7ae3c', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '35dd63265b11d60c81a0da00ecf26960e1ac6019', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '36a0f0cea4d5ea178159c6999dee7a0f504b463c', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '75e5ece6f72f32e4ba7db2bf9d599fca38439d47', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '32ebd90a963baf9641cc67bb2cd149028a60b260', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'bda8d06d22282ca980d92fa59675906c9e848f2d', class: "qds-content" }, hAsync("slot", { key: 'cb838bb563777ab4e6364cff00c18ab29d3097d3' })), this.hasFooterSlot && (hAsync("div", { key: 'abe36ceae28976fcf7414c84512024ee4a4cb1ea', class: "qds-footer" }, hAsync("slot", { key: '4a5256aa87b920d001592d3a3878661a7c7fcd86', name: "footer" })))), hAsync("div", { key: 'a77aaaf5f7011473d53593c5ca26435b0b9c8946', class: "qds-backdrop" })));
5140
5204
  }
5141
5205
  show() {
5142
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5143
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").showModal();
5144
- this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
5206
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5207
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
5208
+ this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
5145
5209
  requestAnimationFrame(() => {
5146
- __classPrivateFieldGet$p(this, _Dialog_handleFocus, "f").call(this);
5210
+ __classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
5147
5211
  });
5148
5212
  }
5149
5213
  close() {
5150
- invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
5151
- __classPrivateFieldGet$p(this, _Dialog_dialog, "f").close();
5214
+ invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
5215
+ __classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
5152
5216
  }
5153
5217
  get host() { return getElement(this); }
5154
5218
  static get watchers() { return {
@@ -5176,7 +5240,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
5176
5240
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
5177
5241
  //
5178
5242
  // SPDX-License-Identifier: Apache-2.0
5179
- var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5243
+ var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
5180
5244
  if (kind === "a" && !f)
5181
5245
  throw new TypeError("Private accessor was defined without a getter");
5182
5246
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -5222,10 +5286,10 @@ class Divider {
5222
5286
  this.verticalChanged();
5223
5287
  }
5224
5288
  render() {
5225
- return (hAsync("hr", { key: '377320d6db82fa0188749625cf808243462fc790', class: {
5289
+ return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
5226
5290
  'qds-divider': true,
5227
5291
  'qds-vertical': this.vertical,
5228
- }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$o(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5292
+ }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
5229
5293
  }
5230
5294
  static get watchers() { return {
5231
5295
  "vertical": ["verticalChanged"]
@@ -6944,7 +7008,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
6944
7008
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
6945
7009
  //
6946
7010
  // SPDX-License-Identifier: Apache-2.0
6947
- var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7011
+ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
6948
7012
  if (kind === "m")
6949
7013
  throw new TypeError("Private method is not writable");
6950
7014
  if (kind === "a" && !f)
@@ -6953,7 +7017,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
6953
7017
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
6954
7018
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
6955
7019
  };
6956
- var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7020
+ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
6957
7021
  if (kind === "a" && !f)
6958
7022
  throw new TypeError("Private accessor was defined without a getter");
6959
7023
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7041,10 +7105,10 @@ class Dropdown {
7041
7105
  if (!(event instanceof FocusEvent))
7042
7106
  return;
7043
7107
  const { relatedTarget } = event;
7044
- const dropdownItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7108
+ const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
7045
7109
  if (relatedTarget instanceof globalThis.Element &&
7046
7110
  !this.host.contains(relatedTarget) &&
7047
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7111
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
7048
7112
  !dropdownItem)
7049
7113
  await this.close();
7050
7114
  });
@@ -7052,33 +7116,51 @@ class Dropdown {
7052
7116
  if (!(event instanceof KeyboardEvent))
7053
7117
  return;
7054
7118
  const { key, target } = event;
7119
+ const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
7120
+ const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7121
+ (targetRootNode instanceof globalThis.ShadowRoot &&
7122
+ targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
7123
+ (target instanceof globalThis.Element &&
7124
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7125
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
7055
7126
  if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
7127
+ // Keep parent open when Enter is used on an item with a nested submenu.
7128
+ if (target instanceof HTMLElement &&
7129
+ target.shadowRoot?.querySelector('qds-dropdown'))
7130
+ return;
7056
7131
  await this.close();
7057
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7132
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7058
7133
  return;
7059
7134
  }
7060
7135
  if (key === 'Escape' &&
7061
- (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") ||
7136
+ (target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
7062
7137
  (target instanceof globalThis.Element &&
7063
7138
  closestElement('qds-dropdown', target) === this.host))) {
7064
7139
  const cancelEvent = this.cancelEmitter.emit();
7065
7140
  if (cancelEvent.defaultPrevented)
7066
7141
  return;
7067
7142
  await this.close();
7068
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7143
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
7069
7144
  return;
7070
7145
  }
7071
- if (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") &&
7072
- (key === 'ArrowDown' || key === 'ArrowUp')) {
7073
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7146
+ if (keydownOnReference &&
7147
+ (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
7148
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7074
7149
  await this.show();
7075
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7150
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7151
+ event.preventDefault();
7152
+ event.stopPropagation();
7153
+ return;
7154
+ }
7155
+ // Prevent space key from scrolling the page when focused on an item
7156
+ if (key === ' ') {
7076
7157
  event.preventDefault();
7158
+ event.stopPropagation();
7077
7159
  return;
7078
7160
  }
7079
7161
  if (!VERTICAL_MOVE_KEYS.has(key))
7080
7162
  return;
7081
- const Items = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7163
+ const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
7082
7164
  closestElement('qds-dropdown', item) === this.host);
7083
7165
  if (Items.length === 0)
7084
7166
  return;
@@ -7117,42 +7199,42 @@ class Dropdown {
7117
7199
  _Dropdown_onReferenceClick.set(this, async () => {
7118
7200
  if (this.disabled)
7119
7201
  return;
7120
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f")) {
7202
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
7121
7203
  await this.close();
7122
7204
  return;
7123
7205
  }
7124
7206
  await this.show();
7125
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7207
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
7126
7208
  });
7127
7209
  _Dropdown_boundOnFocusout.set(this, (event) => {
7128
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f").call(this, event));
7210
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
7129
7211
  });
7130
7212
  _Dropdown_boundOnKeydown.set(this, (event) => {
7131
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f").call(this, event));
7213
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
7132
7214
  });
7133
7215
  _Dropdown_boundOnReferenceClick.set(this, () => {
7134
- ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onReferenceClick, "f").call(this));
7216
+ ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
7135
7217
  });
7136
7218
  _Dropdown_onSlotchange.set(this, (event) => {
7137
7219
  const slot = event.target;
7138
7220
  const assignedElements = slot.assignedElements({ flatten: true });
7139
- __classPrivateFieldSet$l(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7221
+ __classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
7140
7222
  });
7141
7223
  }
7142
7224
  /**
7143
7225
  * Updates the gap between the dropdown and its target element.
7144
7226
  */
7145
7227
  async updateGap() {
7146
- __classPrivateFieldSet$l(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7228
+ __classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
7147
7229
  await this.updateMiddleware();
7148
7230
  }
7149
7231
  /**
7150
7232
  * Shows the dropdown.
7151
7233
  */
7152
7234
  async show() {
7153
- if (__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7235
+ if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7154
7236
  return;
7155
- const reference = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f");
7237
+ const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
7156
7238
  const { host } = this;
7157
7239
  if (reference instanceof globalThis.Element) {
7158
7240
  reference.setAttribute('aria-expanded', 'true');
@@ -7163,12 +7245,12 @@ class Dropdown {
7163
7245
  if (isQdsButton(reference) && reference.action === 'dropdown')
7164
7246
  reference.action = 'dropdown-close';
7165
7247
  }
7166
- if (!__classPrivateFieldGet$n(this, _Dropdown_opened, "f")) {
7248
+ if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
7167
7249
  await this.updateGap();
7168
- __classPrivateFieldSet$l(this, _Dropdown_opened, true, "f");
7250
+ __classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
7169
7251
  }
7170
7252
  this.startAutoUpdate();
7171
- __classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
7253
+ __classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
7172
7254
  host.hidden = false;
7173
7255
  host.showPopover();
7174
7256
  }
@@ -7176,29 +7258,29 @@ class Dropdown {
7176
7258
  * Closes the dropdown.
7177
7259
  */
7178
7260
  async close() {
7179
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7261
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7180
7262
  return;
7181
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7182
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7183
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7184
- if (isQdsButton(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")) &&
7185
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7186
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7187
- }
7188
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7189
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7190
- __classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
7263
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
7264
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7265
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7266
+ if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
7267
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
7268
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
7269
+ }
7270
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7271
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7272
+ __classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
7191
7273
  this.host.hidden = true;
7192
7274
  this.host.hidePopover();
7193
7275
  this.closeEmitter.emit();
7194
7276
  }
7195
7277
  async handleMouseDown(event) {
7196
- if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
7278
+ if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
7197
7279
  return;
7198
7280
  const composedPath = event.composedPath();
7199
7281
  const withinBounds = composedPath.includes(this.host) ||
7200
- (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7201
- composedPath.includes(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")));
7282
+ (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
7283
+ composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
7202
7284
  if (!withinBounds)
7203
7285
  await this.close();
7204
7286
  }
@@ -7209,24 +7291,24 @@ class Dropdown {
7209
7291
  }
7210
7292
  async updateReferenceElement() {
7211
7293
  var _a;
7212
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7213
- __classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7214
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7294
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7295
+ __classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
7296
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7215
7297
  return;
7216
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7217
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$n(this, _Dropdown_boundOnReferenceClick, "f"));
7218
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7219
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7298
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
7299
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
7300
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7301
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7220
7302
  if (this.host.role === 'menu') {
7221
- (_a = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7222
- this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").id);
7303
+ (_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
7304
+ this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
7223
7305
  }
7224
7306
  }
7225
7307
  async updateMiddleware() {
7226
- __classPrivateFieldSet$l(this, _Dropdown_middleware, [
7308
+ __classPrivateFieldSet$k(this, _Dropdown_middleware, [
7227
7309
  offset({
7228
7310
  ...this.offsetOptions,
7229
- mainAxis: __classPrivateFieldGet$n(this, _Dropdown_gap, "f"),
7311
+ mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
7230
7312
  }),
7231
7313
  !this.noFlip &&
7232
7314
  flip({
@@ -7241,10 +7323,10 @@ class Dropdown {
7241
7323
  ], "f");
7242
7324
  }
7243
7325
  async updatePosition() {
7244
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7326
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7245
7327
  return;
7246
- const { x, y, strategy } = await computePosition(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, {
7247
- middleware: __classPrivateFieldGet$n(this, _Dropdown_middleware, "f"),
7328
+ const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
7329
+ middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
7248
7330
  placement: this.placement,
7249
7331
  strategy: this.strategy,
7250
7332
  });
@@ -7255,11 +7337,11 @@ class Dropdown {
7255
7337
  });
7256
7338
  }
7257
7339
  startAutoUpdate() {
7258
- if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
7340
+ if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
7259
7341
  return;
7260
- if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
7261
- __classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
7262
- __classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, () => {
7342
+ if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
7343
+ __classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
7344
+ __classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
7263
7345
  ignorePromise(this.updatePosition());
7264
7346
  }, this.autoUpdateOptions), "f");
7265
7347
  }
@@ -7273,10 +7355,10 @@ class Dropdown {
7273
7355
  autoIncrementingId$3 += 1;
7274
7356
  }
7275
7357
  disconnectedCallback() {
7276
- __classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7358
+ __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
7277
7359
  }
7278
7360
  render() {
7279
- 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") })));
7361
+ return (hAsync(Host, { key: '65c58f7361006626f42e2d3b57fe78d2388b3a9d', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '79bc14dc9dfd417f26e7043fcd71694819ccd2c8', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
7280
7362
  }
7281
7363
  static get delegatesFocus() { return true; }
7282
7364
  get host() { return getElement(this); }
@@ -7318,30 +7400,30 @@ class Dropdown {
7318
7400
  }; }
7319
7401
  }
7320
7402
  _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_gap = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_opened = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_boundOnFocusout = new WeakMap(), _Dropdown_boundOnKeydown = new WeakMap(), _Dropdown_boundOnReferenceClick = new WeakMap(), _Dropdown_onSlotchange = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_focusOnTrigger = function _Dropdown_focusOnTrigger() {
7321
- if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7322
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7323
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").focus();
7403
+ if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
7404
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
7405
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
7324
7406
  }
7325
7407
  }, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
7326
7408
  requestAnimationFrame(() => {
7327
- const firstItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7409
+ const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
7328
7410
  isEnabledItem(item) &&
7329
7411
  closestElement('qds-dropdown', item) === this.host);
7330
7412
  if (!firstItem)
7331
7413
  return;
7332
- for (const item of __classPrivateFieldGet$n(this, _Dropdown_Items, "f"))
7414
+ for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
7333
7415
  item.setAttribute('tabindex', '-1');
7334
7416
  firstItem.setAttribute('tabindex', '0');
7335
7417
  firstItem.focus();
7336
7418
  });
7337
7419
  }, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
7338
7420
  this.host.removeAttribute('aria-labelledby');
7339
- if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7421
+ if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
7340
7422
  return;
7341
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
7342
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
7343
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7344
- __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7423
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
7424
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
7425
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
7426
+ __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
7345
7427
  };
7346
7428
 
7347
7429
  const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-form-message.qds-inline{align-items:flex-start}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{background-color:var(--qds-theme-feedback-action-destructive-contrast);border-radius:var(--qds-control-rounded-border-radius)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-form-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}.qds-inline[data-size=small]{min-height:var(--qds-form-input-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-form-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}.qds-inline[data-size=standard]{min-height:var(--qds-form-input-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-form-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}.qds-inline[data-size=large]{min-height:var(--qds-form-input-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon[data-status=error],.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon{color:var(--qds-theme-feedback-message-informational)}.qds-icon[data-status=success],.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon{color:var(--qds-theme-feedback-result-partial-success)}[data-status=neutral]{color:var(--qds-theme-text-subdued)}";
@@ -7349,7 +7431,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
7349
7431
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7350
7432
  //
7351
7433
  // SPDX-License-Identifier: Apache-2.0
7352
- var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7434
+ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7353
7435
  if (kind === "m")
7354
7436
  throw new TypeError("Private method is not writable");
7355
7437
  if (kind === "a" && !f)
@@ -7358,7 +7440,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
7358
7440
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7359
7441
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7360
7442
  };
7361
- var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7443
+ var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7362
7444
  if (kind === "a" && !f)
7363
7445
  throw new TypeError("Private accessor was defined without a getter");
7364
7446
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7394,13 +7476,13 @@ class FormMessage {
7394
7476
  _FormMessage_inheritedAttributes.set(this, {});
7395
7477
  }
7396
7478
  componentWillLoad() {
7397
- __classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7479
+ __classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7398
7480
  }
7399
7481
  render() {
7400
- return (hAsync("span", { key: '0a8cbc3d4d61b9dbf49f33e3d68b789bc549c9f7', class: {
7482
+ return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
7401
7483
  'qds-form-message': true,
7402
7484
  'qds-inline': this.inline,
7403
- }, "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$m(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '02884cdb957599f46d249bb98801f3c160250937', class: "qds-icon-container", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '0a644f9370c393343e13e540fdff08d00173aa38', class: "qds-icon-background", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '9e5155876baa893f97c1c075ac45c7456cf14a7c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: '39ed92c28a4fabb5d88e1e3994ce2223fce3c152', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'b9a972b25f786706b6b080599e1249cc8d7f6b4a', class: "qds-text", "data-status": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7485
+ }, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$n(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '0a9b180b4a3649f5360cdd930b47e154940a57ec', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '8662cabe7446727290a67ad778e519aad73438f6', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '99467f3ddac3b4ca02f54b56d252eafcd266e627', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: 'f14eb5b9840eab89b41b0dba1aeb3e4565302a57', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'feba7f19897dad2a1913cb6175933fb83580a5b0', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
7404
7486
  }
7405
7487
  get host() { return getElement(this); }
7406
7488
  static get style() { return formMessageCss; }
@@ -7575,26 +7657,6 @@ const requestIcon = (url) => {
7575
7657
 
7576
7658
  const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
7577
7659
 
7578
- // SPDX-FileCopyrightText: © 2024 Schneider Electric
7579
- //
7580
- // SPDX-License-Identifier: Apache-2.0
7581
- var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7582
- if (kind === "a" && !f)
7583
- throw new TypeError("Private accessor was defined without a getter");
7584
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7585
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
7586
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
7587
- };
7588
- var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7589
- if (kind === "m")
7590
- throw new TypeError("Private method is not writable");
7591
- if (kind === "a" && !f)
7592
- throw new TypeError("Private accessor was defined without a setter");
7593
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
7594
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
7595
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7596
- };
7597
- var _Icon_inheritedAttributes;
7598
7660
  let parser;
7599
7661
  /**
7600
7662
  * @experimental
@@ -7604,12 +7666,18 @@ class Icon {
7604
7666
  registerInstance(this, hostRef);
7605
7667
  this.loadEmitter = createEvent(this, "qdsLoad", 6);
7606
7668
  this.errorEmitter = createEvent(this, "qdsError", 6);
7669
+ if (hostRef.$hostElement$["s-ei"]) {
7670
+ this.internals = hostRef.$hostElement$["s-ei"];
7671
+ }
7672
+ else {
7673
+ this.internals = hostRef.$hostElement$.attachInternals();
7674
+ hostRef.$hostElement$["s-ei"] = this.internals;
7675
+ }
7607
7676
  /**
7608
7677
  * The name of a registered icon library.
7609
7678
  */
7610
7679
  this.library = 'default';
7611
7680
  this.svg = '';
7612
- _Icon_inheritedAttributes.set(this, {});
7613
7681
  }
7614
7682
  async setIcon() {
7615
7683
  if (!this.name)
@@ -7640,9 +7708,6 @@ class Icon {
7640
7708
  this.errorEmitter.emit();
7641
7709
  }
7642
7710
  else {
7643
- for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
7644
- if (value !== undefined)
7645
- svgElement.setAttribute(key, value);
7646
7711
  this.svg = svgElement.outerHTML;
7647
7712
  this.loadEmitter.emit();
7648
7713
  }
@@ -7652,13 +7717,12 @@ class Icon {
7652
7717
  }
7653
7718
  }
7654
7719
  async componentWillLoad() {
7655
- __classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
7720
+ this.internals.role = 'presentation';
7656
7721
  await this.setIcon();
7657
7722
  }
7658
7723
  render() {
7659
- return (hAsync("div", { key: 'e34db03445b6466673f0a5007e56565db0607dad', class: "qds-container" }, hAsync("span", { key: 'ae17bef072c530670209c28570db6f0021d58168', class: "qds-icon-wrapper", innerHTML: this.svg })));
7724
+ return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
7660
7725
  }
7661
- get host() { return getElement(this); }
7662
7726
  static get watchers() { return {
7663
7727
  "name": ["setIcon"],
7664
7728
  "library": ["setIcon"]
@@ -7677,14 +7741,13 @@ class Icon {
7677
7741
  "$attrsToReflect$": []
7678
7742
  }; }
7679
7743
  }
7680
- _Icon_inheritedAttributes = new WeakMap();
7681
7744
 
7682
- const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
7745
+ const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area: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)}";
7683
7746
 
7684
7747
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
7685
7748
  //
7686
7749
  // SPDX-License-Identifier: Apache-2.0
7687
- var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7750
+ var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7688
7751
  if (kind === "a" && !f)
7689
7752
  throw new TypeError("Private accessor was defined without a getter");
7690
7753
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7768,17 +7831,17 @@ class IconButton {
7768
7831
  _IconButton_tooltipRef.set(this, (tooltip) => {
7769
7832
  if (tooltip) {
7770
7833
  // eslint-disable-next-line no-param-reassign
7771
- tooltip.target = __classPrivateFieldGet$k(this, _IconButton_button, "f");
7834
+ tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
7772
7835
  __classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
7773
7836
  }
7774
7837
  });
7775
7838
  }
7776
7839
  disabledChanged() {
7777
- this.internals.ariaDisabled = __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7778
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7840
+ this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
7841
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7779
7842
  this.host.removeAttribute('tabindex');
7780
7843
  else
7781
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7844
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7782
7845
  }
7783
7846
  hrefChanged() {
7784
7847
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -7790,34 +7853,34 @@ class IconButton {
7790
7853
  ? 0
7791
7854
  : parsedValue, "f");
7792
7855
  }
7793
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7856
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7794
7857
  this.host.removeAttribute('tabindex');
7795
7858
  else
7796
- this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
7859
+ this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
7797
7860
  }
7798
7861
  textChanged() {
7799
- __classPrivateFieldGet$k(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7862
+ __classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
7800
7863
  }
7801
7864
  onClick(event) {
7802
- if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7865
+ if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
7803
7866
  event.stopImmediatePropagation();
7804
7867
  }
7805
7868
  async onBlur(event) {
7806
7869
  this.blurEmitter.emit(pickFocusEventAttributes(event));
7807
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7808
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").close();
7870
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7871
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
7809
7872
  }
7810
7873
  }
7811
7874
  async onFocus(event) {
7812
7875
  this.focusEmitter.emit(pickFocusEventAttributes(event));
7813
- if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
7814
- await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").show();
7876
+ if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
7877
+ await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
7815
7878
  }
7816
7879
  }
7817
7880
  onKeydown(event) {
7818
7881
  if (event.key === 'Enter') {
7819
- if (__classPrivateFieldGet$k(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7820
- __classPrivateFieldGet$k(this, _IconButton_button, "f").click();
7882
+ if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
7883
+ __classPrivateFieldGet$m(this, _IconButton_button, "f").click();
7821
7884
  }
7822
7885
  else
7823
7886
  this.host.click();
@@ -7835,10 +7898,10 @@ class IconButton {
7835
7898
  }
7836
7899
  render() {
7837
7900
  const Tag = this.href === undefined ? 'button' : 'a';
7838
- return (hAsync("div", { key: '78677375ce18f22b5c76363187dad9edafcb1c7b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: 'ad3f3fb8c69a8f5b38c4124051410251f735d9c8', type: Tag === 'a' ? undefined : 'button', class: {
7901
+ return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
7839
7902
  'qds-icon-button': true,
7840
- 'qds-disabled': __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7841
- }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$k(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '29cb03c903fba4345d3a6c9c2c5a68c0023b51cc', class: "qds-icon", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '480364dfd3d94ed4e5c5576b160b405834794e05', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: '1e3fe4df0264c2f8ba3b5136b069a64013f348cc', class: "qds-indicator", description: this.badgeDescription, importance: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: 'be898d9a58d84e5bc9854e8d348d6e5cbd1f090e', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '37173b5f043570a7ce0867e32a6de5060ee93a26', ref: __classPrivateFieldGet$k(this, _IconButton_tooltipRef, "f") }, this.text))));
7903
+ 'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
7904
+ }, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '24a25e630f833d2b61c461a522517f54d125ce73', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '3e4efc42923833d90a1550cdcc124520227e423e', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: 'aff710b534385e2f88e964cabd9070e7381d079f', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '161d272e21dfcc81b130c40fe8afce7600332777', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '1c6e87ba9cd0e298ae2cfbb5dc10bb393d7ef7c7', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
7842
7905
  }
7843
7906
  static get formAssociated() { return true; }
7844
7907
  get host() { return getElement(this); }
@@ -7927,7 +7990,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
7927
7990
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
7928
7991
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
7929
7992
  };
7930
- var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7993
+ var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
7931
7994
  if (kind === "a" && !f)
7932
7995
  throw new TypeError("Private accessor was defined without a getter");
7933
7996
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8001,7 +8064,7 @@ class IconTab {
8001
8064
  _IconTab_tooltipRef.set(this, (tooltip) => {
8002
8065
  if (tooltip)
8003
8066
  // eslint-disable-next-line no-param-reassign
8004
- tooltip.target = __classPrivateFieldGet$j(this, _IconTab_div, "f");
8067
+ tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
8005
8068
  });
8006
8069
  _IconTab_onBlur.set(this, (event) => {
8007
8070
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8011,7 +8074,7 @@ class IconTab {
8011
8074
  });
8012
8075
  _IconTab_defineTab.set(this, () => {
8013
8076
  this.internals.role = 'tab';
8014
- __classPrivateFieldGet$j(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$j(this, _IconTab_iconTab, "f"));
8077
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
8015
8078
  });
8016
8079
  }
8017
8080
  panelChanged() {
@@ -8022,15 +8085,15 @@ class IconTab {
8022
8085
  __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
8023
8086
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8024
8087
  if (tab)
8025
- tab.setAttribute('aria-controls', __classPrivateFieldGet$j(this, _IconTab_panel, "f").id);
8026
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === null)
8027
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = 'tabpanel';
8028
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8029
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8030
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8088
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
8089
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
8090
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
8091
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
8092
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
8093
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
8031
8094
  }
8032
8095
  onClick(event) {
8033
- if (__classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8096
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
8034
8097
  event.stopImmediatePropagation();
8035
8098
  }
8036
8099
  tabindexChanged(newValue) {
@@ -8043,39 +8106,39 @@ class IconTab {
8043
8106
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8044
8107
  (_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
8045
8108
  autoIncrementingId$2 += 1;
8046
- __classPrivateFieldGet$j(this, _IconTab_defineTab, "f").call(this);
8109
+ __classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
8047
8110
  }
8048
8111
  componentWillRender() {
8049
- const isPanelRoot = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8050
- const isMainSubsection = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8112
+ const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
8113
+ const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
8051
8114
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
8052
8115
  }
8053
8116
  componentDidLoad() {
8054
8117
  this.panelChanged();
8055
8118
  }
8056
8119
  disconnectedCallback() {
8057
- if (!__classPrivateFieldGet$j(this, _IconTab_panel, "f"))
8120
+ if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
8058
8121
  return;
8059
8122
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
8060
8123
  if (tab)
8061
8124
  tab.removeAttribute('aria-controls');
8062
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === 'tabpanel')
8125
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
8063
8126
  // eslint-disable-next-line unicorn/no-null
8064
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").role = null;
8065
- if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8066
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8067
- __classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('tabindex');
8127
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
8128
+ if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
8129
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
8130
+ __classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
8068
8131
  }
8069
8132
  render() {
8070
8133
  const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
8071
8134
  const Tag = isLink ? 'a' : 'div';
8072
- return (hAsync("div", { key: 'ee55c8edcad6ea16123e32591e073638dfda985a', "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8135
+ return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
8073
8136
  'qds-selected': this.selected,
8074
- }, "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$j(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '7c535857b7b2856437596c2df0099919dc99c1b6', ref: __classPrivateFieldGet$j(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$j(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$j(this, _IconTab_onFocus, "f"), class: {
8137
+ }, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$l(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '12093c90673de8fc1377992bc7892e76315b6b21', ref: __classPrivateFieldGet$l(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$l(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _IconTab_onFocus, "f"), class: {
8075
8138
  'qds-icon-tab': true,
8076
8139
  'qds-selected': this.selected,
8077
8140
  [`qds-indicator-${this.indicatorPosition}`]: true,
8078
- }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '0e5c9c975cd7839003dc6227e692974905165abe', class: "qds-icon-container" }, hAsync("qds-icon", { key: 'e400c4a9249fcd4a6e436e196302961ff1f430d1', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: 'def25454ebe3e3ac6bc21b3618db347a016e2ad8', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3ee1b82b6d97c1e3aeac1347333f2487c922a6f7', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'f292fc171e186c67537ac0159376fb3e9618d54c', placement: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$j(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: 'f4e85471c2f320db20e75ae24d5c08f5a29d8a17', layer: "accessory", level: "root" }, this.text))));
8141
+ }, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '69a7818c3f16667a07cd37d0775d8c2676546693', class: "qds-icon-container" }, hAsync("qds-icon", { key: '281df04fbea65aa853c0f3b5fe20ea0f3c491c81', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '40199c0a4a79e0b98ec62c106d7f76dbac343a3f', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3c7cab837ba45ea78c741a748915ec67d2f4ae7d', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'bade89eaa9147b36bad8cc0177d1a4867373646f', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '45f7022bf7984a7bc471603d94f7f9dc8a3b7ee2', layer: "accessory", level: "root" }, this.text))));
8079
8142
  }
8080
8143
  get host() { return getElement(this); }
8081
8144
  static get watchers() { return {
@@ -8152,7 +8215,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
8152
8215
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8153
8216
  //
8154
8217
  // SPDX-License-Identifier: Apache-2.0
8155
- var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8218
+ var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8156
8219
  if (kind === "a" && !f)
8157
8220
  throw new TypeError("Private accessor was defined without a getter");
8158
8221
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8219,10 +8282,10 @@ class InlineLink {
8219
8282
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8220
8283
  });
8221
8284
  _InlineLink_updateAriaLabelElements.set(this, () => {
8222
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8285
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
8223
8286
  });
8224
8287
  _InlineLink_onSlotchange.set(this, () => {
8225
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8288
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8226
8289
  });
8227
8290
  }
8228
8291
  onClick(event) {
@@ -8230,18 +8293,18 @@ class InlineLink {
8230
8293
  event.stopImmediatePropagation();
8231
8294
  }
8232
8295
  onKeydown(event) {
8233
- invariant(__classPrivateFieldGet$i(this, _InlineLink_link, "f"));
8296
+ invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
8234
8297
  if (this.disabled)
8235
8298
  return;
8236
8299
  if (event.key === 'Enter')
8237
- __classPrivateFieldGet$i(this, _InlineLink_link, "f").click();
8300
+ __classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
8238
8301
  }
8239
8302
  disabledChanged() {
8240
8303
  this.internals.ariaDisabled = this.disabled.toString();
8241
8304
  if (this.disabled)
8242
8305
  this.host.removeAttribute('tabindex');
8243
8306
  else
8244
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8307
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8245
8308
  }
8246
8309
  tabindexChanged(newValue) {
8247
8310
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8252,11 +8315,11 @@ class InlineLink {
8252
8315
  if (this.disabled)
8253
8316
  this.host.removeAttribute('tabindex');
8254
8317
  else
8255
- this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
8318
+ this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
8256
8319
  }
8257
8320
  hrefTargetChanged() {
8258
8321
  this.linkIcon = determineLinkIcon(this.target, this.rel);
8259
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8322
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8260
8323
  }
8261
8324
  componentWillLoad() {
8262
8325
  this.internals.role = 'link';
@@ -8265,13 +8328,13 @@ class InlineLink {
8265
8328
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8266
8329
  }
8267
8330
  componentDidLoad() {
8268
- __classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8331
+ __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
8269
8332
  }
8270
8333
  render() {
8271
- return (hAsync("a", { key: '3411bcbb89281e52a96f8e2a42380c4b28563cd0', "aria-hidden": "true", class: {
8334
+ return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
8272
8335
  'qds-inline-link': true,
8273
8336
  'qds-disabled': this.disabled,
8274
- }, "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 }))));
8337
+ }, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66400e2071d58f4ae5b2afd32e435fd688ff9f7b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '7650baedea48e920ad0aaf445b11654a91954119', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'ec44b064cbca50416722bde16fad8f9401e62e8a', class: "qds-icon", library: "core", name: this.linkIcon }))));
8275
8338
  }
8276
8339
  get host() { return getElement(this); }
8277
8340
  static get watchers() { return {
@@ -8316,12 +8379,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
8316
8379
  return this.target === '_blank';
8317
8380
  };
8318
8381
 
8319
- 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}";
8382
+ const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"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}";
8320
8383
 
8321
8384
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8322
8385
  //
8323
8386
  // SPDX-License-Identifier: Apache-2.0
8324
- var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8387
+ var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8325
8388
  if (kind === "a" && !f)
8326
8389
  throw new TypeError("Private accessor was defined without a getter");
8327
8390
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8489,69 +8552,69 @@ class Input {
8489
8552
  this.checkValidity = () => this.internals.checkValidity();
8490
8553
  this.reportValidity = () => this.internals.reportValidity();
8491
8554
  this.setCustomValidity = (error) => {
8492
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8493
- __classPrivateFieldGet$h(this, _Input_input, "f").setCustomValidity(error);
8555
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8556
+ __classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
8494
8557
  if (error)
8495
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$h(this, _Input_input, "f"));
8558
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
8496
8559
  else
8497
8560
  this.internals.setValidity(NO_ERROR_FLAGS);
8498
8561
  };
8499
8562
  this.select = () => {
8500
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8501
- __classPrivateFieldGet$h(this, _Input_input, "f").select();
8563
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8564
+ __classPrivateFieldGet$j(this, _Input_input, "f").select();
8502
8565
  };
8503
8566
  this.getSelectionDirection = () => {
8504
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8505
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection;
8567
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8568
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
8506
8569
  };
8507
8570
  this.getSelectionStart = () => {
8508
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8509
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart;
8571
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8572
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
8510
8573
  };
8511
8574
  this.getSelectionEnd = () => {
8512
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8513
- return __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd;
8575
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8576
+ return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
8514
8577
  };
8515
8578
  this.setRangeText = (replacement, start, end, selectionMode) => {
8516
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8517
- __classPrivateFieldGet$h(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8518
- if (this.value !== __classPrivateFieldGet$h(this, _Input_input, "f").value) {
8519
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8579
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8580
+ __classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
8581
+ if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
8582
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8520
8583
  this.inputEmitter.emit();
8521
8584
  this.changeEmitter.emit();
8522
8585
  }
8523
8586
  };
8524
8587
  this.setSelectionRange = (start, end, direction) => {
8525
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8526
- __classPrivateFieldGet$h(this, _Input_input, "f").setSelectionRange(start, end, direction);
8588
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8589
+ __classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
8527
8590
  };
8528
8591
  this.stepDown = (n) => {
8529
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8530
- __classPrivateFieldGet$h(this, _Input_input, "f").stepDown(n);
8592
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8593
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
8531
8594
  };
8532
8595
  this.stepUp = (n) => {
8533
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8534
- __classPrivateFieldGet$h(this, _Input_input, "f").stepUp(n);
8596
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8597
+ __classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
8535
8598
  };
8536
8599
  this.showPicker = () => {
8537
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8538
- __classPrivateFieldGet$h(this, _Input_input, "f").showPicker();
8600
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8601
+ __classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
8539
8602
  };
8540
- _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 })));
8541
- _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 })));
8542
- _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 })));
8543
- _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 })));
8603
+ _Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
8604
+ _Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation })));
8605
+ _Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation })));
8606
+ _Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation })));
8544
8607
  _Input_togglePasswordVisibility.set(this, () => {
8545
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8608
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8546
8609
  this.isPasswordVisible = !this.isPasswordVisible;
8547
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8610
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8548
8611
  });
8549
8612
  _Input_ref.set(this, (input) => {
8550
8613
  __classPrivateFieldSet$f(this, _Input_input, input, "f");
8551
8614
  });
8552
8615
  _Input_getFiles.set(this, () => {
8553
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8554
- return __classPrivateFieldGet$h(this, _Input_input, "f").files;
8616
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8617
+ return __classPrivateFieldGet$j(this, _Input_input, "f").files;
8555
8618
  });
8556
8619
  _Input_onBlur.set(this, (event) => {
8557
8620
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -8566,34 +8629,34 @@ class Input {
8566
8629
  this.changeEmitter.emit();
8567
8630
  });
8568
8631
  _Input_handleClear.set(this, () => {
8569
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8570
- __classPrivateFieldGet$h(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8571
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8572
- if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f"))
8573
- __classPrivateFieldGet$h(this, _Input_input, "f").focus();
8632
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8633
+ __classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
8634
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8635
+ if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
8636
+ __classPrivateFieldGet$j(this, _Input_input, "f").focus();
8574
8637
  });
8575
8638
  _Input_onClearableClick.set(this, () => {
8576
- __classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
8639
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8577
8640
  });
8578
8641
  _Input_onSearchClear.set(this, () => {
8579
- __classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
8642
+ __classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
8580
8643
  this.searchEmitter.emit();
8581
8644
  });
8582
8645
  _Input_onFocus.set(this, (event) => {
8583
8646
  this.focusEmitter.emit(pickFocusEventAttributes(event));
8584
8647
  });
8585
8648
  _Input_onInput.set(this, (event) => {
8586
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8587
- this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
8649
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8650
+ this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
8588
8651
  this.inputEmitter.emit(pickInputEventAttributes(event));
8589
8652
  });
8590
8653
  }
8591
8654
  onClick(event) {
8592
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8655
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8593
8656
  event.stopImmediatePropagation();
8594
8657
  }
8595
8658
  onKeydown(event) {
8596
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8659
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
8597
8660
  event.stopImmediatePropagation();
8598
8661
  return;
8599
8662
  }
@@ -8606,36 +8669,40 @@ class Input {
8606
8669
  }
8607
8670
  }
8608
8671
  ariaLabelChanged(newValue) {
8609
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8610
- __classPrivateFieldGet$h(this, _Input_input, "f").ariaLabel =
8672
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8673
+ __classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
8611
8674
  newValue ??
8612
8675
  [...this.internals.labels]
8613
- .map((node) => node.textContent === ''
8614
- ? this.host.parentElement?.querySelector('qds-label')?.text
8615
- : node.textContent?.trim())
8676
+ .map((node) => {
8677
+ // eslint-disable-next-line unicorn/prefer-dom-node-text-content
8678
+ const text = node.innerText.trim();
8679
+ return text === ''
8680
+ ? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
8681
+ : text;
8682
+ })
8616
8683
  .join(' ');
8617
8684
  }
8618
8685
  statusChanged() {
8619
- this.internals.ariaInvalid = (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8686
+ this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
8620
8687
  }
8621
8688
  disabledChanged() {
8622
- if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8689
+ if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8623
8690
  // eslint-disable-next-line unicorn/no-null
8624
8691
  this.internals.setFormValue(null);
8625
8692
  else
8626
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8693
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8627
8694
  }
8628
8695
  selectionDirectionChanged() {
8629
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8630
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8696
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8697
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
8631
8698
  }
8632
8699
  selectionEndChanged() {
8633
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8634
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8700
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8701
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
8635
8702
  }
8636
8703
  selectionStartChanged() {
8637
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8638
- __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart = this.selectionStart;
8704
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8705
+ __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
8639
8706
  }
8640
8707
  tabindexChanged(newValue) {
8641
8708
  const parsedValue = Number.parseInt(newValue, 10);
@@ -8643,62 +8710,62 @@ class Input {
8643
8710
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
8644
8711
  }
8645
8712
  validationChanged() {
8646
- if (!__classPrivateFieldGet$h(this, _Input_input, "f"))
8713
+ if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
8647
8714
  return;
8648
- if (__classPrivateFieldGet$h(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8649
- __classPrivateFieldGet$h(this, _Input_input, "f").max = this.max.toString();
8715
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
8716
+ __classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
8650
8717
  if (this.maxLength !== undefined)
8651
- __classPrivateFieldGet$h(this, _Input_input, "f").maxLength = this.maxLength;
8652
- if (__classPrivateFieldGet$h(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8653
- __classPrivateFieldGet$h(this, _Input_input, "f").min = this.min.toString();
8718
+ __classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
8719
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
8720
+ __classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
8654
8721
  if (this.minLength !== undefined)
8655
- __classPrivateFieldGet$h(this, _Input_input, "f").minLength = this.minLength;
8722
+ __classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
8656
8723
  if (this.pattern !== undefined)
8657
- __classPrivateFieldGet$h(this, _Input_input, "f").pattern = this.pattern;
8658
- __classPrivateFieldGet$h(this, _Input_input, "f").required = this.required ?? false;
8659
- if (__classPrivateFieldGet$h(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8660
- __classPrivateFieldGet$h(this, _Input_input, "f").step = this.step.toString();
8661
- __classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
8662
- const { valid } = __classPrivateFieldGet$h(this, _Input_input, "f").validity;
8724
+ __classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
8725
+ __classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
8726
+ if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
8727
+ __classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
8728
+ __classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
8729
+ const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
8663
8730
  if (valid)
8664
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$h(this, _Input_input, "f"));
8731
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
8665
8732
  else
8666
- this.internals.setValidity(__classPrivateFieldGet$h(this, _Input_input, "f").validity, __classPrivateFieldGet$h(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$h(this, _Input_input, "f"));
8733
+ this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
8667
8734
  }
8668
8735
  valueChanged() {
8669
- if (!__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
8670
- this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
8671
- if ((__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8736
+ if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
8737
+ this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
8738
+ if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
8672
8739
  this.type === 'file') {
8673
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
8740
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
8674
8741
  }
8675
8742
  }
8676
8743
  componentWillLoad() {
8677
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8678
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8679
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8680
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8681
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$h(this, _Input_getFiles, "f"));
8682
- __classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8744
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
8745
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
8746
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
8747
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
8748
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
8749
+ __classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
8683
8750
  __classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
8684
8751
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
8685
8752
  this.statusChanged();
8686
8753
  }
8687
8754
  componentDidLoad() {
8688
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8755
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8689
8756
  this.ariaLabelChanged(this.host.ariaLabel);
8690
8757
  this.validationChanged();
8691
8758
  this.valueChanged();
8692
8759
  // FIXME: This event is supported by the native `<input>` element but not
8693
8760
  // recognized by Stencil's type definitions, so it needs to be manually
8694
8761
  // bound here.
8695
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8696
- __classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8762
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8763
+ __classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8697
8764
  }
8698
8765
  disconnectedCallback() {
8699
- if (__classPrivateFieldGet$h(this, _Input_input, "f")) {
8700
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
8701
- __classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
8766
+ if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
8767
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
8768
+ __classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
8702
8769
  }
8703
8770
  }
8704
8771
  render() {
@@ -8714,7 +8781,7 @@ class Input {
8714
8781
  const shouldShowSearchButton = isSearchType && this.noIcon === false;
8715
8782
  const shouldHideIcon = !isSearchType && this.noIcon === true;
8716
8783
  const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
8717
- return (hAsync("div", { key: '6e70a342a4fd8e02d8aa643899981afe811c001b', class: "qds-container" }, hAsync("input", { key: '3add3be0f05dc633ff22af9d27857eeef87236d7', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8784
+ return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
8718
8785
  // eslint-disable-next-line jsx-a11y/no-autofocus
8719
8786
  autoFocus: this.host.autofocus, capture: this.capture, class: {
8720
8787
  'qds-search-padding': shouldRemoveSearchPadding,
@@ -8723,11 +8790,11 @@ class Input {
8723
8790
  'qds-padding': shouldHideIcon,
8724
8791
  'qds-password-padding': this.type === 'password' ||
8725
8792
  (this.isPasswordVisible && this.type === 'text'),
8726
- 'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get),
8727
- 'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
8728
- }, "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 &&
8729
- __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
8730
- __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)))));
8793
+ 'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
8794
+ 'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
8795
+ }, "data-status": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$j(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$j(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$j(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$j(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$j(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$j(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '889c7b40cbd470dde63c581c28d5c18de1fbea79', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'eed30a3f52adda657e8e6c46afbfd22fd68be37f', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'bf2d80802037f3db6e647e85f9f62501b0cc6dc4', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
8796
+ __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
8797
+ __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$j(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$j(this, _Input_renderSearchButton, "f").call(this)))));
8731
8798
  }
8732
8799
  static get delegatesFocus() { return true; }
8733
8800
  static get formAssociated() { return true; }
@@ -8847,7 +8914,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8847
8914
  ['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
8848
8915
  }, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
8849
8916
  return this.type === 'password'
8850
- ? __classPrivateFieldGet$h(this, _Input_togglePasswordVisibility, "f")
8917
+ ? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
8851
8918
  : this.showPicker;
8852
8919
  }, _Input_computedType_get = function _Input_computedType_get() {
8853
8920
  return this.type === 'password' && this.isPasswordVisible
@@ -8862,8 +8929,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
8862
8929
  }, _Input_defineGetter = function _Input_defineGetter(p, get) {
8863
8930
  Object.defineProperty(this.host, p, { enumerable: true, get });
8864
8931
  }, _Input_clearValue = function _Input_clearValue() {
8865
- invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
8866
- __classPrivateFieldGet$h(this, _Input_input, "f").value = '';
8932
+ invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
8933
+ __classPrivateFieldGet$j(this, _Input_input, "f").value = '';
8867
8934
  };
8868
8935
 
8869
8936
  const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
@@ -8871,7 +8938,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
8871
8938
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8872
8939
  //
8873
8940
  // SPDX-License-Identifier: Apache-2.0
8874
- var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8941
+ var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
8875
8942
  if (kind === "a" && !f)
8876
8943
  throw new TypeError("Private accessor was defined without a getter");
8877
8944
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8929,37 +8996,37 @@ class Label {
8929
8996
  _Label_tooltipRef.set(this, (tooltip) => {
8930
8997
  if (tooltip)
8931
8998
  // eslint-disable-next-line no-param-reassign
8932
- tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$g(this, _Label_label, "f");
8999
+ tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
8933
9000
  });
8934
9001
  }
8935
9002
  textChanged() {
8936
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8937
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
8938
- if (!__classPrivateFieldGet$g(this, _Label_span, "f"))
9003
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9004
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
9005
+ if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
8939
9006
  return;
8940
- const span = __classPrivateFieldGet$g(this, _Label_span, "f");
9007
+ const span = __classPrivateFieldGet$i(this, _Label_span, "f");
8941
9008
  readTask(() => {
8942
9009
  this.tooltip = isEllipsisActive(span);
8943
9010
  });
8944
9011
  __classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
8945
9012
  this.tooltip = isEllipsisActive(spanEntry.target);
8946
9013
  }), "f");
8947
- __classPrivateFieldGet$g(this, _Label_ro, "f").observe(__classPrivateFieldGet$g(this, _Label_span, "f"));
9014
+ __classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
8948
9015
  }
8949
9016
  componentDidLoad() {
8950
9017
  this.textChanged();
8951
9018
  }
8952
9019
  disconnectedCallback() {
8953
- if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
8954
- __classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
9020
+ if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
9021
+ __classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
8955
9022
  }
8956
9023
  render() {
8957
- return (hAsync("span", { key: '9a45ac712eed524ea4d87837685f6eeb181be38c', class: {
9024
+ return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
8958
9025
  'qds-inline': this.inline,
8959
9026
  'qds-label': true,
8960
- }, "data-size": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$g(this, _Label_labelRef, "f"),
9027
+ }, "data-size": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$i(this, _Label_labelRef, "f"),
8961
9028
  // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
8962
- 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))));
9029
+ tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3155ac878f2a19da19bcd7deb7bca5f6b1ea7bd2', class: "qds-required" }, "*"), hAsync("span", { key: '98d1af5518e7966879b2b66eafb9e40c1eccbb42', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '9688a0b4965659c2232b48e10c263fd272ed7a06', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
8963
9030
  }
8964
9031
  static get watchers() { return {
8965
9032
  "text": ["textChanged"]
@@ -9005,12 +9072,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
9005
9072
  }
9006
9073
  };
9007
9074
 
9008
- const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:has(input:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
9075
+ const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-texts:focus-visible{border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
9009
9076
 
9010
9077
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9011
9078
  //
9012
9079
  // SPDX-License-Identifier: Apache-2.0
9013
- var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9080
+ var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9014
9081
  if (kind === "a" && !f)
9015
9082
  throw new TypeError("Private accessor was defined without a getter");
9016
9083
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9087,14 +9154,14 @@ class ListItem {
9087
9154
  });
9088
9155
  _ListItem_onCheck.set(this, (event) => {
9089
9156
  event.stopImmediatePropagation();
9090
- this.selected = __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9157
+ this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9091
9158
  this.changeEmitter.emit();
9092
9159
  this.indeterminate = false;
9093
9160
  });
9094
9161
  _ListItem_onSelect.set(this, (event) => {
9095
9162
  event.stopImmediatePropagation();
9096
- if (!__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9097
- this.selected = !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9163
+ if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
9164
+ this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
9098
9165
  this.changeEmitter.emit();
9099
9166
  }
9100
9167
  });
@@ -9113,7 +9180,7 @@ class ListItem {
9113
9180
  if (iconButton) {
9114
9181
  __classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
9115
9182
  }
9116
- return __classPrivateFieldGet$f(this, _ListItem_iconButton, "f");
9183
+ return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
9117
9184
  });
9118
9185
  _ListItem_onSlotChange.set(this, (event) => {
9119
9186
  invariant(event.target instanceof HTMLSlotElement);
@@ -9132,13 +9199,13 @@ class ListItem {
9132
9199
  event.stopImmediatePropagation();
9133
9200
  return;
9134
9201
  }
9135
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9136
- invariant(__classPrivateFieldGet$f(this, _ListItem_checkbox, "f"));
9137
- __classPrivateFieldGet$f(this, _ListItem_onCheck, "f").call(this, event);
9202
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
9203
+ invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
9204
+ __classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
9138
9205
  }
9139
- if (__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9140
- invariant(__classPrivateFieldGet$f(this, _ListItem_radio, "f"));
9141
- __classPrivateFieldGet$f(this, _ListItem_onSelect, "f").call(this, event);
9206
+ if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
9207
+ invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
9208
+ __classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
9142
9209
  }
9143
9210
  // Always prevent default behavior to avoid the internal `<input>`
9144
9211
  // to toggle `checked` state inappropriately.
@@ -9170,39 +9237,39 @@ class ListItem {
9170
9237
  listActionChanged(newValue) {
9171
9238
  this.internals.ariaChecked =
9172
9239
  (newValue === 'radio' || newValue === 'multiselect') &&
9173
- __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9240
+ __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
9174
9241
  ? 'true'
9175
9242
  : 'false';
9176
9243
  }
9177
9244
  textChanged() {
9178
- if (__classPrivateFieldGet$f(this, _ListItem_roText, "f"))
9179
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").disconnect();
9180
- if (!__classPrivateFieldGet$f(this, _ListItem_text, "f") || !this.text)
9245
+ if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
9246
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
9247
+ if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
9181
9248
  return;
9182
- invariant(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9183
- const div = __classPrivateFieldGet$f(this, _ListItem_text, "f");
9249
+ invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9250
+ const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
9184
9251
  readTask(() => {
9185
9252
  this.textTooltip = isEllipsisActive(div);
9186
9253
  });
9187
9254
  __classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
9188
9255
  this.textTooltip = isEllipsisActive(divEntry.target);
9189
9256
  }), "f");
9190
- __classPrivateFieldGet$f(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
9257
+ __classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
9191
9258
  }
9192
9259
  subtitleChanged() {
9193
- if (__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f"))
9194
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").disconnect();
9195
- if (!__classPrivateFieldGet$f(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9260
+ if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
9261
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
9262
+ if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
9196
9263
  return;
9197
- invariant(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9198
- const div = __classPrivateFieldGet$f(this, _ListItem_subtitle, "f");
9264
+ invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9265
+ const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
9199
9266
  readTask(() => {
9200
9267
  this.subtitleTooltip = isEllipsisActive(div);
9201
9268
  });
9202
9269
  __classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
9203
9270
  this.subtitleTooltip = isEllipsisActive(divEntry.target);
9204
9271
  }), "f");
9205
- __classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
9272
+ __classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
9206
9273
  }
9207
9274
  componentWillLoad() {
9208
9275
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9228,16 +9295,18 @@ class ListItem {
9228
9295
  this.subtitleChanged();
9229
9296
  }
9230
9297
  render() {
9231
- return (hAsync(Host, { key: '803593358a6509e04fe10b525c49046507bd98fc' }, hAsync("div", { key: '1e9280c3aaa8df47c632917a63a9687a03e7f088', class: {
9298
+ return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
9232
9299
  'qds-list-item': true,
9233
- 'qds-has-submenu': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9300
+ 'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
9234
9301
  'qds-disabled': this.disabled,
9235
- 'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9236
- 'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9237
- }, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '17e07c813d187b15a57a90ee74becc5542a43e95', class: {
9302
+ 'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
9303
+ 'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
9304
+ }, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
9238
9305
  'qds-indented-content': true,
9239
- 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9240
- } }, __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))))));
9306
+ 'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
9307
+ } }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
9308
+ ? 0
9309
+ : undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '8772f76f5b815cf2416d330127ebf84cc2033cf2', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '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))))));
9241
9310
  }
9242
9311
  get host() { return getElement(this); }
9243
9312
  static get watchers() { return {
@@ -9316,12 +9385,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
9316
9385
  return this.hasSubmenuSlot;
9317
9386
  };
9318
9387
 
9319
- 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)}";
9388
+ const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation: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)}";
9320
9389
 
9321
9390
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9322
9391
  //
9323
9392
  // SPDX-License-Identifier: Apache-2.0
9324
- var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9393
+ var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9325
9394
  if (kind === "a" && !f)
9326
9395
  throw new TypeError("Private accessor was defined without a getter");
9327
9396
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9356,7 +9425,7 @@ class Loader {
9356
9425
  this.importance = 'standard';
9357
9426
  }
9358
9427
  statusChanged() {
9359
- const status = __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get);
9428
+ const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
9360
9429
  this.internals.ariaValueNow =
9361
9430
  status === undefined
9362
9431
  ? // eslint-disable-next-line unicorn/no-null
@@ -9384,11 +9453,11 @@ class Loader {
9384
9453
  this.internals.role = 'progressbar';
9385
9454
  this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
9386
9455
  this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
9387
- __classPrivateFieldGet$e(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9456
+ __classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
9388
9457
  this.statusChanged();
9389
9458
  }
9390
9459
  render() {
9391
- return __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
9460
+ return __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
9392
9461
  }
9393
9462
  static get formAssociated() { return true; }
9394
9463
  get host() { return getElement(this); }
@@ -9454,7 +9523,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
9454
9523
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9455
9524
  //
9456
9525
  // SPDX-License-Identifier: Apache-2.0
9457
- var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9526
+ var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9458
9527
  if (kind === "a" && !f)
9459
9528
  throw new TypeError("Private accessor was defined without a getter");
9460
9529
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9512,7 +9581,7 @@ class MenuItem {
9512
9581
  if (menuItem) {
9513
9582
  __classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
9514
9583
  }
9515
- return __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9584
+ return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9516
9585
  });
9517
9586
  _MenuItem_spanRef.set(this, (span) => {
9518
9587
  __classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
@@ -9520,7 +9589,7 @@ class MenuItem {
9520
9589
  _MenuItem_tooltipRef.set(this, (tooltip) => {
9521
9590
  if (tooltip)
9522
9591
  // eslint-disable-next-line no-param-reassign
9523
- tooltip.target = __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
9592
+ tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
9524
9593
  });
9525
9594
  }
9526
9595
  onBlur(event) {
@@ -9530,32 +9599,32 @@ class MenuItem {
9530
9599
  this.focusEmitter.emit(pickFocusEventAttributes(event));
9531
9600
  }
9532
9601
  onClick(event) {
9533
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9602
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
9534
9603
  event.stopImmediatePropagation();
9535
9604
  return;
9536
9605
  }
9537
- if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9538
- this.checked = !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9606
+ if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
9607
+ this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
9539
9608
  this.selectEmitter.emit();
9540
9609
  }
9541
9610
  }
9542
9611
  disabledChanged() {
9543
- this.internals.ariaDisabled = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9612
+ this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
9544
9613
  }
9545
9614
  checkedChanged() {
9546
- this.internals.ariaChecked = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9615
+ this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
9547
9616
  }
9548
9617
  componentDidLoad() {
9549
9618
  this.checkedChanged();
9550
- invariant(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9551
- const span = __classPrivateFieldGet$d(this, _MenuItem_span, "f");
9619
+ invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9620
+ const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
9552
9621
  readTask(() => {
9553
9622
  this.tooltip = isEllipsisActive(span);
9554
9623
  });
9555
9624
  __classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
9556
9625
  this.tooltip = isEllipsisActive(spanEntry.target);
9557
9626
  }), "f");
9558
- __classPrivateFieldGet$d(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
9627
+ __classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
9559
9628
  }
9560
9629
  componentWillLoad() {
9561
9630
  this.hasSubmenuSlot = this.host.hasChildNodes();
@@ -9564,11 +9633,11 @@ class MenuItem {
9564
9633
  this.disabledChanged();
9565
9634
  }
9566
9635
  render() {
9567
- return (hAsync("div", { key: 'fe9c905dc3232dcc7aff3c11989708418933cc2e', class: {
9636
+ return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
9568
9637
  'qds-menu-item': true,
9569
- 'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9570
- 'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9571
- }, 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))));
9638
+ 'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
9639
+ 'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
9640
+ }, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
9572
9641
  }
9573
9642
  get host() { return getElement(this); }
9574
9643
  static get watchers() { return {
@@ -9610,21 +9679,21 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
9610
9679
  }, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
9611
9680
  return this.type ?? undefined;
9612
9681
  }, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
9613
- return __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9682
+ return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
9614
9683
  }, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
9615
- return ((__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9684
+ return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
9616
9685
  }, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
9617
9686
  return this.disabled ?? false;
9618
9687
  }, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
9619
9688
  return this.hasSubmenuSlot;
9620
9689
  };
9621
9690
 
9622
- 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}";
9691
+ 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}";
9623
9692
 
9624
9693
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
9625
9694
  //
9626
9695
  // SPDX-License-Identifier: Apache-2.0
9627
- var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9696
+ var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9628
9697
  if (kind === "a" && !f)
9629
9698
  throw new TypeError("Private accessor was defined without a getter");
9630
9699
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9673,11 +9742,11 @@ class MiniButton {
9673
9742
  _MiniButton_savedTabIndex.set(this, 0);
9674
9743
  }
9675
9744
  disabledChanged() {
9676
- this.internals.ariaDisabled = __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9677
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9745
+ this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
9746
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9678
9747
  this.host.removeAttribute('tabindex');
9679
9748
  else
9680
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9749
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9681
9750
  }
9682
9751
  hrefChanged() {
9683
9752
  this.internals.role = this.href === undefined ? 'button' : 'link';
@@ -9689,16 +9758,16 @@ class MiniButton {
9689
9758
  ? 0
9690
9759
  : parsedValue, "f");
9691
9760
  }
9692
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9761
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
9693
9762
  this.host.removeAttribute('tabindex');
9694
9763
  else
9695
- this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
9764
+ this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
9696
9765
  }
9697
9766
  textChanged() {
9698
9767
  this.internals.ariaLabel = this.text;
9699
9768
  }
9700
9769
  onClick(event) {
9701
- if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9770
+ if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
9702
9771
  event.stopImmediatePropagation();
9703
9772
  }
9704
9773
  }
@@ -9724,7 +9793,7 @@ class MiniButton {
9724
9793
  }
9725
9794
  render() {
9726
9795
  const Tag = this.href === undefined ? 'button' : 'a';
9727
- 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 })));
9796
+ 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 })));
9728
9797
  }
9729
9798
  static get formAssociated() { return true; }
9730
9799
  get host() { return getElement(this); }
@@ -9753,12 +9822,10 @@ class MiniButton {
9753
9822
  }; }
9754
9823
  }
9755
9824
  _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
9756
- return (this.host.matches(':disabled') ||
9757
- (this.host.hasAttribute('disabled') &&
9758
- this.host.getAttribute('disabled') !== 'false'));
9825
+ return this.disabled ?? false;
9759
9826
  };
9760
9827
 
9761
- 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)}";
9828
+ 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)}";
9762
9829
 
9763
9830
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9764
9831
  //
@@ -9772,7 +9839,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
9772
9839
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
9773
9840
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
9774
9841
  };
9775
- var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9842
+ var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9776
9843
  if (kind === "a" && !f)
9777
9844
  throw new TypeError("Private accessor was defined without a getter");
9778
9845
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9828,8 +9895,8 @@ class ProgressBar {
9828
9895
  maxChanged() {
9829
9896
  const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
9830
9897
  __classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
9831
- this.internals.ariaValueMax = __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f").toString();
9832
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9898
+ this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
9899
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9833
9900
  }
9834
9901
  valueChanged() {
9835
9902
  const value = typeof this.value === 'string'
@@ -9838,21 +9905,21 @@ class ProgressBar {
9838
9905
  __classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
9839
9906
  this.internals.ariaValueNow =
9840
9907
  // eslint-disable-next-line unicorn/no-null
9841
- this.value === undefined ? null : __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f").toString();
9842
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9908
+ this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
9909
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
9843
9910
  }
9844
9911
  componentWillLoad() {
9845
9912
  this.internals.role = 'progressbar';
9846
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9847
- __classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$b(this, _ProgressBar_position, "f"));
9913
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
9914
+ __classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
9848
9915
  this.maxChanged();
9849
9916
  this.valueChanged();
9850
9917
  }
9851
9918
  render() {
9852
- 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: {
9919
+ 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: {
9853
9920
  'qds-bar': true,
9854
- 'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
9855
- }, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9921
+ 'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
9922
+ }, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
9856
9923
  }
9857
9924
  static get formAssociated() { return true; }
9858
9925
  get host() { return getElement(this); }
@@ -9893,8 +9960,8 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
9893
9960
  this.width = '50%';
9894
9961
  return;
9895
9962
  }
9896
- __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f"), "f");
9897
- this.width = `${Math.min(__classPrivateFieldGet$b(this, _ProgressBar_position, "f") * 100, 100)}%`;
9963
+ __classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
9964
+ this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
9898
9965
  }, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
9899
9966
  Object.defineProperty(this.host, p, { enumerable: true, get });
9900
9967
  };
@@ -9904,7 +9971,7 @@ const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:
9904
9971
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
9905
9972
  //
9906
9973
  // SPDX-License-Identifier: Apache-2.0
9907
- var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9974
+ var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
9908
9975
  if (kind === "a" && !f)
9909
9976
  throw new TypeError("Private accessor was defined without a getter");
9910
9977
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -9963,29 +10030,29 @@ class QdsBreadcrumbItem {
9963
10030
  _QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
9964
10031
  if (tooltip)
9965
10032
  // eslint-disable-next-line no-param-reassign
9966
- tooltip.target = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
10033
+ tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
9967
10034
  });
9968
10035
  }
9969
10036
  onClick(event) {
9970
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
10037
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
9971
10038
  event.stopImmediatePropagation();
9972
10039
  }
9973
10040
  disabledChanged() {
9974
10041
  this.internals.ariaDisabled = this.disabled.toString();
9975
10042
  }
9976
10043
  textChanged() {
9977
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
9978
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
9979
- if (!__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"))
10044
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10045
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10046
+ if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
9980
10047
  return;
9981
- const span = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f");
10048
+ const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
9982
10049
  readTask(() => {
9983
10050
  this.tooltip = isEllipsisActive(span);
9984
10051
  });
9985
10052
  __classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
9986
10053
  this.tooltip = isEllipsisActive(spanEntry.target);
9987
10054
  }), "f");
9988
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"));
10055
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
9989
10056
  }
9990
10057
  componentWillLoad() {
9991
10058
  this.internals.role = 'listitem';
@@ -9995,16 +10062,16 @@ class QdsBreadcrumbItem {
9995
10062
  this.textChanged();
9996
10063
  }
9997
10064
  disconnectedCallback() {
9998
- if (__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f"))
9999
- __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10065
+ if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
10066
+ __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
10000
10067
  }
10001
10068
  render() {
10002
10069
  return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
10003
10070
  'qds-breadcrumb-item': true,
10004
- 'qds-disabled': __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
10005
- }, 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)
10006
- ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
10007
- : __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))));
10071
+ 'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
10072
+ }, 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)
10073
+ ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
10074
+ : __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))));
10008
10075
  }
10009
10076
  static get delegatesFocus() { return true; }
10010
10077
  static get watchers() { return {
@@ -10039,17 +10106,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
10039
10106
  return false;
10040
10107
  return isCurrentPage(this.href);
10041
10108
  }, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
10042
- 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" }, "/")));
10109
+ 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" }, "/")));
10043
10110
  }, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
10044
- return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10111
+ return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
10045
10112
  };
10046
10113
 
10047
- 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)}";
10114
+ 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)}";
10048
10115
 
10049
10116
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10050
10117
  //
10051
10118
  // SPDX-License-Identifier: Apache-2.0
10052
- var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10119
+ var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10053
10120
  if (kind === "a" && !f)
10054
10121
  throw new TypeError("Private accessor was defined without a getter");
10055
10122
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10065,7 +10132,7 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
10065
10132
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10066
10133
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10067
10134
  };
10068
- var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onChange, _Radio_onFocus;
10135
+ 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;
10069
10136
  /**
10070
10137
  * `<qds-radio>` elements are rendered as circles that are filled when
10071
10138
  * selected. They are generally used in **radio groups** — collections of radio
@@ -10094,51 +10161,91 @@ class Radio {
10094
10161
  * The radio button's size.
10095
10162
  */
10096
10163
  this.size = 'standard';
10164
+ this.tooltip = false;
10097
10165
  _Radio_inheritedAttributes.set(this, {});
10098
10166
  _Radio_input.set(this, void 0);
10167
+ _Radio_ro.set(this, void 0);
10168
+ _Radio_span.set(this, void 0);
10169
+ _Radio_tooltip.set(this, void 0);
10099
10170
  _Radio_ref.set(this, (input) => {
10100
10171
  __classPrivateFieldSet$8(this, _Radio_input, input, "f");
10101
10172
  });
10102
10173
  _Radio_onBlur.set(this, (event) => {
10103
10174
  this.blurEmitter.emit(pickFocusEventAttributes(event));
10104
- });
10105
- _Radio_onChange.set(this, () => {
10106
- this.changeEmitter.emit();
10175
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10176
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
10107
10177
  });
10108
10178
  _Radio_onFocus.set(this, (event) => {
10109
10179
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10180
+ if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
10181
+ ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
10182
+ });
10183
+ _Radio_spanRef.set(this, (span) => {
10184
+ __classPrivateFieldSet$8(this, _Radio_span, span, "f");
10185
+ });
10186
+ _Radio_tooltipRef.set(this, (tooltip) => {
10187
+ if (tooltip) {
10188
+ // eslint-disable-next-line no-param-reassign
10189
+ tooltip.target = this.host;
10190
+ __classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
10191
+ }
10192
+ });
10193
+ _Radio_onChange.set(this, () => {
10194
+ this.changeEmitter.emit();
10110
10195
  });
10111
10196
  }
10112
10197
  onClick(event) {
10113
- if (__classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10198
+ if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
10114
10199
  event.stopImmediatePropagation();
10115
10200
  return;
10116
10201
  }
10117
- invariant(__classPrivateFieldGet$9(this, _Radio_input, "f"));
10118
- this.checked = __classPrivateFieldGet$9(this, _Radio_input, "f").checked;
10202
+ invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
10203
+ this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
10119
10204
  }
10120
10205
  tabindexChanged(newValue) {
10121
10206
  const parsedValue = Number.parseInt(newValue, 10);
10122
10207
  this.tabIndex =
10123
10208
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10124
10209
  }
10210
+ textChanged() {
10211
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10212
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10213
+ if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
10214
+ return;
10215
+ const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
10216
+ readTask(() => {
10217
+ this.tooltip = isEllipsisActive(span);
10218
+ });
10219
+ __classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
10220
+ this.tooltip = isEllipsisActive(spanEntry.target);
10221
+ }), "f");
10222
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
10223
+ }
10125
10224
  componentWillLoad() {
10126
10225
  __classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10127
10226
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10128
10227
  }
10228
+ componentDidLoad() {
10229
+ this.textChanged();
10230
+ }
10231
+ disconnectedCallback() {
10232
+ if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
10233
+ __classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
10234
+ }
10129
10235
  render() {
10130
10236
  return (
10131
10237
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
10132
- hAsync("label", { key: 'd0c73be3ff0a081eb00a0857c8d4c44757b6db2b', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10238
+ hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
10133
10239
  'qds-inline': this.inline,
10134
10240
  'qds-label': true,
10135
- }, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '1018adbd92399c84791fed4bd449220431f8525f', class: "qds-container" }, hAsync("input", { key: 'f7d1a5bdaf8cc9689b7b4d2257cb360377d8a4b6',
10241
+ }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
10136
10242
  // eslint-disable-next-line jsx-a11y/no-autofocus
10137
- 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 }))));
10243
+ 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))));
10138
10244
  }
10139
10245
  get host() { return getElement(this); }
10140
10246
  static get watchers() { return {
10141
- "tabindex": ["tabindexChanged"]
10247
+ "tabindex": ["tabindexChanged"],
10248
+ "text": ["textChanged"]
10142
10249
  }; }
10143
10250
  static get style() { return radioCss; }
10144
10251
  static get cmpMeta() { return {
@@ -10154,14 +10261,15 @@ class Radio {
10154
10261
  "name": [1],
10155
10262
  "required": [4],
10156
10263
  "value": [1032],
10157
- "tabIndex": [32]
10264
+ "tabIndex": [32],
10265
+ "tooltip": [32]
10158
10266
  },
10159
10267
  "$listeners$": [[0, "click", "onClick"]],
10160
10268
  "$lazyBundleId$": "-",
10161
10269
  "$attrsToReflect$": []
10162
10270
  }; }
10163
10271
  }
10164
- _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() {
10272
+ _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() {
10165
10273
  return this.disabled ?? false;
10166
10274
  }, _Radio_computedSize_get = function _Radio_computedSize_get() {
10167
10275
  switch (this.size) {
@@ -10178,12 +10286,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
10178
10286
  return this.text !== undefined && this.text !== '';
10179
10287
  };
10180
10288
 
10181
- 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}";
10289
+ 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}";
10182
10290
 
10183
10291
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10184
10292
  //
10185
10293
  // SPDX-License-Identifier: Apache-2.0
10186
- var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10294
+ var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10187
10295
  if (kind === "a" && !f)
10188
10296
  throw new TypeError("Private accessor was defined without a getter");
10189
10297
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10347,28 +10455,28 @@ class Select {
10347
10455
  this.checkValidity = () => this.internals.checkValidity();
10348
10456
  this.reportValidity = () => this.internals.reportValidity();
10349
10457
  this.setCustomValidity = (error) => {
10350
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10351
- __classPrivateFieldGet$8(this, _Select_select, "f").setCustomValidity(error);
10458
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10459
+ __classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
10352
10460
  if (error)
10353
- this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$8(this, _Select_select, "f"));
10461
+ this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
10354
10462
  else
10355
10463
  this.internals.setValidity(NO_ERROR_FLAGS);
10356
10464
  };
10357
10465
  this.addItem = (element, before) => {
10358
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10359
- __classPrivateFieldGet$8(this, _Select_select, "f").add(element, before);
10466
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10467
+ __classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
10360
10468
  };
10361
10469
  this.removeItem = (index) => {
10362
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10363
- __classPrivateFieldGet$8(this, _Select_select, "f").remove(index);
10470
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10471
+ __classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
10364
10472
  };
10365
10473
  this.item = (index) => {
10366
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10367
- return __classPrivateFieldGet$8(this, _Select_select, "f").item(index);
10474
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10475
+ return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
10368
10476
  };
10369
10477
  this.namedItem = (name) => {
10370
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10371
- return __classPrivateFieldGet$8(this, _Select_select, "f").namedItem(name);
10478
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10479
+ return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
10372
10480
  };
10373
10481
  _Select_ref.set(this, (select) => {
10374
10482
  __classPrivateFieldSet$7(this, _Select_select, select, "f");
@@ -10383,31 +10491,31 @@ class Select {
10383
10491
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10384
10492
  });
10385
10493
  _Select_onInput.set(this, (event) => {
10386
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10387
- this.value = __classPrivateFieldGet$8(this, _Select_select, "f").value;
10494
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10495
+ this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
10388
10496
  this.inputEmitter.emit(pickInputEventAttributes(event));
10389
10497
  });
10390
10498
  _Select_onSlotchange.set(this, (event) => {
10391
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10499
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10392
10500
  const { currentTarget } = event;
10393
10501
  invariant(currentTarget instanceof HTMLSlotElement);
10394
- __classPrivateFieldGet$8(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10502
+ __classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
10395
10503
  });
10396
10504
  }
10397
10505
  onClick(event) {
10398
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10506
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10399
10507
  event.stopImmediatePropagation();
10400
10508
  }
10401
10509
  disabledChanged() {
10402
- if (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get))
10510
+ if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
10403
10511
  // eslint-disable-next-line unicorn/no-null
10404
10512
  this.internals.setFormValue(null);
10405
10513
  else
10406
- this.internals.setFormValue(__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get));
10514
+ this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
10407
10515
  }
10408
10516
  selectedIndexChanged() {
10409
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10410
- __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10517
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10518
+ __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
10411
10519
  }
10412
10520
  tabindexChanged(newValue) {
10413
10521
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10415,43 +10523,43 @@ class Select {
10415
10523
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
10416
10524
  }
10417
10525
  validationChanged() {
10418
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10419
- __classPrivateFieldGet$8(this, _Select_select, "f").value = __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedValue_get);
10420
- __classPrivateFieldGet$8(this, _Select_select, "f").required = this.required ?? false;
10421
- const { valid } = __classPrivateFieldGet$8(this, _Select_select, "f").validity;
10526
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10527
+ __classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
10528
+ __classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
10529
+ const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
10422
10530
  if (valid)
10423
- this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$8(this, _Select_select, "f"));
10531
+ this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
10424
10532
  else
10425
- this.internals.setValidity(__classPrivateFieldGet$8(this, _Select_select, "f").validity, __classPrivateFieldGet$8(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$8(this, _Select_select, "f"));
10533
+ this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
10426
10534
  }
10427
10535
  statusChanged() {
10428
- this.internals.ariaInvalid = (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
10536
+ this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
10429
10537
  }
10430
10538
  componentWillLoad() {
10431
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10432
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10433
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10434
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10435
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedType_get));
10436
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get));
10437
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get).length);
10438
- __classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10539
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
10540
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10541
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
10542
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10543
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
10544
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
10545
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
10546
+ __classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
10439
10547
  __classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
10440
10548
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10441
10549
  this.statusChanged();
10442
10550
  }
10443
10551
  componentDidLoad() {
10444
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10552
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10445
10553
  this.validationChanged();
10446
- this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
10554
+ this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
10447
10555
  }
10448
10556
  render() {
10449
- return (hAsync("div", { key: '4e54c80117271921cdf5eeaa8498f91467b514f5', class: {
10557
+ return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
10450
10558
  'qds-container': true,
10451
10559
  'qds-multiple': this.multiple ?? false,
10452
- }, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '239e13dcdd0dec5f835005d80417b546cb41b181', autoComplete: this.autoComplete,
10560
+ }, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
10453
10561
  // eslint-disable-next-line jsx-a11y/no-autofocus
10454
- 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" })));
10562
+ 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" })));
10455
10563
  }
10456
10564
  static get delegatesFocus() { return true; }
10457
10565
  static get formAssociated() { return true; }
@@ -10497,8 +10605,8 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10497
10605
  return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
10498
10606
  this.host.getAttribute('disabled') !== 'false');
10499
10607
  }, _Select_computedOptions_get = function _Select_computedOptions_get() {
10500
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10501
- return __classPrivateFieldGet$8(this, _Select_select, "f").options;
10608
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10609
+ return __classPrivateFieldGet$a(this, _Select_select, "f").options;
10502
10610
  }, _Select_computedStatus_get = function _Select_computedStatus_get() {
10503
10611
  switch (this.status) {
10504
10612
  case 'error':
@@ -10522,23 +10630,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
10522
10630
  }
10523
10631
  }
10524
10632
  }, _Select_computedType_get = function _Select_computedType_get() {
10525
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10526
- return __classPrivateFieldGet$8(this, _Select_select, "f").type;
10633
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10634
+ return __classPrivateFieldGet$a(this, _Select_select, "f").type;
10527
10635
  }, _Select_computedValue_get = function _Select_computedValue_get() {
10528
10636
  return this.value ?? '';
10529
10637
  }, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
10530
- invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
10531
- return __classPrivateFieldGet$8(this, _Select_select, "f").selectedOptions;
10638
+ invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
10639
+ return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
10532
10640
  }, _Select_defineGetter = function _Select_defineGetter(p, get) {
10533
10641
  Object.defineProperty(this.host, p, { enumerable: true, get });
10534
10642
  };
10535
10643
 
10536
- 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)}";
10644
+ 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)}";
10537
10645
 
10538
10646
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10539
10647
  //
10540
10648
  // SPDX-License-Identifier: Apache-2.0
10541
- var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10649
+ var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10542
10650
  if (kind === "a" && !f)
10543
10651
  throw new TypeError("Private accessor was defined without a getter");
10544
10652
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10604,7 +10712,7 @@ class StandaloneLink {
10604
10712
  _StandaloneLink_savedTabIndex.set(this, 0);
10605
10713
  _StandaloneLink_link.set(this, void 0);
10606
10714
  _StandaloneLink_updateAriaLabelElements.set(this, () => {
10607
- this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10715
+ this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
10608
10716
  });
10609
10717
  _StandaloneLink_linkRef.set(this, (link) => {
10610
10718
  __classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
@@ -10616,7 +10724,7 @@ class StandaloneLink {
10616
10724
  this.focusEmitter.emit(pickFocusEventAttributes(event));
10617
10725
  });
10618
10726
  _StandaloneLink_onSlotchange.set(this, () => {
10619
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10727
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10620
10728
  });
10621
10729
  }
10622
10730
  onClick(event) {
@@ -10624,18 +10732,18 @@ class StandaloneLink {
10624
10732
  event.stopImmediatePropagation();
10625
10733
  }
10626
10734
  onKeydown(event) {
10627
- invariant(__classPrivateFieldGet$7(this, _StandaloneLink_link, "f"));
10735
+ invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
10628
10736
  if (this.disabled)
10629
10737
  return;
10630
10738
  if (event.key === 'Enter')
10631
- __classPrivateFieldGet$7(this, _StandaloneLink_link, "f").click();
10739
+ __classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
10632
10740
  }
10633
10741
  disabledChanged() {
10634
10742
  this.internals.ariaDisabled = this.disabled.toString();
10635
10743
  if (this.disabled)
10636
10744
  this.host.removeAttribute('tabindex');
10637
10745
  else
10638
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10746
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10639
10747
  }
10640
10748
  tabindexChanged(newValue) {
10641
10749
  const parsedValue = Number.parseInt(newValue, 10);
@@ -10646,11 +10754,11 @@ class StandaloneLink {
10646
10754
  if (this.disabled)
10647
10755
  this.host.removeAttribute('tabindex');
10648
10756
  else
10649
- this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
10757
+ this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
10650
10758
  }
10651
10759
  hrefTargetChanged() {
10652
10760
  this.linkIcon = determineLinkIcon(this.target, this.rel);
10653
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10761
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10654
10762
  }
10655
10763
  componentWillLoad() {
10656
10764
  this.internals.role = 'link';
@@ -10659,14 +10767,14 @@ class StandaloneLink {
10659
10767
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10660
10768
  }
10661
10769
  componentDidLoad() {
10662
- __classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10770
+ __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
10663
10771
  }
10664
10772
  render() {
10665
- return (hAsync("a", { key: '91c07ea8152387f46020e1431858cd35bd126ced', "aria-hidden": "true", class: {
10773
+ return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
10666
10774
  'qds-standalone-link': true,
10667
10775
  'qds-disabled': this.disabled,
10668
10776
  'qds-visitable': this.visitable,
10669
- }, "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" })))));
10777
+ }, "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" })))));
10670
10778
  }
10671
10779
  get host() { return getElement(this); }
10672
10780
  static get watchers() { return {
@@ -10724,12 +10832,12 @@ _StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMa
10724
10832
  return this.target === '_blank';
10725
10833
  };
10726
10834
 
10727
- 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)}";
10835
+ 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)}";
10728
10836
 
10729
10837
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10730
10838
  //
10731
10839
  // SPDX-License-Identifier: Apache-2.0
10732
- var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10840
+ var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10733
10841
  if (kind === "a" && !f)
10734
10842
  throw new TypeError("Private accessor was defined without a getter");
10735
10843
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10843,12 +10951,12 @@ class Switch {
10843
10951
  };
10844
10952
  }
10845
10953
  onClick(event) {
10846
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10954
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
10847
10955
  event.stopImmediatePropagation();
10848
10956
  return;
10849
10957
  }
10850
10958
  event.preventDefault();
10851
- this.checked = !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get);
10959
+ this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
10852
10960
  this.changeEmitter.emit();
10853
10961
  }
10854
10962
  onBlur(event) {
@@ -10867,12 +10975,12 @@ class Switch {
10867
10975
  this.host.click();
10868
10976
  }
10869
10977
  checkedChanged() {
10870
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10871
- this.internals.ariaChecked = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10978
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10979
+ this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
10872
10980
  }
10873
10981
  disabledChanged() {
10874
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10875
- this.internals.ariaDisabled = __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10982
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10983
+ this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
10876
10984
  }
10877
10985
  tabindexChanged(newValue) {
10878
10986
  if (newValue !== null) {
@@ -10881,33 +10989,33 @@ class Switch {
10881
10989
  ? 0
10882
10990
  : parsedValue, "f");
10883
10991
  }
10884
- if (__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10992
+ if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
10885
10993
  this.host.removeAttribute('tabindex');
10886
10994
  else
10887
- this.host.tabIndex = __classPrivateFieldGet$6(this, _Switch_savedTabIndex, "f");
10995
+ this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
10888
10996
  }
10889
10997
  valueChanged() {
10890
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10998
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
10891
10999
  }
10892
11000
  componentWillLoad() {
10893
11001
  this.internals.role = 'switch';
10894
11002
  this.checkedChanged();
10895
11003
  this.disabledChanged();
10896
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
10897
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
10898
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
10899
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
10900
- __classPrivateFieldGet$6(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
11004
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
11005
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
11006
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
11007
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
11008
+ __classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
10901
11009
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
10902
11010
  }
10903
11011
  render() {
10904
- return (hAsync("div", { key: '069ad2361ec53753dea236d5385289bc5cf7c43b', class: {
11012
+ return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
10905
11013
  'qds-container': true,
10906
- 'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
11014
+ 'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
10907
11015
  'qds-inline': this.inline,
10908
- }, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'edd519f0ca4bc0a5a9df50602d29822ac373bdc2', "aria-hidden": "true",
11016
+ }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
10909
11017
  // eslint-disable-next-line jsx-a11y/no-autofocus
10910
- 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" }))))));
11018
+ 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" }))))));
10911
11019
  }
10912
11020
  static get formAssociated() { return true; }
10913
11021
  get host() { return getElement(this); }
@@ -10962,18 +11070,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
10962
11070
  }, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
10963
11071
  Object.defineProperty(this.host, p, { enumerable: true, get });
10964
11072
  }, _Switch_updateFormValue = function _Switch_updateFormValue() {
10965
- this.internals.setFormValue(__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get)
10966
- ? __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedValue_get)
11073
+ this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
11074
+ ? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
10967
11075
  : // eslint-disable-next-line unicorn/no-null
10968
11076
  null);
10969
11077
  };
10970
11078
 
10971
- 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)}";
11079
+ 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)}";
10972
11080
 
10973
11081
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
10974
11082
  //
10975
11083
  // SPDX-License-Identifier: Apache-2.0
10976
- var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11084
+ var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
10977
11085
  if (kind === "a" && !f)
10978
11086
  throw new TypeError("Private accessor was defined without a getter");
10979
11087
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -10989,7 +11097,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
10989
11097
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
10990
11098
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
10991
11099
  };
10992
- 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;
11100
+ 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;
10993
11101
  const isCounter = (value) => typeof value === 'string'
10994
11102
  ? !Number.isNaN(Number.parseFloat(value))
10995
11103
  : typeof value === 'number';
@@ -11035,7 +11143,7 @@ class Tab {
11035
11143
  /**
11036
11144
  * The tab's indicator position.
11037
11145
  */
11038
- this.indicatorPosition = 'block-end';
11146
+ this.indicatorPosition = 'block-start';
11039
11147
  /**
11040
11148
  * The name of a registered icon library.
11041
11149
  */
@@ -11071,7 +11179,7 @@ class Tab {
11071
11179
  });
11072
11180
  _Tab_onIconClick.set(this, (event) => {
11073
11181
  event.stopPropagation();
11074
- __classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
11182
+ __classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
11075
11183
  });
11076
11184
  _Tab_onBlur.set(this, (event) => {
11077
11185
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -11080,12 +11188,12 @@ class Tab {
11080
11188
  this.focusEmitter.emit(pickFocusEventAttributes(event));
11081
11189
  });
11082
11190
  _Tab_defineTab.set(this, () => {
11083
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11084
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$5(this, _Tab_tab, "f"));
11191
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
11192
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
11085
11193
  }
11086
11194
  else {
11087
11195
  this.internals.role = 'tab';
11088
- __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11196
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
11089
11197
  }
11090
11198
  });
11091
11199
  }
@@ -11097,15 +11205,15 @@ class Tab {
11097
11205
  __classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
11098
11206
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11099
11207
  if (tab)
11100
- tab.setAttribute('aria-controls', __classPrivateFieldGet$5(this, _Tab_panel, "f").id);
11101
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === null)
11102
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = 'tabpanel';
11103
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11104
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11105
- __classPrivateFieldGet$5(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11208
+ tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
11209
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
11210
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
11211
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
11212
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
11213
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
11106
11214
  }
11107
11215
  onClick(event) {
11108
- if (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11216
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
11109
11217
  event.stopImmediatePropagation();
11110
11218
  }
11111
11219
  tabindexChanged(newValue) {
@@ -11114,61 +11222,58 @@ class Tab {
11114
11222
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
11115
11223
  }
11116
11224
  actionChanged() {
11117
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11225
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11118
11226
  }
11119
11227
  componentWillLoad() {
11120
11228
  var _a;
11121
11229
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
11122
11230
  (_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
11123
11231
  autoIncrementingId$1 += 1;
11124
- __classPrivateFieldGet$5(this, _Tab_defineTab, "f").call(this);
11232
+ __classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
11125
11233
  }
11126
11234
  componentWillRender() {
11127
- const isPanelRoot = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11128
- const isMainSubsection = __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11235
+ const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
11236
+ const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
11129
11237
  this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
11130
11238
  }
11131
11239
  componentDidLoad() {
11132
11240
  this.panelChanged();
11133
11241
  }
11134
11242
  disconnectedCallback() {
11135
- if (!__classPrivateFieldGet$5(this, _Tab_panel, "f"))
11243
+ if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
11136
11244
  return;
11137
11245
  const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
11138
11246
  if (tab)
11139
11247
  tab.removeAttribute('aria-controls');
11140
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").role === 'tabpanel')
11248
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
11141
11249
  // eslint-disable-next-line unicorn/no-null
11142
- __classPrivateFieldGet$5(this, _Tab_panel, "f").role = null;
11143
- if (__classPrivateFieldGet$5(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11144
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11145
- __classPrivateFieldGet$5(this, _Tab_panel, "f").removeAttribute('tabindex');
11250
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
11251
+ if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
11252
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
11253
+ __classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
11146
11254
  }
11147
11255
  render() {
11148
- const isLink = this.href !== undefined && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11149
- const indicatorPosition = this.isIndicatorOnTop
11150
- ? 'block-start'
11151
- : this.indicatorPosition;
11256
+ const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
11152
11257
  const Tag = isLink
11153
11258
  ? 'a'
11154
- : __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11259
+ : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
11155
11260
  ? 'button'
11156
11261
  : 'div';
11157
- return (hAsync("div", { key: 'a7e5f460e6bbcc0b16addb8390bd017d7f55c072', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11158
- 'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11262
+ return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
11263
+ 'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11159
11264
  'qds-selected': this.selected,
11160
- [`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11161
- }, "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: {
11162
- 'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11163
- 'qds-closable-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11265
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11266
+ }, "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: {
11267
+ 'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11268
+ 'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
11164
11269
  'qds-selected': this.selected,
11165
- [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11166
- }, 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
11270
+ [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
11271
+ }, 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
11167
11272
  ? this.selected
11168
11273
  ? 'true'
11169
11274
  : 'false'
11170
- : 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 !== '') ||
11171
- (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) }))));
11275
+ : 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 !== '') ||
11276
+ (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) }))));
11172
11277
  }
11173
11278
  get host() { return getElement(this); }
11174
11279
  static get watchers() { return {
@@ -11223,6 +11328,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11223
11328
  }
11224
11329
  }
11225
11330
  }, _Tab_computedSize_get = function _Tab_computedSize_get() {
11331
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
11332
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
11226
11333
  switch (this.size) {
11227
11334
  case 'standard':
11228
11335
  case 'small':
@@ -11234,6 +11341,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11234
11341
  }
11235
11342
  }
11236
11343
  }, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
11344
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
11345
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
11237
11346
  switch (this.importance) {
11238
11347
  case 'subdued':
11239
11348
  case 'standard': {
@@ -11243,6 +11352,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11243
11352
  return 'standard';
11244
11353
  }
11245
11354
  }
11355
+ }, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
11356
+ return this.host.closest('qds-tabbar')?.importance ?? undefined;
11357
+ }, _Tab_parentSize_get = function _Tab_parentSize_get() {
11358
+ return this.host.closest('qds-tabbar')?.size ?? undefined;
11246
11359
  }, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
11247
11360
  return this.host.closest('qds-tabbar')?.layer ?? 'main';
11248
11361
  }, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
@@ -11253,7 +11366,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11253
11366
  return this.disabled ?? false;
11254
11367
  }, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
11255
11368
  if (this.selected) {
11256
- return __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11369
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
11257
11370
  }
11258
11371
  return -1;
11259
11372
  }, _Tab_renderText = function _Tab_renderText() {
@@ -11262,12 +11375,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
11262
11375
  Object.defineProperty(this.host, p, { enumerable: true, get });
11263
11376
  };
11264
11377
 
11265
- 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)}";
11378
+ 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)}";
11266
11379
 
11267
11380
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11268
11381
  //
11269
11382
  // SPDX-License-Identifier: Apache-2.0
11270
- var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11383
+ var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11271
11384
  if (kind === "a" && !f)
11272
11385
  throw new TypeError("Private accessor was defined without a getter");
11273
11386
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -11283,7 +11396,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
11283
11396
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
11284
11397
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11285
11398
  };
11286
- 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;
11399
+ 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;
11287
11400
  const TAB_SETTINGS = {
11288
11401
  'main-root': {
11289
11402
  importance: 'standard',
@@ -11341,16 +11454,33 @@ class Tabbar {
11341
11454
  _Tabbar_instances.add(this);
11342
11455
  /**
11343
11456
  * The tabbar's layer.
11457
+ *
11458
+ * @deprecated The property layer is deprecated. Please use `size` property instead.
11459
+ * Please do not use `layer` and `size` at the same time.
11344
11460
  */
11345
11461
  this.layer = 'main';
11346
11462
  /**
11347
11463
  * The tabbar's level.
11464
+ *
11465
+ * @deprecated The property level is deprecated. Please use `size` property instead.
11466
+ * Please do not use `level` and `size` at the same time.
11348
11467
  */
11349
11468
  this.level = 'root';
11469
+ /**
11470
+ * The tabbar's size. This controls the size of the tabs within the tabbar.
11471
+ */
11472
+ this.size = 'standard';
11350
11473
  /**
11351
11474
  * The tabbar's orientation.
11475
+ *
11476
+ * @deprecated Please use the `placement` property instead. Do not use
11477
+ * `orientation` and `placement` at the same time.
11352
11478
  */
11353
11479
  this.orientation = 'horizontal';
11480
+ /**
11481
+ * The tabbar's placement.
11482
+ */
11483
+ this.placement = 'top';
11354
11484
  /**
11355
11485
  * Displays a divider line.
11356
11486
  */
@@ -11358,7 +11488,7 @@ class Tabbar {
11358
11488
  /**
11359
11489
  * The alignment of tabs. Only applicable for horizontal orientation.
11360
11490
  */
11361
- this.alignment = 'left';
11491
+ this.alignment = 'start';
11362
11492
  this.disableEndArrow = false;
11363
11493
  this.disableStartArrow = false;
11364
11494
  _Tabbar_tabs.set(this, []);
@@ -11366,23 +11496,25 @@ class Tabbar {
11366
11496
  _Tabbar_tabbar.set(this, void 0);
11367
11497
  _Tabbar_inheritedAttributes.set(this, {});
11368
11498
  _Tabbar_scrollToStart.set(this, () => {
11369
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11499
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11370
11500
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11371
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11501
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11372
11502
  left: isRTL
11373
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11374
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11503
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11504
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11375
11505
  });
11376
11506
  });
11377
11507
  _Tabbar_scrollToEnd.set(this, () => {
11378
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11508
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11379
11509
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11380
- __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scroll({
11510
+ __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
11381
11511
  left: isRTL
11382
- ? __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth
11383
- : __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f").clientWidth,
11512
+ ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
11513
+ : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
11384
11514
  });
11385
11515
  });
11516
+ _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
11517
+ _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
11386
11518
  _Tabbar_onClick.set(this, (event) => {
11387
11519
  const { target } = event;
11388
11520
  if (!(target instanceof HTMLElement))
@@ -11390,22 +11522,22 @@ class Tabbar {
11390
11522
  const tab = target.closest('qds-tab');
11391
11523
  if (!tab || tab.disabled === true || tab.inert)
11392
11524
  return;
11393
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11394
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11525
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
11526
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
11395
11527
  });
11396
11528
  _Tabbar_onKeyDown.set(this, (event) => {
11397
- const isVertical = this.orientation === 'vertical';
11529
+ const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
11398
11530
  const MOVE_SELECTION_KEYS = isVertical
11399
11531
  ? VERTICAL_MOVE_KEYS
11400
11532
  : HORIZONTAL_MOVE_KEYS;
11401
11533
  if (!MOVE_SELECTION_KEYS.has(event.key))
11402
11534
  return;
11403
- const tabs = __classPrivateFieldGet$4(this, _Tabbar_tabs, "f");
11535
+ const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
11404
11536
  if (tabs.length === 0)
11405
11537
  return;
11406
11538
  event.preventDefault();
11407
11539
  event.stopPropagation();
11408
- const activeTab = __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11540
+ const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
11409
11541
  let index = activeTab ? tabs.indexOf(activeTab) : 0;
11410
11542
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11411
11543
  let nextTab;
@@ -11440,23 +11572,23 @@ class Tabbar {
11440
11572
  }
11441
11573
  nextTab = tabs[index];
11442
11574
  } while (nextTab.disabled === true);
11443
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11575
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
11444
11576
  const target = nextTab.tab;
11445
11577
  target.focus({ preventScroll: true });
11446
11578
  if (!isVertical)
11447
11579
  target.scrollIntoView();
11448
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11449
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11580
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
11581
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
11450
11582
  });
11451
11583
  _Tabbar_onMouseDown.set(this, (event) => {
11452
11584
  const { target } = event;
11453
11585
  if (isEnabledTabItem(target))
11454
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11586
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
11455
11587
  });
11456
11588
  _Tabbar_onScroll.set(this, () => {
11457
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11589
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11458
11590
  return;
11459
- const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11591
+ const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11460
11592
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
11461
11593
  this.disableStartArrow = scrollLeft === 0;
11462
11594
  this.disableEndArrow = isRTL
@@ -11464,80 +11596,81 @@ class Tabbar {
11464
11596
  : scrollWidth - clientWidth - scrollLeft <= 1;
11465
11597
  });
11466
11598
  _Tabbar_onViewportCrop.set(this, () => {
11467
- if (!__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"))
11599
+ if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
11468
11600
  return;
11469
- const { scrollWidth, clientWidth } = __classPrivateFieldGet$4(this, _Tabbar_tabbar, "f");
11601
+ const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
11470
11602
  if (scrollWidth > clientWidth) {
11471
- __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f").call(this);
11603
+ __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
11472
11604
  }
11473
11605
  });
11474
11606
  _Tabbar_onSlotchange.set(this, () => {
11475
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11476
- if (__classPrivateFieldGet$4(this, _Tabbar_tabs, "f").length > 0)
11477
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")[0]);
11607
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
11608
+ if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
11609
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
11478
11610
  });
11479
11611
  }
11612
+ settingChanged() {
11613
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
11614
+ }
11480
11615
  windowResize() {
11481
- __classPrivateFieldGet$4(this, _Tabbar_onViewportCrop, "f").call(this);
11616
+ __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
11482
11617
  }
11483
11618
  componentWillLoad() {
11619
+ this.settingChanged();
11484
11620
  __classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11485
11621
  const tabs = [
11486
11622
  ...this.host.querySelectorAll('qds-tab'),
11487
11623
  ];
11488
11624
  const preselectedTab = tabs.find((tab) => tab.selected);
11489
11625
  if (preselectedTab)
11490
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11626
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
11491
11627
  else if (tabs.length > 0)
11492
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11628
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
11493
11629
  }
11494
11630
  componentDidRender() {
11495
11631
  if (this.activeTab)
11496
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11497
- const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11498
- if (!settings)
11499
- return;
11500
- for (const tab of this.host.querySelectorAll('qds-tab')) {
11501
- /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11502
- tab.importance = settings.importance;
11503
- tab.size = settings.size;
11504
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
11505
- tab.indicatorPosition =
11506
- this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
11507
- /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11508
- }
11632
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
11633
+ this.settingChanged();
11509
11634
  }
11510
11635
  componentDidLoad() {
11511
- invariant(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11512
- __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$4(this, _Tabbar_onScroll, "f")), "f");
11513
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$4(this, _Tabbar_tabbar, "f"));
11636
+ invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11637
+ __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
11638
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
11514
11639
  }
11515
11640
  disconnectedCallback() {
11516
- if (__classPrivateFieldGet$4(this, _Tabbar_ro, "f"))
11517
- __classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
11641
+ if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
11642
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
11518
11643
  }
11519
11644
  render() {
11520
- 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: {
11645
+ return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
11646
+ 'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11647
+ }, "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: {
11521
11648
  'qds-align-center': true,
11522
11649
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11523
- this.orientation === 'vertical',
11524
- } }, 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: {
11650
+ this.orientation === 'vertical' ||
11651
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11652
+ } }, 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: {
11525
11653
  'qds-tabs': true,
11526
- 'qds-vertical': this.orientation === 'vertical',
11527
- 'qds-centered': this.alignment === 'centered' &&
11528
- this.orientation === 'horizontal' &&
11654
+ 'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11655
+ 'qds-centered': this.alignment === 'center' &&
11656
+ (this.orientation === 'horizontal' ||
11657
+ __classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
11529
11658
  this.disableEndArrow &&
11530
11659
  this.disableStartArrow,
11531
11660
  }, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
11532
11661
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
11533
- }, 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: {
11662
+ }, 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: {
11534
11663
  'qds-align-center': true,
11535
11664
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
11536
- this.orientation === 'vertical',
11537
- } }, 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' }))));
11665
+ this.orientation === 'vertical' ||
11666
+ __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
11667
+ } }, 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) }))));
11538
11668
  }
11539
11669
  static get delegatesFocus() { return true; }
11540
11670
  get host() { return getElement(this); }
11671
+ static get watchers() { return {
11672
+ "importance": ["settingChanged"]
11673
+ }; }
11541
11674
  static get style() { return tabbarCss; }
11542
11675
  static get cmpMeta() { return {
11543
11676
  "$flags$": 281,
@@ -11545,10 +11678,13 @@ class Tabbar {
11545
11678
  "$members$": {
11546
11679
  "layer": [1],
11547
11680
  "level": [1],
11681
+ "size": [1],
11548
11682
  "orientation": [1],
11683
+ "placement": [1],
11549
11684
  "tablistDescription": [1, "tablist-description"],
11550
11685
  "showDivider": [4, "show-divider"],
11551
11686
  "alignment": [1],
11687
+ "importance": [1],
11552
11688
  "disableEndArrow": [32],
11553
11689
  "disableStartArrow": [32],
11554
11690
  "activeTab": [32]
@@ -11558,12 +11694,34 @@ class Tabbar {
11558
11694
  "$attrsToReflect$": []
11559
11695
  }; }
11560
11696
  }
11561
- _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() {
11697
+ _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() {
11698
+ return this.importance;
11699
+ }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
11700
+ return this.size ?? undefined;
11701
+ }, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
11702
+ switch (this.placement) {
11703
+ case 'top': {
11704
+ return 'block-end';
11705
+ }
11706
+ case 'end': {
11707
+ return 'inline-start';
11708
+ }
11709
+ case 'bottom': {
11710
+ return 'block-start';
11711
+ }
11712
+ case 'start': {
11713
+ return 'inline-end';
11714
+ }
11715
+ default: {
11716
+ return undefined;
11717
+ }
11718
+ }
11719
+ }, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
11562
11720
  if (this.layer === 'panel')
11563
11721
  return false;
11564
11722
  if (this.layer === 'main' &&
11565
11723
  this.level === 'subsection' &&
11566
- this.orientation === 'horizontal')
11724
+ (this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
11567
11725
  return false;
11568
11726
  return this.showDivider === true;
11569
11727
  }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
@@ -11578,7 +11736,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11578
11736
  target.ariaSelected = isSelected.toString();
11579
11737
  }
11580
11738
  }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
11581
- for (const tab of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11739
+ for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11582
11740
  const panel = resolvePanelElement(tab);
11583
11741
  if (panel) {
11584
11742
  panel.hidden = tab !== activeTab;
@@ -11591,12 +11749,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11591
11749
  this.activeTab = tab;
11592
11750
  this.hideEmitter.emit(previousTab);
11593
11751
  this.showEmitter.emit(tab);
11594
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11595
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11752
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
11753
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
11596
11754
  }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
11597
- return __classPrivateFieldGet$4(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11755
+ return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
11598
11756
  }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
11599
- for (const t of __classPrivateFieldGet$4(this, _Tabbar_tabs, "f")) {
11757
+ for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
11600
11758
  const isCurrent = t === tab;
11601
11759
  componentOnReady(t, (element) => {
11602
11760
  const target = element?.tab;
@@ -11607,7 +11765,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11607
11765
  const tabindex = shouldActivateTab ? '0' : '-1';
11608
11766
  target.setAttribute('tabindex', tabindex);
11609
11767
  if (shouldActivateTab)
11610
- __classPrivateFieldGet$4(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11768
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
11611
11769
  });
11612
11770
  }
11613
11771
  }, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
@@ -11615,6 +11773,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
11615
11773
  __classPrivateFieldSet$3(this, _Tabbar_tabs, slot
11616
11774
  ? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
11617
11775
  : [], "f");
11776
+ }, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
11777
+ const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
11778
+ if (!settings)
11779
+ return;
11780
+ for (const tab of this.host.querySelectorAll('qds-tab')) {
11781
+ /* eslint-disable @typescript-eslint/no-unsafe-member-access */
11782
+ tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
11783
+ tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
11784
+ tab.indicatorPosition =
11785
+ this.orientation === 'vertical'
11786
+ ? 'inline-end'
11787
+ : (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
11788
+ /* eslint-enable @typescript-eslint/no-unsafe-member-access */
11789
+ }
11618
11790
  };
11619
11791
 
11620
11792
  const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
@@ -11642,7 +11814,7 @@ class Table {
11642
11814
  }
11643
11815
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11644
11816
  render() {
11645
- return hAsync("slot", { key: '8e2daea5b29256b1f80892e60f363d3837e707a5' });
11817
+ return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
11646
11818
  }
11647
11819
  static get style() { return tableCss; }
11648
11820
  static get cmpMeta() { return {
@@ -11655,8 +11827,19 @@ class Table {
11655
11827
  }; }
11656
11828
  }
11657
11829
 
11658
- 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}";
11830
+ 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)}";
11659
11831
 
11832
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11833
+ //
11834
+ // SPDX-License-Identifier: Apache-2.0
11835
+ var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11836
+ if (kind === "a" && !f)
11837
+ throw new TypeError("Private accessor was defined without a getter");
11838
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11839
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11840
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11841
+ };
11842
+ var _TableCell_instances, _TableCell_computedSize_get;
11660
11843
  /**
11661
11844
  * The `<qds-table-cell>` element defines a cell of a table that contains data.
11662
11845
  * It participates in the *table model*.
@@ -11673,6 +11856,11 @@ class TableCell {
11673
11856
  this.internals = hostRef.$hostElement$.attachInternals();
11674
11857
  hostRef.$hostElement$["s-ei"] = this.internals;
11675
11858
  }
11859
+ _TableCell_instances.add(this);
11860
+ /**
11861
+ * The table cell's size.
11862
+ */
11863
+ this.size = 'standard';
11676
11864
  }
11677
11865
  colSpanChanged(newValue) {
11678
11866
  this.internals.ariaColSpan =
@@ -11700,9 +11888,9 @@ class TableCell {
11700
11888
  render() {
11701
11889
  return (
11702
11890
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11703
- hAsync("td", { key: '94fafc4ea9c69aa490738766f16364bd70233e3f', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
11891
+ 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,
11704
11892
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11705
- role: "none" }, hAsync("slot", { key: '6f7d0b32f792cfe417239758b3d2c8d338c3e126' })));
11893
+ role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
11706
11894
  }
11707
11895
  static get watchers() { return {
11708
11896
  "colSpan": ["colSpanChanged"],
@@ -11714,16 +11902,39 @@ class TableCell {
11714
11902
  "$tagName$": "qds-table-cell",
11715
11903
  "$members$": {
11716
11904
  "colSpan": [2, "colspan"],
11717
- "rowSpan": [2, "rowspan"]
11905
+ "rowSpan": [2, "rowspan"],
11906
+ "size": [1]
11718
11907
  },
11719
11908
  "$listeners$": undefined,
11720
11909
  "$lazyBundleId$": "-",
11721
11910
  "$attrsToReflect$": []
11722
11911
  }; }
11723
11912
  }
11913
+ _TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
11914
+ switch (this.size) {
11915
+ case 'large':
11916
+ case 'small': {
11917
+ return this.size;
11918
+ }
11919
+ default: {
11920
+ return 'standard';
11921
+ }
11922
+ }
11923
+ };
11724
11924
 
11725
- 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}";
11925
+ 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)}";
11726
11926
 
11927
+ // SPDX-FileCopyrightText: © 2024 Schneider Electric
11928
+ //
11929
+ // SPDX-License-Identifier: Apache-2.0
11930
+ var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
11931
+ if (kind === "a" && !f)
11932
+ throw new TypeError("Private accessor was defined without a getter");
11933
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
11934
+ throw new TypeError("Cannot read private member from an object whose class did not declare it");
11935
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11936
+ };
11937
+ var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
11727
11938
  /**
11728
11939
  * The `<qds-table-head-cell>` element defines a cell as the header of a group
11729
11940
  * of table cells. The exact nature of this group is defined by the `scope`
@@ -11741,6 +11952,11 @@ class TableHeadCell {
11741
11952
  this.internals = hostRef.$hostElement$.attachInternals();
11742
11953
  hostRef.$hostElement$["s-ei"] = this.internals;
11743
11954
  }
11955
+ _TableHeadCell_instances.add(this);
11956
+ /**
11957
+ * The table header cell's size.
11958
+ */
11959
+ this.size = 'standard';
11744
11960
  }
11745
11961
  colSpanChanged(newValue) {
11746
11962
  this.internals.ariaColSpan =
@@ -11771,9 +11987,9 @@ class TableHeadCell {
11771
11987
  render() {
11772
11988
  return (
11773
11989
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
11774
- hAsync("th", { key: '89eb4dadd071a6045f356c6eccddcf4933d2cb0b', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
11990
+ 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,
11775
11991
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
11776
- role: "none" }, hAsync("slot", { key: '320c62a678ca5a52a8f965ae8aa9f527c83022a0' })));
11992
+ role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
11777
11993
  }
11778
11994
  static get watchers() { return {
11779
11995
  "colSpan": ["colSpanChanged"],
@@ -11787,15 +12003,27 @@ class TableHeadCell {
11787
12003
  "$members$": {
11788
12004
  "colSpan": [2, "colspan"],
11789
12005
  "rowSpan": [2, "rowspan"],
11790
- "scope": [1]
12006
+ "scope": [1],
12007
+ "size": [1]
11791
12008
  },
11792
12009
  "$listeners$": undefined,
11793
12010
  "$lazyBundleId$": "-",
11794
12011
  "$attrsToReflect$": []
11795
12012
  }; }
11796
12013
  }
12014
+ _TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
12015
+ switch (this.size) {
12016
+ case 'large':
12017
+ case 'small': {
12018
+ return this.size;
12019
+ }
12020
+ default: {
12021
+ return 'standard';
12022
+ }
12023
+ }
12024
+ };
11797
12025
 
11798
- 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}";
12026
+ 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}";
11799
12027
 
11800
12028
  /**
11801
12029
  * The `<qds-table-row>` element defines a row of cells in a table. The row's
@@ -11820,7 +12048,7 @@ class TableRow {
11820
12048
  }
11821
12049
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
11822
12050
  render() {
11823
- return (hAsync("tr", { key: 'f92c2b9db18dbe06ea680ce23273da08f7998f5b', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '897f11cad82a4c6f1c04c4bc5a65cd0f85714a57' })));
12051
+ return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
11824
12052
  }
11825
12053
  static get style() { return tableRowCss; }
11826
12054
  static get cmpMeta() { return {
@@ -11891,11 +12119,11 @@ class Tag {
11891
12119
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
11892
12120
  }
11893
12121
  render() {
11894
- return (hAsync("span", { key: '315dd8f19131efdf55430a797a80dc806efd988c', class: {
12122
+ return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
11895
12123
  'qds-tag': true,
11896
12124
  'qds-padding': this.importance !== 'subdued',
11897
12125
  }, "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 &&
11898
- 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)));
12126
+ 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)));
11899
12127
  }
11900
12128
  get host() { return getElement(this); }
11901
12129
  static get style() { return tagCss; }
@@ -11955,7 +12183,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
11955
12183
  return (this.badge ?? false) && this.importance !== 'emphasized';
11956
12184
  };
11957
12185
 
11958
- 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)}";
12186
+ 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)}";
11959
12187
 
11960
12188
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11961
12189
  //
@@ -12221,9 +12449,9 @@ class TextArea {
12221
12449
  this.valueChanged();
12222
12450
  }
12223
12451
  render() {
12224
- return (hAsync(Host, { key: 'e70a2441fe46be35f06f84f4be817fc04d623905' }, hAsync("textarea", { key: 'f627ebc9f1619940f5a530886de0241353e270a7', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12452
+ return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
12225
12453
  // eslint-disable-next-line jsx-a11y/no-autofocus
12226
- 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") })));
12454
+ 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") })));
12227
12455
  }
12228
12456
  static get delegatesFocus() { return true; }
12229
12457
  static get formAssociated() { return true; }
@@ -12299,7 +12527,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
12299
12527
  Object.defineProperty(this.host, p, { enumerable: true, get });
12300
12528
  };
12301
12529
 
12302
- 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)}";
12530
+ 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)}";
12303
12531
 
12304
12532
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
12305
12533
  //
@@ -12350,14 +12578,14 @@ class Title {
12350
12578
  const level = `qds-${this.level ?? 'section'}`;
12351
12579
  const Tag = this.tag ?? 'h2';
12352
12580
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
12353
- return (hAsync("hgroup", { key: '7c189575dd8ed51097af980d98291820f37624c4', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12581
+ return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
12354
12582
  [layer]: true,
12355
12583
  [level]: true,
12356
12584
  'qds-titles': true,
12357
12585
  'qds-has-icon': hasIcon,
12358
12586
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
12359
12587
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
12360
- }, 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 }))));
12588
+ }, 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 }))));
12361
12589
  }
12362
12590
  static get style() { return titleCss; }
12363
12591
  static get cmpMeta() { return {
@@ -12415,7 +12643,7 @@ let autoIncrementingId = 1;
12415
12643
  class Tooltip {
12416
12644
  constructor(hostRef) {
12417
12645
  registerInstance(this, hostRef);
12418
- this.closeEmitter = createEvent(this, "qdsClose", 2);
12646
+ this.closeEmitter = createEvent(this, "qdsClose", 0);
12419
12647
  if (hostRef.$hostElement$["s-ei"]) {
12420
12648
  this.internals = hostRef.$hostElement$["s-ei"];
12421
12649
  }
@@ -12657,7 +12885,7 @@ class Tooltip {
12657
12885
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
12658
12886
  }
12659
12887
  render() {
12660
- 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") })));
12888
+ 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") })));
12661
12889
  }
12662
12890
  get host() { return getElement(this); }
12663
12891
  static get watchers() { return {