@vonage/vivid 4.1.0 → 4.3.0

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 (138) hide show
  1. package/appearance-ui/index.cjs +1 -2
  2. package/appearance-ui/index.js +1 -2
  3. package/custom-elements.json +62 -0
  4. package/lib/button/button.d.ts +1 -0
  5. package/lib/switch/switch.d.ts +1 -1
  6. package/package.json +1 -1
  7. package/shared/affix.cjs +1 -2
  8. package/shared/affix.js +1 -2
  9. package/shared/anchored.cjs +1 -2
  10. package/shared/anchored.js +1 -2
  11. package/shared/calendar-event.cjs +1 -2
  12. package/shared/calendar-event.js +1 -2
  13. package/shared/definition.cjs +1 -2
  14. package/shared/definition.js +1 -2
  15. package/shared/definition11.cjs +29 -13
  16. package/shared/definition11.js +29 -14
  17. package/shared/definition12.cjs +1 -1
  18. package/shared/definition12.js +1 -1
  19. package/shared/definition13.cjs +1 -2
  20. package/shared/definition13.js +1 -2
  21. package/shared/definition14.cjs +1 -2
  22. package/shared/definition14.js +1 -2
  23. package/shared/definition15.cjs +1 -2
  24. package/shared/definition15.js +1 -2
  25. package/shared/definition16.cjs +1 -2
  26. package/shared/definition16.js +1 -2
  27. package/shared/definition17.cjs +5 -9
  28. package/shared/definition17.js +5 -9
  29. package/shared/definition18.cjs +14 -22
  30. package/shared/definition18.js +14 -22
  31. package/shared/definition19.cjs +29 -50
  32. package/shared/definition19.js +29 -50
  33. package/shared/definition20.cjs +1 -2
  34. package/shared/definition20.js +1 -2
  35. package/shared/definition21.cjs +1 -2
  36. package/shared/definition21.js +1 -2
  37. package/shared/definition23.cjs +1 -2
  38. package/shared/definition23.js +1 -2
  39. package/shared/definition24.cjs +2 -3
  40. package/shared/definition24.js +2 -3
  41. package/shared/definition25.cjs +22 -47
  42. package/shared/definition25.js +22 -47
  43. package/shared/definition26.cjs +1 -2
  44. package/shared/definition26.js +1 -2
  45. package/shared/definition28.cjs +1 -2
  46. package/shared/definition28.js +1 -2
  47. package/shared/definition29.cjs +69 -39
  48. package/shared/definition29.js +69 -39
  49. package/shared/definition3.cjs +1 -2
  50. package/shared/definition3.js +1 -2
  51. package/shared/definition31.cjs +1 -2
  52. package/shared/definition31.js +1 -2
  53. package/shared/definition34.cjs +1 -2
  54. package/shared/definition34.js +1 -2
  55. package/shared/definition35.cjs +14 -26
  56. package/shared/definition35.js +14 -26
  57. package/shared/definition36.cjs +1 -2
  58. package/shared/definition36.js +1 -2
  59. package/shared/definition37.cjs +8 -16
  60. package/shared/definition37.js +8 -16
  61. package/shared/definition38.cjs +1 -2
  62. package/shared/definition38.js +1 -2
  63. package/shared/definition39.cjs +1 -2
  64. package/shared/definition39.js +1 -2
  65. package/shared/definition4.cjs +7 -13
  66. package/shared/definition4.js +7 -13
  67. package/shared/definition40.cjs +1 -2
  68. package/shared/definition40.js +1 -2
  69. package/shared/definition42.cjs +52 -91
  70. package/shared/definition42.js +52 -91
  71. package/shared/definition43.cjs +7 -6
  72. package/shared/definition43.js +5 -4
  73. package/shared/definition44.cjs +4 -8
  74. package/shared/definition44.js +4 -8
  75. package/shared/definition45.cjs +1 -2
  76. package/shared/definition45.js +1 -2
  77. package/shared/definition46.cjs +1 -2
  78. package/shared/definition46.js +1 -2
  79. package/shared/definition47.cjs +1 -2
  80. package/shared/definition47.js +1 -2
  81. package/shared/definition48.cjs +2 -3
  82. package/shared/definition48.js +2 -3
  83. package/shared/definition5.cjs +1 -2
  84. package/shared/definition5.js +1 -2
  85. package/shared/definition50.cjs +1 -2
  86. package/shared/definition50.js +1 -2
  87. package/shared/definition51.cjs +5 -10
  88. package/shared/definition51.js +5 -10
  89. package/shared/definition52.cjs +1 -2
  90. package/shared/definition52.js +1 -2
  91. package/shared/definition53.cjs +1 -2
  92. package/shared/definition53.js +1 -2
  93. package/shared/definition54.cjs +9 -21
  94. package/shared/definition54.js +9 -21
  95. package/shared/definition55.cjs +24 -43
  96. package/shared/definition55.js +24 -43
  97. package/shared/definition56.cjs +23 -38
  98. package/shared/definition56.js +23 -38
  99. package/shared/definition57.cjs +22 -45
  100. package/shared/definition57.js +22 -45
  101. package/shared/definition58.cjs +18 -37
  102. package/shared/definition58.js +18 -37
  103. package/shared/definition59.cjs +1 -2
  104. package/shared/definition59.js +1 -2
  105. package/shared/definition6.cjs +1 -2
  106. package/shared/definition6.js +1 -2
  107. package/shared/definition62.cjs +1 -2
  108. package/shared/definition62.js +1 -2
  109. package/shared/definition63.cjs +1 -2
  110. package/shared/definition63.js +1 -2
  111. package/shared/definition7.cjs +1 -2
  112. package/shared/definition7.js +1 -2
  113. package/shared/definition8.cjs +1 -2
  114. package/shared/definition8.js +1 -2
  115. package/shared/definition9.cjs +1 -2
  116. package/shared/definition9.js +1 -2
  117. package/shared/icon.cjs +2 -3
  118. package/shared/icon.js +2 -3
  119. package/shared/index2.cjs +3 -6
  120. package/shared/index2.js +3 -6
  121. package/shared/listbox.cjs +1 -2
  122. package/shared/listbox.js +1 -2
  123. package/shared/patterns/chevron.d.ts +2 -0
  124. package/shared/presentationDate.cjs +1 -2
  125. package/shared/presentationDate.js +1 -2
  126. package/shared/radio.cjs +1 -2
  127. package/shared/radio.js +1 -2
  128. package/shared/text-anchor.cjs +1 -2
  129. package/shared/text-anchor.js +1 -2
  130. package/shared/video-player.cjs +4 -8
  131. package/shared/video-player.js +4 -8
  132. package/styles/core/all.css +1 -1
  133. package/styles/core/theme.css +1 -1
  134. package/styles/core/typography.css +1 -1
  135. package/styles/tokens/theme-dark.css +4 -4
  136. package/styles/tokens/theme-light.css +4 -4
  137. package/styles/tokens/vivid-2-compat.css +1 -1
  138. package/vivid.api.json +3021 -1112
