@vonage/vivid 4.2.0 → 4.4.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 (155) hide show
  1. package/appearance-ui/index.cjs +1 -2
  2. package/appearance-ui/index.js +1 -2
  3. package/custom-elements.json +435 -41
  4. package/index.cjs +1 -0
  5. package/index.js +1 -1
  6. package/lib/button/button.d.ts +1 -0
  7. package/lib/dialog/dialog.d.ts +1 -0
  8. package/lib/empty-state/definition.d.ts +1 -0
  9. package/lib/empty-state/empty-state.d.ts +5 -0
  10. package/lib/enums.d.ts +4 -0
  11. package/lib/popup/popup.d.ts +5 -0
  12. package/lib/range-slider/range-slider.d.ts +2 -0
  13. package/lib/slider/slider.d.ts +5 -0
  14. package/lib/slider/slider.template.d.ts +2 -2
  15. package/lib/switch/switch.d.ts +1 -1
  16. package/package.json +1 -1
  17. package/shared/affix.cjs +1 -2
  18. package/shared/affix.js +1 -2
  19. package/shared/anchored.cjs +1 -2
  20. package/shared/anchored.js +1 -2
  21. package/shared/calendar-event.cjs +1 -2
  22. package/shared/calendar-event.js +1 -2
  23. package/shared/definition.cjs +2 -3
  24. package/shared/definition.js +2 -3
  25. package/shared/definition11.cjs +29 -13
  26. package/shared/definition11.js +29 -14
  27. package/shared/definition12.cjs +1 -1
  28. package/shared/definition12.js +1 -1
  29. package/shared/definition13.cjs +1 -2
  30. package/shared/definition13.js +1 -2
  31. package/shared/definition14.cjs +1 -2
  32. package/shared/definition14.js +1 -2
  33. package/shared/definition15.cjs +1 -2
  34. package/shared/definition15.js +1 -2
  35. package/shared/definition16.cjs +1 -2
  36. package/shared/definition16.js +1 -2
  37. package/shared/definition17.cjs +4 -8
  38. package/shared/definition17.js +4 -8
  39. package/shared/definition18.cjs +14 -22
  40. package/shared/definition18.js +14 -22
  41. package/shared/definition19.cjs +29 -50
  42. package/shared/definition19.js +29 -50
  43. package/shared/definition20.cjs +1 -2
  44. package/shared/definition20.js +1 -2
  45. package/shared/definition21.cjs +68 -32
  46. package/shared/definition21.js +68 -32
  47. package/shared/definition23.cjs +19 -5
  48. package/shared/definition23.js +20 -6
  49. package/shared/definition24.cjs +2 -3
  50. package/shared/definition24.js +2 -3
  51. package/shared/definition25.cjs +23 -48
  52. package/shared/definition25.js +23 -48
  53. package/shared/definition26.cjs +1 -2
  54. package/shared/definition26.js +1 -2
  55. package/shared/definition28.cjs +1 -2
  56. package/shared/definition28.js +1 -2
  57. package/shared/definition29.cjs +19 -39
  58. package/shared/definition29.js +19 -39
  59. package/shared/definition3.cjs +1 -2
  60. package/shared/definition3.js +1 -2
  61. package/shared/definition30.cjs +1 -1
  62. package/shared/definition30.js +1 -1
  63. package/shared/definition31.cjs +1 -2
  64. package/shared/definition31.js +1 -2
  65. package/shared/definition34.cjs +1 -2
  66. package/shared/definition34.js +1 -2
  67. package/shared/definition35.cjs +14 -26
  68. package/shared/definition35.js +14 -26
  69. package/shared/definition36.cjs +1 -2
  70. package/shared/definition36.js +1 -2
  71. package/shared/definition37.cjs +8 -16
  72. package/shared/definition37.js +8 -16
  73. package/shared/definition38.cjs +1 -2
  74. package/shared/definition38.js +1 -2
  75. package/shared/definition39.cjs +1 -2
  76. package/shared/definition39.js +1 -2
  77. package/shared/definition4.cjs +7 -13
  78. package/shared/definition4.js +7 -13
  79. package/shared/definition40.cjs +1 -2
  80. package/shared/definition40.js +1 -2
  81. package/shared/definition42.cjs +172 -106
  82. package/shared/definition42.js +172 -106
  83. package/shared/definition43.cjs +7 -6
  84. package/shared/definition43.js +5 -4
  85. package/shared/definition44.cjs +4 -8
  86. package/shared/definition44.js +4 -8
  87. package/shared/definition45.cjs +1 -2
  88. package/shared/definition45.js +1 -2
  89. package/shared/definition46.cjs +96 -12
  90. package/shared/definition46.js +97 -13
  91. package/shared/definition47.cjs +1 -2
  92. package/shared/definition47.js +1 -2
  93. package/shared/definition48.cjs +2 -3
  94. package/shared/definition48.js +2 -3
  95. package/shared/definition5.cjs +1 -2
  96. package/shared/definition5.js +1 -2
  97. package/shared/definition50.cjs +1 -2
  98. package/shared/definition50.js +1 -2
  99. package/shared/definition51.cjs +5 -10
  100. package/shared/definition51.js +5 -10
  101. package/shared/definition52.cjs +1 -2
  102. package/shared/definition52.js +1 -2
  103. package/shared/definition53.cjs +1 -2
  104. package/shared/definition53.js +1 -2
  105. package/shared/definition54.cjs +9 -21
  106. package/shared/definition54.js +9 -21
  107. package/shared/definition55.cjs +24 -43
  108. package/shared/definition55.js +24 -43
  109. package/shared/definition56.cjs +24 -39
  110. package/shared/definition56.js +24 -39
  111. package/shared/definition57.cjs +22 -45
  112. package/shared/definition57.js +22 -45
  113. package/shared/definition58.cjs +18 -37
  114. package/shared/definition58.js +18 -37
  115. package/shared/definition59.cjs +1 -2
  116. package/shared/definition59.js +1 -2
  117. package/shared/definition6.cjs +1 -2
  118. package/shared/definition6.js +1 -2
  119. package/shared/definition62.cjs +1 -2
  120. package/shared/definition62.js +1 -2
  121. package/shared/definition63.cjs +156 -4
  122. package/shared/definition63.js +157 -6
  123. package/shared/definition7.cjs +1 -2
  124. package/shared/definition7.js +1 -2
  125. package/shared/definition8.cjs +1 -2
  126. package/shared/definition8.js +1 -2
  127. package/shared/definition9.cjs +1 -2
  128. package/shared/definition9.js +1 -2
  129. package/shared/enums.cjs +6 -0
  130. package/shared/enums.js +6 -1
  131. package/shared/icon.cjs +2 -3
  132. package/shared/icon.js +2 -3
  133. package/shared/index2.cjs +3 -6
  134. package/shared/index2.js +3 -6
  135. package/shared/listbox.cjs +1 -2
  136. package/shared/listbox.js +1 -2
  137. package/shared/patterns/anchored.d.ts +4 -4
  138. package/shared/patterns/chevron.d.ts +2 -0
  139. package/shared/presentationDate.cjs +2 -3
  140. package/shared/presentationDate.js +2 -3
  141. package/shared/radio.cjs +1 -2
  142. package/shared/radio.js +1 -2
  143. package/shared/slider.template.cjs +27 -4
  144. package/shared/slider.template.js +27 -4
  145. package/shared/text-anchor.cjs +1 -2
  146. package/shared/text-anchor.js +1 -2
  147. package/shared/video-player.cjs +4 -8
  148. package/shared/video-player.js +4 -8
  149. package/styles/core/all.css +1 -1
  150. package/styles/core/theme.css +1 -1
  151. package/styles/core/typography.css +1 -1
  152. package/styles/tokens/theme-dark.css +4 -4
  153. package/styles/tokens/theme-light.css +4 -4
  154. package/styles/tokens/vivid-2-compat.css +1 -1
  155. package/vivid.api.json +3228 -1108
