@vonage/vivid 3.0.0-next.119 → 3.0.0-next.120
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.
- package/README.md +11 -6
- package/accordion/index.js +4 -51
- package/accordion-item/index.js +11 -109
- package/action-group/index.js +4 -36
- package/avatar/index.js +8 -64
- package/badge/index.js +9 -48
- package/banner/index.js +15 -117
- package/breadcrumb/index.js +5 -97
- package/breadcrumb-item/index.js +14 -53
- package/button/index.js +14 -92
- package/calendar/index.js +5 -1520
- package/calendar-event/index.js +7 -107
- package/card/index.js +10 -117
- package/checkbox/index.js +13 -175
- package/custom-elements.json +1827 -8
- package/dialog/index.js +14 -227
- package/divider/index.js +4 -25
- package/elevation/index.js +4 -24
- package/fab/index.js +13 -89
- package/focus/index.js +4 -17
- package/header/index.js +7 -12
- package/icon/index.js +7 -28
- package/index.js +49 -55
- package/layout/index.js +4 -42
- package/lib/accordion/definition.d.ts +3 -0
- package/lib/accordion/index.d.ts +1 -2
- package/lib/accordion-item/definition.d.ts +3 -0
- package/lib/accordion-item/index.d.ts +1 -2
- package/lib/action-group/definition.d.ts +3 -0
- package/lib/action-group/index.d.ts +1 -2
- package/lib/avatar/definition.d.ts +3 -0
- package/lib/avatar/index.d.ts +1 -2
- package/lib/badge/definition.d.ts +3 -0
- package/lib/badge/index.d.ts +1 -2
- package/lib/banner/definition.d.ts +3 -0
- package/lib/banner/index.d.ts +1 -2
- package/lib/breadcrumb/definition.d.ts +3 -0
- package/lib/breadcrumb/index.d.ts +1 -2
- package/lib/breadcrumb-item/definition.d.ts +3 -0
- package/lib/breadcrumb-item/index.d.ts +1 -2
- package/lib/button/definition.d.ts +3 -0
- package/lib/calendar/definition.d.ts +3 -0
- package/lib/calendar/index.d.ts +1 -2
- package/lib/calendar-event/definition.d.ts +3 -0
- package/lib/calendar-event/index.d.ts +1 -2
- package/lib/card/definition.d.ts +3 -0
- package/lib/card/index.d.ts +1 -2
- package/lib/checkbox/definition.d.ts +3 -0
- package/lib/checkbox/index.d.ts +1 -2
- package/lib/components.d.ts +38 -38
- package/lib/dialog/definition.d.ts +3 -0
- package/lib/dialog/index.d.ts +1 -2
- package/lib/divider/definition.d.ts +3 -0
- package/lib/divider/index.d.ts +1 -2
- package/lib/elevation/definition.d.ts +3 -0
- package/lib/elevation/index.d.ts +1 -2
- package/lib/fab/definition.d.ts +3 -0
- package/lib/fab/index.d.ts +1 -2
- package/lib/focus/definition.d.ts +3 -0
- package/lib/focus/index.d.ts +1 -2
- package/lib/header/definition.d.ts +3 -0
- package/lib/header/index.d.ts +1 -2
- package/lib/icon/definition.d.ts +3 -0
- package/lib/icon/index.d.ts +1 -2
- package/lib/layout/definition.d.ts +3 -0
- package/lib/layout/index.d.ts +1 -2
- package/lib/listbox/definition.d.ts +3 -0
- package/lib/menu/definition.d.ts +7 -0
- package/lib/menu/index.d.ts +1 -10
- package/lib/menu-item/definition.d.ts +3 -0
- package/lib/menu-item/index.d.ts +1 -2
- package/lib/nav/definition.d.ts +3 -0
- package/lib/nav/index.d.ts +1 -2
- package/lib/nav-disclosure/definition.d.ts +3 -0
- package/lib/nav-disclosure/index.d.ts +1 -2
- package/lib/nav-item/definition.d.ts +3 -0
- package/lib/nav-item/index.d.ts +1 -2
- package/lib/note/definition.d.ts +3 -0
- package/lib/note/index.d.ts +1 -2
- package/lib/number-field/definition.d.ts +3 -0
- package/lib/number-field/index.d.ts +1 -2
- package/lib/option/definition.d.ts +3 -0
- package/lib/option/index.d.ts +1 -2
- package/lib/popup/definition.d.ts +4 -0
- package/lib/popup/index.d.ts +1 -2
- package/lib/progress/definition.d.ts +3 -0
- package/lib/progress/index.d.ts +1 -2
- package/lib/progress-ring/definition.d.ts +3 -0
- package/lib/progress-ring/index.d.ts +1 -2
- package/lib/radio/definition.d.ts +3 -0
- package/lib/radio/index.d.ts +1 -2
- package/lib/radio-group/definition.d.ts +7 -0
- package/lib/radio-group/index.d.ts +1 -10
- package/lib/side-drawer/definition.d.ts +3 -0
- package/lib/side-drawer/index.d.ts +1 -2
- package/lib/slider/definition.d.ts +3 -0
- package/lib/slider/index.d.ts +1 -2
- package/lib/switch/definition.d.ts +3 -0
- package/lib/switch/index.d.ts +1 -2
- package/lib/text-anchor/definition.d.ts +3 -0
- package/lib/text-anchor/index.d.ts +1 -2
- package/lib/text-area/definition.d.ts +3 -0
- package/lib/text-area/index.d.ts +1 -2
- package/lib/text-field/definition.d.ts +3 -0
- package/lib/text-field/index.d.ts +1 -2
- package/lib/tooltip/definition.d.ts +3 -0
- package/lib/tooltip/index.d.ts +1 -2
- package/listbox/index.js +18 -1080
- package/menu/index.js +27 -354
- package/menu-item/index.js +11 -81
- package/nav/index.js +3 -16
- package/nav-disclosure/index.js +13 -77
- package/nav-item/index.js +13 -35
- package/note/index.js +13 -60
- package/number-field/index.js +14 -16
- package/option/index.js +13 -68
- package/package.json +2 -2
- package/popup/index.js +17 -55
- package/progress/index.js +6 -92
- package/progress-ring/index.js +6 -75
- package/radio/index.js +8 -48
- package/radio-group/index.js +9 -433
- package/shared/anchor.js +1 -1
- package/shared/apply-mixins.js +1 -1
- package/shared/base-progress.js +1 -1
- package/shared/breadcrumb-item.js +1 -1
- package/shared/button.js +195 -18
- package/shared/calendar-event.js +1 -1
- package/shared/definition.js +53 -0
- package/shared/definition10.js +99 -0
- package/shared/definition11.js +48 -0
- package/shared/definition12.js +1523 -0
- package/shared/definition13.js +111 -0
- package/shared/definition14.js +114 -0
- package/shared/definition15.js +32 -0
- package/shared/definition16.js +172 -0
- package/shared/definition17.js +223 -0
- package/shared/{divider.js → definition18.js} +25 -2
- package/shared/definition19.js +87 -0
- package/shared/definition2.js +106 -0
- package/shared/definition20.js +44 -0
- package/shared/definition21.js +1078 -0
- package/shared/{listbox-option.js → definition22.js} +71 -11
- package/shared/definition23.js +348 -0
- package/shared/{popup.js → definition24.js} +46 -3
- package/shared/{menu-item.js → definition25.js} +87 -13
- package/shared/definition26.js +18 -0
- package/shared/definition27.js +75 -0
- package/shared/definition28.js +31 -0
- package/shared/definition29.js +56 -0
- package/shared/definition3.js +29 -0
- package/shared/definition30.js +94 -0
- package/shared/definition31.js +77 -0
- package/shared/definition32.js +45 -0
- package/shared/definition33.js +435 -0
- package/shared/definition34.js +86 -0
- package/shared/definition35.js +592 -0
- package/shared/definition36.js +147 -0
- package/shared/definition37.js +279 -0
- package/shared/definition38.js +119 -0
- package/shared/definition39.js +77 -0
- package/shared/definition4.js +19 -0
- package/shared/definition5.js +38 -0
- package/shared/definition6.js +60 -0
- package/shared/definition7.js +45 -0
- package/shared/definition8.js +113 -0
- package/shared/definition9.js +107 -0
- package/shared/design-system/index.d.ts +1 -2
- package/shared/es.object.assign.js +58 -1
- package/shared/es.regexp.to-string.js +2 -1
- package/shared/focus.js +3 -9
- package/shared/focus2.js +9 -3
- package/shared/form-associated.js +1 -1
- package/shared/form-elements.js +2 -2
- package/shared/icon.js +1096 -9
- package/shared/index.js +385 -2501
- package/shared/patterns/form-elements/form-elements.d.ts +2 -2
- package/shared/radio.js +1 -1
- package/shared/ref.js +1 -1
- package/shared/slotted.js +1 -1
- package/shared/string-trim.js +2 -1
- package/shared/text-anchor.template.js +1 -1
- package/shared/to-string.js +51 -0
- package/side-drawer/index.js +5 -84
- package/slider/index.js +14 -593
- package/styles/core/all.css +1 -1
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/switch/index.js +13 -149
- package/text-anchor/index.js +8 -7
- package/text-area/index.js +16 -282
- package/text-field/index.js +14 -121
- package/tooltip/index.js +24 -82
- package/vivid.api.json +1640 -850
- package/shared/button2.js +0 -200
- package/shared/elevation.js +0 -10
- package/shared/es.promise.resolve.js +0 -944
- package/shared/index2.js +0 -9
- package/shared/utils/index.d.ts +0 -1
package/shared/button2.js
DELETED
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
import { F as FoundationElement, _ as __decorate, a as attr, V as observable } from './index.js';
|
|
2
|
-
import { a as applyMixins } from './apply-mixins.js';
|
|
3
|
-
import { F as FormAssociated } from './form-associated.js';
|
|
4
|
-
import { A as ARIAGlobalStatesAndProperties } from './aria-global.js';
|
|
5
|
-
import { S as StartEnd } from './start-end.js';
|
|
6
|
-
|
|
7
|
-
class _Button extends FoundationElement {
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* A form-associated base class for the {@link @microsoft/fast-foundation#(Button:class)} component.
|
|
11
|
-
*
|
|
12
|
-
* @internal
|
|
13
|
-
*/
|
|
14
|
-
class FormAssociatedButton extends FormAssociated(_Button) {
|
|
15
|
-
constructor() {
|
|
16
|
-
super(...arguments);
|
|
17
|
-
this.proxy = document.createElement("input");
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* A Button Custom HTML Element.
|
|
23
|
-
* Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element }.
|
|
24
|
-
*
|
|
25
|
-
* @slot start - Content which can be provided before the button content
|
|
26
|
-
* @slot end - Content which can be provided after the button content
|
|
27
|
-
* @slot - The default slot for button content
|
|
28
|
-
* @csspart control - The button element
|
|
29
|
-
* @csspart content - The element wrapping button content
|
|
30
|
-
*
|
|
31
|
-
* @public
|
|
32
|
-
*/
|
|
33
|
-
class Button extends FormAssociatedButton {
|
|
34
|
-
constructor() {
|
|
35
|
-
super(...arguments);
|
|
36
|
-
/**
|
|
37
|
-
* Prevent events to propagate if disabled and has no slotted content wrapped in HTML elements
|
|
38
|
-
* @internal
|
|
39
|
-
*/
|
|
40
|
-
this.handleClick = (e) => {
|
|
41
|
-
var _a;
|
|
42
|
-
if (this.disabled && ((_a = this.defaultSlottedContent) === null || _a === void 0 ? void 0 : _a.length) <= 1) {
|
|
43
|
-
e.stopPropagation();
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* Submits the parent form
|
|
48
|
-
*/
|
|
49
|
-
this.handleSubmission = () => {
|
|
50
|
-
if (!this.form) {
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
const attached = this.proxy.isConnected;
|
|
54
|
-
if (!attached) {
|
|
55
|
-
this.attachProxy();
|
|
56
|
-
}
|
|
57
|
-
// Browser support for requestSubmit is not comprehensive
|
|
58
|
-
// so click the proxy if it isn't supported
|
|
59
|
-
typeof this.form.requestSubmit === "function"
|
|
60
|
-
? this.form.requestSubmit(this.proxy)
|
|
61
|
-
: this.proxy.click();
|
|
62
|
-
if (!attached) {
|
|
63
|
-
this.detachProxy();
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* Resets the parent form
|
|
68
|
-
*/
|
|
69
|
-
this.handleFormReset = () => {
|
|
70
|
-
var _a;
|
|
71
|
-
(_a = this.form) === null || _a === void 0 ? void 0 : _a.reset();
|
|
72
|
-
};
|
|
73
|
-
/**
|
|
74
|
-
* Overrides the focus call for where delegatesFocus is unsupported.
|
|
75
|
-
* This check works for Chrome, Edge Chromium, FireFox, and Safari
|
|
76
|
-
* Relevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858
|
|
77
|
-
*/
|
|
78
|
-
this.handleUnsupportedDelegatesFocus = () => {
|
|
79
|
-
var _a;
|
|
80
|
-
// Check to see if delegatesFocus is supported
|
|
81
|
-
if (window.ShadowRoot &&
|
|
82
|
-
!window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") &&
|
|
83
|
-
((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
|
|
84
|
-
this.focus = () => {
|
|
85
|
-
this.control.focus();
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
formactionChanged() {
|
|
91
|
-
if (this.proxy instanceof HTMLInputElement) {
|
|
92
|
-
this.proxy.formAction = this.formaction;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
formenctypeChanged() {
|
|
96
|
-
if (this.proxy instanceof HTMLInputElement) {
|
|
97
|
-
this.proxy.formEnctype = this.formenctype;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
formmethodChanged() {
|
|
101
|
-
if (this.proxy instanceof HTMLInputElement) {
|
|
102
|
-
this.proxy.formMethod = this.formmethod;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
formnovalidateChanged() {
|
|
106
|
-
if (this.proxy instanceof HTMLInputElement) {
|
|
107
|
-
this.proxy.formNoValidate = this.formnovalidate;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
formtargetChanged() {
|
|
111
|
-
if (this.proxy instanceof HTMLInputElement) {
|
|
112
|
-
this.proxy.formTarget = this.formtarget;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
typeChanged(previous, next) {
|
|
116
|
-
if (this.proxy instanceof HTMLInputElement) {
|
|
117
|
-
this.proxy.type = this.type;
|
|
118
|
-
}
|
|
119
|
-
next === "submit" && this.addEventListener("click", this.handleSubmission);
|
|
120
|
-
previous === "submit" && this.removeEventListener("click", this.handleSubmission);
|
|
121
|
-
next === "reset" && this.addEventListener("click", this.handleFormReset);
|
|
122
|
-
previous === "reset" && this.removeEventListener("click", this.handleFormReset);
|
|
123
|
-
}
|
|
124
|
-
/** {@inheritDoc (FormAssociated:interface).validate} */
|
|
125
|
-
validate() {
|
|
126
|
-
super.validate(this.control);
|
|
127
|
-
}
|
|
128
|
-
/**
|
|
129
|
-
* @internal
|
|
130
|
-
*/
|
|
131
|
-
connectedCallback() {
|
|
132
|
-
var _a;
|
|
133
|
-
super.connectedCallback();
|
|
134
|
-
this.proxy.setAttribute("type", this.type);
|
|
135
|
-
this.handleUnsupportedDelegatesFocus();
|
|
136
|
-
const elements = Array.from((_a = this.control) === null || _a === void 0 ? void 0 : _a.children);
|
|
137
|
-
if (elements) {
|
|
138
|
-
elements.forEach((span) => {
|
|
139
|
-
span.addEventListener("click", this.handleClick);
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
/**
|
|
144
|
-
* @internal
|
|
145
|
-
*/
|
|
146
|
-
disconnectedCallback() {
|
|
147
|
-
var _a;
|
|
148
|
-
super.disconnectedCallback();
|
|
149
|
-
const elements = Array.from((_a = this.control) === null || _a === void 0 ? void 0 : _a.children);
|
|
150
|
-
if (elements) {
|
|
151
|
-
elements.forEach((span) => {
|
|
152
|
-
span.removeEventListener("click", this.handleClick);
|
|
153
|
-
});
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
__decorate([
|
|
158
|
-
attr({ mode: "boolean" })
|
|
159
|
-
], Button.prototype, "autofocus", void 0);
|
|
160
|
-
__decorate([
|
|
161
|
-
attr({ attribute: "form" })
|
|
162
|
-
], Button.prototype, "formId", void 0);
|
|
163
|
-
__decorate([
|
|
164
|
-
attr
|
|
165
|
-
], Button.prototype, "formaction", void 0);
|
|
166
|
-
__decorate([
|
|
167
|
-
attr
|
|
168
|
-
], Button.prototype, "formenctype", void 0);
|
|
169
|
-
__decorate([
|
|
170
|
-
attr
|
|
171
|
-
], Button.prototype, "formmethod", void 0);
|
|
172
|
-
__decorate([
|
|
173
|
-
attr({ mode: "boolean" })
|
|
174
|
-
], Button.prototype, "formnovalidate", void 0);
|
|
175
|
-
__decorate([
|
|
176
|
-
attr
|
|
177
|
-
], Button.prototype, "formtarget", void 0);
|
|
178
|
-
__decorate([
|
|
179
|
-
attr
|
|
180
|
-
], Button.prototype, "type", void 0);
|
|
181
|
-
__decorate([
|
|
182
|
-
observable
|
|
183
|
-
], Button.prototype, "defaultSlottedContent", void 0);
|
|
184
|
-
/**
|
|
185
|
-
* Includes ARIA states and properties relating to the ARIA button role
|
|
186
|
-
*
|
|
187
|
-
* @public
|
|
188
|
-
*/
|
|
189
|
-
class DelegatesARIAButton {
|
|
190
|
-
}
|
|
191
|
-
__decorate([
|
|
192
|
-
attr({ attribute: "aria-expanded" })
|
|
193
|
-
], DelegatesARIAButton.prototype, "ariaExpanded", void 0);
|
|
194
|
-
__decorate([
|
|
195
|
-
attr({ attribute: "aria-pressed" })
|
|
196
|
-
], DelegatesARIAButton.prototype, "ariaPressed", void 0);
|
|
197
|
-
applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);
|
|
198
|
-
applyMixins(Button, StartEnd, DelegatesARIAButton);
|
|
199
|
-
|
|
200
|
-
export { Button as B };
|
package/shared/elevation.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata } from './index.js';
|
|
2
|
-
|
|
3
|
-
class Elevation extends FoundationElement {}
|
|
4
|
-
__decorate([attr, __metadata("design:type", Number)], Elevation.prototype, "dp", void 0);
|
|
5
|
-
__decorate([attr({
|
|
6
|
-
attribute: 'no-shadow',
|
|
7
|
-
mode: 'boolean'
|
|
8
|
-
}), __metadata("design:type", Boolean)], Elevation.prototype, "noShadow", void 0);
|
|
9
|
-
|
|
10
|
-
export { Elevation as E };
|