@vonage/vivid 3.0.0-next.20 → 3.0.0-next.21

package/shared/to-string.js

@@ -0,0 +1,51 @@
+import { w as wellKnownSymbol$2, r as classofRaw$1, i as isCallable$1 } from './export.js';
+
+var wellKnownSymbol$1 = wellKnownSymbol$2;
+
+var TO_STRING_TAG$1 = wellKnownSymbol$1('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG$1] = 'z';
+
+var toStringTagSupport = String(test) === '[object z]';
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var isCallable = isCallable$1;
+var classofRaw = classofRaw$1;
+var wellKnownSymbol = wellKnownSymbol$2;
+
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+var $Object = Object;
+
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (error) { /* empty */ }
+};
+
+// getting tag from ES6+ `Object.prototype.toString`
+var classof$1 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+  var O, tag, result;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
+    // builtinTag case
+    : CORRECT_ARGUMENTS ? classofRaw(O)
+    // ES3 arguments fallback
+    : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
+};
+
+var classof = classof$1;
+
+var $String = String;
+
+var toString = function (argument) {
+  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  return $String(argument);
+};
+
+export { classof$1 as c, toString as t };

package/shared/web.dom-collections.iterator.js

@@ -1,17 +1,9 @@
-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';
+import { d as descriptors, v as v8PrototypeDefineBug, o as objectDefineProperty, a as anObject$2, t as toIndexedObject$2, h as hiddenKeys$1, s as sharedKey$2, e as enumBugKeys$1, b as documentCreateElement$2, w as wellKnownSymbol$4, f as fails$2, c as hasOwnProperty_1, i as isCallable$3, g as toObject$1, j as defineBuiltIn$2, k as createPropertyDescriptor$1, _ as _export, l as createNonEnumerableProperty$2, m as functionCall, n as functionName, p as internalState, q as global$1 } from './export.js';
+import { o as objectKeys$1 } from './object-keys.js';
+import { h as html$1, s as setToStringTag$2, i as iterators, o as objectSetPrototypeOf } from './object-set-prototype-of.js';
 
 var objectDefineProperties = {};
 
-var internalObjectKeys = objectKeysInternal;
-var enumBugKeys$1 = enumBugKeys$2;
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es-x/no-object-keys -- safe
-var objectKeys$1 = Object.keys || function keys(O) {
-  return internalObjectKeys(O, enumBugKeys$1);
-};
-
 var DESCRIPTORS$1 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule = objectDefineProperty;
@@ -37,7 +29,7 @@ objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.de
 
 var anObject = anObject$2;
 var definePropertiesModule = objectDefineProperties;
-var enumBugKeys = enumBugKeys$2;
+var enumBugKeys = enumBugKeys$1;
 var hiddenKeys = hiddenKeys$1;
 var html = html$1;
 var documentCreateElement$1 = documentCreateElement$2;
@@ -471,4 +463,4 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-export { objectCreate as a, objectKeys$1 as o };
+export { objectCreate as o };

package/side-drawer/index.js

@@ -4,6 +4,8 @@ import { s as styleInject } from '../shared/style-inject.es.js';
 import { w as when } from '../shared/when.js';
 import { s as slotted } from '../shared/slotted.js';
 import { c as classNames } from '../shared/class-names.js';
+import '../shared/export.js';
+import '../shared/object-keys.js';
 import '../shared/object-set-prototype-of.js';
 
 class SideDrawer extends FoundationElement {

package/sidenav-item/index.js

@@ -6,11 +6,14 @@ import { T as TextAnchor } from '../shared/text-anchor.js';
 import { a as applyMixins } from '../shared/apply-mixins.js';
 import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
 import '../shared/icon.js';
+import '../shared/export.js';
 import '../shared/object-set-prototype-of.js';
+import '../shared/to-string.js';
 import '../shared/_has.js';
 import '../shared/when.js';
 import '../shared/class-names.js';
 import '../shared/web.dom-collections.iterator.js';
+import '../shared/object-keys.js';
 import '../shared/anchor.js';
 import '../shared/aria-global.js';
 

package/text/index.js

@@ -2,6 +2,8 @@ import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h
 import { s as styleInject } from '../shared/style-inject.es.js';
 import '../shared/web.dom-collections.iterator.js';
 import { c as classNames } from '../shared/class-names.js';
+import '../shared/export.js';
+import '../shared/object-keys.js';
 import '../shared/object-set-prototype-of.js';
 
 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}";