@@ -97,7 +97,7 @@ index.__decorate([
97
97
  index.observable
98
98
  ], Switch$1.prototype, "defaultSlottedNodes", void 0);
99
99
 
100
- const styles = ":host(.disabled){cursor:not-allowed}.control{display:inline-flex;border-radius:16px;gap:8px;--focus-inset: -4px;--focus-stroke-gap-color: transparent}.control.connotation-cta{--_connotation-color-primary-text: var(--vvd-switch-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-increment: var(--vvd-switch-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-switch-cta-firm, var(--vvd-color-cta-600));--_connotation-color-intermediate: var(--vvd-switch-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-fierce: var(--vvd-switch-cta-fierce, var(--vvd-color-cta-700))}.control.connotation-alert{--_connotation-color-primary-text: var(--vvd-switch-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-increment: var(--vvd-switch-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-switch-alert-firm, var(--vvd-color-alert-600));--_connotation-color-intermediate: var(--vvd-switch-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-fierce: var(--vvd-switch-alert-fierce, var(--vvd-color-alert-700))}.control.connotation-success{--_connotation-color-primary-text: var(--vvd-switch-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-increment: var(--vvd-switch-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-switch-success-firm, var(--vvd-color-success-600));--_connotation-color-intermediate: var(--vvd-switch-success-intermediate, var(--vvd-color-success-500));--_connotation-color-fierce: var(--vvd-switch-success-fierce, var(--vvd-color-success-700))}.control:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary-text: var(--vvd-switch-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-switch-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-switch-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-switch-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-fierce: var(--vvd-switch-accent-fierce, var(--vvd-color-neutral-700))}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*1.8) ;display:flex;box-sizing:border-box;align-items:center;border-radius:40px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);transition:all .2s ease-in-out 0s}.checked-indicator{--_switch-checked-indicator-size: calc( calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) / 1.6667 );--_switch-gutter: calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto;transition:all .2s ease-in-out 0s}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translate(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translate(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}";
100
+ const styles = ":host(.disabled){cursor:not-allowed}.control{display:inline-flex;border-radius:16px;gap:8px;--focus-inset: -4px;--focus-stroke-gap-color: transparent}.control.connotation-cta{--_connotation-color-primary-text: var(--vvd-switch-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-increment: var(--vvd-switch-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-switch-cta-firm, var(--vvd-color-cta-600));--_connotation-color-intermediate: var(--vvd-switch-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-fierce: var(--vvd-switch-cta-fierce, var(--vvd-color-cta-700))}.control.connotation-alert{--_connotation-color-primary-text: var(--vvd-switch-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-increment: var(--vvd-switch-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-switch-alert-firm, var(--vvd-color-alert-600));--_connotation-color-intermediate: var(--vvd-switch-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-fierce: var(--vvd-switch-alert-fierce, var(--vvd-color-alert-700))}.control.connotation-success{--_connotation-color-primary-text: var(--vvd-switch-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-increment: var(--vvd-switch-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-switch-success-firm, var(--vvd-color-success-600));--_connotation-color-intermediate: var(--vvd-switch-success-intermediate, var(--vvd-color-success-500));--_connotation-color-fierce: var(--vvd-switch-success-fierce, var(--vvd-color-success-700))}.control.connotation-announcement{--_connotation-color-primary-text: var(--vvd-switch-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-increment: var(--vvd-switch-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-firm: var(--vvd-switch-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-intermediate: var(--vvd-switch-announcement-intermediate, var(--vvd-color-announcement-500));--_connotation-color-fierce: var(--vvd-switch-announcement-fierce, var(--vvd-color-announcement-700))}.control:not(.connotation-cta,.connotation-alert,.connotation-success,.connotation-announcement){--_connotation-color-primary-text: var(--vvd-switch-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-switch-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-switch-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-switch-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-fierce: var(--vvd-switch-accent-fierce, var(--vvd-color-neutral-700))}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*1.8) ;display:flex;box-sizing:border-box;align-items:center;border-radius:40px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);transition:all .2s ease-in-out 0s}.checked-indicator{--_switch-checked-indicator-size: calc( calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) / 1.6667);--_switch-gutter: calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto;transition:all .2s ease-in-out 0s}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translate(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translate(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}";
101
101
 
