@vonage/vivid 3.0.0-next.6 → 3.0.0-next.61

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 (161) hide show
  1. package/README.md +135 -4
  2. package/accordion/index.js +2 -4
  3. package/accordion-item/index.js +26 -20
  4. package/action-group/index.js +47 -0
  5. package/avatar/index.js +51 -0
  6. package/badge/index.js +14 -20
  7. package/banner/index.js +21 -86
  8. package/breadcrumb/index.js +20 -18
  9. package/breadcrumb-item/index.js +14 -11
  10. package/button/index.js +28 -661
  11. package/calendar/index.js +67 -25
  12. package/calendar-event/index.js +115 -0
  13. package/card/index.js +132 -0
  14. package/checkbox/index.js +180 -0
  15. package/dialog/index.js +279 -0
  16. package/divider/index.js +86 -0
  17. package/elevation/index.js +3 -31
  18. package/fab/index.js +100 -0
  19. package/focus/index.js +18 -3
  20. package/header/index.js +66 -0
  21. package/icon/index.js +9 -5
  22. package/index.js +45 -20
  23. package/layout/index.js +4 -6
  24. package/lib/accordion-item/accordion-item.d.ts +2 -2
  25. package/lib/accordion-item/index.d.ts +2 -1
  26. package/lib/action-group/action-group.d.ts +10 -0
  27. package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
  28. package/lib/{sidenav-item → action-group}/index.d.ts +1 -2
  29. package/lib/avatar/avatar.d.ts +14 -0
  30. package/lib/avatar/avatar.template.d.ts +4 -0
  31. package/lib/avatar/index.d.ts +3 -0
  32. package/lib/badge/badge.d.ts +6 -6
  33. package/lib/badge/index.d.ts +1 -1
  34. package/lib/banner/banner.d.ts +1 -1
  35. package/lib/banner/banner.template.d.ts +0 -2
  36. package/lib/banner/index.d.ts +1 -0
  37. package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
  38. package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  39. package/lib/breadcrumb-item/index.d.ts +1 -0
  40. package/lib/button/button.d.ts +6 -5
  41. package/lib/button/index.d.ts +2 -19
  42. package/lib/calendar/calendar.d.ts +3 -1
  43. package/lib/calendar/index.d.ts +0 -1
  44. package/lib/calendar-event/calendar-event.d.ts +14 -0
  45. package/lib/calendar-event/calendar-event.template.d.ts +4 -0
  46. package/lib/calendar-event/index.d.ts +2 -0
  47. package/lib/card/card.d.ts +10 -0
  48. package/lib/{text/text.template.d.ts → card/card.template.d.ts} +2 -2
  49. package/lib/card/index.d.ts +4 -0
  50. package/lib/checkbox/checkbox.d.ts +5 -0
  51. package/lib/checkbox/checkbox.template.d.ts +4 -0
  52. package/lib/checkbox/index.d.ts +4 -0
  53. package/lib/components.d.ts +22 -10
  54. package/lib/dialog/dialog.d.ts +20 -0
  55. package/lib/dialog/dialog.template.d.ts +4 -0
  56. package/lib/dialog/index.d.ts +5 -0
  57. package/lib/divider/divider.d.ts +3 -0
  58. package/lib/divider/divider.template.d.ts +4 -0
  59. package/lib/divider/index.d.ts +2 -0
  60. package/lib/elevation/elevation.d.ts +1 -0
  61. package/lib/elevation/index.d.ts +1 -1
  62. package/lib/enums.d.ts +12 -6
  63. package/lib/fab/fab.d.ts +13 -0
  64. package/lib/fab/fab.template.d.ts +4 -0
  65. package/lib/fab/index.d.ts +4 -0
  66. package/lib/focus/index.d.ts +1 -1
  67. package/lib/header/header.d.ts +5 -0
  68. package/lib/header/header.template.d.ts +4 -0
  69. package/lib/header/index.d.ts +3 -0
  70. package/lib/icon/icon.d.ts +4 -3
  71. package/lib/layout/index.d.ts +1 -1
  72. package/lib/layout/layout.d.ts +3 -3
  73. package/lib/menu/index.d.ts +11 -0
  74. package/lib/menu/menu.d.ts +7 -0
  75. package/lib/menu/menu.template.d.ts +3 -0
  76. package/lib/nav/index.d.ts +2 -0
  77. package/lib/nav/nav.d.ts +3 -0
  78. package/lib/nav/nav.template.d.ts +4 -0
  79. package/lib/nav-disclosure/index.d.ts +4 -0
  80. package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
  81. package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
  82. package/lib/nav-item/index.d.ts +4 -0
  83. package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
  84. package/lib/nav-item/nav-item.template.d.ts +4 -0
  85. package/lib/{text → note}/index.d.ts +1 -1
  86. package/lib/note/note.d.ts +10 -0
  87. package/lib/note/note.template.d.ts +5 -0
  88. package/lib/popup/index.d.ts +1 -1
  89. package/lib/popup/popup.d.ts +3 -15
  90. package/lib/progress/progress.d.ts +1 -1
  91. package/lib/progress-ring/progress-ring.d.ts +2 -1
  92. package/lib/side-drawer/index.d.ts +1 -1
  93. package/lib/side-drawer/side-drawer.d.ts +4 -7
  94. package/lib/side-drawer/side-drawer.template.d.ts +2 -2
  95. package/lib/text-anchor/text-anchor.d.ts +1 -1
  96. package/lib/text-area/index.d.ts +3 -0
  97. package/lib/text-area/text-area.d.ts +9 -0
  98. package/lib/text-area/text-area.template.d.ts +4 -0
  99. package/lib/text-field/index.d.ts +4 -0
  100. package/lib/text-field/text-field.d.ts +16 -0
  101. package/lib/text-field/text-field.template.d.ts +5 -0
  102. package/lib/tooltip/tooltip.d.ts +2 -4
  103. package/menu/index.js +659 -0
  104. package/nav/index.js +17 -0
  105. package/nav-disclosure/index.js +88 -0
  106. package/nav-item/index.js +41 -0
  107. package/note/index.js +66 -0
  108. package/package.json +49 -8
  109. package/popup/index.js +19 -2082
  110. package/progress/index.js +35 -28
  111. package/progress-ring/index.js +9 -5
  112. package/shared/anchor.js +8 -1
  113. package/shared/aria-global.js +3 -40
  114. package/shared/base-progress.js +5 -0
  115. package/shared/button.js +199 -0
  116. package/shared/calendar-event.js +26 -0
  117. package/shared/dialog-polyfill.esm.js +858 -0
  118. package/shared/enums.js +79 -0
  119. package/shared/es.object.assign.js +7 -6
  120. package/shared/export.js +995 -0
  121. package/shared/focus.js +5 -0
  122. package/shared/focus2.js +11 -0
  123. package/shared/form-associated.js +554 -0
  124. package/shared/form-elements.js +298 -0
  125. package/shared/icon.js +533 -520
  126. package/shared/index.js +79 -56
  127. package/shared/index2.js +26 -12
  128. package/shared/index3.js +2113 -0
  129. package/shared/iterators.js +61 -0
  130. package/shared/object-keys.js +13 -0
  131. package/shared/patterns/focus.d.ts +3 -0
  132. package/shared/patterns/form-elements.d.ts +22 -0
  133. package/shared/patterns/index.d.ts +1 -0
  134. package/shared/ref.js +41 -0
  135. package/shared/text-anchor.js +2 -11
  136. package/shared/text-anchor.template.js +5 -2
  137. package/shared/to-string.js +51 -0
  138. package/shared/web.dom-collections.iterator.js +78 -1083
  139. package/side-drawer/index.js +50 -51
  140. package/styles/core/all.css +75 -0
  141. package/styles/core/theme.css +11 -0
  142. package/styles/core/typography.css +69 -0
  143. package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff +0 -0
  144. package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff2 +0 -0
  145. package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff +0 -0
  146. package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff2 +0 -0
  147. package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff +0 -0
  148. package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff2 +0 -0
  149. package/styles/fonts/spezia.css +12 -12
  150. package/styles/tokens/theme-dark.css +210 -0
  151. package/styles/tokens/theme-light.css +210 -0
  152. package/text-anchor/index.js +8 -1
  153. package/text-area/index.js +302 -0
  154. package/text-field/index.js +150 -0
  155. package/tooltip/index.js +19 -23
  156. package/lib/text/text.d.ts +0 -10
  157. package/shared/style-inject.es.js +0 -28
  158. package/sidenav-item/index.js +0 -38
  159. package/styles/themes/dark.css +0 -193
  160. package/styles/themes/light.css +0 -193
  161. package/text/index.js +0 -45
