@quartzds/core 1.0.0-beta.128 → 1.0.0-beta.129

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 (176) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/components/index.js +1 -1
  3. package/components/{p-DhXeFnmO.js → p-BJEvSqqL.js} +5 -5
  4. package/components/{p-DhXeFnmO.js.map → p-BJEvSqqL.js.map} +1 -1
  5. package/components/{p-C9IjLb3Y.js → p-Bn9o5Um2.js} +3 -3
  6. package/components/{p-C9IjLb3Y.js.map → p-Bn9o5Um2.js.map} +1 -1
  7. package/components/{p-CRMf7xaM.js → p-BoqB4ddF.js} +9 -6
  8. package/components/p-BoqB4ddF.js.map +1 -0
  9. package/components/{p-DzybtRcv.js → p-CQ-Ilm5d.js} +5 -5
  10. package/components/p-CQ-Ilm5d.js.map +1 -0
  11. package/components/{p-meIfRYro.js → p-Cevyg51v.js} +5 -5
  12. package/components/p-Cevyg51v.js.map +1 -0
  13. package/components/{p-DF9UaDLm.js → p-CnWdHgve.js} +8 -8
  14. package/components/p-CnWdHgve.js.map +1 -0
  15. package/components/{p-BtT3CnSD.js → p-CrzaI1TQ.js} +9 -9
  16. package/components/{p-BtT3CnSD.js.map → p-CrzaI1TQ.js.map} +1 -1
  17. package/components/{p-DTtaqXO_.js → p-DEa0r_EV.js} +6 -6
  18. package/components/{p-DTtaqXO_.js.map → p-DEa0r_EV.js.map} +1 -1
  19. package/components/{p-Dcnye_tS.js → p-DOqfdgQA.js} +3 -3
  20. package/components/{p-Dcnye_tS.js.map → p-DOqfdgQA.js.map} +1 -1
  21. package/components/{p-B6Ey_-Vx.js → p-DjZ2J7fQ.js} +5 -5
  22. package/components/{p-B6Ey_-Vx.js.map → p-DjZ2J7fQ.js.map} +1 -1
  23. package/components/{p-CJjC212f.js → p-Do46q_Gd.js} +4 -4
  24. package/components/{p-CJjC212f.js.map → p-Do46q_Gd.js.map} +1 -1
  25. package/components/{p-WIHZZjmJ.js → p-cw45QxUT.js} +7 -7
  26. package/components/{p-WIHZZjmJ.js.map → p-cw45QxUT.js.map} +1 -1
  27. package/components/{p-oL9ZVNSo.js → p-fKK7EmM2.js} +3 -3
  28. package/components/{p-oL9ZVNSo.js.map → p-fKK7EmM2.js.map} +1 -1
  29. package/components/qds-action-item.js +3 -3
  30. package/components/qds-avatar-media.js +1 -1
  31. package/components/qds-avatar.js +4 -4
  32. package/components/qds-badge-indicator.js +1 -1
  33. package/components/qds-breadcrumb-item.js +3 -3
  34. package/components/qds-button.js +4 -4
  35. package/components/qds-checkbox.js +1 -1
  36. package/components/qds-chip.js +8 -7
  37. package/components/qds-chip.js.map +1 -1
  38. package/components/qds-dialog.js +6 -6
  39. package/components/qds-divider.js +1 -1
  40. package/components/qds-dropdown.js +1 -1
  41. package/components/qds-form-message.js +1 -1
  42. package/components/qds-icon-button.js +1 -1
  43. package/components/qds-icon-tab.js +59 -26
  44. package/components/qds-icon-tab.js.map +1 -1
  45. package/components/qds-icon.js +1 -1
  46. package/components/qds-inline-link.js +4 -4
  47. package/components/qds-input.js +4 -4
  48. package/components/qds-input.js.map +1 -1
  49. package/components/qds-label.js +2 -2
  50. package/components/qds-list-item.js +10 -10
  51. package/components/qds-loader.js +1 -1
  52. package/components/qds-menu-item.js +4 -4
  53. package/components/qds-mini-button.js +1 -1
  54. package/components/qds-progress-bar.js +1 -1
  55. package/components/qds-radio.js +1 -1
  56. package/components/qds-select.js +3 -3
  57. package/components/qds-standalone-link.js +4 -4
  58. package/components/qds-switch.js +5 -5
  59. package/components/qds-tab.js +39 -25
  60. package/components/qds-tab.js.map +1 -1
  61. package/components/qds-tabbar.js +140 -33
  62. package/components/qds-tabbar.js.map +1 -1
  63. package/components/qds-table-cell.js +2 -2
  64. package/components/qds-table-head-cell.js +2 -2
  65. package/components/qds-table-row.js +1 -1
  66. package/components/qds-table.js +1 -1
  67. package/components/qds-tag.js +1 -1
  68. package/components/qds-textarea.js +4 -4
  69. package/components/qds-textarea.js.map +1 -1
  70. package/components/qds-title.js +1 -1
  71. package/components/qds-tooltip.js +1 -1
  72. package/dist/cjs/{helpers-D2klK1IS.js → helpers-D6srVOLt.js} +9 -6
  73. package/dist/cjs/{helpers-D2klK1IS.js.map → helpers-D6srVOLt.js.map} +1 -1
  74. package/dist/cjs/loader.cjs.js +1 -1
  75. package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
  76. package/dist/cjs/qds-avatar-media.cjs.entry.js +1 -1
  77. package/dist/cjs/qds-avatar.cjs.entry.js +1 -1
  78. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +1 -1
  79. package/dist/cjs/qds-button.cjs.entry.js +1 -1
  80. package/dist/cjs/qds-checkbox_2.cjs.entry.js +6 -6
  81. package/dist/cjs/qds-chip.cjs.entry.js +5 -4
  82. package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
  83. package/dist/cjs/qds-dialog.cjs.entry.js +2 -2
  84. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  85. package/dist/cjs/qds-divider_2.cjs.entry.js +4 -4
  86. package/dist/cjs/qds-dropdown.cjs.entry.js +3 -3
  87. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  88. package/dist/cjs/qds-icon-tab.cjs.entry.js +51 -21
  89. package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -1
  90. package/dist/cjs/qds-icon.cjs.entry.js +1 -1
  91. package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
  92. package/dist/cjs/qds-input.cjs.entry.js +2 -2
  93. package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
  94. package/dist/cjs/qds-label.cjs.entry.js +1 -1
  95. package/dist/cjs/qds-list-item.cjs.entry.js +1 -1
  96. package/dist/cjs/qds-menu-item.cjs.entry.js +1 -1
  97. package/dist/cjs/qds-mini-button.cjs.entry.js +2 -2
  98. package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
  99. package/dist/cjs/qds-select.cjs.entry.js +2 -2
  100. package/dist/cjs/qds-standalone-link.cjs.entry.js +3 -3
  101. package/dist/cjs/qds-switch.cjs.entry.js +4 -4
  102. package/dist/cjs/qds-tab.cjs.entry.js +34 -20
  103. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  104. package/dist/cjs/qds-tabbar.cjs.entry.js +130 -26
  105. package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
  106. package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
  107. package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
  108. package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
  109. package/dist/cjs/qds-table.cjs.entry.js +1 -1
  110. package/dist/cjs/qds-tag.cjs.entry.js +3 -3
  111. package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
  112. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  113. package/dist/cjs/qds-title.cjs.entry.js +2 -2
  114. package/dist/cjs/qds-tooltip.cjs.entry.js +3 -3
  115. package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
  116. package/dist/cjs/qds.cjs.js +1 -1
  117. package/dist/custom-elements.json +203 -13
  118. package/dist/docs.json +37 -1
  119. package/dist/esm/{helpers-_EoroLk_.js → helpers-_a9kqEyo.js} +9 -6
  120. package/dist/esm/{helpers-_EoroLk_.js.map → helpers-_a9kqEyo.js.map} +1 -1
  121. package/dist/esm/loader.js +1 -1
  122. package/dist/esm/qds-action-item.entry.js +1 -1
  123. package/dist/esm/qds-avatar-media.entry.js +1 -1
  124. package/dist/esm/qds-avatar.entry.js +1 -1
  125. package/dist/esm/qds-breadcrumb-item.entry.js +1 -1
  126. package/dist/esm/qds-button.entry.js +1 -1
  127. package/dist/esm/qds-checkbox_2.entry.js +6 -6
  128. package/dist/esm/qds-chip.entry.js +5 -4
  129. package/dist/esm/qds-chip.entry.js.map +1 -1
  130. package/dist/esm/qds-dialog.entry.js +2 -2
  131. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  132. package/dist/esm/qds-divider_2.entry.js +4 -4
  133. package/dist/esm/qds-dropdown.entry.js +3 -3
  134. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  135. package/dist/esm/qds-icon-tab.entry.js +51 -21
  136. package/dist/esm/qds-icon-tab.entry.js.map +1 -1
  137. package/dist/esm/qds-icon.entry.js +1 -1
  138. package/dist/esm/qds-inline-link.entry.js +3 -3
  139. package/dist/esm/qds-input.entry.js +2 -2
  140. package/dist/esm/qds-input.entry.js.map +1 -1
  141. package/dist/esm/qds-label.entry.js +1 -1
  142. package/dist/esm/qds-list-item.entry.js +1 -1
  143. package/dist/esm/qds-menu-item.entry.js +1 -1
  144. package/dist/esm/qds-mini-button.entry.js +2 -2
  145. package/dist/esm/qds-progress-bar.entry.js +1 -1
  146. package/dist/esm/qds-select.entry.js +2 -2
  147. package/dist/esm/qds-standalone-link.entry.js +3 -3
  148. package/dist/esm/qds-switch.entry.js +4 -4
  149. package/dist/esm/qds-tab.entry.js +34 -20
  150. package/dist/esm/qds-tab.entry.js.map +1 -1
  151. package/dist/esm/qds-tabbar.entry.js +130 -26
  152. package/dist/esm/qds-tabbar.entry.js.map +1 -1
  153. package/dist/esm/qds-table-cell.entry.js +2 -2
  154. package/dist/esm/qds-table-head-cell.entry.js +2 -2
  155. package/dist/esm/qds-table-row.entry.js +1 -1
  156. package/dist/esm/qds-table.entry.js +1 -1
  157. package/dist/esm/qds-tag.entry.js +3 -3
  158. package/dist/esm/qds-textarea.entry.js +4 -4
  159. package/dist/esm/qds-textarea.entry.js.map +1 -1
  160. package/dist/esm/qds-title.entry.js +2 -2
  161. package/dist/esm/qds-tooltip.entry.js +3 -3
  162. package/dist/esm/qds-tooltip.entry.js.map +1 -1
  163. package/dist/esm/qds.js +1 -1
  164. package/dist/types/components/icon-tab/icon-tab.d.ts +2 -1
  165. package/dist/types/components/tab/tab.d.ts +2 -0
  166. package/dist/types/components/tabbar/tabbar.d.ts +7 -0
  167. package/dist/types/components.d.ts +8 -0
  168. package/dist/types/helpers.d.ts +1 -1
  169. package/dist/vscode.html-custom-data.json +4 -0
  170. package/hydrate/index.js +267 -113
  171. package/hydrate/index.mjs +267 -113
  172. package/package.json +1 -1
  173. package/components/p-CRMf7xaM.js.map +0 -1
  174. package/components/p-DF9UaDLm.js.map +0 -1
  175. package/components/p-DzybtRcv.js.map +0 -1
  176. package/components/p-meIfRYro.js.map +0 -1
