@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.
- package/appearance-ui/index.cjs +1 -2
- package/appearance-ui/index.js +1 -2
- package/custom-elements.json +435 -41
- package/index.cjs +1 -0
- package/index.js +1 -1
- package/lib/button/button.d.ts +1 -0
- package/lib/dialog/dialog.d.ts +1 -0
- package/lib/empty-state/definition.d.ts +1 -0
- package/lib/empty-state/empty-state.d.ts +5 -0
- package/lib/enums.d.ts +4 -0
- package/lib/popup/popup.d.ts +5 -0
- package/lib/range-slider/range-slider.d.ts +2 -0
- package/lib/slider/slider.d.ts +5 -0
- package/lib/slider/slider.template.d.ts +2 -2
- package/lib/switch/switch.d.ts +1 -1
- package/package.json +1 -1
- package/shared/affix.cjs +1 -2
- package/shared/affix.js +1 -2
- package/shared/anchored.cjs +1 -2
- package/shared/anchored.js +1 -2
- package/shared/calendar-event.cjs +1 -2
- package/shared/calendar-event.js +1 -2
- package/shared/definition.cjs +2 -3
- package/shared/definition.js +2 -3
- package/shared/definition11.cjs +29 -13
- package/shared/definition11.js +29 -14
- package/shared/definition12.cjs +1 -1
- package/shared/definition12.js +1 -1
- package/shared/definition13.cjs +1 -2
- package/shared/definition13.js +1 -2
- package/shared/definition14.cjs +1 -2
- package/shared/definition14.js +1 -2
- package/shared/definition15.cjs +1 -2
- package/shared/definition15.js +1 -2
- package/shared/definition16.cjs +1 -2
- package/shared/definition16.js +1 -2
- package/shared/definition17.cjs +4 -8
- package/shared/definition17.js +4 -8
- package/shared/definition18.cjs +14 -22
- package/shared/definition18.js +14 -22
- package/shared/definition19.cjs +29 -50
- package/shared/definition19.js +29 -50
- package/shared/definition20.cjs +1 -2
- package/shared/definition20.js +1 -2
- package/shared/definition21.cjs +68 -32
- package/shared/definition21.js +68 -32
- package/shared/definition23.cjs +19 -5
- package/shared/definition23.js +20 -6
- package/shared/definition24.cjs +2 -3
- package/shared/definition24.js +2 -3
- package/shared/definition25.cjs +23 -48
- package/shared/definition25.js +23 -48
- package/shared/definition26.cjs +1 -2
- package/shared/definition26.js +1 -2
- package/shared/definition28.cjs +1 -2
- package/shared/definition28.js +1 -2
- package/shared/definition29.cjs +19 -39
- package/shared/definition29.js +19 -39
- package/shared/definition3.cjs +1 -2
- package/shared/definition3.js +1 -2
- package/shared/definition30.cjs +1 -1
- package/shared/definition30.js +1 -1
- package/shared/definition31.cjs +1 -2
- package/shared/definition31.js +1 -2
- package/shared/definition34.cjs +1 -2
- package/shared/definition34.js +1 -2
- package/shared/definition35.cjs +14 -26
- package/shared/definition35.js +14 -26
- package/shared/definition36.cjs +1 -2
- package/shared/definition36.js +1 -2
- package/shared/definition37.cjs +8 -16
- package/shared/definition37.js +8 -16
- package/shared/definition38.cjs +1 -2
- package/shared/definition38.js +1 -2
- package/shared/definition39.cjs +1 -2
- package/shared/definition39.js +1 -2
- package/shared/definition4.cjs +7 -13
- package/shared/definition4.js +7 -13
- package/shared/definition40.cjs +1 -2
- package/shared/definition40.js +1 -2
- package/shared/definition42.cjs +172 -106
- package/shared/definition42.js +172 -106
- package/shared/definition43.cjs +7 -6
- package/shared/definition43.js +5 -4
- package/shared/definition44.cjs +4 -8
- package/shared/definition44.js +4 -8
- package/shared/definition45.cjs +1 -2
- package/shared/definition45.js +1 -2
- package/shared/definition46.cjs +96 -12
- package/shared/definition46.js +97 -13
- package/shared/definition47.cjs +1 -2
- package/shared/definition47.js +1 -2
- package/shared/definition48.cjs +2 -3
- package/shared/definition48.js +2 -3
- package/shared/definition5.cjs +1 -2
- package/shared/definition5.js +1 -2
- package/shared/definition50.cjs +1 -2
- package/shared/definition50.js +1 -2
- package/shared/definition51.cjs +5 -10
- package/shared/definition51.js +5 -10
- package/shared/definition52.cjs +1 -2
- package/shared/definition52.js +1 -2
- package/shared/definition53.cjs +1 -2
- package/shared/definition53.js +1 -2
- package/shared/definition54.cjs +9 -21
- package/shared/definition54.js +9 -21
- package/shared/definition55.cjs +24 -43
- package/shared/definition55.js +24 -43
- package/shared/definition56.cjs +24 -39
- package/shared/definition56.js +24 -39
- package/shared/definition57.cjs +22 -45
- package/shared/definition57.js +22 -45
- package/shared/definition58.cjs +18 -37
- package/shared/definition58.js +18 -37
- package/shared/definition59.cjs +1 -2
- package/shared/definition59.js +1 -2
- package/shared/definition6.cjs +1 -2
- package/shared/definition6.js +1 -2
- package/shared/definition62.cjs +1 -2
- package/shared/definition62.js +1 -2
- package/shared/definition63.cjs +156 -4
- package/shared/definition63.js +157 -6
- package/shared/definition7.cjs +1 -2
- package/shared/definition7.js +1 -2
- package/shared/definition8.cjs +1 -2
- package/shared/definition8.js +1 -2
- package/shared/definition9.cjs +1 -2
- package/shared/definition9.js +1 -2
- package/shared/enums.cjs +6 -0
- package/shared/enums.js +6 -1
- package/shared/icon.cjs +2 -3
- package/shared/icon.js +2 -3
- package/shared/index2.cjs +3 -6
- package/shared/index2.js +3 -6
- package/shared/listbox.cjs +1 -2
- package/shared/listbox.js +1 -2
- package/shared/patterns/anchored.d.ts +4 -4
- package/shared/patterns/chevron.d.ts +2 -0
- package/shared/presentationDate.cjs +2 -3
- package/shared/presentationDate.js +2 -3
- package/shared/radio.cjs +1 -2
- package/shared/radio.js +1 -2
- package/shared/slider.template.cjs +27 -4
- package/shared/slider.template.js +27 -4
- package/shared/text-anchor.cjs +1 -2
- package/shared/text-anchor.js +1 -2
- package/shared/video-player.cjs +4 -8
- package/shared/video-player.js +4 -8
- 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/styles/tokens/vivid-2-compat.css +1 -1
- package/vivid.api.json +3228 -1108
package/shared/definition5.js
CHANGED
|
@@ -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 = {
|
package/shared/definition50.cjs
CHANGED
|
@@ -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 {
|
package/shared/definition50.js
CHANGED
|
@@ -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 {
|
package/shared/definition51.cjs
CHANGED
|
@@ -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();
|
package/shared/definition51.js
CHANGED
|
@@ -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();
|
package/shared/definition52.cjs
CHANGED
|
@@ -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 {
|
package/shared/definition52.js
CHANGED
|
@@ -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 {
|
package/shared/definition53.cjs
CHANGED
|
@@ -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 {
|
package/shared/definition53.js
CHANGED
|
@@ -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 {
|
package/shared/definition54.cjs
CHANGED
|
@@ -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
|
-
|
|
208
|
-
|
|
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
|
|
216
|
+
__privateAdd(this, _reflectToTextArea);
|
|
229
217
|
}
|
|
230
218
|
connectedCallback() {
|
|
231
219
|
super.connectedCallback();
|
package/shared/definition54.js
CHANGED
|
@@ -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
|
-
|
|
206
|
-
|
|
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
|
|
214
|
+
__privateAdd(this, _reflectToTextArea);
|
|
227
215
|
}
|
|
228
216
|
connectedCallback() {
|
|
229
217
|
super.connectedCallback();
|
package/shared/definition55.cjs
CHANGED
|
@@ -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
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
var
|
|
89
|
-
|
|
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,
|
|
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
|
|
148
|
-
__privateAdd(this, _helperTextMirrorEl
|
|
149
|
-
__privateAdd(this, _helperTextSlotMutationObserver
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
224
|
+
__privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
|
|
242
225
|
}
|
|
243
226
|
/**
|
|
244
227
|
* @internal
|
|
245
228
|
*/
|
|
246
229
|
_helperTextSlottedContentChanged() {
|
|
247
|
-
__privateMethod(this,
|
|
248
|
-
__privateMethod(this,
|
|
230
|
+
__privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
|
|
231
|
+
__privateMethod(this, _TextField_instances, updateHelperTextMutationObserver_fn).call(this);
|
|
249
232
|
}
|
|
250
233
|
};
|
|
251
|
-
|
|
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,
|
|
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) {
|
package/shared/definition55.js
CHANGED
|
@@ -70,38 +70,23 @@ const generateRandomId = () => v4();
|
|
|
70
70
|
|
|
71
71
|
var __defProp = Object.defineProperty;
|
|
72
72
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
73
|
+
var __typeError = (msg) => {
|
|
74
|
+
throw TypeError(msg);
|
|
75
|
+
};
|
|
73
76
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
74
77
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
75
78
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
76
79
|
if (decorator = decorators[i])
|
|
77
80
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
78
|
-
if (kind && result)
|
|
79
|
-
__defProp(target, key, result);
|
|
81
|
+
if (kind && result) __defProp(target, key, result);
|
|
80
82
|
return result;
|
|
81
83
|
};
|
|
82
|
-
var __accessCheck = (obj, member, msg) =>
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
var
|
|
87
|
-
|
|
88
|
-
return getter ? getter.call(obj) : member.get(obj);
|
|
89
|
-
};
|
|
90
|
-
var __privateAdd = (obj, member, value) => {
|
|
91
|
-
if (member.has(obj))
|
|
92
|
-
throw TypeError("Cannot add the same private member more than once");
|
|
93
|
-
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
94
|
-
};
|
|
95
|
-
var __privateSet = (obj, member, value, setter) => {
|
|
96
|
-
__accessCheck(obj, member, "write to private field");
|
|
97
|
-
member.set(obj, value);
|
|
98
|
-
return value;
|
|
99
|
-
};
|
|
100
|
-
var __privateMethod = (obj, member, method) => {
|
|
101
|
-
__accessCheck(obj, member, "access private method");
|
|
102
|
-
return method;
|
|
103
|
-
};
|
|
104
|
-
var _handleLabelChange, handleLabelChange_fn, _reflectToInput, _helperTextMirrorEl, _helperTextSlotMutationObserver, _updateHelperTextMutationObserver, updateHelperTextMutationObserver_fn, _updateMirroredHelperText, updateMirroredHelperText_fn;
|
|
84
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
85
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
86
|
+
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);
|
|
87
|
+
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
|
|
88
|
+
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
89
|
+
var _TextField_instances, handleLabelChange_fn, _reflectToInput, _helperTextMirrorEl, _helperTextSlotMutationObserver, updateHelperTextMutationObserver_fn, updateMirroredHelperText_fn;
|
|
105
90
|
const safariWorkaroundClassName = "_vvd-3-text-field-safari-workaround";
|
|
106
91
|
const getSafariWorkaroundStyleSheet = memoizeWith(
|
|
107
92
|
() => "",
|
|
@@ -135,23 +120,21 @@ const installSafariWorkaroundStyle = (forElement) => {
|
|
|
135
120
|
let TextField = class extends TextField$1 {
|
|
136
121
|
constructor() {
|
|
137
122
|
super(...arguments);
|
|
138
|
-
__privateAdd(this,
|
|
139
|
-
__privateAdd(this, _updateHelperTextMutationObserver);
|
|
140
|
-
__privateAdd(this, _updateMirroredHelperText);
|
|
123
|
+
__privateAdd(this, _TextField_instances);
|
|
141
124
|
/**
|
|
142
125
|
* @internal
|
|
143
126
|
*/
|
|
144
127
|
this._labelEl = null;
|
|
145
|
-
__privateAdd(this, _reflectToInput
|
|
146
|
-
__privateAdd(this, _helperTextMirrorEl
|
|
147
|
-
__privateAdd(this, _helperTextSlotMutationObserver
|
|
128
|
+
__privateAdd(this, _reflectToInput);
|
|
129
|
+
__privateAdd(this, _helperTextMirrorEl);
|
|
130
|
+
__privateAdd(this, _helperTextSlotMutationObserver);
|
|
148
131
|
}
|
|
149
132
|
/**
|
|
150
133
|
* @internal
|
|
151
134
|
*/
|
|
152
135
|
labelChanged() {
|
|
153
136
|
if (this._labelEl) {
|
|
154
|
-
__privateMethod(this,
|
|
137
|
+
__privateMethod(this, _TextField_instances, handleLabelChange_fn).call(this, this._labelEl);
|
|
155
138
|
}
|
|
156
139
|
}
|
|
157
140
|
connectedCallback() {
|
|
@@ -182,11 +165,11 @@ let TextField = class extends TextField$1 {
|
|
|
182
165
|
label.slot = "_label";
|
|
183
166
|
label.htmlFor = controlId;
|
|
184
167
|
this._labelEl = label;
|
|
185
|
-
__privateMethod(this,
|
|
168
|
+
__privateMethod(this, _TextField_instances, handleLabelChange_fn).call(this, label);
|
|
186
169
|
__privateSet(this, _helperTextMirrorEl, document.createElement("div"));
|
|
187
170
|
__privateGet(this, _helperTextMirrorEl).id = helperTextId;
|
|
188
171
|
__privateGet(this, _helperTextMirrorEl).slot = "_mirrored-helper-text";
|
|
189
|
-
__privateMethod(this,
|
|
172
|
+
__privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
|
|
190
173
|
this.appendChild(__privateGet(this, _helperTextMirrorEl));
|
|
191
174
|
installSafariWorkaroundStyle(this);
|
|
192
175
|
}
|
|
@@ -221,13 +204,13 @@ let TextField = class extends TextField$1 {
|
|
|
221
204
|
"aria-roledescription"
|
|
222
205
|
);
|
|
223
206
|
__privateGet(this, _reflectToInput).property("value", "value", true);
|
|
224
|
-
__privateMethod(this,
|
|
207
|
+
__privateMethod(this, _TextField_instances, updateHelperTextMutationObserver_fn).call(this);
|
|
225
208
|
}
|
|
226
209
|
disconnectedCallback() {
|
|
227
210
|
super.disconnectedCallback();
|
|
228
211
|
__privateGet(this, _reflectToInput).destroy();
|
|
229
212
|
__privateSet(this, _reflectToInput, void 0);
|
|
230
|
-
__privateMethod(this,
|
|
213
|
+
__privateMethod(this, _TextField_instances, updateHelperTextMutationObserver_fn).call(this);
|
|
231
214
|
}
|
|
232
215
|
focus() {
|
|
233
216
|
this.control?.focus();
|
|
@@ -236,17 +219,17 @@ let TextField = class extends TextField$1 {
|
|
|
236
219
|
* @internal
|
|
237
220
|
*/
|
|
238
221
|
helperTextChanged() {
|
|
239
|
-
__privateMethod(this,
|
|
222
|
+
__privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
|
|
240
223
|
}
|
|
241
224
|
/**
|
|
242
225
|
* @internal
|
|
243
226
|
*/
|
|
244
227
|
_helperTextSlottedContentChanged() {
|
|
245
|
-
__privateMethod(this,
|
|
246
|
-
__privateMethod(this,
|
|
228
|
+
__privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
|
|
229
|
+
__privateMethod(this, _TextField_instances, updateHelperTextMutationObserver_fn).call(this);
|
|
247
230
|
}
|
|
248
231
|
};
|
|
249
|
-
|
|
232
|
+
_TextField_instances = new WeakSet();
|
|
250
233
|
handleLabelChange_fn = function(labelEl) {
|
|
251
234
|
if (!this.label) {
|
|
252
235
|
labelEl.remove();
|
|
@@ -260,14 +243,13 @@ handleLabelChange_fn = function(labelEl) {
|
|
|
260
243
|
_reflectToInput = new WeakMap();
|
|
261
244
|
_helperTextMirrorEl = new WeakMap();
|
|
262
245
|
_helperTextSlotMutationObserver = new WeakMap();
|
|
263
|
-
_updateHelperTextMutationObserver = new WeakSet();
|
|
264
246
|
updateHelperTextMutationObserver_fn = function() {
|
|
265
247
|
const usesHelperTextSlot = this._helperTextSlottedContent.length;
|
|
266
248
|
const shouldHaveMutationObserver = usesHelperTextSlot && this.isConnected;
|
|
267
249
|
if (shouldHaveMutationObserver && !__privateGet(this, _helperTextSlotMutationObserver)) {
|
|
268
250
|
__privateSet(this, _helperTextSlotMutationObserver, new MutationObserver((records) => {
|
|
269
251
|
if (records.some((record) => record.target !== __privateGet(this, _helperTextMirrorEl))) {
|
|
270
|
-
__privateMethod(this,
|
|
252
|
+
__privateMethod(this, _TextField_instances, updateMirroredHelperText_fn).call(this);
|
|
271
253
|
}
|
|
272
254
|
}));
|
|
273
255
|
__privateGet(this, _helperTextSlotMutationObserver).observe(this, {
|
|
@@ -281,7 +263,6 @@ updateHelperTextMutationObserver_fn = function() {
|
|
|
281
263
|
__privateSet(this, _helperTextSlotMutationObserver, void 0);
|
|
282
264
|
}
|
|
283
265
|
};
|
|
284
|
-
_updateMirroredHelperText = new WeakSet();
|
|
285
266
|
updateMirroredHelperText_fn = function() {
|
|
286
267
|
let helperText = this.helperText ?? "";
|
|
287
268
|
if (this._helperTextSlottedContent?.length) {
|