@@ -575,49 +575,35 @@ const styles = ":host(:focus-visible){outline:none}:host([disabled]){pointer-eve
575
575
 
576
576
  var __defProp$1 = Object.defineProperty;
577
577
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
578
+ var __typeError = (msg) => {
579
+ throw TypeError(msg);
580
+ };
578
581
  var __decorateClass$1 = (decorators, target, key, kind) => {
579
582
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
580
583
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
581
584
  if (decorator = decorators[i])
582
585
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
583
- if (kind && result)
584
- __defProp$1(target, key, result);
586
+ if (kind && result) __defProp$1(target, key, result);
585
587
  return result;
586
588
  };
587
- var __accessCheck = (obj, member, msg) => {
588
- if (!member.has(obj))
589
- throw TypeError("Cannot " + msg);
590
- };
591
- var __privateGet = (obj, member, getter) => {
592
- __accessCheck(obj, member, "read from private field");
593
- return getter ? getter.call(obj) : member.get(obj);
594
- };
595
- var __privateAdd = (obj, member, value) => {
596
- if (member.has(obj))
597
- throw TypeError("Cannot add the same private member more than once");
598
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
599
- };
600
- var __privateMethod = (obj, member, method) => {
601
- __accessCheck(obj, member, "access private method");
602
- return method;
603
- };
604
- var _triggerBehaviour, triggerBehaviour_get, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _onAnchorClick;
589
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
590
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
591
+ 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);
592
+ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
593
+ var _Menu_instances, triggerBehaviour_get, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _onAnchorClick;
605
594
  exports.Menu = class Menu extends Menu$1 {
606
595
  constructor() {
607
596
  super();
608
- __privateAdd(this, _triggerBehaviour);
609
- __privateAdd(this, _setupAnchor);
610
- __privateAdd(this, _updateAnchor);
611
- __privateAdd(this, _cleanupAnchor);
597
+ __privateAdd(this, _Menu_instances);
612
598
  this.ariaLabel = null;
613
599
  this.placement = "bottom";
614
600
  this.autoDismiss = false;
615
601
  this.open = false;
616
602
  __privateAdd(this, _onAnchorClick, () => {
617
- if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "off") {
603
+ if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "off") {
618
604
  return;
619
605
  }
620
- if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "legacy" && this.open) {
606
+ if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "legacy" && this.open) {
621
607
  return;
622
608
  }
623
609
  const newValue = !this.open;
@@ -650,45 +636,40 @@ exports.Menu = class Menu extends Menu$1 {
650
636
  openChanged(_, newValue) {
651
637
  newValue ? this.$emit("open", void 0, { bubbles: false }) : this.$emit("close", void 0, { bubbles: false });
652
638
  if (this._anchorEl) {
653
- __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, this._anchorEl);
639
+ __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, this._anchorEl);
654
640
  }
655
641
  }
656
642
  /**
657
643
  * @internal
658
644
  */
659
645
  _anchorElChanged(oldValue, newValue) {
660
- if (oldValue)
661
- __privateMethod(this, _cleanupAnchor, cleanupAnchor_fn).call(this, oldValue);
662
- if (newValue)
663
- __privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
646
+ if (oldValue) __privateMethod(this, _Menu_instances, cleanupAnchor_fn).call(this, oldValue);
647
+ if (newValue) __privateMethod(this, _Menu_instances, setupAnchor_fn).call(this, newValue);
664
648
  }
665
649
  /**
666
650
  * @internal
667
651
  */
668
652
  _onChange(e) {
669
653
  const clickedOnNonCheckboxMenuItem = e.target instanceof HTMLElement && (e.target.role === "menuitem" || e.target.role === "menuitemradio");
670
- if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
654
+ if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
671
655
  this.open = false;
672
656
  }
673
657
  return true;
674
658
  }