package/hydrate/index.mjs CHANGED
@@ -6785,14 +6785,17 @@ rel) => {
6785
6785
  return undefined;
6786
6786
  return target === '_blank' ? 'external-new-tab-link' : 'external-link';
6787
6787
  };
6788
- const resolveTarget = (target) => {
6788
+ // Warn instead of throwing an error so an unresolved selector doesn't block recovery.
6789
+ const resolveTarget = (target, caller) => {
6789
6790
  const resolvedTarget = typeof target === 'function' ? target() : target;
6790
6791
  if (typeof resolvedTarget !== 'string')
6791
6792
  return resolvedTarget;
6792
6793
  const element = document.querySelector(resolvedTarget);
6793
- if (element === null)
6794
- throw new Error('String must resolve to an Element.');
6795
- return element;
6794
+ if (element === null) {
6795
+ // eslint-disable-next-line no-console
6796
+ console.warn(`${caller ?? 'resolveTarget'}: selector "${resolvedTarget}" did not match any element.`);
6797
+ }
6798
+ return element ?? undefined;
6796
6799
  };
6797
6800
  /**
6798
6801
  * Patched version of requestAnimationFrame that avoids ngzone
@@ -7116,7 +7119,7 @@ class Avatar {
7116
7119
  const hasLabel = this.label !== undefined && this.label !== '';
7117
7120
  const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== '';
7118
7121
  const hasKicker = this.kicker !== undefined && this.kicker !== '';
7119
- return (hAsync("div", { key: 'e40d5a7a7a2a8491d8d733ca2e8ca76c15382900', class: { 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }, "data-size": __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get) }, hAsync("div", { key: 'd451b35ae5f91039b318450499d7130473fa5824', class: "qds-avatar-media-wrapper" }, hAsync("qds-avatar-media", { key: '6874ce978d9eef544a028192274bb971413962f0', class: "qds-avatar-media", "aria-hidden": hasAlt ? undefined : 'true', src: this.avatarSrc, alt: this.avatarAlt, iconName: this.iconName, iconLibrary: this.iconLibrary, text: this.label }), (this.badge ?? false) && (hAsync("qds-badge-indicator", { key: '56df00ef7e4c5bce285b109e9b139fbb8bac6485', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get), strokeRing: true }))), (hasLabel || hasKicker) && (hAsync("div", { key: '026537a97178f3ea08f6bbe8f0af90f3f77ac6eb', class: "qds-label-container" }, hasLabel && hAsync("strong", { key: '5d5dd36ccaa3021c004a69a7a1f1c972de814309', class: "qds-label" }, this.label), hasKicker && hAsync("div", { key: '85ad6a824d4a39a671f2e8215d4abebf45d62e0b', class: "qds-kicker" }, this.kicker)))));
7122
+ return (hAsync("div", { key: 'df04ee473b689f1d0315b7346d77d93d66fb8abf', class: { 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }, "data-size": __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get) }, hAsync("div", { key: '77682dc8297bc75252f92db6907de27f40c3ed4f', class: "qds-avatar-media-wrapper" }, hAsync("qds-avatar-media", { key: 'e4062d40f2d91f958bac93de8a4d010c14dc6fc6', class: "qds-avatar-media", "aria-hidden": hasAlt ? undefined : 'true', src: this.avatarSrc, alt: this.avatarAlt, iconName: this.iconName, iconLibrary: this.iconLibrary, text: this.label }), (this.badge ?? false) && (hAsync("qds-badge-indicator", { key: 'b074d5844b847890ba3531eb34ae5b5447714871', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$x(this, _Avatar_instances, "a", _Avatar_computedSize_get), strokeRing: true }))), (hasLabel || hasKicker) && (hAsync("div", { key: 'b00b1cbc34d71655bad3ba9290acead687469bce', class: "qds-label-container" }, hasLabel && hAsync("strong", { key: '2b7df27b74c8dd1bb5a77ec54ef46a1e4034edb9', class: "qds-label" }, this.label), hasKicker && hAsync("div", { key: '8a81525400061561e265ce5dfebc162a5ecbe04a', class: "qds-kicker" }, this.kicker)))));
7120
7123
  }
7121
7124
  static get style() { return avatarCss; }
7122
7125
  static get cmpMeta() { return {
@@ -7238,7 +7241,7 @@ class AvatarMedia {
7238
7241
  this.roleChanged();
7239
7242
  }
7240
7243
  render() {
7241
- return hAsync("div", { key: '9638f5352e450d4e5e4ca6e950b2e1f30e5bb663', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
7244
+ return hAsync("div", { key: 'ac301d086b8cc5fa51eda1f39a49ce7120af96df', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
7242
7245
  }
7243
7246
  static get watchers() { return {
7244
7247
  "text": ["textChanged", "roleChanged"],
@@ -7931,7 +7934,7 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
7931
7934
  Object.defineProperty(this.host, p, { enumerable: true, get });
7932
7935
  };
7933
7936
 
7934
- const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-control-text-standard-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}:host(:focus-visible) .qds-label{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);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-default-contrast);border-color:#0000}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
7937
+ const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:e;place-self:center}.qds-icon{color:var(--qds-theme-control-text-standard-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"e\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}:host(:focus-visible) .qds-label{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);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-default-contrast);border-color:#0000}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
7935
7938
 
7936
7939
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
7937
7940
  //
@@ -8259,7 +8262,7 @@ _Checkbox_ro = new WeakMap(), _Checkbox_savedTabIndex = new WeakMap(), _Checkbox
8259
8262
  Object.defineProperty(this.host, p, { enumerable: true, get });
8260
8263
  };
8261
8264
 
8262
- const chipCss = ":host([hidden]){display:none!important}:host{display:block;outline:none}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-container{min-width:0}.qds-container:not(.qds-closable-chip):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-container:not(.qds-closable-chip):active{background-color:var(--qds-theme-interactive-background-pressed)}.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-default);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-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-control-background-default-contrast)}.qds-container.qds-selected-state,.qds-container.qds-selected-state .qds-icon{color:var(--qds-theme-control-text-standard-contrast)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-control-background-hover-contrast)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-control-background-pressed-contrast)}.qds-chip [aria-disabled=true] .qds-container{background-color:var(--qds-theme-control-background-default-contrast);color:var(--qds-theme-control-text-standard-contrast)}:host(:focus-visible) .qds-container:not(.qds-closable-chip){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}";
8265
+ const chipCss = ":host([hidden]){display:none!important}:host{display:block;outline:none}.qds-disabled,[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-container{min-width:0}.qds-container:not(.qds-closable-chip):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-container:not(.qds-closable-chip):active{background-color:var(--qds-theme-interactive-background-pressed)}.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-default);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-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-control-background-default-contrast)}.qds-container.qds-selected-state,.qds-container.qds-selected-state .qds-icon{color:var(--qds-theme-control-text-standard-contrast)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-control-background-hover-contrast)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-control-background-pressed-contrast)}.qds-disabled{background-color:var(--qds-theme-control-background-default-contrast);color:var(--qds-theme-control-text-standard-contrast)}:host(:focus-visible) .qds-container:not(.qds-closable-chip){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}";
8263
8266
 
8264
8267
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
8265
8268
  //
@@ -8487,13 +8490,14 @@ class Chip {
8487
8490
  'qds-closable-chip': true,
8488
8491
  }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'c60500cc2c01f4c65002e8c25c3c8aebe3a45c45', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'feb9e6f34753705f5b201021f453f6e885619ddd', 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: '0a907f5bdcd58808b68b88e7594cdc2296eaffae', 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)
8489
8492
  ? undefined
8490
- : __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f") || undefined }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (hAsync("div", { key: 'ae863c29d87a6a4817327b758d6eefd1169b3131', "aria-hidden": "true", class: {
8493
+ : __classPrivateFieldGet$r(this, _Chip_savedTabIndex, "f") || undefined }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (hAsync("div", { key: '047181713d87e2cb320c7dfcdd23398d1444d597', "aria-hidden": "true", class: {
8491
8494
  'qds-container': true,
8492
8495
  'qds-pressed-state': this.isPressed,
8493
8496
  'qds-selected-state': this.isSelected,
8494
8497
  'qds-padding-end': true,
8495
8498
  'qds-cursor': true,
8496
- }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: '6013afda7886df9063ef61dd3119acd8dda10ef7', 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: '90ec235bc69aa9c426c7cdf25e65d3731943bcbf', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '39f72b5cdf77c84b1903a0ce01dd252ad897e745', 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: '5883ab2c32116f469b9f656b305cea2b782378e7', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
8499
+ 'qds-disabled': __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get),
8500
+ }, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: '5ef7c87a93654f7e21cbcd67597cd6337d1059a2', 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: '6911b0b5c13a754917e4d48e7ac3737b0b5f9c8f', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '8fa735c988e124e76c0f53bfb2512d4919dd5f1b', 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: '1efef725c1304299e4f31466c3c76d1c9b518849', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
8497
8501
  }
8498
8502
  static get formAssociated() { return true; }
8499
8503
  get host() { return getElement(this); }
@@ -8669,7 +8673,7 @@ class Dialog {
8669
8673
  }
8670
8674
  render() {
8671
8675
  const hasHeading = this.hasTitleSlot || this.closable === true;
8672
- return (hAsync(Host, { key: 'f539099907de33ea68bc3cd5880480d3f5789b00' }, hAsync("dialog", { key: '76b7682b584e3e0c1742f34302a3bdcc37d4cb13', 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: 'cdf2fd8a2511c506d9d26446bb01dcf13042da1f', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '2ddfbe5232543917aa0240e54cb7bb855bb52f25', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'df411750c4980b37e8a62f53d8a043578b631ff6', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: 'f39b009756aeb24abfe14450018397adb79e1187', "aria-label": "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: '7ce95d15ebc740667a15c82308cfb00f51efba43', class: "qds-content" }, hAsync("slot", { key: 'a50eee334b98635dcb0512c83b440d88df3db45a' })), this.hasFooterSlot && (hAsync("div", { key: '90f86d770330e4b029c50f794463fb595b8b98dc', class: "qds-footer" }, hAsync("slot", { key: '3c857cdbd8ccfe8c9da2edaf3c03ce46c75bab3c', name: "footer" })))), hAsync("div", { key: 'ee917200ebda59e0d4d9ba28ae87d57d58d347bc', class: "qds-backdrop", "aria-hidden": "true" })));
8676
+ return (hAsync(Host, { key: 'bf4674798e66be27eb0b35cc098774afb8591916' }, hAsync("dialog", { key: '3fcd5de1d60f22aa005744575d2226a527388385', 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: 'c78ad5071e914a9270f08d2e14ff42d7288b7789', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '99d57b36bfc0dd20a1afc6d3ac62a5a7a2c6a83a', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'fc071c652158f1b556a60692fe8a10135be37cef', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '301036e270f56a9bce5c35dda62452e5680c2434', "aria-label": "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: '533874075c54678654210741e139d2d9186512f7', class: "qds-content" }, hAsync("slot", { key: '10c081a99bffd1fb40394bcb957a22329118b777' })), this.hasFooterSlot && (hAsync("div", { key: '927fc31c531dff7ddc4d22869db5789cf47d759d', class: "qds-footer" }, hAsync("slot", { key: '24764196502824137984f0838cb15fd4a1122566', name: "footer" })))), hAsync("div", { key: '4448e7a0d02cada97f8f3fa93ec2bd08caf7d599', class: "qds-backdrop", "aria-hidden": "true" })));
8673
8677
  }
8674
8678
  show() {
8675
8679
  invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
@@ -8755,7 +8759,7 @@ class Divider {
8755
8759
  this.verticalChanged();
8756
8760
  }
8757
8761
  render() {
8758
- return (hAsync("hr", { key: 'd2a8feba9e8226af3188a936052c3f74b5830ec1', class: {
8762
+ return (hAsync("hr", { key: 'a2920144cecf267a6639c9f6388367600df26660', class: {
8759
8763
  'qds-divider': true,
8760
8764
  'qds-vertical': this.vertical,
8761
8765
  }, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
@@ -10767,7 +10771,7 @@ class Dropdown {
10767
10771
  async updateReferenceElement() {
10768
10772
  var _a;
10769
10773
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
10770
- __classPrivateFieldSet$j(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
10774
+ __classPrivateFieldSet$j(this, _Dropdown_referenceElement, resolveTarget(this.target, 'qds-dropdown'), "f");
10771
10775
  if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
10772
10776
  return;
10773
10777
  __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
@@ -10835,7 +10839,7 @@ class Dropdown {
10835
10839
  __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
10836
10840
  }
10837
10841
  render() {
10838
- return (hAsync(Host, { key: 'bb2c0c9b96f13b2ff9094d9b1d1b7d621653e8df', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '1b385c096e7608a5d73ed6550abd5706515d1767', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
10842
+ return (hAsync(Host, { key: '0e08f6bea6c7daaf5663fde8a64e4b57986fa9b3', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '20c10767c9c7d03c7097d7112e8ee489dd72a194', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
10839
10843
  }
10840
10844
  static get delegatesFocus() { return true; }
10841
10845
  get host() { return getElement(this); }
@@ -11251,7 +11255,7 @@ class Icon {
11251
11255
  await this.setIcon();
11252
11256
  }
11253
11257
  render() {
11254
- return (hAsync("div", { key: '8728b164f4d76999e1bf93fa2dbd36ee0550568e', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: 'cdedecc6d200e9b7cba55e656fe5e7079f0452aa', class: "qds-icon-wrapper", innerHTML: this.svg })));
11258
+ return (hAsync("div", { key: '679545e776f70c30bc7843c107e115d2dd3501a1', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: 'dd410b390eca7c4db0dc258d635eeb32b9ed7639', class: "qds-icon-wrapper", innerHTML: this.svg })));
11255
11259
  }
11256
11260
  static get watchers() { return {
11257
11261
  "name": ["setIcon"],
@@ -11272,7 +11276,7 @@ class Icon {
11272
11276
  }; }
11273
11277
  }
11274
11278
 
11275
- const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-small-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-small-badge-indicator-padding-end\n )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-standard-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-standard-badge-indicator-padding-end\n )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-large-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-large-badge-indicator-padding-end\n )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-hero-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-indicator-padding-end\n )}[data-size=hero] .qds-counter{inset-block-start:var(\n --qds-control-icon-button-hero-badge-counter-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-counter-padding-end\n )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);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)}";
11279
+ 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-default);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)}";
11276
11280
 
11277
11281
  // SPDX-FileCopyrightText: © 2025 Schneider Electric
11278
11282
  //
@@ -11358,7 +11362,7 @@ class IconButton {
11358
11362
  _IconButton_tooltipRef.set(this, (tooltip) => {
11359
11363
  if (tooltip) {
11360
11364
  // eslint-disable-next-line no-param-reassign
11361
- tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
11365
+ tooltip.target = this.host;
11362
11366
  __classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
11363
11367
  }
11364
11368
  });
@@ -11536,7 +11540,7 @@ var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) |
11536
11540
  throw new TypeError("Cannot read private member from an object whose class did not declare it");
11537
11541
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11538
11542
  };
11539
- var _IconTab_instances, _IconTab_div, _IconTab_panel, _IconTab_computedSize_get, _IconTab_computedImportance_get, _IconTab_parentLayer_get, _IconTab_parentLevel_get, _IconTab_computedDisabled_get, _IconTab_placement_get, _IconTab_isLink_get, _IconTab_ref, _IconTab_tooltipRef, _IconTab_onBlur, _IconTab_onFocus, _IconTab_defineTab, _IconTab_defineGetter;
11543
+ var _IconTab_instances, _IconTab_tab, _IconTab_panel, _IconTab_computedSize_get, _IconTab_computedImportance_get, _IconTab_parentLayer_get, _IconTab_parentLevel_get, _IconTab_computedDisabled_get, _IconTab_placement_get, _IconTab_isLink_get, _IconTab_syncAriaLabel, _IconTab_tabRef, _IconTab_tooltipRef, _IconTab_onBlur, _IconTab_onFocus, _IconTab_defineTab, _IconTab_defineGetter;
11540
11544
  let autoIncrementingId$2 = 1;
11541
11545
  /**
11542
11546
  * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -11587,15 +11591,16 @@ class IconTab {
11587
11591
  */
11588
11592
  this.size = 'standard';
11589
11593
  this.isIndicatorOnTop = false;
11590
- _IconTab_div.set(this, void 0);
11594
+ _IconTab_tab.set(this, void 0);
11591
11595
  _IconTab_panel.set(this, void 0);
11592
- _IconTab_ref.set(this, (div) => {
11593
- __classPrivateFieldSet$h(this, _IconTab_div, div, "f");
11596
+ _IconTab_tabRef.set(this, (tab) => {
11597
+ __classPrivateFieldSet$h(this, _IconTab_tab, tab, "f");
11598
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11594
11599
  });
11595
11600
  _IconTab_tooltipRef.set(this, (tooltip) => {
11596
11601
  if (tooltip)
11597
11602
  // eslint-disable-next-line no-param-reassign
11598
- tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
11603
+ tooltip.target = this.host;
11599
11604
  });
11600
11605
  _IconTab_onBlur.set(this, (event) => {
11601
11606
  this.blurEmitter.emit(pickFocusEventAttributes(event));
@@ -11604,14 +11609,22 @@ class IconTab {
11604
11609
  this.focusEmitter.emit(pickFocusEventAttributes(event));
11605
11610
  });
11606
11611
  _IconTab_defineTab.set(this, () => {
11607
- this.internals.role = 'tab';
11608
- this.textChanged();
11609
- __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => this.host);
11612
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get)) {
11613
+ // eslint-disable-next-line unicorn/no-null
11614
+ this.internals.role = null;
11615
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_tab, "f"));
11616
+ }
11617
+ else {
11618
+ this.internals.role = 'tab';
11619
+ this.internals.ariaSelected = this.selected ? 'true' : 'false';
11620
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => this.host);
11621
+ }
11622
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11610
11623
  });