@@ -0,0 +1,61 @@
1
+ import { i as isCallable$1, f as functionUncurryThis, j as anObject$1, o as objectDefineProperty, w as wellKnownSymbol$1, q as hasOwnProperty_1, a as getBuiltIn$1 } from './export.js';
2
+
3
+ var isCallable = isCallable$1;
4
+
5
+ var $String = String;
6
+ var $TypeError = TypeError;
7
+
8
+ var aPossiblePrototype$1 = function (argument) {
9
+ if (typeof argument == 'object' || isCallable(argument)) return argument;
10
+ throw $TypeError("Can't set " + $String(argument) + ' as a prototype');
11
+ };
12
+
13
+ /* eslint-disable no-proto -- safe */
14
+
15
+ var uncurryThis = functionUncurryThis;
16
+ var anObject = anObject$1;
17
+ var aPossiblePrototype = aPossiblePrototype$1;
18
+
19
+ // `Object.setPrototypeOf` method
20
+ // https://tc39.es/ecma262/#sec-object.setprototypeof
21
+ // Works with __proto__ only. Old v8 can't work with null proto objects.
22
+ // eslint-disable-next-line es-x/no-object-setprototypeof -- safe
23
+ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
24
+ var CORRECT_SETTER = false;
25
+ var test = {};
26
+ var setter;
27
+ try {
28
+ // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
29
+ setter = uncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
30
+ setter(test, []);
31
+ CORRECT_SETTER = test instanceof Array;
32
+ } catch (error) { /* empty */ }
33
+ return function setPrototypeOf(O, proto) {
34
+ anObject(O);
35
+ aPossiblePrototype(proto);
36
+ if (CORRECT_SETTER) setter(O, proto);
37
+ else O.__proto__ = proto;
38
+ return O;
39
+ };
40
+ }() : undefined);
41
+
42
+ var defineProperty = objectDefineProperty.f;
43
+ var hasOwn = hasOwnProperty_1;
44
+ var wellKnownSymbol = wellKnownSymbol$1;
45
+
46
+ var TO_STRING_TAG = wellKnownSymbol('toStringTag');
47
+
48
+ var setToStringTag = function (target, TAG, STATIC) {
49
+ if (target && !STATIC) target = target.prototype;
50
+ if (target && !hasOwn(target, TO_STRING_TAG)) {
51
+ defineProperty(target, TO_STRING_TAG, { configurable: true, value: TAG });
52
+ }
53
+ };
54
+
55
+ var getBuiltIn = getBuiltIn$1;
56
+
57
+ var html = getBuiltIn('document', 'documentElement');
58
+
59
+ var iterators = {};
60
+
61
+ export { html as h, iterators as i, objectSetPrototypeOf as o, setToStringTag as s };
@@ -0,0 +1,13 @@
1
+ import { M as objectKeysInternal, I as enumBugKeys$1 } from './export.js';
2
+
3
+ var internalObjectKeys = objectKeysInternal;
4
+ var enumBugKeys = enumBugKeys$1;
5
+
6
+ // `Object.keys` method
7
+ // https://tc39.es/ecma262/#sec-object.keys
8
+ // eslint-disable-next-line es-x/no-object-keys -- safe
9
+ var objectKeys = Object.keys || function keys(O) {
10
+ return internalObjectKeys(O, enumBugKeys);
11
+ };
12
+
13
+ export { objectKeys as o };
@@ -0,0 +1,3 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ export declare const focusTemplateFactory: (context: ElementDefinitionContext) => ViewTemplate | null;
@@ -0,0 +1,22 @@
1
+ export interface FormElement {
2
+ charCount: boolean;
3
+ errorValidationMessage: boolean;
4
+ helperText: string;
5
+ label: string;
6
+ userValid: boolean;
7
+ dirtyValue: boolean;
8
+ }
9
+ export declare function formElements<T extends {
10
+ new (...args: any[]): Record<string, any>;
11
+ }>(constructor: T): {
12
+ new (...args: any[]): {
13
+ [x: string]: any;
14
+ label?: string | undefined;
15
+ helperText?: string | undefined;
16
+ charCount: boolean;
17
+ userValid: boolean;
18
+ "__#5974@#blurred": boolean;
19
+ readonly errorValidationMessage: any;
20
+ validate: () => void;
21
+ };
22
+ } & T;
@@ -1 +1,2 @@
1
1
  export * from './affix';
