@vonage/vivid 3.0.0-next.18 → 3.0.0-next.20
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/action-group/index.js +34 -0
- package/badge/index.js +1 -1
- package/banner/index.js +1 -1
- package/breadcrumb/index.js +2 -0
- package/button/index.js +1 -1
- package/calendar/index.js +4 -0
- package/card/index.js +1 -1
- package/fab/index.js +1 -1
- package/icon/index.js +1 -1
- package/index.js +2 -0
- package/lib/action-group/action-group.d.ts +9 -0
- package/lib/action-group/action-group.template.d.ts +4 -0
- package/lib/action-group/index.d.ts +2 -0
- package/lib/badge/badge.d.ts +1 -1
- package/lib/button/button.d.ts +1 -1
- package/lib/components.d.ts +2 -0
- package/lib/enums.d.ts +1 -2
- package/lib/fab/fab.d.ts +1 -1
- package/lib/icon/icon.d.ts +1 -1
- package/lib/progress/progress.d.ts +1 -1
- package/lib/progress-ring/progress-ring.d.ts +1 -1
- package/lib/text/text.d.ts +1 -1
- package/note/index.js +1 -1
- package/package.json +6 -5
- package/popup/index.js +19 -22
- package/progress/index.js +3 -3
- package/progress-ring/index.js +4 -3
- package/shared/anchor.js +8 -1
- package/shared/base-progress.js +5 -0
- package/shared/button.js +8 -1
- package/shared/enums.js +1 -2
- package/shared/es.object.assign.js +6 -6
- package/shared/icon.js +509 -462
- package/shared/index.js +55 -54
- package/shared/object-set-prototype-of.js +220 -199
- package/shared/web.dom-collections.iterator.js +22 -21
- package/text/index.js +1 -1
- package/text-field/index.js +31 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { o as objectKeysInternal, e as enumBugKeys$2, d as descriptors, v as v8PrototypeDefineBug, a as objectDefineProperty, b as anObject$2, t as toIndexedObject$2, h as hiddenKeys$1, s as sharedKey$2, c as html$1, f as documentCreateElement$2, w as wellKnownSymbol$4, g as fails$2, i as
|
|
1
|
+
import { o as objectKeysInternal, e as enumBugKeys$2, d as descriptors, v as v8PrototypeDefineBug, a as objectDefineProperty, b as anObject$2, t as toIndexedObject$2, h as hiddenKeys$1, s as sharedKey$2, c as html$1, f as documentCreateElement$2, w as wellKnownSymbol$4, g as fails$2, i as hasOwnProperty_1, j as isCallable$3, k as toObject$1, l as defineBuiltIn$2, m as createPropertyDescriptor$1, n as setToStringTag$2, p as iterators, _ as _export, q as objectSetPrototypeOf, r as createNonEnumerableProperty$2, u as functionCall, x as functionName, y as internalState, z as global$1 } from './object-set-prototype-of.js';
|
|
2
2
|
|
|
3
3
|
var objectDefineProperties = {};
|
|
4
4
|
|
|
@@ -7,21 +7,21 @@ var enumBugKeys$1 = enumBugKeys$2;
|
|
|
7
7
|
|
|
8
8
|
// `Object.keys` method
|
|
9
9
|
// https://tc39.es/ecma262/#sec-object.keys
|
|
10
|
-
// eslint-disable-next-line es/no-object-keys -- safe
|
|
10
|
+
// eslint-disable-next-line es-x/no-object-keys -- safe
|
|
11
11
|
var objectKeys$1 = Object.keys || function keys(O) {
|
|
12
12
|
return internalObjectKeys(O, enumBugKeys$1);
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
var DESCRIPTORS$1 = descriptors;
|
|
16
16
|
var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
|
|
17
|
-
var definePropertyModule
|
|
17
|
+
var definePropertyModule = objectDefineProperty;
|
|
18
18
|
var anObject$1 = anObject$2;
|
|
19
19
|
var toIndexedObject$1 = toIndexedObject$2;
|
|
20
20
|
var objectKeys = objectKeys$1;
|
|
21
21
|
|
|
22
22
|
// `Object.defineProperties` method
|
|
23
23
|
// https://tc39.es/ecma262/#sec-object.defineproperties
|
|
24
|
-
// eslint-disable-next-line es/no-object-defineproperties -- safe
|
|
24
|
+
// eslint-disable-next-line es-x/no-object-defineproperties -- safe
|
|
25
25
|
objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
|
|
26
26
|
anObject$1(O);
|
|
27
27
|
var props = toIndexedObject$1(Properties);
|
|
@@ -29,7 +29,7 @@ objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.de
|
|
|
29
29
|
var length = keys.length;
|
|
30
30
|
var index = 0;
|
|
31
31
|
var key;
|
|
32
|
-
while (length > index) definePropertyModule
|
|
32
|
+
while (length > index) definePropertyModule.f(O, key = keys[index++], props[key]);
|
|
33
33
|
return O;
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -105,6 +105,7 @@ hiddenKeys[IE_PROTO$1] = true;
|
|
|
105
105
|
|
|
106
106
|
// `Object.create` method
|
|
107
107
|
// https://tc39.es/ecma262/#sec-object.create
|
|
108
|
+
// eslint-disable-next-line es-x/no-object-create -- safe
|
|
108
109
|
var objectCreate = Object.create || function create(O, Properties) {
|
|
109
110
|
var result;
|
|
110
111
|
if (O !== null) {
|
|
@@ -119,7 +120,7 @@ var objectCreate = Object.create || function create(O, Properties) {
|
|
|
119
120
|
|
|
120
121
|
var wellKnownSymbol$3 = wellKnownSymbol$4;
|
|
121
122
|
var create$1 = objectCreate;
|
|
122
|
-
var
|
|
123
|
+
var defineProperty$1 = objectDefineProperty.f;
|
|
123
124
|
|
|
124
125
|
var UNSCOPABLES = wellKnownSymbol$3('unscopables');
|
|
125
126
|
var ArrayPrototype = Array.prototype;
|
|
@@ -127,7 +128,7 @@ var ArrayPrototype = Array.prototype;
|
|
|
127
128
|
// Array.prototype[@@unscopables]
|
|
128
129
|
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
|
|
129
130
|
if (ArrayPrototype[UNSCOPABLES] == undefined) {
|
|
130
|
-
|
|
131
|
+
defineProperty$1(ArrayPrototype, UNSCOPABLES, {
|
|
131
132
|
configurable: true,
|
|
132
133
|
value: create$1(null)
|
|
133
134
|
});
|
|
@@ -143,11 +144,10 @@ var fails$1 = fails$2;
|
|
|
143
144
|
var correctPrototypeGetter = !fails$1(function () {
|
|
144
145
|
function F() { /* empty */ }
|
|
145
146
|
F.prototype.constructor = null;
|
|
146
|
-
// eslint-disable-next-line es/no-object-getprototypeof -- required for testing
|
|
147
|
+
// eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
|
|
147
148
|
return Object.getPrototypeOf(new F()) !== F.prototype;
|
|
148
149
|
});
|
|
149
150
|
|
|
150
|
-
var global$1 = global$2;
|
|
151
151
|
var hasOwn = hasOwnProperty_1;
|
|
152
152
|
var isCallable$2 = isCallable$3;
|
|
153
153
|
var toObject = toObject$1;
|
|
@@ -155,24 +155,25 @@ var sharedKey = sharedKey$2;
|
|
|
155
155
|
var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
|
|
156
156
|
|
|
157
157
|
var IE_PROTO = sharedKey('IE_PROTO');
|
|
158
|
-
var Object
|
|
159
|
-
var ObjectPrototype = Object
|
|
158
|
+
var $Object = Object;
|
|
159
|
+
var ObjectPrototype = $Object.prototype;
|
|
160
160
|
|
|
161
161
|
// `Object.getPrototypeOf` method
|
|
162
162
|
// https://tc39.es/ecma262/#sec-object.getprototypeof
|
|
163
|
-
|
|
163
|
+
// eslint-disable-next-line es-x/no-object-getprototypeof -- safe
|
|
164
|
+
var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
|
|
164
165
|
var object = toObject(O);
|
|
165
166
|
if (hasOwn(object, IE_PROTO)) return object[IE_PROTO];
|
|
166
167
|
var constructor = object.constructor;
|
|
167
168
|
if (isCallable$2(constructor) && object instanceof constructor) {
|
|
168
169
|
return constructor.prototype;
|
|
169
|
-
} return object instanceof Object
|
|
170
|
+
} return object instanceof $Object ? ObjectPrototype : null;
|
|
170
171
|
};
|
|
171
172
|
|
|
172
173
|
var fails = fails$2;
|
|
173
174
|
var isCallable$1 = isCallable$3;
|
|
174
175
|
var getPrototypeOf$1 = objectGetPrototypeOf;
|
|
175
|
-
var
|
|
176
|
+
var defineBuiltIn$1 = defineBuiltIn$2;
|
|
176
177
|
var wellKnownSymbol$2 = wellKnownSymbol$4;
|
|
177
178
|
|
|
178
179
|
var ITERATOR$2 = wellKnownSymbol$2('iterator');
|
|
@@ -182,7 +183,7 @@ var BUGGY_SAFARI_ITERATORS$1 = false;
|
|
|
182
183
|
// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
|
|
183
184
|
var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
|
|
184
185
|
|
|
185
|
-
/* eslint-disable es/no-array-prototype-keys -- safe */
|
|
186
|
+
/* eslint-disable es-x/no-array-prototype-keys -- safe */
|
|
186
187
|
if ([].keys) {
|
|
187
188
|
arrayIterator = [].keys();
|
|
188
189
|
// Safari 8 has buggy iterators w/o `next`
|
|
@@ -204,7 +205,7 @@ if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
|
|
|
204
205
|
// `%IteratorPrototype%[@@iterator]()` method
|
|
205
206
|
// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
|
|
206
207
|
if (!isCallable$1(IteratorPrototype$2[ITERATOR$2])) {
|
|
207
|
-
|
|
208
|
+
defineBuiltIn$1(IteratorPrototype$2, ITERATOR$2, function () {
|
|
208
209
|
return this;
|
|
209
210
|
});
|
|
210
211
|
}
|
|
@@ -239,7 +240,7 @@ var getPrototypeOf = objectGetPrototypeOf;
|
|
|
239
240
|
var setPrototypeOf = objectSetPrototypeOf;
|
|
240
241
|
var setToStringTag = setToStringTag$2;
|
|
241
242
|
var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
|
|
242
|
-
var
|
|
243
|
+
var defineBuiltIn = defineBuiltIn$2;
|
|
243
244
|
var wellKnownSymbol$1 = wellKnownSymbol$4;
|
|
244
245
|
var Iterators$1 = iterators;
|
|
245
246
|
var IteratorsCore = iteratorsCore;
|
|
@@ -286,7 +287,7 @@ var defineIterator$1 = function (Iterable, NAME, IteratorConstructor, next, DEFA
|
|
|
286
287
|
if (setPrototypeOf) {
|
|
287
288
|
setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
|
|
288
289
|
} else if (!isCallable(CurrentIteratorPrototype[ITERATOR$1])) {
|
|
289
|
-
|
|
290
|
+
defineBuiltIn(CurrentIteratorPrototype, ITERATOR$1, returnThis);
|
|
290
291
|
}
|
|
291
292
|
}
|
|
292
293
|
// Set @@toStringTag to native iterators
|
|
@@ -313,14 +314,14 @@ var defineIterator$1 = function (Iterable, NAME, IteratorConstructor, next, DEFA
|
|
|
313
314
|
};
|
|
314
315
|
if (FORCED) for (KEY in methods) {
|
|
315
316
|
if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
|
|
316
|
-
|
|
317
|
+
defineBuiltIn(IterablePrototype, KEY, methods[KEY]);
|
|
317
318
|
}
|
|
318
319
|
} else $({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
|
|
319
320
|
}
|
|
320
321
|
|
|
321
322
|
// define iterator
|
|
322
323
|
if (IterablePrototype[ITERATOR$1] !== defaultIterator) {
|
|
323
|
-
|
|
324
|
+
defineBuiltIn(IterablePrototype, ITERATOR$1, defaultIterator, { name: DEFAULT });
|
|
324
325
|
}
|
|
325
326
|
Iterators$1[NAME] = defaultIterator;
|
|
326
327
|
|
|
@@ -431,7 +432,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
|
|
|
431
432
|
|
|
432
433
|
var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
|
|
433
434
|
|
|
434
|
-
var global = global$
|
|
435
|
+
var global = global$1;
|
|
435
436
|
var DOMIterables = domIterables;
|
|
436
437
|
var DOMTokenListPrototype = domTokenListPrototype;
|
|
437
438
|
var ArrayIteratorMethods = es_array_iterator;
|
package/text/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import '../shared/web.dom-collections.iterator.js';
|
|
|
4
4
|
import { c as classNames } from '../shared/class-names.js';
|
|
5
5
|
import '../shared/object-set-prototype-of.js';
|
|
6
6
|
|
|
7
|
-
var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control:not(.tight):not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2), .control.font-face-body-1:not(.tight), .control.font-face-body-1-bold:not(.tight), .control.font-face-body-1-code:not(.tight), .control.font-face-body-1-link:not(.tight), .control.font-face-body-2:not(.tight), .control.font-face-body-2-bold:not(.tight), .control.font-face-body-2-code:not(.tight), .control.font-face-body-2-link:not(.tight), .control.font-face-subtitle-1:not(.tight), .control.font-face-subtitle-2:not(.tight), .control.font-face-title-1:not(.tight), .control.font-face-title-2:not(.tight), .control.font-face-headline-1:not(.tight), .control.font-face-headline-2:not(.tight) {\n display: block;\n margin: var(--font-face-margin, 0);\n}\n\n.control {\n color: var(--
|
|
7
|
+
var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control:not(.tight):not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2), .control.font-face-body-1:not(.tight), .control.font-face-body-1-bold:not(.tight), .control.font-face-body-1-code:not(.tight), .control.font-face-body-1-link:not(.tight), .control.font-face-body-2:not(.tight), .control.font-face-body-2-bold:not(.tight), .control.font-face-body-2-code:not(.tight), .control.font-face-body-2-link:not(.tight), .control.font-face-subtitle-1:not(.tight), .control.font-face-subtitle-2:not(.tight), .control.font-face-title-1:not(.tight), .control.font-face-title-2:not(.tight), .control.font-face-headline-1:not(.tight), .control.font-face-headline-2:not(.tight) {\n display: block;\n margin: var(--font-face-margin, 0);\n}\n\n.control {\n color: var(--_connotation-color-primary);\n}\n.control.font-face-body-1 {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-bold {\n font: 600 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-code {\n font: 400 ultra-condensed 16px / 24px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-1-link {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-body-2 {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-bold {\n font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-code {\n font: 400 ultra-condensed 14px / 20px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-body-2-link {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-button {\n font: 600 ultra-condensed 14px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-button-dense {\n font: 600 ultra-condensed 12px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-button-enlarge {\n font: 600 ultra-condensed 16px / 100% SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-bold {\n font: 600 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-code {\n font: 400 ultra-condensed 12px / 16px SpeziaMonoWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-caption-link {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: underline;\n text-transform: none;\n}\n.control.font-face-headline-1 {\n font: 500 condensed 66px / 88px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-headline-2 {\n font: 500 condensed 52px / 68px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-subtitle-1 {\n font: 500 condensed 26px / 36px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-subtitle-2 {\n font: 500 condensed 20px / 28px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-title-1 {\n font: 500 condensed 40px / 52px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.font-face-title-2 {\n font: 500 condensed 32px / 44px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control:not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2) {\n font: 400 ultra-condensed 16px / 24px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n}\n.control.connotation-accent {\n --_connotation-color-primary: var(--vvd-color-on-canvas);\n}\n.control.connotation-cta {\n --_connotation-color-primary: var(--vvd-color-cta);\n}\n.control.connotation-success {\n --_connotation-color-primary: var(--vvd-color-success);\n}\n.control.connotation-alert {\n --_connotation-color-primary: var(--vvd-color-alert);\n}\n.control.connotation-announcement {\n --_connotation-color-primary: var(--vvd-color-announcement);\n}\n.control.connotation-info {\n --_connotation-color-primary: var(--vvd-color-info);\n}\n.control.font-face-headline-1, .control.font-face-headline-2 {\n --font-face-margin: 2.5rem 0;\n}\n.control.font-face-title-1, .control.font-face-title-2 {\n --font-face-margin: 2rem 0;\n}\n.control.font-face-subtitle-1, .control.font-face-subtitle-2 {\n --font-face-margin: 1.5rem 0;\n}\n.control:not(.font-face-body-1, .font-face-body-1-bold, .font-face-body-1-code, .font-face-body-1-link, .font-face-body-2, .font-face-body-2-bold, .font-face-body-2-code, .font-face-body-2-link, .font-face-button, .font-face-button-dense, .font-face-button-enlarge, .font-face-caption, .font-face-caption-bold, .font-face-caption-code, .font-face-caption-link, .font-face-headline-1, .font-face-headline-2, .font-face-subtitle-1, .font-face-subtitle-2, .font-face-title-1, .font-face-title-2), .control.font-face-body-1, .control.font-face-body-1-bold, .control.font-face-body-1-code, .control.font-face-body-1-link, .control.font-face-body-2, .control.font-face-body-2-bold, .control.font-face-body-2-code, .control.font-face-body-2-link {\n --font-face-margin: 1rem 0;\n}\n\n::slotted(:where(h1, h2, h3, h4, h5, h6, p)) {\n margin: initial;\n}\n\n::slotted(*) {\n color: inherit;\n font: inherit;\n}";
|
|
8
8
|
styleInject(css_248z);
|
|
9
9
|
|
|
10
10
|
class Text extends FoundationElement {
|
package/text-field/index.js
CHANGED
|
@@ -32,34 +32,41 @@ class FormAssociatedTextField extends FormAssociated(_TextField) {
|
|
|
32
32
|
* Text field sub-types
|
|
33
33
|
* @public
|
|
34
34
|
*/
|
|
35
|
-
|
|
36
|
-
(function (TextFieldType) {
|
|
35
|
+
const TextFieldType = {
|
|
37
36
|
/**
|
|
38
37
|
* An email TextField
|
|
39
38
|
*/
|
|
40
|
-
|
|
39
|
+
email: "email",
|
|
41
40
|
/**
|
|
42
41
|
* A password TextField
|
|
43
42
|
*/
|
|
44
|
-
|
|
43
|
+
password: "password",
|
|
45
44
|
/**
|
|
46
45
|
* A telephone TextField
|
|
47
46
|
*/
|
|
48
|
-
|
|
47
|
+
tel: "tel",
|
|
49
48
|
/**
|
|
50
49
|
* A text TextField
|
|
51
50
|
*/
|
|
52
|
-
|
|
51
|
+
text: "text",
|
|
53
52
|
/**
|
|
54
53
|
* A URL TextField
|
|
55
54
|
*/
|
|
56
|
-
|
|
57
|
-
}
|
|
55
|
+
url: "url",
|
|
56
|
+
};
|
|
58
57
|
|
|
59
58
|
/**
|
|
60
59
|
* A Text Field Custom HTML Element.
|
|
61
60
|
* Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text | <input type="text" /> element }.
|
|
62
61
|
*
|
|
62
|
+
* @slot start - Content which can be provided before the number field input
|
|
63
|
+
* @slot end - Content which can be provided after the number field input
|
|
64
|
+
* @slot - The default slot for the label
|
|
65
|
+
* @csspart label - The label
|
|
66
|
+
* @csspart root - The element wrapping the control, including start and end slots
|
|
67
|
+
* @csspart control - The text field element
|
|
68
|
+
* @fires change - Fires a custom 'change' event when the value has changed
|
|
69
|
+
*
|
|
63
70
|
* @public
|
|
64
71
|
*/
|
|
65
72
|
class TextField$1 extends FormAssociatedTextField {
|
|
@@ -143,6 +150,21 @@ class TextField$1 extends FormAssociatedTextField {
|
|
|
143
150
|
});
|
|
144
151
|
}
|
|
145
152
|
}
|
|
153
|
+
/**
|
|
154
|
+
* Selects all the text in the text field
|
|
155
|
+
*
|
|
156
|
+
* @public
|
|
157
|
+
*/
|
|
158
|
+
select() {
|
|
159
|
+
this.control.select();
|
|
160
|
+
/**
|
|
161
|
+
* The select event does not permeate the shadow DOM boundary.
|
|
162
|
+
* This fn effectively proxies the select event,
|
|
163
|
+
* emitting a `select` event whenever the internal
|
|
164
|
+
* control emits a `select` event
|
|
165
|
+
*/
|
|
166
|
+
this.$emit("select");
|
|
167
|
+
}
|
|
146
168
|
/**
|
|
147
169
|
* Handles the internal control's `input` event
|
|
148
170
|
* @internal
|
|
@@ -250,7 +272,7 @@ __decorate([volatile, __metadata("design:type", Object), __metadata("design:para
|
|
|
250
272
|
|
|
251
273
|
applyMixins(TextField, AffixIcon);
|
|
252
274
|
|
|
253
|
-
var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.base {\n display: grid;\n gap: 4px;\n grid-template-columns: min-content 1fr max-content;\n}\n.base {\n --
|
|
275
|
+
var css_248z = "/*\n Do not edit directly\n Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.base {\n display: grid;\n gap: 4px;\n grid-template-columns: min-content 1fr max-content;\n}\n.base {\n --_appearance-color-text: var(--vvd-color-on-canvas);\n --_appearance-color-fill: var(--vvd-color-canvas);\n --_appearance-color-outline: var(--vvd-color-neutral-50);\n}\n.base.appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: transaprent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled)) {\n --_appearance-color-text: var(--vvd-color-on-canvas);\n --_appearance-color-fill: var(--vvd-color-canvas);\n --_appearance-color-outline: var(--vvd-color-on-canvas);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled)).appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-faint);\n --_appearance-color-outline: transaprent;\n}\n.base:where(:disabled, .disabled) {\n --_appearance-color-text: var(--vvd-color-neutral-50);\n --_appearance-color-fill: var(--vvd-color-neutral-20);\n --_appearance-color-outline: var(--vvd-color-neutral-50);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-50);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: transaprent;\n}\n.base:where(:readonly, .readonly):where(:not(:disabled, .disabled, :hover, .hover, :active, .active)) {\n --_appearance-color-text: var(--vvd-color-on-canvas);\n --_appearance-color-fill: var(--vvd-color-neutral-20);\n --_appearance-color-outline: var(--vvd-color-neutral-50);\n}\n.base:where(:readonly, .readonly):where(:not(:disabled, .disabled, :hover, .hover, :active, .active)).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-50);\n --_appearance-color-fill: transaprent;\n --_appearance-color-outline: transaprent;\n}\n.base:where(.error):where(:not(:disabled, .disabled)) {\n --_appearance-color-text: var(--vvd-color-alert);\n --_appearance-color-fill: var(--vvd-color-alert-20);\n --_appearance-color-outline: var(--vvd-color-alert);\n}\n.base:where(.error):where(:not(:disabled, .disabled)).appearance-ghost {\n --_appearance-color-text: transparent;\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:not(.disabled) {\n --_low-ink-color: var(--vvd-color-neutral-70);\n}\n.base.disabled {\n --_low-ink-color: var(--vvd-color-neutral-50);\n}\n\n.label {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n grid-column: 1/4;\n grid-row: 1;\n}\n.char-count + .label {\n grid-column: 1/3;\n}\n.base:not(.disabled) .label {\n color: var(--vvd-color-on-canvas);\n}\n.base.disabled .label {\n color: var(--vvd-color-neutral-50);\n}\n\n.char-count {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n color: var(--_low-ink-color);\n grid-column: 3/4;\n}\n\n.fieldset {\n position: relative;\n display: flex;\n align-items: center;\n background-color: var(--_appearance-color-fill);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n color: var(--_appearance-color-text);\n contain: strict;\n grid-column: 1/4;\n padding-inline: 16px;\n transition: color 0.2s, box-shadow 0.2s, background-color 0.2s;\n /* Size */\n /* Shape */\n}\n.base:not(.density-extended) > .fieldset {\n block-size: 40px;\n}\n.base.density-extended > .fieldset {\n block-size: 48px;\n}\n.base:not(.shape-pill) .fieldset {\n border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n border-radius: 24px;\n}\n\n.control {\n font: 400 ultra-condensed 14px / 20px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n position: absolute;\n padding: 1px;\n border: 0 none;\n background-color: unset;\n border-radius: inherit;\n color: inherit;\n inset: 0;\n outline: 0 none;\n padding-inline-start: 16px;\n}\n.control::placeholder {\n color: var(--_low-ink-color);\n}\n\n.icon {\n position: relative;\n z-index: 1;\n color: var(--_low-ink-color);\n}\n.icon + .control {\n padding-inline-start: 44px;\n}\n\n.helper-text {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n color: var(--_low-ink-color);\n grid-column: 1/4;\n margin-inline-start: 16px;\n}\n\n.error-message {\n font: 400 ultra-condensed 12px / 16px SpeziaWebVariable;\n letter-spacing: 0px;\n text-decoration: none;\n text-transform: none;\n display: flex;\n color: var(--vvd-color-on-canvas);\n grid-column: 2/4;\n}\n.error-message-icon {\n color: var(--vvd-color-alert);\n font-size: 16px;\n grid-column: 1/2;\n}\n\n.focus-indicator {\n --focus-stroke-gap-color: transparent;\n pointer-events: none;\n}\n.fieldset:not(:focus-within) > .focus-indicator {\n display: none;\n}";
|
|
254
276
|
styleInject(css_248z);
|
|
255
277
|
|
|
256
278
|
let _ = t => t,
|