11611
11624
  }
11612
11625
  panelChanged() {
11613
11626
  this.disconnectedCallback();
11614
- const panel = resolveTarget(this.panel);
11627
+ const panel = resolveTarget(this.panel, 'qds-icon-tab');
11615
11628
  if (!(panel instanceof globalThis.Element))
11616
11629
  return;
11617
11630
  __classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
@@ -11632,12 +11645,12 @@ class IconTab {
11632
11645
  this.tabIndex =
11633
11646
  parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
11634
11647
  }
11635
- textChanged() {
11636
- const hasBadge = this.badge !== undefined;
11637
- this.internals.ariaLabel = hasBadge
11638
- ? computeBadgeValue(this.text, this.badge, this.badgeDescription)
11639
- : // eslint-disable-next-line unicorn/no-null
11640
- (this.text ?? null);
11648
+ ariaLabelChanged() {
11649
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11650
+ }
11651
+ hrefChanged() {
11652
+ __classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
11653
+ __classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_syncAriaLabel).call(this);
11641
11654
  }
11642
11655
  componentWillLoad() {
11643
11656
  var _a;
@@ -11668,19 +11681,22 @@ class IconTab {
11668
11681
  render() {
11669
11682
  const isLink = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get);
11670
11683
  const Tag = isLink ? 'a' : 'div';
11671
- return (hAsync("div", { key: 'ee2cd5ac60d344025f8ecd859ced7eaa5d3fe2b0', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
11684
+ return (hAsync("div", { key: 'a07a44895055d6ad057780791f1b47eb92f19656', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
11672
11685
  'qds-selected': this.selected,
11673
- }, "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: 'cf5493c8696a6892c4610767b1417b57b27f98b7', "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: {
11686
+ }, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get) }, hAsync(Tag, { key: '9f37a73925df953a0c82bff6916ee49d0e2d95f6', "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: {
11674
11687
  'qds-icon-tab': true,
11675
11688
  'qds-selected': this.selected,
11676
11689
  [`qds-indicator-${this.indicatorPosition}`]: true,
11677
- }, "aria-current": isLink && this.selected ? 'true' : undefined, "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: '55a4ab5631ecca2dd9d98a89b29ba99086dd40a8', class: "qds-icon-container" }, hAsync("qds-icon", { key: '94c481e9eadcd7ebd85902cde810bc1bd9195c7e', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '9e0d084d83fa49225b06a837ba0ae06af721d0a2', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: 'c55c04909b45858975b7052f4641a21b4592cf79', 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: '66d4f6091d03b2e0523549a48ef86e1b9253030b', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '1060cecf8ad4f63fe929e050aa8df0eb10dac726', layer: "accessory", level: "root" }, this.text))));
11690
+ }, "aria-selected": isLink && this.selected ? 'true' : undefined, "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, role: isLink ? 'tab' : undefined, ref: __classPrivateFieldGet$l(this, _IconTab_tabRef, "f") }, hAsync("div", { key: 'e86a614402e0fbb35deb4352955ced1957c05a4e', class: "qds-icon-container" }, hAsync("qds-icon", { key: 'e0bc0565e7e362531cc93952f07b9ed9af583600', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'a198419320b358545bcf07c9614edfe2a7d34c4c', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '08da61a0b23b5dbbacd1d383bd4ef855d6621d62', 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: 'ab638b82a0c6fe3d88ba28ee87d02c3ceb55d3df', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '1a0009d13238d7896416e476215476450d7107d8', layer: "accessory", level: "root" }, this.text))));
11678
11691
  }
11679
11692
  get host() { return getElement(this); }
11680
11693
  static get watchers() { return {
11681
11694
  "panel": ["panelChanged"],
11682
11695
  "tabindex": ["tabindexChanged"],
11683
- "text": ["textChanged"]
11696
+ "text": ["ariaLabelChanged"],
11697
+ "badge": ["ariaLabelChanged"],
11698
+ "badgeDescription": ["ariaLabelChanged"],
11699
+ "href": ["hrefChanged"]
11684
11700
  }; }
11685
11701
  static get style() { return iconTabCss; }
11686
11702
  static get cmpMeta() { return {
@@ -11709,7 +11725,7 @@ class IconTab {
11709
11725
  "$attrsToReflect$": []
11710
11726
  }; }
11711
11727
  }
11712
- _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_ref = new WeakMap(), _IconTab_tooltipRef = new WeakMap(), _IconTab_onBlur = new WeakMap(), _IconTab_onFocus = new WeakMap(), _IconTab_defineTab = new WeakMap(), _IconTab_instances = new WeakSet(), _IconTab_computedSize_get = function _IconTab_computedSize_get() {
11728
+ _IconTab_tab = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_tabRef = new WeakMap(), _IconTab_tooltipRef = new WeakMap(), _IconTab_onBlur = new WeakMap(), _IconTab_onFocus = new WeakMap(), _IconTab_defineTab = new WeakMap(), _IconTab_instances = new WeakSet(), _IconTab_computedSize_get = function _IconTab_computedSize_get() {
11713
11729
  switch (this.size) {
11714
11730
  case 'standard':
11715
11731
  case 'small':
@@ -11745,6 +11761,24 @@ _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_ref = new
11745
11761
  }
11746
11762
  }, _IconTab_isLink_get = function _IconTab_isLink_get() {
11747
11763
  return this.href !== undefined;
11764
+ }, _IconTab_syncAriaLabel = function _IconTab_syncAriaLabel() {
11765
+ const ariaLabel = this.badge === undefined
11766
+ ? // eslint-disable-next-line unicorn/no-null
11767
+ (this.text ?? null)
11768
+ : computeBadgeValue(this.text, this.badge, this.badgeDescription);
11769
+ if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_isLink_get)) {
11770
+ // eslint-disable-next-line unicorn/no-null
11771
+ this.internals.ariaLabel = null;
11772
+ if (ariaLabel === null) {
11773
+ __classPrivateFieldGet$l(this, _IconTab_tab, "f")?.removeAttribute('aria-label');
11774
+ }
11775
+ else {
11776
+ __classPrivateFieldGet$l(this, _IconTab_tab, "f")?.setAttribute('aria-label', ariaLabel);
11777
+ }
11778
+ return;
11779
+ }
11780
+ __classPrivateFieldGet$l(this, _IconTab_tab, "f")?.removeAttribute('aria-label');
11781
+ this.internals.ariaLabel = ariaLabel;
11748
11782
  }, _IconTab_defineGetter = function _IconTab_defineGetter(p, get) {
11749
11783
  Object.defineProperty(this.host, p, { enumerable: true, get });
11750
11784
  };
@@ -11870,10 +11904,10 @@ class InlineLink {
11870
11904
  __classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
11871
11905
  }
11872
11906
  render() {
11873
- return (hAsync("a", { key: '7a8beaa0469cc0c7f34f8d58d837f9de17cb2f3c', "aria-hidden": "true", class: {
11907
+ return (hAsync("a", { key: '4d6e42864e8a486dd43e5d135235af25d056151c', "aria-hidden": "true", class: {
11874
11908
  'qds-inline-link': true,
11875
11909
  'qds-disabled': this.disabled,
11876
- }, "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: '2e9527f054bc268c64588aa9cdf19a4f27964c70', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '44d699080bca859fa00ecc2188330eea57fb6e53' }, hAsync("slot", { key: '92834eacf51e6333c64fdd72c8bca88fc64817c7', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") })), this.linkIcon && (hAsync("qds-icon", { key: 'e7a7617498f644f09d8b7b4addd5834e2e66a435', class: "qds-icon", library: "core", name: this.linkIcon }))));
11910
+ }, "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: '7fb6b02c0d0a84fa30084b03be1dc0a788f083d6', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '474dde87899de40f6d50a92f8523d98c0224760d' }, hAsync("slot", { key: '224dab8982040c1312e1e3d35df26dd5100221b9', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") })), this.linkIcon && (hAsync("qds-icon", { key: 'c5e2051bcd56207d7563330fc643c7116aade1de', class: "qds-icon", library: "core", name: this.linkIcon }))));
11877
11911
  }