2
+ export * from './focus';
package/shared/ref.js ADDED
@@ -0,0 +1,41 @@
1
+ import { A as AttachedBehaviorHTMLDirective } from './index.js';
2
+
3
+ /**
4
+ * The runtime behavior for template references.
5
+ * @public
6
+ */
7
+ class RefBehavior {
8
+ /**
9
+ * Creates an instance of RefBehavior.
10
+ * @param target - The element to reference.
11
+ * @param propertyName - The name of the property to assign the reference to.
12
+ */
13
+ constructor(target, propertyName) {
14
+ this.target = target;
15
+ this.propertyName = propertyName;
16
+ }
17
+ /**
18
+ * Bind this behavior to the source.
19
+ * @param source - The source to bind to.
20
+ * @param context - The execution context that the binding is operating within.
21
+ */
22
+ bind(source) {
23
+ source[this.propertyName] = this.target;
24
+ }
25
+ /**
26
+ * Unbinds this behavior from the source.
27
+ * @param source - The source to unbind from.
28
+ */
29
+ /* eslint-disable-next-line @typescript-eslint/no-empty-function */
30
+ unbind() { }
31
+ }
32
+ /**
33
+ * A directive that observes the updates a property with a reference to the element.
34
+ * @param propertyName - The name of the property to assign the reference to.
35
+ * @public
36
+ */
37
+ function ref(propertyName) {
38
+ return new AttachedBehaviorHTMLDirective("fast-ref", RefBehavior, propertyName);
39
+ }
40
+
41
+ export { ref as r };
@@ -1,20 +1,11 @@
1
- import './web.dom-collections.iterator.js';
2
1
  import { _ as __decorate, a as attr, b as __metadata } from './index.js';
