@vonage/vivid 3.0.0-next.11 → 3.0.0-next.12
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/accordion-item/index.js +3 -8
- package/badge/index.js +4 -11
- package/banner/index.js +1 -0
- package/breadcrumb-item/index.js +3 -5
- package/button/index.js +5 -12
- package/calendar/index.js +1 -0
- package/icon/index.js +6 -2
- package/index.js +2 -1
- package/lib/accordion-item/accordion-item.d.ts +2 -2
- package/lib/badge/badge.d.ts +1 -1
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/lib/button/button.d.ts +1 -1
- package/lib/icon/icon.d.ts +1 -1
- package/lib/text-anchor/text-anchor.d.ts +1 -1
- package/lib/tooltip/tooltip.d.ts +1 -1
- package/package.json +1 -1
- package/popup/index.js +2 -1
- package/progress/index.js +2 -1
- package/shared/es.object.assign.js +2 -1
- package/shared/icon.js +5 -10
- package/shared/object-set-prototype-of.js +1009 -0
- package/shared/text-anchor.js +2 -11
- package/shared/web.dom-collections.iterator.js +51 -1057
- package/side-drawer/index.js +1 -0
- package/sidenav-item/index.js +2 -1
- package/text/index.js +1 -0
- package/text-anchor/index.js +2 -1
- package/tooltip/index.js +2 -4
package/accordion-item/index.js
CHANGED
|
@@ -6,6 +6,7 @@ import { a as applyMixins } from '../shared/apply-mixins.js';
|
|
|
6
6
|
import { w as when } from '../shared/when.js';
|
|
7
7
|
import { c as classNames } from '../shared/class-names.js';
|
|
8
8
|
import '../icon/index.js';
|
|
9
|
+
import '../shared/object-set-prototype-of.js';
|
|
9
10
|
import '../shared/icon.js';
|
|
10
11
|
import '../shared/_has.js';
|
|
11
12
|
|
|
@@ -15,9 +16,7 @@ styleInject(css_248z);
|
|
|
15
16
|
class AccordionItem extends FoundationElement {
|
|
16
17
|
constructor() {
|
|
17
18
|
super(...arguments);
|
|
18
|
-
this.heading = '';
|
|
19
19
|
this.noIndicator = false;
|
|
20
|
-
this.meta = '';
|
|
21
20
|
this.open = false;
|
|
22
21
|
}
|
|
23
22
|
|
|
@@ -40,9 +39,7 @@ class AccordionItem extends FoundationElement {
|
|
|
40
39
|
|
|
41
40
|
}
|
|
42
41
|
|
|
43
|
-
__decorate([attr(
|
|
44
|
-
mode: 'fromView'
|
|
45
|
-
}), __metadata("design:type", Object)], AccordionItem.prototype, "heading", void 0);
|
|
42
|
+
__decorate([attr, __metadata("design:type", String)], AccordionItem.prototype, "heading", void 0);
|
|
46
43
|
|
|
47
44
|
__decorate([attr({
|
|
48
45
|
attribute: 'heading-level'
|
|
@@ -53,9 +50,7 @@ __decorate([attr({
|
|
|
53
50
|
attribute: 'no-indicator'
|
|
54
51
|
}), __metadata("design:type", Object)], AccordionItem.prototype, "noIndicator", void 0);
|
|
55
52
|
|
|
56
|
-
__decorate([attr(
|
|
57
|
-
mode: 'fromView'
|
|
58
|
-
}), __metadata("design:type", Object)], AccordionItem.prototype, "meta", void 0);
|
|
53
|
+
__decorate([attr, __metadata("design:type", String)], AccordionItem.prototype, "meta", void 0);
|
|
59
54
|
|
|
60
55
|
__decorate([attr({
|
|
61
56
|
mode: 'boolean'
|
package/badge/index.js
CHANGED
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
import '../icon/index.js';
|
|
2
2
|
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
|
|
3
|
-
import '../shared/web.dom-collections.iterator.js';
|
|
4
3
|
import { A as AffixIconWithTrailing, a as affixIconTemplateFactory } from '../shared/affix.js';
|
|
5
4
|
import { a as applyMixins } from '../shared/apply-mixins.js';
|
|
6
5
|
import { s as styleInject } from '../shared/style-inject.es.js';
|
|
7
6
|
import { c as classNames } from '../shared/class-names.js';
|
|
8
7
|
import '../shared/icon.js';
|
|
8
|
+
import '../shared/object-set-prototype-of.js';
|
|
9
9
|
import '../shared/_has.js';
|
|
10
10
|
import '../shared/when.js';
|
|
11
|
+
import '../shared/web.dom-collections.iterator.js';
|
|
11
12
|
|
|
12
|
-
class Badge extends FoundationElement {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments);
|
|
15
|
-
this.text = '';
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
}
|
|
13
|
+
class Badge extends FoundationElement {}
|
|
19
14
|
|
|
20
15
|
__decorate([attr, __metadata("design:type", String)], Badge.prototype, "connotation", void 0);
|
|
21
16
|
|
|
@@ -25,9 +20,7 @@ __decorate([attr, __metadata("design:type", String)], Badge.prototype, "appearan
|
|
|
25
20
|
|
|
26
21
|
__decorate([attr, __metadata("design:type", String)], Badge.prototype, "size", void 0);
|
|
27
22
|
|
|
28
|
-
__decorate([attr(
|
|
29
|
-
mode: 'fromView'
|
|
30
|
-
}), __metadata("design:type", Object)], Badge.prototype, "text", void 0);
|
|
23
|
+
__decorate([attr, __metadata("design:type", String)], Badge.prototype, "text", void 0);
|
|
31
24
|
|
|
32
25
|
applyMixins(Badge, AffixIconWithTrailing);
|
|
33
26
|
|
package/banner/index.js
CHANGED
|
@@ -7,6 +7,7 @@ import '../button/index.js';
|
|
|
7
7
|
import '../text-anchor/index.js';
|
|
8
8
|
import { w as when } from '../shared/when.js';
|
|
9
9
|
import { c as classNames } from '../shared/class-names.js';
|
|
10
|
+
import '../shared/object-set-prototype-of.js';
|
|
10
11
|
import '../shared/icon.js';
|
|
11
12
|
import '../shared/_has.js';
|
|
12
13
|
import '../icon/index.js';
|
package/breadcrumb-item/index.js
CHANGED
|
@@ -6,12 +6,13 @@ import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
|
|
|
6
6
|
import { w as when } from '../shared/when.js';
|
|
7
7
|
import { c as classNames } from '../shared/class-names.js';
|
|
8
8
|
import '../shared/icon.js';
|
|
9
|
-
import '../shared/
|
|
9
|
+
import '../shared/object-set-prototype-of.js';
|
|
10
10
|
import '../shared/_has.js';
|
|
11
11
|
import '../shared/anchor.js';
|
|
12
12
|
import '../shared/apply-mixins.js';
|
|
13
13
|
import '../shared/aria-global.js';
|
|
14
14
|
import '../shared/affix.js';
|
|
15
|
+
import '../shared/web.dom-collections.iterator.js';
|
|
15
16
|
|
|
16
17
|
var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.breadcrumb-item {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n display: flex;\n align-items: center;\n color: var(--vvd-color-on-canvas);\n}\n.breadcrumb-item a {\n color: var(--vvd-color-cta-70);\n font: inherit;\n text-decoration: none;\n}\n.breadcrumb-item a:hover {\n text-decoration: underline;\n}\n.breadcrumb-item vwc-icon {\n margin: 0 16px;\n color: var(--vvd-color-neutral-70);\n font-size: 12px;\n}";
|
|
17
18
|
styleInject(css_248z);
|
|
@@ -19,14 +20,11 @@ styleInject(css_248z);
|
|
|
19
20
|
class BreadcrumbItem extends BreadcrumbItem$1 {
|
|
20
21
|
constructor() {
|
|
21
22
|
super();
|
|
22
|
-
this.text = '';
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
__decorate([attr(
|
|
28
|
-
mode: 'fromView'
|
|
29
|
-
}), __metadata("design:type", String)], BreadcrumbItem.prototype, "text", void 0);
|
|
27
|
+
__decorate([attr, __metadata("design:type", String)], BreadcrumbItem.prototype, "text", void 0);
|
|
30
28
|
|
|
31
29
|
let _2 = t => t,
|
|
32
30
|
_t,
|
package/button/index.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import '../icon/index.js';
|
|
2
2
|
import { F as Focus } from '../shared/index2.js';
|
|
3
3
|
import { e as emptyArray, D as DOM, a as attr, o as observable, F as FoundationElement, _ as __decorate, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
|
|
4
|
-
import '../shared/web.dom-collections.iterator.js';
|
|
5
4
|
import { A as AffixIconWithTrailing, a as affixIconTemplateFactory } from '../shared/affix.js';
|
|
6
5
|
import { a as applyMixins } from '../shared/apply-mixins.js';
|
|
7
6
|
import { A as ARIAGlobalStatesAndProperties, S as StartEnd, r as ref } from '../shared/aria-global.js';
|
|
8
7
|
import { s as styleInject } from '../shared/style-inject.es.js';
|
|
9
8
|
import { c as classNames } from '../shared/class-names.js';
|
|
10
9
|
import '../shared/icon.js';
|
|
10
|
+
import '../shared/object-set-prototype-of.js';
|
|
11
11
|
import '../shared/_has.js';
|
|
12
12
|
import '../shared/when.js';
|
|
13
|
+
import '../shared/web.dom-collections.iterator.js';
|
|
13
14
|
|
|
14
15
|
/**
|
|
15
16
|
* Key Code values
|
|
@@ -650,13 +651,7 @@ __decorate([
|
|
|
650
651
|
applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);
|
|
651
652
|
applyMixins(Button$1, StartEnd, DelegatesARIAButton);
|
|
652
653
|
|
|
653
|
-
class Button extends Button$1 {
|
|
654
|
-
constructor() {
|
|
655
|
-
super(...arguments);
|
|
656
|
-
this.label = '';
|
|
657
|
-
}
|
|
658
|
-
|
|
659
|
-
}
|
|
654
|
+
class Button extends Button$1 {}
|
|
660
655
|
|
|
661
656
|
__decorate([attr, __metadata("design:type", String)], Button.prototype, "connotation", void 0);
|
|
662
657
|
|
|
@@ -666,13 +661,11 @@ __decorate([attr, __metadata("design:type", String)], Button.prototype, "appeara
|
|
|
666
661
|
|
|
667
662
|
__decorate([attr, __metadata("design:type", String)], Button.prototype, "size", void 0);
|
|
668
663
|
|
|
669
|
-
__decorate([attr(
|
|
670
|
-
mode: 'fromView'
|
|
671
|
-
}), __metadata("design:type", Object)], Button.prototype, "label", void 0);
|
|
664
|
+
__decorate([attr, __metadata("design:type", String)], Button.prototype, "label", void 0);
|
|
672
665
|
|
|
673
666
|
applyMixins(Button, AffixIconWithTrailing);
|
|
674
667
|
|
|
675
|
-
var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n:host {\n outline: 0 none;\n}\n\n.control {\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n border: 0 none;\n background-color: var(--_appearance-color-fill);\n block-size: var(--button-block-size);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n color: var(--_appearance-color-text);\n
|
|
668
|
+
var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n:host {\n outline: 0 none;\n}\n\n.control {\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n border: 0 none;\n background-color: var(--_appearance-color-fill);\n block-size: var(--button-block-size);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n color: var(--_appearance-color-text);\n outline: 0 none;\n vertical-align: middle;\n}\n.control:not(.connotation-cta):not(.connotation-success):not(.connotation-alert) {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n --connotation-basis: var(--vvd-color-neutral);\n --connotation-basis-increment: var(--vvd-color-neutral-90);\n --connotation-contrast: var(--vvd-color-neutral-90);\n --connotation-fierce: var(--vvd-color-neutral-80);\n --connotation-firm: var(--vvd-color-primary);\n --connotation-soft: var(--vvd-color-neutral-20);\n --connotation-pale: var(--vvd-color-neutral-10);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n --connotation-basis: var(--vvd-color-cta);\n --connotation-basis-increment: var(--vvd-color-cta-70);\n --connotation-contrast: var(--vvd-color-cta-90);\n --connotation-fierce: var(--vvd-color-cta-80);\n --connotation-firm: var(--vvd-color-cta-70);\n --connotation-soft: var(--vvd-color-cta-20);\n --connotation-pale: var(--vvd-color-cta-10);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n --connotation-basis: var(--vvd-color-success);\n --connotation-basis-increment: var(--vvd-color-success-70);\n --connotation-contrast: var(--vvd-color-success-90);\n --connotation-fierce: var(--vvd-color-success-80);\n --connotation-firm: var(--vvd-color-success-70);\n --connotation-soft: var(--vvd-color-success-20);\n --connotation-pale: var(--vvd-color-success-10);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n --connotation-basis: var(--vvd-color-alert);\n --connotation-basis-increment: var(--vvd-color-alert-70);\n --connotation-contrast: var(--vvd-color-alert-90);\n --connotation-fierce: var(--vvd-color-alert-80);\n --connotation-firm: var(--vvd-color-alert-70);\n --connotation-soft: var(--vvd-color-alert-20);\n --connotation-pale: var(--vvd-color-alert-10);\n}\n\n.control.appearance-filled {\n --_appearance-color-text: var(--on-connotation);\n --_appearance-color-fill: var(--connotation);\n --_appearance-color-outline: transaprent;\n}\n.control.appearance-outlined {\n --_appearance-color-text: var(--connotation-firm);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: var(--connotation-firm);\n}\n.control {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: transaprent;\n}\n.control:hover:not(:disabled, .disabled).appearance-filled, .control.hovered:not(:disabled, .disabled).appearance-filled {\n --_appearance-color-text: var(--on-connotation);\n --_appearance-color-fill: var(--connotation-basis-increment);\n --_appearance-color-outline: transaprent;\n}\n.control:hover:not(:disabled, .disabled).appearance-outlined, .control.hovered:not(:disabled, .disabled).appearance-outlined {\n --_appearance-color-text: var(--connotation-firm);\n --_appearance-color-fill: var(--connotation-pale);\n --_appearance-color-outline: var(--connotation-firm);\n}\n.control:hover:not(:disabled, .disabled), .control.hovered:not(:disabled, .disabled) {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: var(--connotation-pale);\n --_appearance-color-outline: transaprent;\n}\n.control:disabled.appearance-filled, .control.disabled.appearance-filled {\n --_appearance-color-text: var(--vvd-color-neutral-50);\n --_appearance-color-fill: var(--vvd-color-neutral-30);\n --_appearance-color-outline: transaprent;\n}\n.control:disabled.appearance-outlined, .control.disabled.appearance-outlined {\n --_appearance-color-text: var(--vvd-color-neutral-50);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: var(--vvd-color-neutral-50);\n}\n.control:disabled, .control.disabled {\n --_appearance-color-text: var(--vvd-color-neutral-50);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: transaprent;\n}\n.control:active:not(:disabled, .disabled).appearance-filled, .control.active:not(:disabled, .disabled).appearance-filled {\n --_appearance-color-text: var(--on-connotation);\n --_appearance-color-fill: var(--connotation-fierce);\n --_appearance-color-outline: transaprent;\n}\n.control:active:not(:disabled, .disabled).appearance-outlined, .control.active:not(:disabled, .disabled).appearance-outlined {\n --_appearance-color-text: var(--connotation-firm);\n --_appearance-color-fill: var(--connotation-soft);\n --_appearance-color-outline: var(--connotation-firm);\n}\n.control:active:not(:disabled, .disabled), .control.active:not(:disabled, .disabled) {\n --_appearance-color-text: var(--connotation);\n --_appearance-color-fill: var(--connotation-soft);\n --_appearance-color-outline: transaprent;\n}\n.control:not(:disabled) {\n cursor: pointer;\n}\n.control:disabled {\n cursor: not-allowed;\n}\n.control.icon-only {\n padding-inline: 0;\n place-content: center;\n}\n@supports (aspect-ratio: 1) {\n .control.icon-only {\n aspect-ratio: 1;\n }\n}\n@supports not (aspect-ratio: 1) {\n .control.icon-only {\n inline-size: var(--button-block-size);\n }\n}\n\n/* Size */\n.control.size-base-small {\n --button-block-size: 32px;\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.size-base-small:not(.icon-only) {\n --button-icon-gap: 8px;\n padding-inline: 12px;\n}\n.control.size-base-small .icon {\n font-size: 16px;\n}\n\n.control.size-base-large {\n --button-block-size: 48px;\n font: 600 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.size-base-large:not(.icon-only) {\n --button-icon-gap: 10px;\n padding-inline: 20px;\n}\n.control.size-base-large .icon {\n font-size: 24px;\n}\n\n.control:not(.size-base-small):not(.size-base-large) {\n --button-block-size: 40px;\n font: 600 ultra-condensed 14px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control:not(.size-base-small):not(.size-base-large):not(.icon-only) {\n --button-icon-gap: 8px;\n padding-inline: 16px;\n}\n.control:not(.size-base-small):not(.size-base-large) .icon {\n font-size: 20px;\n}\n\n/* Shape */\n.control:not(.shape-pill) {\n border-radius: 6px;\n}\n\n.control.shape-pill:not(.icon-only) {\n border-radius: 24px;\n}\n.control.shape-pill.icon-only {\n border-radius: 50%;\n}\n\n/* Icon */\n:not(.icon-trailing) .icon {\n margin-inline-end: var(--button-icon-gap);\n}\n.icon-trailing .icon {\n order: 1;\n margin-inline-start: var(--button-icon-gap);\n}\n\n:not(:focus) .focus-indicator {\n display: none;\n}\n.appearance-outlined .focus-indicator, .appearance-ghost .focus-indicator {\n --focus-stroke-gap-color: transparent;\n}";
|
|
676
669
|
styleInject(css_248z);
|
|
677
670
|
|
|
678
671
|
let _ = t => t,
|
package/calendar/index.js
CHANGED
|
@@ -5,6 +5,7 @@ import '../shared/web.dom-collections.iterator.js';
|
|
|
5
5
|
import '../shared/es.object.assign.js';
|
|
6
6
|
import { b as _has, _ as _curry1, a as _curry2 } from '../shared/_has.js';
|
|
7
7
|
import '../shared/class-names.js';
|
|
8
|
+
import '../shared/object-set-prototype-of.js';
|
|
8
9
|
|
|
9
10
|
/** @internal */
|
|
10
11
|
function newSplice(index, removed, addedCount) {
|
package/icon/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { s as styleInject } from '../shared/style-inject.es.js';
|
|
|
3
3
|
import { I as Icon } from '../shared/icon.js';
|
|
4
4
|
import { w as when } from '../shared/when.js';
|
|
5
5
|
import { c as classNames } from '../shared/class-names.js';
|
|
6
|
-
import '../shared/
|
|
6
|
+
import '../shared/object-set-prototype-of.js';
|
|
7
7
|
import '../shared/_has.js';
|
|
8
8
|
|
|
9
9
|
var css_248z = ":host {\n display: inline-block;\n vertical-align: sub;\n}\n\n.control {\n display: flex;\n margin: unset;\n color: currentColor;\n contain: strict;\n}\n.control.connotation-primary {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n}\n\n.control.connotation-announcement {\n --connotation: var(--vvd-color-announcement);\n --on-connotation: var(--vvd-color-on-announcement);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n}\n\n.control[class*=connotation] {\n color: var(--connotation);\n}\n\nsvg {\n margin: auto;\n block-size: inherit;\n inline-size: inherit;\n}\n\n/* Size */\n.control:not(.size-base-small):not(.size-base):not(.size-base-large) {\n block-size: 1em;\n inline-size: 1em;\n}\n\n.control.size-base-small {\n block-size: 16px;\n inline-size: 16px;\n}\n\n.control.size-base {\n block-size: 24px;\n inline-size: 24px;\n}\n\n.control.size-base-large {\n block-size: 32px;\n inline-size: 32px;\n}";
|
|
@@ -22,7 +22,11 @@ const iconTemplate = () => html(_t || (_t = _`
|
|
|
22
22
|
<figure class="${0}">
|
|
23
23
|
${0}
|
|
24
24
|
</figure>
|
|
25
|
-
`), getClasses, when(x => x.svg, x => html(_t2 || (_t2 = _`${0}`), x.svg)));
|
|
25
|
+
`), getClasses, when(x => isValidString(x.svg), x => html(_t2 || (_t2 = _`${0}`), x.svg)));
|
|
26
|
+
|
|
27
|
+
function isValidString(value) {
|
|
28
|
+
return typeof value === 'string' && value.length > 0;
|
|
29
|
+
}
|
|
26
30
|
|
|
27
31
|
const vividIcon = Icon.compose({
|
|
28
32
|
baseName: 'icon',
|
package/index.js
CHANGED
|
@@ -16,8 +16,9 @@ export { vividAccordionItem } from './accordion-item/index.js';
|
|
|
16
16
|
export { vividAccordion } from './accordion/index.js';
|
|
17
17
|
export { d as designSystem, p as provideVividDesignSystem } from './shared/index.js';
|
|
18
18
|
import './shared/text-anchor.js';
|
|
19
|
-
import './shared/web.dom-collections.iterator.js';
|
|
20
19
|
import './shared/affix.js';
|
|
20
|
+
import './shared/web.dom-collections.iterator.js';
|
|
21
|
+
import './shared/object-set-prototype-of.js';
|
|
21
22
|
import './shared/icon.js';
|
|
22
23
|
import './shared/_has.js';
|
|
23
24
|
import './shared/anchor.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
2
|
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
3
3
|
export declare class AccordionItem extends FoundationElement {
|
|
4
|
-
heading
|
|
4
|
+
heading?: string;
|
|
5
5
|
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
6
6
|
noIndicator: boolean;
|
|
7
|
-
meta
|
|
7
|
+
meta?: string;
|
|
8
8
|
open: boolean;
|
|
9
9
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
10
10
|
private emitEvent;
|
package/lib/badge/badge.d.ts
CHANGED
package/lib/button/button.d.ts
CHANGED
package/lib/icon/icon.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ declare type IconConnotation = Extract<Connotation, Connotation.Primary | Connot
|
|
|
4
4
|
export declare class Icon extends FoundationElement {
|
|
5
5
|
connotation?: IconConnotation;
|
|
6
6
|
size?: Size;
|
|
7
|
-
svg
|
|
7
|
+
svg?: string;
|
|
8
8
|
type?: string;
|
|
9
9
|
typeChanged(): Promise<void>;
|
|
10
10
|
}
|
package/lib/tooltip/tooltip.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
2
|
import type { Placement } from '@floating-ui/dom';
|
|
3
3
|
export declare class Tooltip extends FoundationElement {
|
|
4
|
-
text
|
|
4
|
+
text?: string;
|
|
5
5
|
open: boolean;
|
|
6
6
|
corner?: Placement;
|
|
7
7
|
anchor?: string;
|
package/package.json
CHANGED
package/popup/index.js
CHANGED
|
@@ -2,8 +2,9 @@ import '../elevation/index.js';
|
|
|
2
2
|
import '../button/index.js';
|
|
3
3
|
import { F as FoundationElement, c as __classPrivateFieldGet, g as __classPrivateFieldSet, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
|
|
4
4
|
import { t as toString$3, s as speciesConstructor$1, f as functionApply } from '../shared/icon.js';
|
|
5
|
-
import {
|
|
5
|
+
import { a as objectCreate } from '../shared/web.dom-collections.iterator.js';
|
|
6
6
|
import '../shared/es.object.assign.js';
|
|
7
|
+
import { b as anObject$3, g as fails$5, i as global$5, x as functionCall, C as functionUncurryThis, T as shared$1, z as internalState, _ as _export, w as wellKnownSymbol$2, r as redefine$1, u as createNonEnumerableProperty$1, M as isObject$1, F as classofRaw, P as requireObjectCoercible$2, U as toIntegerOrInfinity$1, V as toPropertyKey$1, a as objectDefineProperty, m as createPropertyDescriptor$1, I as lengthOfArrayLike$1, W as toAbsoluteIndex$1, k as isCallable$1, X as toLength$1, G as getMethod$1 } from '../shared/object-set-prototype-of.js';
|
|
7
8
|
import { s as styleInject } from '../shared/style-inject.es.js';
|
|
8
9
|
import { w as when } from '../shared/when.js';
|
|
9
10
|
import { r as ref } from '../shared/aria-global.js';
|
package/progress/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
|
|
2
2
|
import { s as styleInject } from '../shared/style-inject.es.js';
|
|
3
|
-
import
|
|
3
|
+
import '../shared/web.dom-collections.iterator.js';
|
|
4
|
+
import { F as classofRaw, _ as _export, C as functionUncurryThis } from '../shared/object-set-prototype-of.js';
|
|
4
5
|
import { B as BaseProgress } from '../shared/base-progress.js';
|
|
5
6
|
import { w as when } from '../shared/when.js';
|
|
6
7
|
import { c as classNames } from '../shared/class-names.js';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { d as descriptors,
|
|
1
|
+
import { d as descriptors, C as functionUncurryThis, x as functionCall, g as fails$1, l as toObject$1, Q as indexedObject, R as objectGetOwnPropertySymbols, S as objectPropertyIsEnumerable, _ as _export } from './object-set-prototype-of.js';
|
|
2
|
+
import { o as objectKeys$1 } from './web.dom-collections.iterator.js';
|
|
2
3
|
|
|
3
4
|
var DESCRIPTORS = descriptors;
|
|
4
5
|
var uncurryThis = functionUncurryThis;
|
package/shared/icon.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { i as global$e, r as redefine$3, w as wellKnownSymbol$8, A as getBuiltIn$4, a as objectDefineProperty, d as descriptors, B as objectIsPrototypeOf, C as functionUncurryThis, D as functionBindNative, E as aCallable$4, p as iterators, F as classofRaw$1, k as isCallable$5, G as getMethod$2, x as functionCall, b as anObject$5, H as tryToString$3, I as lengthOfArrayLike$1, g as fails$4, J as inspectSource$2, K as engineUserAgent, c as html$1, f as documentCreateElement, j as hasOwnProperty_1, L as objectGetOwnPropertyDescriptor, M as isObject$2, _ as _export, q as objectSetPrototypeOf, n as setToStringTag$1, N as isForced_1, O as engineV8Version, z as internalState, P as requireObjectCoercible$1, y as functionName } from './object-set-prototype-of.js';
|
|
2
2
|
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, o as observable } from './index.js';
|
|
3
3
|
import { _ as _curry1, a as _curry2, b as _has } from './_has.js';
|
|
4
4
|
|
|
@@ -1356,25 +1356,20 @@ const loadSvg = iconId => fetch(baseUrlTemplate([iconId, 'svg'].join('.'), ICON_
|
|
|
1356
1356
|
|
|
1357
1357
|
const resolveIcon = memoizeWith$1(identity$1, (iconId = '') => iconId.trim() ? loadSvg(iconId) : Promise.resolve(''));
|
|
1358
1358
|
class Icon extends FoundationElement {
|
|
1359
|
-
constructor() {
|
|
1360
|
-
super(...arguments);
|
|
1361
|
-
this.svg = '';
|
|
1362
|
-
}
|
|
1363
|
-
|
|
1364
1359
|
async typeChanged() {
|
|
1365
|
-
this.svg =
|
|
1360
|
+
this.svg = undefined;
|
|
1366
1361
|
let timeout = setTimeout(() => {
|
|
1367
1362
|
this.svg = PLACEHOLDER_ICON;
|
|
1368
1363
|
timeout = setTimeout(() => {
|
|
1369
1364
|
if (this.svg === PLACEHOLDER_ICON) {
|
|
1370
|
-
this.svg =
|
|
1365
|
+
this.svg = undefined;
|
|
1371
1366
|
}
|
|
1372
1367
|
}, PLACEHOLDER_TIMEOUT);
|
|
1373
1368
|
}, PLACEHOLDER_DELAY);
|
|
1374
1369
|
await resolveIcon(this.type).then(svg => {
|
|
1375
1370
|
this.svg = svg;
|
|
1376
1371
|
}).catch(() => {
|
|
1377
|
-
this.svg =
|
|
1372
|
+
this.svg = undefined;
|
|
1378
1373
|
}).finally(() => {
|
|
1379
1374
|
clearTimeout(timeout);
|
|
1380
1375
|
});
|
|
@@ -1386,7 +1381,7 @@ __decorate([attr, __metadata("design:type", String)], Icon.prototype, "connotati
|
|
|
1386
1381
|
|
|
1387
1382
|
__decorate([attr, __metadata("design:type", String)], Icon.prototype, "size", void 0);
|
|
1388
1383
|
|
|
1389
|
-
__decorate([observable, __metadata("design:type",
|
|
1384
|
+
__decorate([observable, __metadata("design:type", String)], Icon.prototype, "svg", void 0);
|
|
1390
1385
|
|
|
1391
1386
|
__decorate([attr, __metadata("design:type", String)], Icon.prototype, "type", void 0);
|
|
1392
1387
|
|