11878
11912
  get host() { return getElement(this); }
11879
11913
  static get watchers() { return {
@@ -11918,7 +11952,7 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
11918
11952
  return this.target === '_blank';
11919
11953
  };
11920
11954
 
11921
- 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{letter-spacing:inherit;max-width:inherit;width:inherit;word-spacing:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
11955
+ 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{letter-spacing:inherit;max-width:inherit;width:inherit;word-spacing:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"a\"}.qds-icon-container,.qds-input{grid-area:a}.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:a;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:a;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{color:var(--qds-theme-form-input-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}";
11922
11956
 
11923
11957
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
11924
11958
  //
@@ -13391,7 +13425,7 @@ class MiniButton {
13391
13425
  }
13392
13426
  render() {
13393
13427
  const Tag = this.href === undefined ? 'button' : 'a';
13394
- return (hAsync(Tag, { key: '6e3160b5a060191493a8606ec52d707d2f3febbf', 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: '0955ab1d46f3b83a13e2e4aec20823bca8cf646a', class: "qds-icon", library: this.library, name: this.name })));
13428
+ return (hAsync(Tag, { key: '1c1c2344dd8c927be55340feaf199ac8dc1f04b3', 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: 'e322050630186d8c656d699505ddfe893a47168e', class: "qds-icon", library: this.library, name: this.name })));
13395
13429
  }
13396
13430
  static get formAssociated() { return true; }
13397
13431
  get host() { return getElement(this); }
@@ -13514,7 +13548,7 @@ class ProgressBar {
13514
13548
  this.valueChanged();
13515
13549
  }
13516
13550
  render() {
13517
- return (hAsync("div", { key: 'd0a83e5f848c8fc01d53aaf37ecdac9775febc1e', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: 'f4587958ddc5d5b4d74e84246f01ad0190701636', class: {
13551
+ return (hAsync("div", { key: '993497784f4ad0ce61e85ad0c8c1e5d2c4bffa68', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: 'e90842401ae26f81601711994d94ed945c98b6b1', class: {
13518
13552
  'qds-bar': true,
13519
13553
  'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
13520
13554
  }, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
@@ -13714,7 +13748,7 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
13714
13748
  return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
13715
13749
  };
13716
13750
 
13717
- const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:e;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"e\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);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-default-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)}";
13751
+ 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-default);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-default-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)}";
13718
13752
 
13719
13753
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13720
13754
  //
@@ -13838,12 +13872,12 @@ class Radio {
13838
13872
  render() {
13839
13873
  return (
13840
13874
  // eslint-disable-next-line jsx-a11y/label-has-associated-control
13841
- hAsync("label", { key: 'c6a4f7981a33ef3d05e0814b47108bc14504b452', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
13875
+ hAsync("label", { key: '0dcabc4a731335a856a720a21cdcbe10553c35f7', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
13842
13876
  'qds-inline': this.inline,
13843
13877
  'qds-label': true,
13844
- }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '00e98edbdb99c910d08d97e6ee4d0ebcbb8160ef', class: "qds-container" }, hAsync("input", { key: '71cf4b4dfb8775d241cc34ed9ae8a16d52bbbb90',
13878
+ }, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: 'a2a73cd64d39cdb8c8d938f8a4060b284e7a9597', class: "qds-container" }, hAsync("input", { key: '53c2437e477a223d4bfdb3ba142d3ecb82a712ef',
13845
13879
  // eslint-disable-next-line jsx-a11y/no-autofocus
13846
- 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: 'd1bfbe88ec468691222dd8a55383a20e592e3be5', 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: '4d3e5c89fe9a0e644c2d9c969e25e9e0d4079b54', 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: '760e819e66465518f10564368ce35fabf6ce43f8', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: 'cee7b2893f711d01b599348bf8e16178aefb3e0a', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
13880
+ 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: '02eeac88ee12955bcda3c882dc12ebef8eb941cd', 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: '10aec1de4a45d66ee2138562a2187b6728befd74', 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: 'a24572f903bbfb17af6458b364c04844f02cb997', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '96ffbceed7214bf137295d2948ca94ed5b347ea6', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
13847
13881
  }
13848
13882
  get host() { return getElement(this); }
13849
13883
  static get watchers() { return {
@@ -13889,7 +13923,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
13889
13923
  return this.text !== undefined && this.text !== '';
13890
13924
  };
13891
13925
 
13892
- const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"f\"}.qds-container,.qds-select{letter-spacing:inherit;width:inherit;word-spacing:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:f}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:f;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
13926
+ 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{letter-spacing:inherit;width:inherit;word-spacing: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}";
13893
13927
 
13894
13928
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
13895
13929
  //
@@ -14369,11 +14403,11 @@ class StandaloneLink {
14369
14403
  __classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
14370
14404
  }
14371
14405
  render() {
14372
- return (hAsync("a", { key: 'c7361224863830eb76e9e4f3e6e22613ee03461f', "aria-hidden": "true", class: {
14406
+ return (hAsync("a", { key: 'de7fba7e41470523fc502b00283a67d2dab47bf3', "aria-hidden": "true", class: {
14373
14407
  'qds-standalone-link': true,
14374
14408
  'qds-disabled': this.disabled,
14375
14409
  'qds-visitable': this.visitable,
14376
- }, "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: '813d7a043dc50fb5b9c416018dfcf433eafeabee', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9b468450422ec629bf2451f9dd4d05b84d58acb7', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '4520786089170db381684ece381f2b9a4a0c2dc8', class: "qds-text" }, hAsync("slot", { key: 'ba6ed52c1c2f31149d895c4abfc86f081335b948', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'f650779cb6cc825a7ccaaf6abd80b6945fa3937b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '59eeff3ad01092077fd0e3530287925176f67652', 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: '22cf2e18bde548254f9ecc57a173fbc50db17e1e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'd303a2a3d96ea7e5090fae363428ff7c49d40a37', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
14410
+ }, "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: '59a0e4c5422d358d70eea9201d2d2404f3e78dcc', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '82e8a9b4b6f0a111994326cb98df5f482bdbd3bc', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '592f8644d1e13681341914b5bb9d63a6657e8960', class: "qds-text" }, hAsync("slot", { key: 'e9613ab67c7dfcb2b752a00dbd8fbde3755cded4', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'f7627f05e9a5e2e49b3d4e366d13e04a08e87194', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '00e5632a77811b0e9665c06b8b28ba8d73989955', 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: '852c6f6d4e7044bff3a3d90c957c70cb57abecd7', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '151cf3b62163d694080e5f6b6196f7a5ad9ad3b0', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
14377
14411
  }
14378
14412
  get host() { return getElement(this); }
14379
14413
  static get watchers() { return {
@@ -14608,13 +14642,13 @@ class Switch {
14608
14642
  this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
14609
14643
  }
14610
14644
  render() {
14611
- return (hAsync("div", { key: '69473383ea9bfae7b8eff0e596b1dae33f616d7e', class: {
14645
+ return (hAsync("div", { key: '55ea1bc3c5bec0d92ccf158d5c211460ca50e084', class: {
14612
14646
  'qds-container': true,
14613
14647
  'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
14614
14648
  'qds-inline': this.inline,
14615
- }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '261347f73aabdfb8e242de71f06f0caaa2d77602', "aria-hidden": "true",
14649
+ }, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'b952d84b223ba05aa461810b0994024419d3ecec', "aria-hidden": "true",
14616
14650
  // eslint-disable-next-line jsx-a11y/no-autofocus
14617
- autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: 'dcc61a99fe81c9955fe1181c8caccc926a64beed', 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: 'bb1eccc9cee7c5de4813b091af95042cedaff0e7', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '908c9bcc4a7349e62e4a406f56324ef17c6c40a7', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: 'f43b2d2194a39d0938326f5692c58f18277d329f', class: "qds-knob-container" }, hAsync("div", { key: 'ae4d9084c244cfaa3e9ba64f9821e43eeff21454', 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: '2026916fd0830f64df366d158a18bea4981b1ee8', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '741394f26ded7b4e41a8754d60afd64264336776', class: "qds-icon", name: "toggle-off", library: "core" }))))));
14651
+ autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '7e80b579beffaed62ebbbf881a84454fb5ec9325', 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: '1ad4f8ac0543937bac0bde252834d3003323ac81', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '751585d82fb8ad3dc21f50cda0ac63de01f7c7ec', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '3b86e7fb8e6b7c536c97ee1a15fbe13a7868f557', class: "qds-knob-container" }, hAsync("div", { key: '1ca86813679d5cdd796a5c7fe90b6eb5bc7c4f3a', 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: '3062225dbb4742dfe24eaaf0893101d332e8a5f8', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '68c8681d5be9d4232c4a1edb65085753280b99b8', class: "qds-icon", name: "toggle-off", library: "core" }))))));
14618
14652
  }
14619
14653
  static get formAssociated() { return true; }
14620
14654
  get host() { return getElement(this); }
@@ -14675,7 +14709,7 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
14675
14709
  null);
14676
14710
  };
14677
14711
 
14678
- 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)}";
14712
+ 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;letter-spacing:inherit;word-spacing:inherit}.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)}";
14679
14713
 
14680
14714
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
14681
14715
  //
@@ -14696,7 +14730,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
14696
14730
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
14697
14731
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
14698
14732
  };
14699
- 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;
14733
+ 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_onBlur, _Tab_onFocus, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_defineTab, _Tab_defineGetter;
14700
14734
  let autoIncrementingId$1 = 1;
14701
14735
  /**
14702
14736
  * <qds-tab> is a navigational element that is used in different horizontal or vertical navigation bars
@@ -14766,6 +14800,12 @@ class Tab {
14766
14800
  this.isIndicatorOnTop = false;
14767
14801
  _Tab_panel.set(this, void 0);
14768
14802
  _Tab_tab.set(this, void 0);
14803
+ _Tab_onBlur.set(this, (event) => {
14804
+ this.blurEmitter.emit(pickFocusEventAttributes(event));
14805
+ });
14806
+ _Tab_onFocus.set(this, (event) => {
14807
+ this.focusEmitter.emit(pickFocusEventAttributes(event));
14808
+ });
14769
14809
  _Tab_tabRef.set(this, (tab) => {
14770
14810
  __classPrivateFieldSet$4(this, _Tab_tab, tab, "f");
14771
14811
  });
@@ -14776,25 +14816,20 @@ class Tab {
14776
14816
  event.stopPropagation();
14777
14817
  __classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
14778
14818
  });
14779
- _Tab_onBlur.set(this, (event) => {
14780
- this.blurEmitter.emit(pickFocusEventAttributes(event));
14781
- });
14782
- _Tab_onFocus.set(this, (event) => {
14783
- this.focusEmitter.emit(pickFocusEventAttributes(event));
14784
- });
14785
14819
  _Tab_defineTab.set(this, () => {
14786
- if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
14787
- __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
14788
- }
14789
- else {
14820
+ if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable') {
14790
14821
  this.internals.role = 'tab';
14822
+ this.internals.ariaSelected = this.selected ? 'true' : 'false';
14791
14823
  __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
14792
14824
  }
14825
+ else {
14826
+ __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
14827
+ }
14793
14828
  });
14794
14829
  }
14795
14830
  panelChanged() {
14796
14831
  this.disconnectedCallback();
14797
- const panel = resolveTarget(this.panel);
14832
+ const panel = resolveTarget(this.panel, 'qds-tab');
14798
14833
  if (!(panel instanceof globalThis.Element))
14799
14834
  return;
14800
14835
  __classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
@@ -14811,6 +14846,12 @@ class Tab {
14811
14846
  if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
14812
14847
  event.stopImmediatePropagation();
14813
14848
  }
14849
+ onBlur(event) {
14850
+ this.blurEmitter.emit(pickFocusEventAttributes(event));
14851
+ }
14852
+ onFocus(event) {
14853
+ this.focusEmitter.emit(pickFocusEventAttributes(event));
14854
+ }
14814
14855
  tabindexChanged(newValue) {
14815
14856
  const parsedValue = Number.parseInt(newValue, 10);
14816
14857
  this.tabIndex =
@@ -14854,21 +14895,28 @@ class Tab {
14854
14895
  : __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
14855
14896
  ? 'button'
14856
14897
  : 'div';
14857
- return (hAsync("div", { key: 'e12b9f54c01368539b8664ba9ab439869a28da6b', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
14898
+ return (hAsync("div", { key: 'a509ef8ca1514c7a83c13e2a04ca7c1882819ac1', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
14858
14899
  'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14859
14900
  'qds-selected': this.selected,
14860
14901
  [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14861
- }, "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: '92fd480ca21754615ce1c3ecd6360bc6536805c9', 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: {
14902
+ }, "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: '3f08127d1e015998882721fa165afdbd3dd6db9a', 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: {
14862
14903
  'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
14863
14904
  'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
14864
14905
  'qds-selected': this.selected,
14865
14906
  [`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
14866
- }, 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
14907
+ }, role: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' ? undefined : 'tab', "aria-selected": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
14908
+ ? undefined
14909
+ : this.selected
14910
+ ? 'true'
14911
+ : 'false', "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
14867
14912
  ? this.selected
14868
14913
  ? 'true'
14869
14914
  : 'false'
14870
14915
  : 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 !== '') ||
14871
- (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '0e7d9ec0c294a885d7b2586ed2ae5021bbf0da73', 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: '83c7cba9ead284d8adec3f3ccbaf1326c35a8a8f', "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: '74c2e59bcde6108deb7b0147173bb5ad48777a85', 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: '55afee978ab91952fe6ac039f4b0f8d2c673029d', 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: '22b4be208a87fde7cd85e8b03da6e31d9f5c70af', 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: 'e9046f74afec9852f26691b8866990a09ee1eda1', 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) }))));
14916
+ (this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '7745d12e10ff6f195195515441cea9f05677e35d', 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: '68c37c3b5688c3827b1d4087e87e72a1f2e2851c', "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: 'f523e62e1dd95118991cf8f8935bdfa7082b0a21', 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: 'f05aec5368b85d6033e84b6f16195ab26e5c2e2b', 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: '1d0e42919c75acc5acb76da2c2ad2b7ce8ffeeb4', class: {
14917
+ 'qds-target-icon': true,
14918
+ 'qds-chevron': this.selected,
14919
+ }, "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: '0f049a099625765eb2c8b0648b282944ca2d1e06', 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) }))));
14872
14920
  }
14873
14921
  get host() { return getElement(this); }
14874
14922
  static get watchers() { return {
@@ -14907,12 +14955,12 @@ class Tab {
14907
14955
  "tabIndex": [32],
14908
14956
  "isIndicatorOnTop": [32]
14909
14957
  },
14910
- "$listeners$": [[0, "click", "onClick"]],
14958
+ "$listeners$": [[0, "click", "onClick"], [0, "blur", "onBlur"], [0, "focus", "onFocus"]],
14911
14959
  "$lazyBundleId$": "-",
14912
14960
  "$attrsToReflect$": []
14913
14961
  }; }
14914
14962
  }
14915
- _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(), _Tab_close = new WeakMap(), _Tab_onIconClick = new WeakMap(), _Tab_onBlur = new WeakMap(), _Tab_onFocus = new WeakMap(), _Tab_defineTab = new WeakMap(), _Tab_instances = new WeakSet(), _Tab_computedAction_get = function _Tab_computedAction_get() {
14963
+ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_onBlur = new WeakMap(), _Tab_onFocus = new WeakMap(), _Tab_tabRef = new WeakMap(), _Tab_close = new WeakMap(), _Tab_onIconClick = new WeakMap(), _Tab_defineTab = new WeakMap(), _Tab_instances = new WeakSet(), _Tab_computedAction_get = function _Tab_computedAction_get() {
14916
14964
  switch (this.action) {
14917
14965
  case 'closable':
14918
14966
  case 'expandable': {
@@ -14961,7 +15009,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
14961
15009
  return this.disabled ?? false;
14962
15010
  }, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
14963
15011
  if (this.selected) {
14964
- return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
15012
+ return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : (this.tabIndex ?? 0);
14965
15013
  }
14966
15014
  return -1;
14967
15015
  }, _Tab_renderText = function _Tab_renderText() {
@@ -14970,7 +15018,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
14970
15018
  Object.defineProperty(this.host, p, { enumerable: true, get });
14971
15019
  };
14972
15020
 
14973
- const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
15021
+ const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
14974
15022
 
14975
15023
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
14976
15024
  //
@@ -14991,7 +15039,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
14991
15039
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
14992
15040
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
14993
15041
  };
14994
- var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
15042
+ var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_mutationObserver, _Tabbar_tabbar, _Tabbar_toggleAnnouncement, _Tabbar_scrollStartButton, _Tabbar_scrollEndButton, _Tabbar_pendingArrowFocus, _Tabbar_isInternallySettingActive, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_announceScroll, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_handleTabMutation, _Tabbar_activateTab, _Tabbar_switchTabPanel, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange, _Tabbar_scrollEndButtonRef, _Tabbar_scrollStartButtonRef;
14995
15043
  const TAB_ITEM_SELECTOR = 'qds-icon-tab, qds-tab';
14996
15044
  const TAB_SETTINGS = {
14997
15045
  'main-root': {
@@ -15037,7 +15085,12 @@ const isTabItem = (item) => {
15037
15085
  return tagName === 'qds-tab' || tagName === 'qds-icon-tab';
15038
15086
  };
15039
15087
  const isEnabledTabItem = (item) => isTabItem(item) && !item.inert && item.disabled !== true;
15088
+ const isTabActive = (tab) => tab.selected;
15040
15089
  const getTabTrigger = (tab) => tab.tab;
15090
+ const getPanelId = (tab) => {
15091
+ const panelElement = resolvePanelElement(tab);
15092
+ return panelElement?.id ?? '';
15093
+ };
15041
15094
  /**
15042
15095
  * `<qds-tabbar>` is the component that facilitates navigation between the groups
15043
15096
  * of related content within the page.
@@ -15095,26 +15148,37 @@ class Tabbar {
15095
15148
  this.alignment = 'start';
15096
15149
  this.disableEndArrow = false;
15097
15150
  this.disableStartArrow = false;
15151
+ this.scrollAnnouncement = '';
15098
15152
  _Tabbar_tabs.set(this, []);
15099
15153
  _Tabbar_ro.set(this, void 0);
15154
+ _Tabbar_mutationObserver.set(this, void 0);
15100
15155
  _Tabbar_tabbar.set(this, void 0);
15156
+ _Tabbar_toggleAnnouncement.set(this, false);
15157
+ _Tabbar_scrollStartButton.set(this, void 0);
15158
+ _Tabbar_scrollEndButton.set(this, void 0);
15159
+ _Tabbar_pendingArrowFocus.set(this, void 0);
15160
+ _Tabbar_isInternallySettingActive.set(this, false);
15101
15161
  _Tabbar_scrollToStart.set(this, () => {
15102
15162
  invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15103
15163
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
15164
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, 'end', "f");
15104
15165
  __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
15105
15166
  left: isRTL
15106
15167
  ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
15107
15168
  : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
15108
15169
  });
15170
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_announceScroll).call(this, 'previous');
15109
15171
  });
15110
15172
  _Tabbar_scrollToEnd.set(this, () => {
15111
15173
  invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15112
15174
  const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
15175
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, 'start', "f");
15113
15176
  __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
15114
15177
  left: isRTL
15115
15178
  ? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
15116
15179
  : __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
15117
15180
  });
15181
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_announceScroll).call(this, 'next');
15118
15182
  });
15119
15183
  _Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
15120
15184
  _Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
@@ -15126,8 +15190,7 @@ class Tabbar {
15126
15190
  const tab = target.closest(TAB_ITEM_SELECTOR);
15127
15191
  if (!isEnabledTabItem(tab))
15128
15192
  return;
15129
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
15130
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
15193
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, tab);
15131
15194
  });
15132
15195
  _Tabbar_onKeyDown.set(this, (event) => {
15133
15196
  const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
@@ -15181,8 +15244,7 @@ class Tabbar {
15181
15244
  target.focus({ preventScroll: true });
15182
15245
  if (!isVertical)
15183
15246
  target.scrollIntoView();
15184
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
15185
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
15247
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, nextTab);
15186
15248
  });
15187
15249
  _Tabbar_onMouseDown.set(this, (event) => {
15188
15250
  const { target } = event;
@@ -15214,6 +15276,13 @@ class Tabbar {
15214
15276
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
15215
15277
  if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
15216
15278
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
15279
+ __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
15280
+ });
15281
+ _Tabbar_scrollEndButtonRef.set(this, (button) => {
15282
+ __classPrivateFieldSet$3(this, _Tabbar_scrollEndButton, button, "f");
15283
+ });
15284
+ _Tabbar_scrollStartButtonRef.set(this, (button) => {
15285
+ __classPrivateFieldSet$3(this, _Tabbar_scrollStartButton, button, "f");
15217
15286
  });
15218
15287
  }
15219
15288
  settingChanged() {
@@ -15225,12 +15294,46 @@ class Tabbar {
15225
15294
  windowResize() {
15226
15295
  __classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
15227
15296
  }
15297
+ activeChanged() {
15298
+ if (__classPrivateFieldGet$6(this, _Tabbar_isInternallySettingActive, "f"))
15299
+ return;
15300
+ if (this.active === undefined || this.active === '')
15301
+ return;
15302
+ const tabs = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
15303
+ const nextTab = tabs.find((tab) => {
15304
+ const panelId = getPanelId(tab);
15305
+ return panelId === this.active;
15306
+ });
15307
+ if (!nextTab || nextTab.disabled === true)
15308
+ return;
15309
+ const previousTab = this.activeTab;
15310
+ if (previousTab === nextTab && this.active === getPanelId(nextTab))
15311
+ return;
15312
+ this.activeTab = nextTab;
15313
+ if (previousTab && previousTab !== nextTab) {
15314
+ this.hideEmitter.emit(previousTab);
15315
+ }
15316
+ if (previousTab !== nextTab) {
15317
+ this.showEmitter.emit(nextTab);
15318
+ }
15319
+ // Update tab states without triggering mutation observer
15320
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, true, "f");
15321
+ for (const t of tabs) {
15322
+ const target = getTabTrigger(t);
15323
+ const isSelected = t === nextTab;
15324
+ t.selected = isSelected;
15325
+ if (target instanceof globalThis.Element)
15326
+ target.ariaSelected = isSelected.toString();
15327
+ }
15328
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, false, "f");
15329
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, nextTab);
15330
+ }
15228
15331
  componentWillLoad() {
15229
15332
  this.settingChanged();
15230
15333
  this.internals.role = 'tablist';
15231
15334
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_syncInternalsAccessibility).call(this);
15232
15335
  const tabs = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
15233
- const preselectedTab = tabs.find((tab) => tab.selected);
15336
+ const preselectedTab = tabs.find((tab) => isTabActive(tab));
15234
15337
  if (preselectedTab)
15235
15338
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
15236
15339
  else if (tabs.length > 0)
@@ -15239,26 +15342,43 @@ class Tabbar {
15239
15342
  componentDidRender() {
15240
15343
  if (this.activeTab)
15241
15344
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
15345
+ if (__classPrivateFieldGet$6(this, _Tabbar_pendingArrowFocus, "f") === 'start' && this.disableEndArrow) {
15346
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, undefined, "f");
15347
+ __classPrivateFieldGet$6(this, _Tabbar_scrollStartButton, "f")?.focus();
15348
+ }
15349
+ else if (__classPrivateFieldGet$6(this, _Tabbar_pendingArrowFocus, "f") === 'end' && this.disableStartArrow) {
15350
+ __classPrivateFieldSet$3(this, _Tabbar_pendingArrowFocus, undefined, "f");
15351
+ __classPrivateFieldGet$6(this, _Tabbar_scrollEndButton, "f")?.focus();
15352
+ }
15242
15353
  this.settingChanged();
15243
15354
  }
15244
15355
  componentDidLoad() {
15245
15356
  invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15246
15357
  __classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
15247
15358
  __classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
15359
+ __classPrivateFieldSet$3(this, _Tabbar_mutationObserver, new MutationObserver((mutations) => {
15360
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabMutation).call(this, mutations);
15361
+ }), "f");
15362
+ __classPrivateFieldGet$6(this, _Tabbar_mutationObserver, "f").observe(this.host, {
15363
+ attributes: true,
15364
+ attributeFilter: ['active'],
15365
+ childList: true,
15366
+ subtree: true,
15367
+ });
15248
15368
  }
15249
15369
  disconnectedCallback() {
15250
- if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
15251
- __classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
15370
+ __classPrivateFieldGet$6(this, _Tabbar_ro, "f")?.disconnect();
15371
+ __classPrivateFieldGet$6(this, _Tabbar_mutationObserver, "f")?.disconnect();
15252
15372
  }
15253
15373
  render() {
15254
- return (hAsync("div", { key: '8591f74558abeec27a6c1e1b311177463cb5992e', class: {
15374
+ return (hAsync("div", { key: '43a1bae6bd980854ec8cbc786be30d3c4dae4ae9', class: {
15255
15375
  'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15256
- }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '00282e934dacfb0a0651ee106a668ac52c4d1c5b', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: 'e49a2b154315c79b89349d7bd32b4a77964629c7', class: "qds-tabbar" }, hAsync("div", { key: 'e06a929cc8514fc6d3085545aa87af2cd0b2b77b', class: {
15376
+ }, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("span", { key: '6c81132bbb30f3c5813186bd9a2e6c4715b208c5', class: "qds-sr-only", "aria-live": "polite" }, this.scrollAnnouncement), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '147475632fc9fd2d8f859240dfa71e45058c4d78', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: '51a0179675663618453b54d25bda6054e3f91321', class: "qds-tabbar" }, hAsync("div", { key: '44f0167da0d5b5d682f86c57a0a7b347e51e0fca', class: {
15257
15377
  'qds-align-center': true,
15258
15378
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
15259
15379
  this.orientation === 'vertical' ||
15260
15380
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15261
- } }, hAsync("qds-icon-button", { key: '862744ce7171f7bc6213ec150cfbe69e92eedb10', "aria-label": "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("div", { key: 'f3657c4be9d81155c9868993d5870c223475b7a0', class: {
15381
+ } }, hAsync("qds-icon-button", { key: '22a512257855b48e1b50f9b48d06017c756a58ea', "aria-label": "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow, ref: __classPrivateFieldGet$6(this, _Tabbar_scrollStartButtonRef, "f") })), hAsync("div", { key: '4e1a36aaf66917a57bf64618fa675e91db34e555', class: {
15262
15382
  'qds-tabs': true,
15263
15383
  'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15264
15384
  'qds-centered': this.alignment === 'center' &&
@@ -15268,12 +15388,12 @@ class Tabbar {
15268
15388
  this.disableStartArrow,
15269
15389
  }, ref: (element) => {
15270
15390
  __classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
15271
- }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f") }, hAsync("slot", { key: 'f07b2e92977e6b6c14635cbc16d18d0028bc0eee', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '737647c4e399bbd90b597262529387e4ad64d315', class: {
15391
+ }, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f") }, hAsync("slot", { key: '0ae4c49fd815426bd78962526f5fce946d0688a1', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c4fc6997f1430efe4975c8ed1ad723fa6d906d79', class: {
15272
15392
  'qds-align-center': true,
15273
15393
  'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
15274
15394
  this.orientation === 'vertical' ||
15275
15395
  __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
15276
- } }, hAsync("qds-icon-button", { key: '110214d91f43ae81c1cd718b538628e2d97e802d', "aria-label": "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && !__classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '3bcc003f4ed3e84dcb627097feea57f804fe2fb3', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
15396
+ } }, hAsync("qds-icon-button", { key: '87973e92e8ad9e40a2ba6a2a7ade1040c6e46fde', "aria-label": "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow, ref: __classPrivateFieldGet$6(this, _Tabbar_scrollEndButtonRef, "f") }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && !__classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '9c7748c515f2f86c4065b90929dbe7d8f19b377b', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
15277
15397
  }
15278
15398
  static get delegatesFocus() { return true; }
15279
15399
  get host() { return getElement(this); }
@@ -15281,7 +15401,8 @@ class Tabbar {
15281
15401
  "importance": ["settingChanged"],
15282
15402
  "orientation": ["accessibilityChanged"],
15283
15403
  "placement": ["accessibilityChanged"],
15284
- "tablistDescription": ["accessibilityChanged"]
15404
+ "tablistDescription": ["accessibilityChanged"],
15405
+ "active": ["activeChanged"]
15285
15406
  }; }
15286
15407
  static get style() { return tabbarCss; }
15287
15408
  static get cmpMeta() { return {
@@ -15297,16 +15418,18 @@ class Tabbar {
15297
15418
  "showDivider": [4, "show-divider"],
15298
15419
  "alignment": [1],
15299
15420
  "importance": [1],
15421
+ "active": [1],
15300
15422
  "disableEndArrow": [32],
15301
15423
  "disableStartArrow": [32],
15302
- "activeTab": [32]
15424
+ "activeTab": [32],
15425
+ "scrollAnnouncement": [32]
15303
15426
  },
15304
15427
  "$listeners$": [[9, "resize", "windowResize"]],
15305
15428
  "$lazyBundleId$": "-",
15306
15429
  "$attrsToReflect$": []
15307
15430
  }; }
15308
15431
  }
15309
- _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
15432
+ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_mutationObserver = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_toggleAnnouncement = new WeakMap(), _Tabbar_scrollStartButton = new WeakMap(), _Tabbar_scrollEndButton = new WeakMap(), _Tabbar_pendingArrowFocus = new WeakMap(), _Tabbar_isInternallySettingActive = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_scrollEndButtonRef = new WeakMap(), _Tabbar_scrollStartButtonRef = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
15310
15433
  return this.importance;
15311
15434
  }, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
15312
15435
  return this.size ?? undefined;
@@ -15344,8 +15467,15 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
15344
15467
  return [
15345
15468
  ...this.host.querySelectorAll(TAB_ITEM_SELECTOR),
15346
15469
  ].filter((element) => isTabItem(element));
15470
+ }, _Tabbar_announceScroll = function _Tabbar_announceScroll(direction) {
15471
+ const text = direction === 'next' ? 'Next tabs showed' : 'Previous tabs showed';
15472
+ __classPrivateFieldSet$3(this, _Tabbar_toggleAnnouncement, !__classPrivateFieldGet$6(this, _Tabbar_toggleAnnouncement, "f"), "f");
15473
+ this.scrollAnnouncement = text + (__classPrivateFieldGet$6(this, _Tabbar_toggleAnnouncement, "f") ? '' : '.');
15347
15474
  }, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
15348
15475
  this.activeTab = tab;
15476
+ const panelId = getPanelId(tab);
15477
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, true, "f");
15478
+ this.active = panelId;
15349
15479
  for (const t of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
15350
15480
  const target = getTabTrigger(t);
15351
15481
  const isSelected = t === tab;
@@ -15353,22 +15483,46 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
15353
15483
  if (target instanceof globalThis.Element)
15354
15484
  target.ariaSelected = isSelected.toString();
15355
15485
  }
15356
- }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
15357
- for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
15358
- const panel = resolvePanelElement(tab);
15359
- if (panel) {
15360
- panel.hidden = tab !== activeTab;
15361
- }
15486
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, false, "f");
15487
+ }, _Tabbar_handleTabMutation = function _Tabbar_handleTabMutation(mutations) {
15488
+ if (__classPrivateFieldGet$6(this, _Tabbar_isInternallySettingActive, "f"))
15489
+ return;
15490
+ const activeTab = mutations
15491
+ .map((m) => m.target)
15492
+ .find((target) => target instanceof HTMLElement && isTabItem(target) && target.selected);
15493
+ if (activeTab) {
15494
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, activeTab);
15362
15495
  }
15363
- }, _Tabbar_handleTabActivation = function _Tabbar_handleTabActivation(tab) {
15496
+ }, _Tabbar_activateTab = function _Tabbar_activateTab(tab) {
15364
15497
  const previousTab = this.activeTab;
15365
15498
  if (previousTab === tab)
15366
15499
  return;
15367
15500
  this.activeTab = tab;
15368
- this.hideEmitter.emit(previousTab);
15501
+ const panelId = getPanelId(tab);
15502
+ if (previousTab) {
15503
+ this.hideEmitter.emit(previousTab);
15504
+ }
15369
15505
  this.showEmitter.emit(tab);
15370
15506
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
15371
15507
  __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
15508
+ // Set active property without triggering watcher events again
15509
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, true, "f");
15510
+ this.active = panelId;
15511
+ __classPrivateFieldSet$3(this, _Tabbar_isInternallySettingActive, false, "f");
15512
+ for (const t of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
15513
+ const target = getTabTrigger(t);
15514
+ const isSelected = t === tab;
15515
+ t.selected = isSelected;
15516
+ if (target instanceof globalThis.Element)
15517
+ target.ariaSelected = isSelected.toString();
15518
+ }
15519
+ }, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
15520
+ for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
15521
+ const panel = resolvePanelElement(tab);
15522
+ if (panel) {
15523
+ panel.hidden = tab !== activeTab;
15524
+ }
15525
+ }
15372
15526
  }, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
15373
15527
  return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => getTabTrigger(tab).getAttribute('tabindex') === '0');
15374
15528
  }, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
@@ -15383,7 +15537,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
15383
15537
  const tabindex = shouldActivateTab ? '0' : '-1';
15384
15538
  target.setAttribute('tabindex', tabindex);
15385
15539
  if (shouldActivateTab)
15386
- __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
15540
+ __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_activateTab).call(this, t);
15387
15541
  });
15388
15542
  }
15389
15543
  }, _Tabbar_syncInternalsAccessibility = function _Tabbar_syncInternalsAccessibility() {
@@ -15433,7 +15587,7 @@ class Table {
15433
15587
  }
15434
15588
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
15435
15589
  render() {
15436
- return hAsync("slot", { key: '4411e9f247be226224d9b95f8d38d8314a7bad4a' });
15590
+ return hAsync("slot", { key: '2812013b2d640825e7777765d7682f1ab21f1764' });
15437
15591
  }
15438
15592
  static get style() { return tableCss; }
15439
15593
  static get cmpMeta() { return {
@@ -15507,9 +15661,9 @@ class TableCell {
15507
15661
  render() {
15508
15662
  return (
15509
15663
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
15510
- hAsync("td", { key: '37d4bfd12e7fcdfe89a73ba5a3250ec56c380066', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
15664
+ hAsync("td", { key: 'cb5ee2fddcd3d67a0b5cca3f0bad0b72c2c4b52f', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
15511
15665
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
15512
- role: "none" }, hAsync("slot", { key: 'fbbc89f293b0ba49afd24298549491e23abf6a22' })));
15666
+ role: "none" }, hAsync("slot", { key: '9eadd555f40f5e2a658dd639c07d895c358c3aeb' })));
15513
15667
  }
15514
15668
  static get watchers() { return {
15515
15669
  "colSpan": ["colSpanChanged"],
@@ -15606,9 +15760,9 @@ class TableHeadCell {
15606
15760
  render() {
15607
15761
  return (
15608
15762
  // eslint-disable-next-line jsx-a11y/control-has-associated-label
15609
- hAsync("th", { key: 'c2eb95970e235225d73a5c398268ce58fa5a9215', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
15763
+ hAsync("th", { key: '16fe39b4b5a08bc7ec90ec9d32930f9163e12b07', 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,
15610
15764
  // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
15611
- role: "none" }, hAsync("slot", { key: '9ea7125c2c1cf938c39c0254f45e49f1d96ad194' })));
15765
+ role: "none" }, hAsync("slot", { key: '9830dc68cec377ecf68fe362f304b5a561a580d9' })));
15612
15766
  }
15613
15767
  static get watchers() { return {
15614
15768
  "colSpan": ["colSpanChanged"],
@@ -15667,7 +15821,7 @@ class TableRow {
15667
15821
  }
15668
15822
  // eslint-disable-next-line @typescript-eslint/class-methods-use-this
15669
15823
  render() {
15670
- return (hAsync("tr", { key: '542bde42dd840b1a145ef8b6748674ef00d4a5df', class: "qds-table-row", role: "none" }, hAsync("slot", { key: 'ed6c95bea51d17fc397c4b1a99c058392e421890' })));
15824
+ return (hAsync("tr", { key: '988d1db82e7b871e1c88bbc01b014d987437662a', class: "qds-table-row", role: "none" }, hAsync("slot", { key: 'da3ff80b8a80cf7f8a6a3b372f5af39df73e52bf' })));
15671
15825
  }
15672
15826
  static get style() { return tableRowCss; }
15673
15827
  static get cmpMeta() { return {
@@ -15738,11 +15892,11 @@ class Tag {
15738
15892
  __classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
15739
15893
  }
15740
15894
  render() {
15741
- return (hAsync("span", { key: 'f266218938dc3110659bb719fb100efe8427f6c2', class: {
15895
+ return (hAsync("span", { key: '88bdc52e4729a80ef0dbf0e6b4e5c085a1d9acb8', class: {
15742
15896
  'qds-tag': true,
15743
15897
  'qds-padding': this.importance !== 'subdued',
15744
15898
  }, "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 &&
15745
- this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: 'c1aa0089da19ae0554444abb607407d997b3a9ab', class: "qds-text" }, this.text)));
15899
+ 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: 'c070ff3e5308ee34e42209ea1d5638b33ad9c16a', class: "qds-text" }, this.text)));
15746
15900
  }
15747
15901
  get host() { return getElement(this); }
15748
15902
  static get style() { return tagCss; }
@@ -15802,7 +15956,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
15802
15956
  return (this.badge ?? false) && this.importance !== 'emphasized';
15803
15957
  };
15804
15958
 
15805
- 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%;letter-spacing:inherit;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;word-spacing:inherit}.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)}";
15959
+ 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%;letter-spacing:inherit;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;word-spacing:inherit}.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{color:var(--qds-theme-form-input-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)}";
15806
15960
 
15807
15961
  // SPDX-FileCopyrightText: © 2024 Schneider Electric
15808
15962
  //
@@ -16068,9 +16222,9 @@ class TextArea {
16068
16222
  this.valueChanged();
16069
16223
  }
16070
16224
  render() {
16071
- return (hAsync(Host, { key: 'a1124b2f6ac9a85ae42a10e94fa2c82bc09f176a' }, hAsync("textarea", { key: '0bc3d2ccf9d4bb645b5ec765a2a8836910231e88', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
16225
+ return (hAsync(Host, { key: 'e4a8c71dc44612152518e44ea1dec9f2a60ddb80' }, hAsync("textarea", { key: '42d5da43e4a033e62d9438cba9319f5a1bf3e76c', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
16072
16226
  // eslint-disable-next-line jsx-a11y/no-autofocus
16073
- autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: 'd59563e4625dfc217a2863e3bfe0ab772ca4bdd1', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
16227
+ 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: '1f7a23defc50ec60b1d292306c205cf34ddef9ee', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
16074
16228
  }
16075
16229
  static get delegatesFocus() { return true; }
16076
16230
  static get formAssociated() { return true; }
@@ -16197,14 +16351,14 @@ class Title {
16197
16351
  const level = `qds-${this.level ?? 'section'}`;
16198
16352
  const Tag = this.tag ?? 'h2';
16199
16353
  const hasIcon = this.iconName !== undefined && this.iconName !== '';
16200
- return (hAsync("hgroup", { key: '942eec84584a9f0ada443ce2d93e9bfd5553d2ef', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
16354
+ return (hAsync("hgroup", { key: '04bc659e139196f133a2952d31b4850e3c7db4d0', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
16201
16355
  [layer]: true,
16202
16356
  [level]: true,
16203
16357
  'qds-titles': true,
16204
16358
  'qds-has-icon': hasIcon,
16205
16359
  'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
16206
16360
  'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
16207
- }, role: "none" }, hAsync(Tag, { key: '73d0c59e0808cfc8b81e67cc7fec19668430f8b9', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '9ef1451c7e2116611cf4a9d7e10e9b0c61c63b31' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '6fb83ecd2a9db814c0336d15e0b24174cdbba1e1', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '62008e9c0934c1700e2d909c7d370265303ee938', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'ad0113ac12cc58d136689a70176e4e208b06b1c9', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
16361
+ }, role: "none" }, hAsync(Tag, { key: '6206cfad864ae1ccba4d752dccf89b32d08b1799', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'bc064cbc02c3d6807d7dde00979df6aa1113979b' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '85137e1d9dd7c96dd8de7b4acbefbbd724b3e56f', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: 'dd18c78be3d12ce99f56ae2e74a29574da7cca27', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'e98cff56c6ca81cdee991b4b2c714402e88213ed', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
16208
16362
  }
16209
16363
  static get style() { return titleCss; }
16210
16364
  static get cmpMeta() { return {
@@ -16413,7 +16567,7 @@ class Tooltip {
16413
16567
  async updateReferenceElement() {
16414
16568
  var _a;
16415
16569
  this.disconnectedCallback();
16416
- __classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target), "f");
16570
+ __classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target, 'qds-tooltip'), "f");
16417
16571
  if (!(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element))
16418
16572
  return;
16419
16573
  this.updateEventListeners();
@@ -16504,7 +16658,7 @@ class Tooltip {
16504
16658
  __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
16505
16659
  }
16506
16660
  render() {
16507
- return (hAsync(Host, { key: '8de8eafb6144152ea32296edd9da4764ffc0892c', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '6987ce86e8d7caaeef51d49f4ccadc5ec078d6ec', class: "qds-tooltip" }, hAsync("slot", { key: 'dabc1ce5c4ace23951975c303703edc0fe26c171' })), hAsync("div", { key: '13a39fa4add738f64f6de2000af8935c19310995', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
16661
+ return (hAsync(Host, { key: 'a1e938336ef0ec947ebf383f27058c2b40de8be5', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '77b6fc341a9d8c29345abe2b60eaa5e80e616a25', class: "qds-tooltip" }, hAsync("slot", { key: 'c1f60791b1ef2a20aca65cca9a5d555526e459cc' })), hAsync("div", { key: '61c360af5eeed3532a054d7040acb21bd66b3292', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
16508
16662
  }
16509
16663
  get host() { return getElement(this); }
16510
16664
  static get watchers() { return {