675
659
  };
676
- _triggerBehaviour = new WeakSet();
660
+ _Menu_instances = new WeakSet();
677
661
  triggerBehaviour_get = function() {
678
662
  return this.trigger ?? "legacy";
679
663
  };
680
- _setupAnchor = new WeakSet();
681
664
  setupAnchor_fn = function(a) {
682
665
  a.addEventListener("click", __privateGet(this, _onAnchorClick), true);
683
666
  a.addEventListener("focusout", this._onFocusout);
684
667
  a.setAttribute("aria-haspopup", "menu");
685
- __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, a);
668
+ __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, a);
686
669
  };
687
- _updateAnchor = new WeakSet();
688
670
  updateAnchor_fn = function(a) {
689
671
  a.setAttribute("aria-expanded", this.open.toString());
690
672
  };
691
- _cleanupAnchor = new WeakSet();
692
673
  cleanupAnchor_fn = function(a) {
693
674
  a.removeEventListener("click", __privateGet(this, _onAnchorClick), true);
694
675
  a.removeEventListener("focusout", this._onFocusout);
@@ -727,8 +708,7 @@ var __decorateClass = (decorators, target, key, kind) => {
727
708
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
728
709
  if (decorator = decorators[i])
729
710
  result = (decorator(target, key, result) ) || result;
730
- if (result)
731
- __defProp(target, key, result);
711
+ if (result) __defProp(target, key, result);
732
712
  return result;
733
713
  };
734
714
  const MenuItemRole = {
@@ -573,49 +573,35 @@ const styles = ":host(:focus-visible){outline:none}:host([disabled]){pointer-eve
573
573
 
574
574
  var __defProp$1 = Object.defineProperty;
575
575
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
576
+ var __typeError = (msg) => {
577
+ throw TypeError(msg);
578
+ };
576
579
  var __decorateClass$1 = (decorators, target, key, kind) => {
577
580
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
578
581
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
579
582
  if (decorator = decorators[i])
580
583
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
581
- if (kind && result)
582
- __defProp$1(target, key, result);
584
+ if (kind && result) __defProp$1(target, key, result);
583
585
  return result;
584
586
  };
585
- var __accessCheck = (obj, member, msg) => {
586
- if (!member.has(obj))
587
- throw TypeError("Cannot " + msg);
588
- };
589
- var __privateGet = (obj, member, getter) => {
590
- __accessCheck(obj, member, "read from private field");
591
- return getter ? getter.call(obj) : member.get(obj);
592
- };
593
- var __privateAdd = (obj, member, value) => {
594
- if (member.has(obj))
595
- throw TypeError("Cannot add the same private member more than once");
596
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
597
- };
598
- var __privateMethod = (obj, member, method) => {
599
- __accessCheck(obj, member, "access private method");
600
- return method;
601
- };
602
- var _triggerBehaviour, triggerBehaviour_get, _setupAnchor, setupAnchor_fn, _updateAnchor, updateAnchor_fn, _cleanupAnchor, cleanupAnchor_fn, _onAnchorClick;
587
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
588
+ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
589
+ 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);
590
+ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
591
+ var _Menu_instances, triggerBehaviour_get, setupAnchor_fn, updateAnchor_fn, cleanupAnchor_fn, _onAnchorClick;
603
592
  let Menu = class extends Menu$1 {
604
593
  constructor() {
605
594
  super();
606
- __privateAdd(this, _triggerBehaviour);
607
- __privateAdd(this, _setupAnchor);
608
- __privateAdd(this, _updateAnchor);
609
- __privateAdd(this, _cleanupAnchor);
595
+ __privateAdd(this, _Menu_instances);
610
596
  this.ariaLabel = null;
611
597
  this.placement = "bottom";
612
598
  this.autoDismiss = false;
613
599
  this.open = false;
614
600
  __privateAdd(this, _onAnchorClick, () => {
615
- if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "off") {
601
+ if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "off") {
616
602
  return;
617
603
  }
618
- if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "legacy" && this.open) {
604
+ if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "legacy" && this.open) {
619
605
  return;
620
606
  }
621
607
  const newValue = !this.open;
@@ -648,45 +634,40 @@ let Menu = class extends Menu$1 {
648
634
  openChanged(_, newValue) {
649
635
  newValue ? this.$emit("open", void 0, { bubbles: false }) : this.$emit("close", void 0, { bubbles: false });
650
636
  if (this._anchorEl) {
651
- __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, this._anchorEl);
637
+ __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, this._anchorEl);
652
638
  }
653
639
  }
654
640
  /**
655
641
  * @internal
656
642
  */
657
643
  _anchorElChanged(oldValue, newValue) {
658
- if (oldValue)
659
- __privateMethod(this, _cleanupAnchor, cleanupAnchor_fn).call(this, oldValue);
660
- if (newValue)
661
- __privateMethod(this, _setupAnchor, setupAnchor_fn).call(this, newValue);
644
+ if (oldValue) __privateMethod(this, _Menu_instances, cleanupAnchor_fn).call(this, oldValue);
645
+ if (newValue) __privateMethod(this, _Menu_instances, setupAnchor_fn).call(this, newValue);
662
646
  }
663
647
  /**
664
648
  * @internal
665
649
  */
666
650
  _onChange(e) {
667
651
  const clickedOnNonCheckboxMenuItem = e.target instanceof HTMLElement && (e.target.role === "menuitem" || e.target.role === "menuitemradio");
668
- if (__privateGet(this, _triggerBehaviour, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
652
+ if (__privateGet(this, _Menu_instances, triggerBehaviour_get) === "auto" && clickedOnNonCheckboxMenuItem) {
669
653
  this.open = false;
670
654
  }
671
655
  return true;
672
656
  }
673
657
  };
674
- _triggerBehaviour = new WeakSet();
658
+ _Menu_instances = new WeakSet();
675
659
  triggerBehaviour_get = function() {
676
660
  return this.trigger ?? "legacy";
677
661
  };
678
- _setupAnchor = new WeakSet();
679
662
  setupAnchor_fn = function(a) {
680
663
  a.addEventListener("click", __privateGet(this, _onAnchorClick), true);
681
664
  a.addEventListener("focusout", this._onFocusout);
682
665
  a.setAttribute("aria-haspopup", "menu");
683
- __privateMethod(this, _updateAnchor, updateAnchor_fn).call(this, a);
666
+ __privateMethod(this, _Menu_instances, updateAnchor_fn).call(this, a);
684
667
  };
685
- _updateAnchor = new WeakSet();
686
668
  updateAnchor_fn = function(a) {
687
669
  a.setAttribute("aria-expanded", this.open.toString());
688
670
  };
689
- _cleanupAnchor = new WeakSet();
690
671
  cleanupAnchor_fn = function(a) {
691
672
  a.removeEventListener("click", __privateGet(this, _onAnchorClick), true);
692
673
  a.removeEventListener("focusout", this._onFocusout);
@@ -725,8 +706,7 @@ var __decorateClass = (decorators, target, key, kind) => {
725
706
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
726
707
  if (decorator = decorators[i])
727
708
  result = (decorator(target, key, result) ) || result;
728
- if (result)
729
- __defProp(target, key, result);
709
+ if (result) __defProp(target, key, result);
730
710
  return result;
731
711
  };
732
712
  const MenuItemRole = {
@@ -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 ActionGroup 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 ActionGroup extends FoundationElement {
@@ -7,7 +7,7 @@ const anchored = require('./anchored.cjs');
7
7
  const slotted = require('./slotted.cjs');
8
8
  const classNames = require('./class-names.cjs');
9
9
 
10
- const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]: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));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:8px;padding-inline:16px}.hide-header .header{display:none}.body{display:flex;flex-direction:column;row-gap:1px}.hide-body .body{display:none}.action-items{display:flex;justify-content:flex-end;gap:8px;padding-inline:8px}.hide-actions .action-items{display:none}";
10
+ const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]: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));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:4px;padding-inline:12px}.hide-header .header{display:none}.body{display:flex;flex-direction:column;row-gap:1px}.hide-body .body{display:none}.action-items{display:flex;justify-content:flex-end;gap:8px;padding-block-end:4px;padding-inline:12px}.hide-actions .action-items{display:none}";
11
11
 
