@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.
- package/README.md +135 -4
- package/accordion/index.js +2 -4
- package/accordion-item/index.js +26 -20
- package/action-group/index.js +47 -0
- package/avatar/index.js +51 -0
- package/badge/index.js +14 -20
- package/banner/index.js +21 -86
- package/breadcrumb/index.js +20 -18
- package/breadcrumb-item/index.js +14 -11
- package/button/index.js +28 -661
- package/calendar/index.js +67 -25
- package/calendar-event/index.js +115 -0
- package/card/index.js +132 -0
- package/checkbox/index.js +180 -0
- package/dialog/index.js +279 -0
- package/divider/index.js +86 -0
- package/elevation/index.js +3 -31
- package/fab/index.js +100 -0
- package/focus/index.js +18 -3
- package/header/index.js +66 -0
- package/icon/index.js +9 -5
- package/index.js +45 -20
- package/layout/index.js +4 -6
- package/lib/accordion-item/accordion-item.d.ts +2 -2
- package/lib/accordion-item/index.d.ts +2 -1
- package/lib/action-group/action-group.d.ts +10 -0
- package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
- package/lib/{sidenav-item → action-group}/index.d.ts +1 -2
- package/lib/avatar/avatar.d.ts +14 -0
- package/lib/avatar/avatar.template.d.ts +4 -0
- package/lib/avatar/index.d.ts +3 -0
- package/lib/badge/badge.d.ts +6 -6
- package/lib/badge/index.d.ts +1 -1
- package/lib/banner/banner.d.ts +1 -1
- package/lib/banner/banner.template.d.ts +0 -2
- package/lib/banner/index.d.ts +1 -0
- package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/lib/breadcrumb-item/index.d.ts +1 -0
- package/lib/button/button.d.ts +6 -5
- package/lib/button/index.d.ts +2 -19
- package/lib/calendar/calendar.d.ts +3 -1
- package/lib/calendar/index.d.ts +0 -1
- package/lib/calendar-event/calendar-event.d.ts +14 -0
- package/lib/calendar-event/calendar-event.template.d.ts +4 -0
- package/lib/calendar-event/index.d.ts +2 -0
- package/lib/card/card.d.ts +10 -0
- package/lib/{text/text.template.d.ts → card/card.template.d.ts} +2 -2
- package/lib/card/index.d.ts +4 -0
- package/lib/checkbox/checkbox.d.ts +5 -0
- package/lib/checkbox/checkbox.template.d.ts +4 -0
- package/lib/checkbox/index.d.ts +4 -0
- package/lib/components.d.ts +22 -10
- package/lib/dialog/dialog.d.ts +20 -0
- package/lib/dialog/dialog.template.d.ts +4 -0
- package/lib/dialog/index.d.ts +5 -0
- package/lib/divider/divider.d.ts +3 -0
- package/lib/divider/divider.template.d.ts +4 -0
- package/lib/divider/index.d.ts +2 -0
- package/lib/elevation/elevation.d.ts +1 -0
- package/lib/elevation/index.d.ts +1 -1
- package/lib/enums.d.ts +12 -6
- package/lib/fab/fab.d.ts +13 -0
- package/lib/fab/fab.template.d.ts +4 -0
- package/lib/fab/index.d.ts +4 -0
- package/lib/focus/index.d.ts +1 -1
- package/lib/header/header.d.ts +5 -0
- package/lib/header/header.template.d.ts +4 -0
- package/lib/header/index.d.ts +3 -0
- package/lib/icon/icon.d.ts +4 -3
- package/lib/layout/index.d.ts +1 -1
- package/lib/layout/layout.d.ts +3 -3
- package/lib/menu/index.d.ts +11 -0
- package/lib/menu/menu.d.ts +7 -0
- package/lib/menu/menu.template.d.ts +3 -0
- package/lib/nav/index.d.ts +2 -0
- package/lib/nav/nav.d.ts +3 -0
- package/lib/nav/nav.template.d.ts +4 -0
- package/lib/nav-disclosure/index.d.ts +4 -0
- package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
- package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
- package/lib/nav-item/index.d.ts +4 -0
- package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
- package/lib/nav-item/nav-item.template.d.ts +4 -0
- package/lib/{text → note}/index.d.ts +1 -1
- package/lib/note/note.d.ts +10 -0
- package/lib/note/note.template.d.ts +5 -0
- package/lib/popup/index.d.ts +1 -1
- package/lib/popup/popup.d.ts +3 -15
- package/lib/progress/progress.d.ts +1 -1
- package/lib/progress-ring/progress-ring.d.ts +2 -1
- package/lib/side-drawer/index.d.ts +1 -1
- package/lib/side-drawer/side-drawer.d.ts +4 -7
- package/lib/side-drawer/side-drawer.template.d.ts +2 -2
- package/lib/text-anchor/text-anchor.d.ts +1 -1
- package/lib/text-area/index.d.ts +3 -0
- package/lib/text-area/text-area.d.ts +9 -0
- package/lib/text-area/text-area.template.d.ts +4 -0
- package/lib/text-field/index.d.ts +4 -0
- package/lib/text-field/text-field.d.ts +16 -0
- package/lib/text-field/text-field.template.d.ts +5 -0
- package/lib/tooltip/tooltip.d.ts +2 -4
- package/menu/index.js +659 -0
- package/nav/index.js +17 -0
- package/nav-disclosure/index.js +88 -0
- package/nav-item/index.js +41 -0
- package/note/index.js +66 -0
- package/package.json +49 -8
- package/popup/index.js +19 -2082
- package/progress/index.js +35 -28
- package/progress-ring/index.js +9 -5
- package/shared/anchor.js +8 -1
- package/shared/aria-global.js +3 -40
- package/shared/base-progress.js +5 -0
- package/shared/button.js +199 -0
- package/shared/calendar-event.js +26 -0
- package/shared/dialog-polyfill.esm.js +858 -0
- package/shared/enums.js +79 -0
- package/shared/es.object.assign.js +7 -6
- package/shared/export.js +995 -0
- package/shared/focus.js +5 -0
- package/shared/focus2.js +11 -0
- package/shared/form-associated.js +554 -0
- package/shared/form-elements.js +298 -0
- package/shared/icon.js +533 -520
- package/shared/index.js +79 -56
- package/shared/index2.js +26 -12
- package/shared/index3.js +2113 -0
- package/shared/iterators.js +61 -0
- package/shared/object-keys.js +13 -0
- package/shared/patterns/focus.d.ts +3 -0
- package/shared/patterns/form-elements.d.ts +22 -0
- package/shared/patterns/index.d.ts +1 -0
- package/shared/ref.js +41 -0
- package/shared/text-anchor.js +2 -11
- package/shared/text-anchor.template.js +5 -2
- package/shared/to-string.js +51 -0
- package/shared/web.dom-collections.iterator.js +78 -1083
- package/side-drawer/index.js +50 -51
- package/styles/core/all.css +75 -0
- package/styles/core/theme.css +11 -0
- package/styles/core/typography.css +69 -0
- package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff +0 -0
- package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff2 +0 -0
- package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff +0 -0
- package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff2 +0 -0
- package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff +0 -0
- package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff2 +0 -0
- package/styles/fonts/spezia.css +12 -12
- package/styles/tokens/theme-dark.css +210 -0
- package/styles/tokens/theme-light.css +210 -0
- package/text-anchor/index.js +8 -1
- package/text-area/index.js +302 -0
- package/text-field/index.js +150 -0
- package/tooltip/index.js +19 -23
- package/lib/text/text.d.ts +0 -10
- package/shared/style-inject.es.js +0 -28
- package/sidenav-item/index.js +0 -38
- package/styles/themes/dark.css +0 -193
- package/styles/themes/light.css +0 -193
- 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,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;
|
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 };
|
package/shared/text-anchor.js
CHANGED
|
@@ -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 './
|
|
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 };
|