102
102
  var __defProp = Object.defineProperty;
103
103
  var __decorateClass = (decorators, target, key, kind) => {
@@ -105,8 +105,7 @@ var __decorateClass = (decorators, target, key, kind) => {
105
105
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
106
106
  if (decorator = decorators[i])
107
107
  result = (decorator(target, key, result) ) || result;
108
- if (result)
109
- __defProp(target, key, result);
108
+ if (result) __defProp(target, key, result);
110
109
  return result;
111
110
  };
112
111
  class Switch extends Switch$1 {
@@ -95,7 +95,7 @@ __decorate([
95
95
  observable
96
96
  ], Switch$1.prototype, "defaultSlottedNodes", void 0);
97
97
 
98
- const styles = ":host(.disabled){cursor:not-allowed}.control{display:inline-flex;border-radius:16px;gap:8px;--focus-inset: -4px;--focus-stroke-gap-color: transparent}.control.connotation-cta{--_connotation-color-primary-text: var(--vvd-switch-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-increment: var(--vvd-switch-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-switch-cta-firm, var(--vvd-color-cta-600));--_connotation-color-intermediate: var(--vvd-switch-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-fierce: var(--vvd-switch-cta-fierce, var(--vvd-color-cta-700))}.control.connotation-alert{--_connotation-color-primary-text: var(--vvd-switch-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-increment: var(--vvd-switch-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-switch-alert-firm, var(--vvd-color-alert-600));--_connotation-color-intermediate: var(--vvd-switch-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-fierce: var(--vvd-switch-alert-fierce, var(--vvd-color-alert-700))}.control.connotation-success{--_connotation-color-primary-text: var(--vvd-switch-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-increment: var(--vvd-switch-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-switch-success-firm, var(--vvd-color-success-600));--_connotation-color-intermediate: var(--vvd-switch-success-intermediate, var(--vvd-color-success-500));--_connotation-color-fierce: var(--vvd-switch-success-fierce, var(--vvd-color-success-700))}.control:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary-text: var(--vvd-switch-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-switch-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-switch-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-switch-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-fierce: var(--vvd-switch-accent-fierce, var(--vvd-color-neutral-700))}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*1.8) ;display:flex;box-sizing:border-box;align-items:center;border-radius:40px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);transition:all .2s ease-in-out 0s}.checked-indicator{--_switch-checked-indicator-size: calc( calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) / 1.6667 );--_switch-gutter: calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto;transition:all .2s ease-in-out 0s}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translate(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translate(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}";
98
+ const styles = ":host(.disabled){cursor:not-allowed}.control{display:inline-flex;border-radius:16px;gap:8px;--focus-inset: -4px;--focus-stroke-gap-color: transparent}.control.connotation-cta{--_connotation-color-primary-text: var(--vvd-switch-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-increment: var(--vvd-switch-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-switch-cta-firm, var(--vvd-color-cta-600));--_connotation-color-intermediate: var(--vvd-switch-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-fierce: var(--vvd-switch-cta-fierce, var(--vvd-color-cta-700))}.control.connotation-alert{--_connotation-color-primary-text: var(--vvd-switch-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-increment: var(--vvd-switch-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-switch-alert-firm, var(--vvd-color-alert-600));--_connotation-color-intermediate: var(--vvd-switch-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-fierce: var(--vvd-switch-alert-fierce, var(--vvd-color-alert-700))}.control.connotation-success{--_connotation-color-primary-text: var(--vvd-switch-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-increment: var(--vvd-switch-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-switch-success-firm, var(--vvd-color-success-600));--_connotation-color-intermediate: var(--vvd-switch-success-intermediate, var(--vvd-color-success-500));--_connotation-color-fierce: var(--vvd-switch-success-fierce, var(--vvd-color-success-700))}.control.connotation-announcement{--_connotation-color-primary-text: var(--vvd-switch-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-increment: var(--vvd-switch-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-firm: var(--vvd-switch-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-intermediate: var(--vvd-switch-announcement-intermediate, var(--vvd-color-announcement-500));--_connotation-color-fierce: var(--vvd-switch-announcement-fierce, var(--vvd-color-announcement-700))}.control:not(.connotation-cta,.connotation-alert,.connotation-success,.connotation-announcement){--_connotation-color-primary-text: var(--vvd-switch-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-switch-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-switch-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-switch-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-fierce: var(--vvd-switch-accent-fierce, var(--vvd-color-neutral-700))}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.readonly):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*1.8) ;display:flex;box-sizing:border-box;align-items:center;border-radius:40px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);transition:all .2s ease-in-out 0s}.checked-indicator{--_switch-checked-indicator-size: calc( calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) / 1.6667);--_switch-gutter: calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto;transition:all .2s ease-in-out 0s}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translate(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translate(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}";
99
99
 
100
100
  var __defProp = Object.defineProperty;
101
101
  var __decorateClass = (decorators, target, key, kind) => {
@@ -103,8 +103,7 @@ var __decorateClass = (decorators, target, key, kind) => {
103
103
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
104
104
  if (decorator = decorators[i])
105
105
  result = (decorator(target, key, result) ) || result;
106
- if (result)
107
- __defProp(target, key, result);
106
+ if (result) __defProp(target, key, result);
108
107
  return result;
109
108
  };
110
109
  class Switch extends Switch$1 {
@@ -23,8 +23,7 @@ var __decorateClass = (decorators, target, key, kind) => {
23
23
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
24
24
  if (decorator = decorators[i])
25
25
  result = (decorator(target, key, result) ) || result;
26
- if (result)
27
- __defProp(target, key, result);
26
+ if (result) __defProp(target, key, result);
28
27
  return result;
29
28
  };
30
29
  const SKIP_DIRECTIONS = {
@@ -21,8 +21,7 @@ var __decorateClass = (decorators, target, key, kind) => {
21
21
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
22
22
  if (decorator = decorators[i])
23
23
  result = (decorator(target, key, result) ) || result;
24
- if (result)
25
- __defProp(target, key, result);
24
+ if (result) __defProp(target, key, result);
26
25
  return result;
27
26
  };
28
27
  const SKIP_DIRECTIONS = {
@@ -27,8 +27,7 @@ var __decorateClass = (decorators, target, key, kind) => {
27
27
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
28
28
  if (decorator = decorators[i])
29
29
  result = (decorator(target, key, result) ) || result;
30
- if (result)
31
- __defProp(target, key, result);
30
+ if (result) __defProp(target, key, result);
32
31
  return result;
33
32
  };
34
33
  class Tab extends Tab$1 {
@@ -25,8 +25,7 @@ var __decorateClass = (decorators, target, key, kind) => {
25
25
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
26
26
  if (decorator = decorators[i])
27
27
  result = (decorator(target, key, result) ) || result;
28
- if (result)
29
- __defProp(target, key, result);
28
+ if (result) __defProp(target, key, result);
30
29
  return result;
31
30
  };
32
31
  class Tab extends Tab$1 {
@@ -391,8 +391,7 @@ var __decorateClass = (decorators, target, key, kind) => {
391
391
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
392
392
  if (decorator = decorators[i])
393
393
  result = (decorator(target, key, result) ) || result;
394
- if (result)
395
- __defProp(target, key, result);
394
+ if (result) __defProp(target, key, result);
396
395
  return result;
397
396
  };
398
397
  const ACTIVE_TAB_WIDTH = "--_tabs-active-tab-inline-size";
@@ -407,8 +406,7 @@ class Tabs extends Tabs$1 {
407
406
  orientationChanged() {
408
407
  super.orientationChanged();
409
408
  this.patchIndicatorStyleTransition();
410
- if (!this.activeIndicatorRef)
411
- return;
409
+ if (!this.activeIndicatorRef) return;
412
410
  if (this.orientation === TabsOrientation.vertical) {
413
411
  this.activeIndicatorRef.style.removeProperty(ACTIVE_TAB_WIDTH);
414
412
  }
@@ -430,8 +428,7 @@ class Tabs extends Tabs$1 {
430
428
  this.#patchActiveID();
431
429
  }
432
430
  patchIndicatorStyleTransition() {
433
- if (!this.activetab || !this.activeIndicatorRef)
434
- return;
431
+ if (!this.activetab || !this.activeIndicatorRef) return;
435
432
  if (this.orientation === TabsOrientation.vertical || !this.showActiveIndicator)
436
433
  return;
437
434
  const width = this.activetab.getBoundingClientRect().width;
@@ -453,8 +450,7 @@ class Tabs extends Tabs$1 {
453
450
  }
454
451
  #scrollToIndex(index) {
455
452
  const tab = this.tabs[index];
456
- if (!tab)
457
- return;
453
+ if (!tab) return;
458
454
  let left = 0;
459
455
  let top = 0;
460
456
  if (this.orientation === TabsOrientation.vertical) {
@@ -476,8 +472,7 @@ class Tabs extends Tabs$1 {
476
472
  }
477
473
  // adapted FAST fix https://github.com/microsoft/fast/pull/6606
478
474
  #patchActiveID() {
479
- if (!this.activetab)
480
- return;
475
+ if (!this.activetab) return;
481
476
  const idx = this.tabs.indexOf(this.activetab);
482
477
  this.activeid = this["tabIds"][idx];
483
478
  this.#updateTabsConnotation();
@@ -389,8 +389,7 @@ var __decorateClass = (decorators, target, key, kind) => {
389
389
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
390
390
  if (decorator = decorators[i])
391
391
  result = (decorator(target, key, result) ) || result;
392
- if (result)
393
- __defProp(target, key, result);
392
+ if (result) __defProp(target, key, result);
394
393
  return result;
395
394
  };
396
395
  const ACTIVE_TAB_WIDTH = "--_tabs-active-tab-inline-size";
@@ -405,8 +404,7 @@ class Tabs extends Tabs$1 {
405
404
  orientationChanged() {
406
405
  super.orientationChanged();
407
406
  this.patchIndicatorStyleTransition();
408
- if (!this.activeIndicatorRef)
409
- return;
407
+ if (!this.activeIndicatorRef) return;
410
408
  if (this.orientation === TabsOrientation.vertical) {
411
409
  this.activeIndicatorRef.style.removeProperty(ACTIVE_TAB_WIDTH);
412
410
  }
@@ -428,8 +426,7 @@ class Tabs extends Tabs$1 {
428
426
  this.#patchActiveID();
429
427
  }
430
428
  patchIndicatorStyleTransition() {
431
- if (!this.activetab || !this.activeIndicatorRef)
432
- return;
429
+ if (!this.activetab || !this.activeIndicatorRef) return;
433
430
  if (this.orientation === TabsOrientation.vertical || !this.showActiveIndicator)
434
431
  return;
435
432
  const width = this.activetab.getBoundingClientRect().width;
@@ -451,8 +448,7 @@ class Tabs extends Tabs$1 {
451
448
  }
452
449
  #scrollToIndex(index) {
453
450
  const tab = this.tabs[index];
454
- if (!tab)
455
- return;
451
+ if (!tab) return;
456
452
  let left = 0;
457
453
  let top = 0;
458
454
  if (this.orientation === TabsOrientation.vertical) {
@@ -474,8 +470,7 @@ class Tabs extends Tabs$1 {
474
470
  }
475
471
  // adapted FAST fix https://github.com/microsoft/fast/pull/6606
476
472
  #patchActiveID() {
477
- if (!this.activetab)
478
- return;
473
+ if (!this.activetab) return;
479
474
  const idx = this.tabs.indexOf(this.activetab);
480
475
  this.activeid = this["tabIds"][idx];
481
476
  this.#updateTabsConnotation();
@@ -11,8 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
11
11
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
12
12
  if (decorator = decorators[i])
13
13
  result = (decorator(target, key, result) ) || result;
14
- if (result)
15
- __defProp(target, key, result);
14
+ if (result) __defProp(target, key, result);
16
15
  return result;
17
16
  };
18
17
  class TagGroup extends index.FoundationElement {
@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
9
9
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
10
10
  if (decorator = decorators[i])
11
11
  result = (decorator(target, key, result) ) || result;
12
- if (result)
13
- __defProp(target, key, result);
12
+ if (result) __defProp(target, key, result);
14
13
  return result;
15
14
  };
16
15
  class TagGroup extends FoundationElement {
@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
14
14
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
15
15
  if (decorator = decorators[i])
16
16
  result = (decorator(target, key, result) ) || result;
17
- if (result)
18
- __defProp(target, key, result);
17
+ if (result) __defProp(target, key, result);
19
18
  return result;
20
19
  };
21
20
  class Tag extends index.FoundationElement {
@@ -12,8 +12,7 @@ var __decorateClass = (decorators, target, key, kind) => {
12
12
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
13
13
  if (decorator = decorators[i])
14
14
  result = (decorator(target, key, result) ) || result;
15
- if (result)
16
- __defProp(target, key, result);
15
+ if (result) __defProp(target, key, result);
17
16
  return result;
18
17
  };
19
18
  class Tag extends FoundationElement {
@@ -194,38 +194,26 @@ const styles = ":host{display:inline-block}.base{display:inline-grid;grid-templa
194
194
 
195
195
  var __defProp = Object.defineProperty;
196
196
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
197
+ var __typeError = (msg) => {
198
+ throw TypeError(msg);
199
+ };
197
200
  var __decorateClass = (decorators, target, key, kind) => {
198
201
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
199
202
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
200
203
  if (decorator = decorators[i])
201
204
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
202
- if (kind && result)
203
- __defProp(target, key, result);
205
+ if (kind && result) __defProp(target, key, result);
204
206
  return result;
205
207
  };
206
- var __accessCheck = (obj, member, msg) => {
207
- if (!member.has(obj))
208
- throw TypeError("Cannot " + msg);
209
- };
210
- var __privateGet = (obj, member, getter) => {
211
- __accessCheck(obj, member, "read from private field");
212
- return getter ? getter.call(obj) : member.get(obj);
213
- };
214
- var __privateAdd = (obj, member, value) => {
215
- if (member.has(obj))
216
- throw TypeError("Cannot add the same private member more than once");
217
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
218
- };
219
- var __privateSet = (obj, member, value, setter) => {
220
- __accessCheck(obj, member, "write to private field");
221
- member.set(obj, value);
222
- return value;
223
- };
208
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
209
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
210
+ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
211
+ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
224
212
  var _reflectToTextArea;
225
213
  let TextArea = class extends TextArea$1 {
226
214
  constructor() {
227
215
  super(...arguments);
228
- __privateAdd(this, _reflectToTextArea, void 0);
216
+ __privateAdd(this, _reflectToTextArea);
229
217
  }
230
218
  connectedCallback() {
231
219
  super.connectedCallback();
@@ -192,38 +192,26 @@ const styles = ":host{display:inline-block}.base{display:inline-grid;grid-templa
192
192
 
193
193
  var __defProp = Object.defineProperty;
194
194
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
195
+ var __typeError = (msg) => {
196
+ throw TypeError(msg);
197
+ };
195
198
  var __decorateClass = (decorators, target, key, kind) => {
196
199
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
197
200
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
198
201
  if (decorator = decorators[i])
199
202
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
200
- if (kind && result)
201
- __defProp(target, key, result);
203
+ if (kind && result) __defProp(target, key, result);
202
204
  return result;
203
205
  };
204
- var __accessCheck = (obj, member, msg) => {
205
- if (!member.has(obj))
206
- throw TypeError("Cannot " + msg);
207
- };
208
- var __privateGet = (obj, member, getter) => {
209
- __accessCheck(obj, member, "read from private field");
210
- return getter ? getter.call(obj) : member.get(obj);
211
- };
212
- var __privateAdd = (obj, member, value) => {
213
- if (member.has(obj))
214
- throw TypeError("Cannot add the same private member more than once");
215
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
216
- };
217
- var __privateSet = (obj, member, value, setter) => {
218
- __accessCheck(obj, member, "write to private field");
219
- member.set(obj, value);
220
- return value;
221
- };
206
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
207
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
208
+ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
209
+ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
222
210
  var _reflectToTextArea;
223
211
  let TextArea = class extends TextArea$1 {
224
212
  constructor() {
225
213
  super(...arguments);
226
- __privateAdd(this, _reflectToTextArea, void 0);
214
+ __privateAdd(this, _reflectToTextArea);
227
215
  }
228
216
  connectedCallback() {
229
217
  super.connectedCallback();
@@ -72,38 +72,23 @@ const generateRandomId = () => v4();
72
72
 
73
73
  var __defProp = Object.defineProperty;
74
74
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
75
+ var __typeError = (msg) => {
76
+ throw TypeError(msg);
77
+ };
75
78
  var __decorateClass = (decorators, target, key, kind) => {
76
79
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
77
80
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
78
81
  if (decorator = decorators[i])
79
82
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
80
- if (kind && result)
81
- __defProp(target, key, result);
83
+ if (kind && result) __defProp(target, key, result);
82
84
  return result;
83
85
  };
84
- var __accessCheck = (obj, member, msg) => {
85
- if (!member.has(obj))
86
- throw TypeError("Cannot " + msg);
87
- };
88
- var __privateGet = (obj, member, getter) => {
89
- __accessCheck(obj, member, "read from private field");
90
- return getter ? getter.call(obj) : member.get(obj);
91
- };
92
- var __privateAdd = (obj, member, value) => {
93
- if (member.has(obj))
94
- throw TypeError("Cannot add the same private member more than once");
95
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
96
- };
97
- var __privateSet = (obj, member, value, setter) => {
98
- __accessCheck(obj, member, "write to private field");
99
- member.set(obj, value);
100
- return value;
101
- };
102
- var __privateMethod = (obj, member, method) => {
103
- __accessCheck(obj, member, "access private method");
104
- return method;
105
- };
106
- var _handleLabelChange, handleLabelChange_fn, _reflectToInput, _helperTextMirrorEl, _helperTextSlotMutationObserver, _updateHelperTextMutationObserver, updateHelperTextMutationObserver_fn, _updateMirroredHelperText, updateMirroredHelperText_fn;
86
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
87
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
88
+ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
89
+ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
90
+ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
91
+ var _TextField_instances, handleLabelChange_fn, _reflectToInput, _helperTextMirrorEl, _helperTextSlotMutationObserver, updateHelperTextMutationObserver_fn, updateMirroredHelperText_fn;
107
92
  const safariWorkaroundClassName = "_vvd-3-text-field-safari-workaround";
108
93
  const getSafariWorkaroundStyleSheet = icon.memoizeWith(
109
94
  () => "",
@@ -137,23 +122,21 @@ const installSafariWorkaroundStyle = (forElement) => {
137
122
  exports.TextField = class TextField extends textField.TextField {
138
123
  constructor() {
139
124
  super(...arguments);
140
- __privateAdd(this, _handleLabelChange);
141
- __privateAdd(this, _updateHelperTextMutationObserver);
142
- __privateAdd(this, _updateMirroredHelperText);
125
+ __privateAdd(this, _TextField_instances);
143
126
  /**
144
127
  * @internal
145
128
  */
146
129
  this._labelEl = null;
147
- __privateAdd(this, _reflectToInput, void 0);
148
- __privateAdd(this, _helperTextMirrorEl, void 0);
149
- __privateAdd(this, _helperTextSlotMutationObserver, void 0);
130
+ __privateAdd(this, _reflectToInput);
131
+ __privateAdd(this, _helperTextMirrorEl);
132
+ __privateAdd(this, _helperTextSlotMutationObserver);
150
133
  }
151
134
  /**
152
135
  * @internal
153
136
  */
154
137
  labelChanged() {
155
138
  if (this._labelEl) {
156
- __privateMethod(this, _handleLabelChange, handleLabelChange_fn).call(this, this._labelEl);
139
+ __privateMethod(this, _TextField_instances, handleLabelChange_fn).call(this, this._labelEl);
157
140
  }
158
141
  }
159
142
  connectedCallback() {
@@ -184,11 +167,11 @@ exports.TextField = class TextField extends textField.TextField {
184
167
  label.slot = "_label";
185
168
  label.htmlFor = controlId;
186
169
  this._labelEl = label;
187
- __privateMethod(this, _handleLabelChange, handleLabelChange_fn).call(this, label);
170
+ __privateMethod(this, _TextField_instances, handleLabelChange_fn).call(this, label);
188
171
  __privateSet(this, _helperTextMirrorEl, document.createElement("div"));
189
172
  __privateGet(this, _helperTextMirrorEl).id = helperTextId;
190
173
  __privateGet(this, _helperTextMirrorEl).slot = "_mirrored-helper-text";
191
- __privateMethod(this, _updateMirroredHelperText, updateMirroredHelperText_fn).call(this);
174
+ __privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
192
175
  this.appendChild(__privateGet(this, _helperTextMirrorEl));
193
176
  installSafariWorkaroundStyle(this);
194
177
  }
@@ -223,13 +206,13 @@ exports.TextField = class TextField extends textField.TextField {
223
206
  "aria-roledescription"
224
207
  );
225
208
  __privateGet(this, _reflectToInput).property("value", "value", true);
226
- __privateMethod(this, _updateHelperTextMutationObserver, updateHelperTextMutationObserver_fn).call(this);
209
+ __privateMethod(this, _TextField_instances, updateHelperTextMutationObserver_fn).call(this);
227
210
  }
228
211
  disconnectedCallback() {
229
212
  super.disconnectedCallback();
230
213
  __privateGet(this, _reflectToInput).destroy();
231
214
  __privateSet(this, _reflectToInput, void 0);
232
- __privateMethod(this, _updateHelperTextMutationObserver, updateHelperTextMutationObserver_fn).call(this);
215
+ __privateMethod(this, _TextField_instances, updateHelperTextMutationObserver_fn).call(this);
233
216
  }
234
217
  focus() {
235
218
  this.control?.focus();
@@ -238,17 +221,17 @@ exports.TextField = class TextField extends textField.TextField {
238
221
  * @internal
239
222
  */
240
223
  helperTextChanged() {
241
- __privateMethod(this, _updateMirroredHelperText, updateMirroredHelperText_fn).call(this);
224
+ __privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
242
225
  }
243
226
  /**
244
227
  * @internal
245
228
  */
246
229
  _helperTextSlottedContentChanged() {
247
- __privateMethod(this, _updateMirroredHelperText, updateMirroredHelperText_fn).call(this);
248
- __privateMethod(this, _updateHelperTextMutationObserver, updateHelperTextMutationObserver_fn).call(this);
230
+ __privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
231
+ __privateMethod(this, _TextField_instances, updateHelperTextMutationObserver_fn).call(this);
249
232
  }
250
233
  };
251
- _handleLabelChange = new WeakSet();
234
+ _TextField_instances = new WeakSet();
252
235
  handleLabelChange_fn = function(labelEl) {
253
236
  if (!this.label) {
254
237
  labelEl.remove();
@@ -262,14 +245,13 @@ handleLabelChange_fn = function(labelEl) {
262
245
  _reflectToInput = new WeakMap();
263
246
  _helperTextMirrorEl = new WeakMap();
264
247
  _helperTextSlotMutationObserver = new WeakMap();
265
- _updateHelperTextMutationObserver = new WeakSet();
266
248
  updateHelperTextMutationObserver_fn = function() {
267
249
  const usesHelperTextSlot = this._helperTextSlottedContent.length;
268
250
  const shouldHaveMutationObserver = usesHelperTextSlot && this.isConnected;
269
251
  if (shouldHaveMutationObserver && !__privateGet(this, _helperTextSlotMutationObserver)) {
270
252
  __privateSet(this, _helperTextSlotMutationObserver, new MutationObserver((records) => {
271
253
  if (records.some((record) => record.target !== __privateGet(this, _helperTextMirrorEl))) {
272
- __privateMethod(this, _updateMirroredHelperText, updateMirroredHelperText_fn).call(this);
254
+ __privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
273
255
  }
274
256
  }));
275
257
  __privateGet(this, _helperTextSlotMutationObserver).observe(this, {
@@ -283,7 +265,6 @@ updateHelperTextMutationObserver_fn = function() {
283
265
  __privateSet(this, _helperTextSlotMutationObserver, void 0);
284
266
  }
285
267
  };
286
- _updateMirroredHelperText = new WeakSet();
287
268
  updateMirroredHelperText_fn = function() {
288
269
  let helperText = this.helperText ?? "";
289
270
  if (this._helperTextSlottedContent?.length) {