12
12
  const getClasses = ({
13
13
  headerSlottedContent,
@@ -5,7 +5,7 @@ import { a as anchorSlotTemplateFactory } from './anchored.js';
5
5
  import { s as slotted } from './slotted.js';
6
6
  import { c as classNames } from './class-names.js';
7
7
 
8
- const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]: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));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:8px;padding-inline:16px}.hide-header .header{display:none}.body{display:flex;flex-direction:column;row-gap:1px}.hide-body .body{display:none}.action-items{display:flex;justify-content:flex-end;gap:8px;padding-inline:8px}.hide-actions .action-items{display:none}";
8
+ const styles = ":host{display:var(--_popup-display, inline)}:host([slotted-anchor]){--_popup-display: contents}.base{display:flex;overflow:hidden auto;box-sizing:border-box;flex-direction:column;gap:8px;inline-size:max-content;max-block-size:var(--menu-block-size, 408px);max-inline-size:var(--menu-max-inline-size);min-inline-size:var(--menu-min-inline-size);padding-block:8px}::slotted(a){color:var(--vvd-color-canvas-text);text-decoration:none}::slotted(a[role=menuitem]: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));--focus-stroke-gap-color: transparent;display:block;border-radius:8px}.header{padding-block-start:4px;padding-inline:12px}.hide-header .header{display:none}.body{display:flex;flex-direction:column;row-gap:1px}.hide-body .body{display:none}.action-items{display:flex;justify-content:flex-end;gap:8px;padding-block-end:4px;padding-inline:12px}.hide-actions .action-items{display:none}";
9
9
 