package/text-anchor/index.js

@@ -3,8 +3,11 @@ import { T as TextAnchor } from '../shared/text-anchor.js';
 import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
 import '../shared/affix.js';
 import '../shared/web.dom-collections.iterator.js';
+import '../shared/export.js';
+import '../shared/object-keys.js';
 import '../shared/object-set-prototype-of.js';
 import '../shared/icon.js';
+import '../shared/to-string.js';
 import '../shared/_has.js';
 import '../shared/anchor.js';
 import '../shared/apply-mixins.js';

package/text-field/index.js

@@ -11,8 +11,11 @@ import { s as styleInject } from '../shared/style-inject.es.js';
 import { w as when } from '../shared/when.js';
 import { c as classNames } from '../shared/class-names.js';
 import '../shared/icon.js';
+import '../shared/export.js';
 import '../shared/object-set-prototype-of.js';
+import '../shared/to-string.js';
 import '../shared/_has.js';
+import '../shared/object-keys.js';
 
 class _TextField extends FoundationElement {
 }
@@ -268,6 +271,8 @@ __decorate([attr, __metadata("design:type", String)], TextField.prototype, "shap
 
 __decorate([observable, __metadata("design:type", Object)], TextField.prototype, "userValid", void 0);
 
+__decorate([attr, __metadata("design:type", String)], TextField.prototype, "autoComplete", void 0);
+
 __decorate([volatile, __metadata("design:type", Object), __metadata("design:paramtypes", [])], TextField.prototype, "errorValidationMessage", null);
 
 applyMixins(TextField, AffixIcon);
@@ -340,7 +345,9 @@ const TextfieldTemplate = context => {
             placeholder="${0}"
             ?readonly="${0}"
             ?required="${0}"
-            size="${0}"
+            size="${0}" 
+            autocomplete="${0}"
+            name="${0}"
             ?spellcheck="${0}"
             :value="${0}"
             type="${0}"
@@ -369,7 +376,7 @@ const TextfieldTemplate = context => {
     </div>
 	  ${0}
 	  ${0}
-	</div>`), getStateClasses, when(x => x.charCount && x.maxlength, renderCharCount()), when(x => x.label, renderLabel()), x => affixIconTemplate(x.icon), x => x.handleTextInput(), x => x.handleChange(), x => x.autofocus, x => x.disabled, x => x.list, x => x.maxlength, x => x.minlength, x => x.pattern, x => x.placeholder, x => x.readOnly, x => x.required, x => x.size, x => x.spellcheck, x => x.value, 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.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, when(x => {
+	</div>`), getStateClasses, when(x => x.charCount && x.maxlength, renderCharCount()), when(x => x.label, renderLabel()), x => affixIconTemplate(x.icon), x => x.handleTextInput(), x => x.handleChange(), x => x.autofocus, x => x.disabled, x => x.list, x => x.maxlength, x => x.minlength, x => x.pattern, x => x.placeholder, x => x.readOnly, x => x.required, x => x.size, x => x.autoComplete, x => x.name, x => x.spellcheck, x => x.value, 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.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, when(x => {
     var _a;
 
     return !x.errorValidationMessage && ((_a = x.helperText) === null || _a === void 0 ? void 0 : _a.length);

package/tooltip/index.js

@@ -7,7 +7,9 @@ import '../elevation/index.js';
 import '../button/index.js';
 import '../icon/index.js';
 import '../shared/icon.js';
+import '../shared/export.js';
 import '../shared/object-set-prototype-of.js';
+import '../shared/to-string.js';
 import '../shared/_has.js';
 import '../shared/when.js';
 import '../focus/index.js';
@@ -17,6 +19,7 @@ import '../shared/button.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
 import '../shared/aria-global.js';
+import '../shared/object-keys.js';
 import '../shared/es.object.assign.js';
 
 var css_248z = "/*\n  Do not edit directly\n  Generated on Wed, 27 Apr 2022 11:58:36 GMT\n*/\n.control {\n  pointer-events: none;\n}\n\n.tooltip {\n  width: var(--tooltip-inline-size, 240px);\n}\n.tooltip-text {\n  font: 600 ultra-condensed 14px / 20px SpeziaWebVariable;\n  letter-spacing: 0px;\n  text-decoration: none;\n  text-transform: none;\n  padding: 8px 12px;\n  color: var(--vvd-color-on-canvas);\n}";