3
2
  import { b as AffixIcon } from './affix.js';
4
3
  import { A as Anchor } from './anchor.js';
5
4
  import { a as applyMixins } from './apply-mixins.js';
6
5
 
7
- class TextAnchor extends Anchor {
8
- constructor() {
9
- super(...arguments);
10
- this.text = '';
11
- }
6
+ class TextAnchor extends Anchor {}
12
7
 
13
- }
14
-
15
- __decorate([attr({
16
- mode: 'fromView'
17
- }), __metadata("design:type", Object)], TextAnchor.prototype, "text", void 0);
8
+ __decorate([attr, __metadata("design:type", String)], TextAnchor.prototype, "text", void 0);
18
9
 
19
10
  applyMixins(TextAnchor, AffixIcon);
20
11
 
@@ -1,6 +1,7 @@
1
1
  import { a as affixIconTemplateFactory } from './affix.js';
2
+ import { f as focusTemplateFactory } from './focus2.js';
2
3
  import { h as html } from './index.js';
3
- import { r as ref } from './aria-global.js';
4
+ import { r as ref } from './ref.js';
4
5
  import { c as classNames } from './class-names.js';
5
6
 
6
7
  let _ = t => t,
@@ -13,6 +14,7 @@ const getClasses = ({
13
14
 
14
15
  const textAnchorTemplate = context => {
15
16
  const affixIconTemplate = affixIconTemplateFactory(context);
17
+ const focusTemplate = focusTemplateFactory(context);
16
18
  return html(_t || (_t = _`<a
17
19
  class="${0}"
18
20
  download="${0}"
@@ -47,8 +49,9 @@ const textAnchorTemplate = context => {
47
49
  >
48
50
  ${0}
49
51
  ${0}
52
+ ${0}
50
53
  </a>
51
- `), getClasses, x => x.download, x => x.href, x => x.hreflang, x => x.ping, x => x.referrerpolicy, x => x.rel, x => x.target, x => x.type, x => x.ariaAtomic, x => x.ariaBusy, x => x.ariaControls, x => x.ariaCurrent, x => x.ariaDescribedby, x => x.ariaDetails, x => x.ariaDisabled, x => x.ariaErrormessage, x => x.ariaExpanded, x => x.ariaFlowto, x => x.ariaHaspopup, x => x.ariaHidden, x => x.ariaInvalid, x => x.ariaKeyshortcuts, x => x.ariaLabel, x => x.ariaLabelledby, x => x.ariaLive, x => x.ariaOwns, x => x.ariaRelevant, x => x.ariaRoledescription, ref('control'), x => affixIconTemplate(x.icon), x => x.text);
54
+ `), getClasses, x => x.download, x => x.href, x => x.hreflang, x => x.ping, x => x.referrerpolicy, x => x.rel, x => x.target, x => x.type, x => x.ariaAtomic, x => x.ariaBusy, x => x.ariaControls, x => x.ariaCurrent, x => x.ariaDescribedby, x => x.ariaDetails, x => x.ariaDisabled, x => x.ariaErrormessage, x => x.ariaExpanded, x => x.ariaFlowto, x => x.ariaHaspopup, x => x.ariaHidden, x => x.ariaInvalid, x => x.ariaKeyshortcuts, x => x.ariaLabel, x => x.ariaLabelledby, x => x.ariaLive, x => x.ariaOwns, x => x.ariaRelevant, x => x.ariaRoledescription, ref('control'), () => focusTemplate, x => affixIconTemplate(x.icon), x => x.text);
52
55
  };
53
56
 
54
57
  export { textAnchorTemplate as t };
@@ -0,0 +1,51 @@
1
+ import { w as wellKnownSymbol$2, c as classofRaw$1, i as isCallable$1 } from './export.js';
2
+
3
+ var wellKnownSymbol$1 = wellKnownSymbol$2;
4
+
5
+ var TO_STRING_TAG$1 = wellKnownSymbol$1('toStringTag');
6
+ var test = {};
7
+
8
+ test[TO_STRING_TAG$1] = 'z';
9
+
10
+ var toStringTagSupport = String(test) === '[object z]';
11
+
12
+ var TO_STRING_TAG_SUPPORT = toStringTagSupport;
13
+ var isCallable = isCallable$1;
14
+ var classofRaw = classofRaw$1;
15
+ var wellKnownSymbol = wellKnownSymbol$2;
16
+
17
+ var TO_STRING_TAG = wellKnownSymbol('toStringTag');
18
+ var $Object = Object;
19
+
20
+ // ES3 wrong here
21
+ var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
22
+
23
+ // fallback for IE11 Script Access Denied error
24
+ var tryGet = function (it, key) {
25
+ try {
26
+ return it[key];
27
+ } catch (error) { /* empty */ }
28
+ };
29
+
30
+ // getting tag from ES6+ `Object.prototype.toString`
31
+ var classof$1 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
32
+ var O, tag, result;
33
+ return it === undefined ? 'Undefined' : it === null ? 'Null'
34
+ // @@toStringTag case
35
+ : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
36
+ // builtinTag case
37
+ : CORRECT_ARGUMENTS ? classofRaw(O)
38
+ // ES3 arguments fallback
39
+ : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
40
+ };
41
+
42
+ var classof = classof$1;
43
+
44
+ var $String = String;
45
+
46
+ var toString = function (argument) {
47
+ if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
48
+ return $String(argument);
49
+ };
50
+
51
+ export { classof$1 as c, toString as t };