10
10
  const getClasses = ({
11
11
  headerSlottedContent,
@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
16
16
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
17
17
  if (decorator = decorators[i])
18
18
  result = (decorator(target, key, result) ) || result;
19
- if (result)
20
- __defProp(target, key, result);
19
+ if (result) __defProp(target, key, result);
21
20
  return result;
22
21
  };
23
22
  class NavDisclosure extends index.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 NavDisclosure extends FoundationElement {
@@ -16,8 +16,7 @@ var __decorateClass = (decorators, target, key, kind) => {
16
16
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
17
17
  if (decorator = decorators[i])
18
18
  result = (decorator(target, key, result) ) || result;
19
- if (result)
20
- __defProp(target, key, result);
19
+ if (result) __defProp(target, key, result);
21
20
  return result;
22
21
  };
23
22
  class Note extends index.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 Note extends FoundationElement {
@@ -28,29 +28,21 @@ class FormAssociatedNumberField extends formAssociated.FormAssociated(_NumberFie
28
28
 
29
29
  var __defProp = Object.defineProperty;
30
30
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
31
+ var __typeError = (msg) => {
32
+ throw TypeError(msg);
33
+ };
31
34
  var __decorateClass = (decorators, target, key, kind) => {
32
35
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
33
36
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
34
37
  if (decorator = decorators[i])
35
38
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
36
- if (kind && result)
37
- __defProp(target, key, result);
39
+ if (kind && result) __defProp(target, key, result);
38
40
  return result;
39
41
  };
40
- var __accessCheck = (obj, member, msg) => {
41
- if (!member.has(obj))
42
- throw TypeError("Cannot " + msg);
43
- };
44
- var __privateAdd = (obj, member, value) => {
45
- if (member.has(obj))
46
- throw TypeError("Cannot add the same private member more than once");
47
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
48
- };
49
- var __privateMethod = (obj, member, method) => {
50
- __accessCheck(obj, member, "access private method");
51
- return method;
52
- };
53
- var _valueToPresentationValue, valueToPresentationValue_fn, _inputToPresentationValue, inputToPresentationValue_fn, _presentationValueToValue, presentationValueToValue_fn;
42
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
43
+ 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);
44
+ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
45
+ var _NumberField_instances, valueToPresentationValue_fn, inputToPresentationValue_fn, presentationValueToValue_fn;
54
46
  const STEP_DIRECTION = {
55
47
  up: 1,
56
48
  down: -1
@@ -75,9 +67,7 @@ const validNumber = /^-?((\d*\.\d+)|(\d+))$/;
75
67
  let NumberField = class extends FormAssociatedNumberField {
76
68
  constructor() {
77
69
  super(...arguments);
78
- __privateAdd(this, _valueToPresentationValue);
79
- __privateAdd(this, _inputToPresentationValue);
80
- __privateAdd(this, _presentationValueToValue);
70
+ __privateAdd(this, _NumberField_instances);
81
71
  this.readOnly = false;
82
72
  this.autofocus = false;
83
73
  // eslint-disable-next-line @nrwl/nx/workspace/no-attribute-default-value
@@ -139,7 +129,7 @@ let NumberField = class extends FormAssociatedNumberField {
139
129
  return;
140
130
  }
141
131
  if (this.control && !this.isUserInput) {
142
- this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
132
+ this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
143
133
  }
144
134
  super.valueChanged(previous, this.value);
145
135
  if (previous !== void 0 && !this.isUserInput) {
@@ -181,7 +171,7 @@ let NumberField = class extends FormAssociatedNumberField {
181
171
  super.connectedCallback();
182
172
  this.proxy.setAttribute("type", "number");
183
173
  this.validate();
184
- this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
174
+ this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
185
175
  if (this.autofocus) {
186
176
  index.DOM.queueUpdate(() => {
187
177
  this.focus();
@@ -202,12 +192,12 @@ let NumberField = class extends FormAssociatedNumberField {
202
192
  * @internal
203
193
  */
204
194
  handleTextInput() {
205
- this._presentationValue = __privateMethod(this, _inputToPresentationValue, inputToPresentationValue_fn).call(this, this.control.value);
195
+ this._presentationValue = __privateMethod(this, _NumberField_instances, inputToPresentationValue_fn).call(this, this.control.value);
206
196
  if (this.control.value !== this._presentationValue) {
207
197
  this.control.value = this._presentationValue;
208
198
  }
209
199
  this.isUserInput = true;
210
- this.value = __privateMethod(this, _presentationValueToValue, presentationValueToValue_fn).call(this, this._presentationValue);
200
+ this.value = __privateMethod(this, _NumberField_instances, presentationValueToValue_fn).call(this, this._presentationValue);
211
201
  this.isUserInput = false;
212
202
  }
213
203
  /**
@@ -239,18 +229,16 @@ let NumberField = class extends FormAssociatedNumberField {
239
229
  return true;
240
230
  }
241
231
  };
242
- _valueToPresentationValue = new WeakSet();
232
+ _NumberField_instances = new WeakSet();
243
233
  valueToPresentationValue_fn = function(value) {
244
234
  return value.replace(
245
235
  ".",
246
236
  this.locale.common.useCommaAsDecimalSeparator ? "," : "."
247
237
  );
248
238
  };
249
- _inputToPresentationValue = new WeakSet();
250
239
  inputToPresentationValue_fn = function(input) {
251
240
  return input.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
252
241
  };
253
- _presentationValueToValue = new WeakSet();
254
242
  presentationValueToValue_fn = function(presentationValue) {
255
243
  const candidate = presentationValue.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
256
244
  return validNumber.test(candidate) ? candidate : "";
@@ -26,29 +26,21 @@ class FormAssociatedNumberField extends FormAssociated(_NumberField) {
26
26
 
27
27
  var __defProp = Object.defineProperty;
28
28
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
29
+ var __typeError = (msg) => {
30
+ throw TypeError(msg);
31
+ };
29
32
  var __decorateClass = (decorators, target, key, kind) => {
30
33
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
31
34
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
32
35
  if (decorator = decorators[i])
33
36
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
34
- if (kind && result)
35
- __defProp(target, key, result);
37
+ if (kind && result) __defProp(target, key, result);
36
38
  return result;
37
39
  };
38
- var __accessCheck = (obj, member, msg) => {
39
- if (!member.has(obj))
40
- throw TypeError("Cannot " + msg);
41
- };
42
- var __privateAdd = (obj, member, value) => {
43
- if (member.has(obj))
44
- throw TypeError("Cannot add the same private member more than once");
45
- member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
46
- };
47
- var __privateMethod = (obj, member, method) => {
48
- __accessCheck(obj, member, "access private method");
49
- return method;
50
- };
51
- var _valueToPresentationValue, valueToPresentationValue_fn, _inputToPresentationValue, inputToPresentationValue_fn, _presentationValueToValue, presentationValueToValue_fn;
40
+ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
41
+ 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);
42
+ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
43
+ var _NumberField_instances, valueToPresentationValue_fn, inputToPresentationValue_fn, presentationValueToValue_fn;
52
44
  const STEP_DIRECTION = {
53
45
  up: 1,
54
46
  down: -1
@@ -73,9 +65,7 @@ const validNumber = /^-?((\d*\.\d+)|(\d+))$/;
73
65
  let NumberField = class extends FormAssociatedNumberField {
74
66
  constructor() {
75
67
  super(...arguments);
76
- __privateAdd(this, _valueToPresentationValue);
77
- __privateAdd(this, _inputToPresentationValue);
78
- __privateAdd(this, _presentationValueToValue);
68
+ __privateAdd(this, _NumberField_instances);
79
69
  this.readOnly = false;
80
70
  this.autofocus = false;
81
71
  // eslint-disable-next-line @nrwl/nx/workspace/no-attribute-default-value
@@ -137,7 +127,7 @@ let NumberField = class extends FormAssociatedNumberField {
137
127
  return;
138
128
  }
139
129
  if (this.control && !this.isUserInput) {
140
- this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
130
+ this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
141
131
  }
142
132
  super.valueChanged(previous, this.value);
143
133
  if (previous !== void 0 && !this.isUserInput) {
@@ -179,7 +169,7 @@ let NumberField = class extends FormAssociatedNumberField {
179
169
  super.connectedCallback();
180
170
  this.proxy.setAttribute("type", "number");
181
171
  this.validate();
182
- this._presentationValue = __privateMethod(this, _valueToPresentationValue, valueToPresentationValue_fn).call(this, this.value);
172
+ this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
183
173
  if (this.autofocus) {
184
174
  DOM.queueUpdate(() => {
185
175
  this.focus();
@@ -200,12 +190,12 @@ let NumberField = class extends FormAssociatedNumberField {
200
190
  * @internal
201
191
  */
202
192
  handleTextInput() {
203
- this._presentationValue = __privateMethod(this, _inputToPresentationValue, inputToPresentationValue_fn).call(this, this.control.value);
193
+ this._presentationValue = __privateMethod(this, _NumberField_instances, inputToPresentationValue_fn).call(this, this.control.value);
204
194
  if (this.control.value !== this._presentationValue) {
205
195
  this.control.value = this._presentationValue;
206
196
  }
207
197
  this.isUserInput = true;
208
- this.value = __privateMethod(this, _presentationValueToValue, presentationValueToValue_fn).call(this, this._presentationValue);
198
+ this.value = __privateMethod(this, _NumberField_instances, presentationValueToValue_fn).call(this, this._presentationValue);
209
199
  this.isUserInput = false;
210
200
  }
211
201
  /**
@@ -237,18 +227,16 @@ let NumberField = class extends FormAssociatedNumberField {
237
227
  return true;
238
228
  }
239
229
  };
240
- _valueToPresentationValue = new WeakSet();
230
+ _NumberField_instances = new WeakSet();
241
231
  valueToPresentationValue_fn = function(value) {
242
232
  return value.replace(
243
233
  ".",
244
234
  this.locale.common.useCommaAsDecimalSeparator ? "," : "."
245
235
  );
246
236
  };
247
- _inputToPresentationValue = new WeakSet();
248
237
  inputToPresentationValue_fn = function(input) {
249
238
  return input.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
250
239
  };
251
- _presentationValueToValue = new WeakSet();
252
240
  presentationValueToValue_fn = function(presentationValue) {
253
241
  const candidate = presentationValue.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
254
242
  return validNumber.test(candidate) ? candidate : "";
@@ -210,8 +210,7 @@ var __decorateClass = (decorators, target, key, kind) => {
210
210
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
211
211
  if (decorator = decorators[i])
212
212
  result = (decorator(target, key, result) ) || result;
213
- if (result)
214
- __defProp(target, key, result);
213
+ if (result) __defProp(target, key, result);
215
214
  return result;
216
215
  };
217
216
  class ListboxOption extends ListboxOption$1 {
@@ -208,8 +208,7 @@ var __decorateClass = (decorators, target, key, kind) => {
208
208
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
209
209
  if (decorator = decorators[i])
210
210
  result = (decorator(target, key, result) ) || result;
211
- if (result)
212
- __defProp(target, key, result);
211
+ if (result) __defProp(target, key, result);
213
212
  return result;
214
213
  };
215
214
  class ListboxOption extends ListboxOption$1 {
@@ -19,8 +19,7 @@ var __decorateClass = (decorators, target, key, kind) => {
19
19
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
20
20
  if (decorator = decorators[i])
21
21
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
22
- if (kind && result)
23
- __defProp(target, key, result);
22
+ if (kind && result) __defProp(target, key, result);
24
23
  return result;
25
24
  };
26
25
  const MAX_DIGITS_AND_PLACEHOLDERS = 7;
@@ -54,26 +53,20 @@ class Pagination extends index.FoundationElement {
54
53
  return new Array(
55
54
  this.total < MAX_DIGITS_AND_PLACEHOLDERS ? this.total : MAX_DIGITS_AND_PLACEHOLDERS
56
55
  ).fill(0).map((_, i, arr) => {
57
- if (i === 0)
58
- return 1;
59
- if (i === arr.length - 1)
60
- return this.total;
56
+ if (i === 0) return 1;
57
+ if (i === arr.length - 1) return this.total;
61
58
  if (this.selectedIndex !== void 0 && this.total > MAX_DIGITS_AND_PLACEHOLDERS) {
62
59
  if (this.selectedIndex < 4) {
63
- if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
64
- return "...";
60
+ if (i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
65
61
  }
66
62
  if (this.selectedIndex >= 4 && this.selectedIndex <= this.total - 5) {
67
63
  if (i > 1 && i < MAX_DIGITS_AND_PLACEHOLDERS - 2)
68
64
  return this.selectedIndex + (i - 2);
69
- if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2)
70
- return "...";
65
+ if (i === 1 || i === MAX_DIGITS_AND_PLACEHOLDERS - 2) return "...";
71
66
  }
72
67
  if (this.selectedIndex > this.total - 5) {
73
- if (i > 1)
74
- return this.total - (6 - i);
75
- if (i === 1)
76
- return "...";
68
+ if (i > 1) return this.total - (6 - i);
69
+ if (i === 1) return "...";
77
70
  }
78
71
  }
79
72
  return i + 1;
@@ -86,8 +79,7 @@ class Pagination extends index.FoundationElement {
86
79
  this.selectedIndex = 0;
87
80
  }
88
81
  selectedIndexChanged(oldValue, newValue) {
89
- if (oldValue === void 0)
90
- return;
82
+ if (oldValue === void 0) return;
91
83
  this.$emit("pagination-change", {
92
84
  selectedIndex: newValue,
93
85
  total: this.total,