@vonage/vivid 3.0.0-next.57 → 3.0.0-next.59

package/note/index.js

@@ -14,7 +14,7 @@ import '../shared/to-string.js';
 import '../shared/_has.js';
 import '../shared/object-keys.js';
 
-var css_248z = "/**\n * Do not edit directly\n * Generated on Sat, 10 Sep 2022 18:25:53 GMT\n */\n.base {\n  display: flex;\n  align-items: stretch;\n  padding: 20px;\n  border-left: 8px solid var(--_connotation-color-primary);\n  background-color: var(--vvd-color-canvas);\n  border-radius: 6px;\n  box-shadow: inset 0 1px 0 0 var(--vvd-color-neutral-300), inset -1px 0 0 0 var(--vvd-color-neutral-300), inset 0 -1px 0 0 var(--vvd-color-neutral-300);\n  color: var(--vvd-color-canvas-text);\n}\n.base.connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n}\n.base.connotation-information {\n  --_connotation-color-primary: var(--vvd-color-information-500);\n}\n.base.connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n}\n.base.connotation-warning {\n  --_connotation-color-primary: var(--vvd-color-warning-500);\n}\n.base:not(.connotation-success, .connotation-information, .connotation-alert, .connotation-warning) {\n  --_connotation-color-primary: var(--vvd-color-announcement-500);\n}\n@supports (contain: content) {\n  .base {\n    contain: content;\n  }\n}\n@supports not (contain: content) {\n  .base {\n    overflow: hidden;\n  }\n}\n\n.icon {\n  align-self: flex-start;\n  font-size: 24px;\n  margin-inline-end: 16px;\n}\n\n.text {\n  display: flex;\n  min-height: 24px;\n  flex: 1;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n  text-align: start;\n}\n.text .headline {\n  font: var(--vvd-font-base-bold);\n}\n.text .message {\n  font: var(--vvd-font-base);\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Thu, 15 Sep 2022 08:34:53 GMT\n */\n.base {\n  display: flex;\n  align-items: stretch;\n  padding: 20px;\n  border-left: 8px solid var(--_connotation-color-primary);\n  background-color: var(--vvd-color-canvas);\n  border-radius: 6px;\n  box-shadow: inset 0 1px 0 0 var(--vvd-color-neutral-300), inset -1px 0 0 0 var(--vvd-color-neutral-300), inset 0 -1px 0 0 var(--vvd-color-neutral-300);\n  color: var(--vvd-color-canvas-text);\n}\n.base.connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n}\n.base.connotation-information {\n  --_connotation-color-primary: var(--vvd-color-information-500);\n}\n.base.connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n}\n.base.connotation-warning {\n  --_connotation-color-primary: var(--vvd-color-warning-500);\n}\n.base:not(.connotation-success, .connotation-information, .connotation-alert, .connotation-warning) {\n  --_connotation-color-primary: var(--vvd-color-announcement-500);\n}\n@supports (contain: content) {\n  .base {\n    contain: content;\n  }\n}\n@supports not (contain: content) {\n  .base {\n    overflow: hidden;\n  }\n}\n\n.icon {\n  align-self: flex-start;\n  font-size: 24px;\n  margin-inline-end: 16px;\n}\n\n.text {\n  display: flex;\n  min-height: 24px;\n  flex: 1;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n  text-align: start;\n}\n.text .headline {\n  font: var(--vvd-font-base-bold);\n}\n.text .message {\n  font: var(--vvd-font-base);\n}";
 
 class Note extends FoundationElement {}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid",
-  "version": "3.0.0-next.57",
+  "version": "3.0.0-next.59",
   "type": "module",
   "module": "./index.esm.js",
   "main": "./index.js",
@@ -49,12 +49,12 @@
   },
   "typings": "./index.d.ts",
   "dependencies": {
-    "@microsoft/fast-element": "^1.10.2",
-    "@microsoft/fast-foundation": "^2.46.9",
+    "@microsoft/fast-element": "^1.10.5",
+    "@microsoft/fast-foundation": "^2.46.14",
     "@microsoft/fast-web-utilities": "^5.4.1",
     "ramda": "^0.27.2",
     "dialog-polyfill": "^0.5.6",
-    "@floating-ui/dom": "^0.5.2"
+    "@floating-ui/dom": "^0.5.4"
   },
   "peerDependencies": {}
 }

package/progress/index.js

@@ -7,7 +7,7 @@ import { c as classNames } from '../shared/class-names.js';
 import '../shared/object-keys.js';
 import '../shared/iterators.js';
 
-var css_248z = "/**\n * Do not edit directly\n * Generated on Sat, 10 Sep 2022 18:25:53 GMT\n */\n.base {\n  height: 6px;\n  align-items: center;\n  margin: 0;\n  outline: none;\n}\n.base:not(.connotation-pacific).connotation-cta {\n  --_connotation-color-primary: var(--vvd-color-cta-500);\n}\n.base:not(.connotation-pacific).connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n}\n.base:not(.connotation-pacific).connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n}\n.base:not(.connotation-pacific):not(.connotation-cta, .connotation-alert, .connotation-success) {\n  --_connotation-color-primary: var(--vvd-color-canvas-text);\n}\n.base.connotation-pacific {\n  --_connotation-color-primary: linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600));\n}\n\n.progress {\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  background-color: var(--vvd-color-neutral-100);\n  block-size: 100%;\n  inline-size: 100%;\n  /* Shape */\n}\n.base:not(.shape-sharp) .progress {\n  border-radius: 3px;\n}\n\n.indeterminate {\n  display: flex;\n  background-color: var(--_connotation-color-primary);\n  block-size: 100%;\n  border-radius: inherit;\n  inline-size: 100%;\n}\n\n.determinate {\n  background-color: var(--_connotation-color-primary);\n  block-size: 100%;\n  border-radius: inherit;\n  transition: all 0.2s ease-in-out;\n}\n.connotation-pacific .determinate {\n  background-image: var(--_connotation-color-primary);\n}\n.reverse .determinate {\n  position: absolute;\n  right: 0;\n}\n.paused .determinate {\n  background-color: var(--vvd-color-neutral-300);\n}\n\n.indicator-1 {\n  animation: indeterminate-1 2s infinite;\n  inline-size: 30%;\n}\n\n.indicator-2 {\n  animation: indeterminate-2 2s infinite;\n  inline-size: 60%;\n}\n\n.indicator-1,\n.indicator-2 {\n  position: absolute;\n  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  background-color: var(--vvd-color-neutral-100);\n  block-size: 100%;\n  opacity: 0;\n}\n.connotation-pacific .indicator-1,\n.connotation-pacific .indicator-2 {\n  background-image: var(--_connotation-color-primary);\n}\n.paused .indicator-1,\n.paused .indicator-2 {\n  animation-play-state: paused;\n  background-color: var(--_connotation-color-primary);\n}\n.reverse .indicator-1,\n.reverse .indicator-2 {\n  animation-direction: reverse;\n}\n\n@keyframes indeterminate-1 {\n  0% {\n    opacity: 1;\n    transform: translateX(-100%);\n  }\n  70% {\n    opacity: 1;\n    transform: translateX(300%);\n  }\n  70.01% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(300%);\n  }\n}\n@keyframes indeterminate-2 {\n  0% {\n    opacity: 0;\n    transform: translateX(-150%);\n  }\n  29.99% {\n    opacity: 0;\n  }\n  30% {\n    opacity: 1;\n    transform: translateX(-150%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(166.66%);\n  }\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Thu, 15 Sep 2022 08:34:53 GMT\n */\n.base {\n  height: 6px;\n  align-items: center;\n  margin: 0;\n  outline: none;\n}\n.base:not(.connotation-pacific).connotation-cta {\n  --_connotation-color-primary: var(--vvd-color-cta-500);\n}\n.base:not(.connotation-pacific).connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n}\n.base:not(.connotation-pacific).connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n}\n.base:not(.connotation-pacific):not(.connotation-cta, .connotation-alert, .connotation-success) {\n  --_connotation-color-primary: var(--vvd-color-canvas-text);\n}\n.base.connotation-pacific {\n  --_connotation-color-primary: linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600));\n}\n\n.progress {\n  position: relative;\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  background-color: var(--vvd-color-neutral-100);\n  block-size: 100%;\n  inline-size: 100%;\n  /* Shape */\n}\n.base:not(.shape-sharp) .progress {\n  border-radius: 3px;\n}\n\n.indeterminate {\n  display: flex;\n  background-color: var(--_connotation-color-primary);\n  block-size: 100%;\n  border-radius: inherit;\n  inline-size: 100%;\n}\n\n.determinate {\n  background-color: var(--_connotation-color-primary);\n  block-size: 100%;\n  border-radius: inherit;\n  transition: all 0.2s ease-in-out;\n}\n.connotation-pacific .determinate {\n  background-image: var(--_connotation-color-primary);\n}\n.reverse .determinate {\n  position: absolute;\n  right: 0;\n}\n.paused .determinate {\n  background-color: var(--vvd-color-neutral-300);\n}\n\n.indicator-1 {\n  animation: indeterminate-1 2s infinite;\n  inline-size: 30%;\n}\n\n.indicator-2 {\n  animation: indeterminate-2 2s infinite;\n  inline-size: 60%;\n}\n\n.indicator-1,\n.indicator-2 {\n  position: absolute;\n  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  background-color: var(--vvd-color-neutral-100);\n  block-size: 100%;\n  opacity: 0;\n}\n.connotation-pacific .indicator-1,\n.connotation-pacific .indicator-2 {\n  background-image: var(--_connotation-color-primary);\n}\n.paused .indicator-1,\n.paused .indicator-2 {\n  animation-play-state: paused;\n  background-color: var(--_connotation-color-primary);\n}\n.reverse .indicator-1,\n.reverse .indicator-2 {\n  animation-direction: reverse;\n}\n\n@keyframes indeterminate-1 {\n  0% {\n    opacity: 1;\n    transform: translateX(-100%);\n  }\n  70% {\n    opacity: 1;\n    transform: translateX(300%);\n  }\n  70.01% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(300%);\n  }\n}\n@keyframes indeterminate-2 {\n  0% {\n    opacity: 0;\n    transform: translateX(-150%);\n  }\n  29.99% {\n    opacity: 0;\n  }\n  30% {\n    opacity: 1;\n    transform: translateX(-150%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(166.66%);\n  }\n}";
 
 var classof = classofRaw;
 
@@ -22,7 +22,7 @@ var $ = _export;
 var uncurryThis = functionUncurryThis;
 var isArray = isArray$1;
 
-var un$Reverse = uncurryThis([].reverse);
+var nativeReverse = uncurryThis([].reverse);
 var test = [1, 2];
 
 // `Array.prototype.reverse` method
@@ -33,7 +33,7 @@ $({ target: 'Array', proto: true, forced: String(test) === String(test.reverse()
   reverse: function reverse() {
     // eslint-disable-next-line no-self-assign -- dirty hack
     if (isArray(this)) this.length = this.length;
-    return un$Reverse(this);
+    return nativeReverse(this);
   }
 });
 

package/progress-ring/index.js

@@ -3,7 +3,7 @@ import { B as BaseProgress } from '../shared/base-progress.js';
 import { w as when } from '../shared/when.js';
 import { c as classNames } from '../shared/class-names.js';
 
-var css_248z = "/**\n * Do not edit directly\n * Generated on Sat, 10 Sep 2022 18:25:53 GMT\n */\n.base {\n  align-items: center;\n  block-size: var(--_density);\n  color: var(--_appearance-color-text);\n  inline-size: var(--_density);\n  outline: none;\n}\n.base.connotation-cta {\n  --_connotation-color-primary: var(--vvd-color-cta-500);\n}\n.base.connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n}\n.base.connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n}\n.base:not(.connotation-cta, .connotation-alert, .connotation-success) {\n  --_connotation-color-primary: var(--vvd-color-canvas-text);\n}\n.base {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transaprent;\n  --_appearance-color-outline: transaprent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transaprent;\n  --_appearance-color-outline: transaprent;\n}\n.base.density-5 {\n  --_density: calc(5 * 4px);\n}\n.base.density-6 {\n  --_density: calc(6 * 4px);\n}\n.base.density-7 {\n  --_density: calc(7 * 4px);\n}\n.base.density-8 {\n  --_density: calc(8 * 4px);\n}\n.base.density-9 {\n  --_density: calc(9 * 4px);\n}\n.base.density-11 {\n  --_density: calc(11 * 4px);\n}\n.base.density-12 {\n  --_density: calc(12 * 4px);\n}\n.base.density-13 {\n  --_density: calc(13 * 4px);\n}\n.base:not(.density-5, .density-6, .density-7, .density-8, .density-9, .density-11, .density-12, .density-13) {\n  --_density: calc(10 * 4px);\n}\n\n.progress {\n  width: 100%;\n  height: 100%;\n}\n\n.background {\n  fill: none;\n  stroke: transparent;\n  stroke-width: 2px;\n}\n\n.determinate {\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-width: 2px;\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: all 0.2s ease-in-out;\n}\n\n.indeterminate-indicator-1 {\n  animation: spin-infinite 2s linear infinite;\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-width: 2px;\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: all 0.2s ease-in-out;\n}\n\n.base.paused .indeterminate-indicator-1 {\n  animation-play-state: paused;\n}\n\n@keyframes spin-infinite {\n  0% {\n    stroke-dasharray: 0.01px 43.97px;\n    transform: rotate(0deg);\n  }\n  50% {\n    stroke-dasharray: 21.99px 21.99px;\n    transform: rotate(450deg);\n  }\n  100% {\n    stroke-dasharray: 0.01px 43.97px;\n    transform: rotate(1080deg);\n  }\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Thu, 15 Sep 2022 08:34:53 GMT\n */\n.base {\n  align-items: center;\n  block-size: var(--_density);\n  color: var(--_appearance-color-text);\n  inline-size: var(--_density);\n  outline: none;\n}\n.base.connotation-cta {\n  --_connotation-color-primary: var(--vvd-color-cta-500);\n}\n.base.connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n}\n.base.connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n}\n.base:not(.connotation-cta, .connotation-alert, .connotation-success) {\n  --_connotation-color-primary: var(--vvd-color-canvas-text);\n}\n.base {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transaprent;\n  --_appearance-color-outline: transaprent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transaprent;\n  --_appearance-color-outline: transaprent;\n}\n.base.density-5 {\n  --_density: calc(5 * 4px);\n}\n.base.density-6 {\n  --_density: calc(6 * 4px);\n}\n.base.density-7 {\n  --_density: calc(7 * 4px);\n}\n.base.density-8 {\n  --_density: calc(8 * 4px);\n}\n.base.density-9 {\n  --_density: calc(9 * 4px);\n}\n.base.density-11 {\n  --_density: calc(11 * 4px);\n}\n.base.density-12 {\n  --_density: calc(12 * 4px);\n}\n.base.density-13 {\n  --_density: calc(13 * 4px);\n}\n.base:not(.density-5, .density-6, .density-7, .density-8, .density-9, .density-11, .density-12, .density-13) {\n  --_density: calc(10 * 4px);\n}\n\n.progress {\n  width: 100%;\n  height: 100%;\n}\n\n.background {\n  fill: none;\n  stroke: transparent;\n  stroke-width: 2px;\n}\n\n.determinate {\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-width: 2px;\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: all 0.2s ease-in-out;\n}\n\n.indeterminate-indicator-1 {\n  animation: spin-infinite 2s linear infinite;\n  fill: none;\n  stroke: currentColor;\n  stroke-linecap: round;\n  stroke-width: 2px;\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: all 0.2s ease-in-out;\n}\n\n.base.paused .indeterminate-indicator-1 {\n  animation-play-state: paused;\n}\n\n@keyframes spin-infinite {\n  0% {\n    stroke-dasharray: 0.01px 43.97px;\n    transform: rotate(0deg);\n  }\n  50% {\n    stroke-dasharray: 21.99px 21.99px;\n    transform: rotate(450deg);\n  }\n  100% {\n    stroke-dasharray: 0.01px 43.97px;\n    transform: rotate(1080deg);\n  }\n}";
 
 class ProgressRing extends BaseProgress {}
 

package/shared/button.js

@@ -120,6 +120,10 @@ class Button extends FormAssociatedButton {
         next === "reset" && this.addEventListener("click", this.handleFormReset);
         previous === "reset" && this.removeEventListener("click", this.handleFormReset);
     }
+    /** {@inheritDoc (FormAssociated:interface).validate} */
+    validate() {
+        super.validate(this.control);
+    }
     /**
      * @internal
      */

package/shared/es.object.assign.js

@@ -1,4 +1,4 @@
-import { d as descriptors, f as functionUncurryThis, v as functionCall, e as fails$1, I as toObject$1, M as indexedObject, N as objectGetOwnPropertySymbols, O as objectPropertyIsEnumerable, _ as _export } from './export.js';
+import { d as descriptors, f as functionUncurryThis, x as functionCall, e as fails$1, J as toObject$1, N as indexedObject, O as objectGetOwnPropertySymbols, P as objectPropertyIsEnumerable, _ as _export } from './export.js';
 import { o as objectKeys$1 } from './object-keys.js';
 
 var DESCRIPTORS = descriptors;

package/shared/export.js

@@ -115,12 +115,20 @@ var indexedObject = fails$5(function () {
   return classof(it) == 'String' ? split(it, '') : $Object$2(it);
 } : $Object$2;
 
+// we can't use just `it == null` since of `document.all` special case
+// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
+var isNullOrUndefined$2 = function (it) {
+  return it === null || it === undefined;
+};
+
+var isNullOrUndefined$1 = isNullOrUndefined$2;
+
 var $TypeError$5 = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$2 = function (it) {
-  if (it == undefined) throw $TypeError$5("Can't call method on " + it);
+  if (isNullOrUndefined$1(it)) throw $TypeError$5("Can't call method on " + it);
   return it;
 };
 
@@ -140,7 +148,14 @@ var isCallable$a = function (argument) {
 
 var isCallable$9 = isCallable$a;
 
-var isObject$5 = function (it) {
+var documentAll = typeof document == 'object' && document.all;
+
+// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
+var SPECIAL_DOCUMENT_ALL = typeof documentAll == 'undefined' && documentAll !== undefined;
+
+var isObject$5 = SPECIAL_DOCUMENT_ALL ? function (it) {
+  return typeof it == 'object' ? it !== null : isCallable$9(it) || it === documentAll;
+} : function (it) {
   return typeof it == 'object' ? it !== null : isCallable$9(it);
 };
 
@@ -197,7 +212,7 @@ var V8_VERSION = engineV8Version;
 var fails$4 = fails$8;
 
 // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
-var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$4(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$4(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -208,7 +223,7 @@ var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$4(function () {
 
 /* eslint-disable es-x/no-symbol -- required for testing */
 
-var NATIVE_SYMBOL$1 = nativeSymbol;
+var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
 var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
@@ -250,12 +265,13 @@ var aCallable$1 = function (argument) {
 };
 
 var aCallable = aCallable$1;
+var isNullOrUndefined = isNullOrUndefined$2;
 
 // `GetMethod` abstract operation
 // https://tc39.es/ecma262/#sec-getmethod
 var getMethod$1 = function (V, P) {
   var func = V[P];
-  return func == null ? undefined : aCallable(func);
+  return isNullOrUndefined(func) ? undefined : aCallable(func);
 };
 
 var call$2 = functionCall;
@@ -302,10 +318,10 @@ var store$2 = sharedStore;
 (shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.22.8',
+  version: '3.25.1',
   mode: 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.22.8/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.25.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -345,7 +361,7 @@ var global$5 = global$a;
 var shared$2 = shared$3.exports;
 var hasOwn$6 = hasOwnProperty_1;
 var uid$1 = uid$2;
-var NATIVE_SYMBOL = nativeSymbol;
+var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var WellKnownSymbolsStore = shared$2('wks');
@@ -405,12 +421,12 @@ var toPropertyKey$2 = function (argument) {
 var global$4 = global$a;
 var isObject$2 = isObject$5;
 
-var document = global$4.document;
+var document$1 = global$4.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$2(document) && isObject$2(document.createElement);
+var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
 
 var documentCreateElement = function (it) {
-  return EXISTS$1 ? document.createElement(it) : {};
+  return EXISTS$1 ? document$1.createElement(it) : {};
 };
 
 var DESCRIPTORS$6 = descriptors;
@@ -519,11 +535,11 @@ objectDefineProperty.f = DESCRIPTORS$3 ? V8_PROTOTYPE_DEFINE_BUG ? function defi
 };
 
 var DESCRIPTORS$2 = descriptors;
-var definePropertyModule$1 = objectDefineProperty;
+var definePropertyModule$2 = objectDefineProperty;
 var createPropertyDescriptor = createPropertyDescriptor$2;
 
-var createNonEnumerableProperty$3 = DESCRIPTORS$2 ? function (object, key, value) {
-  return definePropertyModule$1.f(object, key, createPropertyDescriptor(1, value));
+var createNonEnumerableProperty$2 = DESCRIPTORS$2 ? function (object, key, value) {
+  return definePropertyModule$2.f(object, key, createPropertyDescriptor(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -562,15 +578,14 @@ if (!isCallable$4(store$1.inspectSource)) {
   };
 }
 
-var inspectSource$2 = store$1.inspectSource;
+var inspectSource$1 = store$1.inspectSource;
 
 var global$3 = global$a;
 var isCallable$3 = isCallable$a;
-var inspectSource$1 = inspectSource$2;
 
 var WeakMap$1 = global$3.WeakMap;
 
-var nativeWeakMap = isCallable$3(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
+var weakMapBasicDetection = isCallable$3(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
 var shared$1 = shared$3.exports;
 var uid = uid$2;
@@ -583,11 +598,11 @@ var sharedKey$1 = function (key) {
 
 var hiddenKeys$3 = {};
 
-var NATIVE_WEAK_MAP = nativeWeakMap;
+var NATIVE_WEAK_MAP = weakMapBasicDetection;
 var global$2 = global$a;
 var uncurryThis$2 = functionUncurryThis;
 var isObject = isObject$5;
-var createNonEnumerableProperty$2 = createNonEnumerableProperty$3;
+var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
 var hasOwn$3 = hasOwnProperty_1;
 var shared = sharedStore;
 var sharedKey = sharedKey$1;
@@ -617,7 +632,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var wmhas = uncurryThis$2(store.has);
   var wmset = uncurryThis$2(store.set);
   set = function (it, metadata) {
-    if (wmhas(store, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (wmhas(store, it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     wmset(store, it, metadata);
     return metadata;
@@ -632,9 +647,9 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey('state');
   hiddenKeys$2[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$3(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$3(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
-    createNonEnumerableProperty$2(it, STATE, metadata);
+    createNonEnumerableProperty$1(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
@@ -658,7 +673,7 @@ var isCallable$2 = isCallable$a;
 var hasOwn$2 = hasOwnProperty_1;
 var DESCRIPTORS = descriptors;
 var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
-var inspectSource = inspectSource$2;
+var inspectSource = inspectSource$1;
 var InternalStateModule = internalState;
 
 var enforceInternalState = InternalStateModule.enforce;
@@ -679,7 +694,8 @@ var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
   if (!hasOwn$2(value, 'name') || (CONFIGURABLE_FUNCTION_NAME && value.name !== name)) {
-    defineProperty(value, 'name', { value: name, configurable: true });
+    if (DESCRIPTORS) defineProperty(value, 'name', { value: name, configurable: true });
+    else value.name = name;
   }
   if (CONFIGURABLE_LENGTH && options && hasOwn$2(options, 'arity') && value.length !== options.arity) {
     defineProperty(value, 'length', { value: options.arity });
@@ -703,7 +719,7 @@ Function.prototype.toString = makeBuiltIn$1(function toString() {
 }, 'toString');
 
 var isCallable$1 = isCallable$a;
-var createNonEnumerableProperty$1 = createNonEnumerableProperty$3;
+var definePropertyModule$1 = objectDefineProperty;
 var makeBuiltIn = makeBuiltIn$2.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
@@ -716,10 +732,17 @@ var defineBuiltIn$1 = function (O, key, value, options) {
     if (simple) O[key] = value;
     else defineGlobalProperty$1(key, value);
   } else {
-    if (!options.unsafe) delete O[key];
-    else if (O[key]) simple = true;
+    try {
+      if (!options.unsafe) delete O[key];
+      else if (O[key]) simple = true;
+    } catch (error) { /* empty */ }
     if (simple) O[key] = value;
-    else createNonEnumerableProperty$1(O, key, value);
+    else definePropertyModule$1.f(O, key, {
+      value: value,
+      enumerable: false,
+      configurable: !options.nonConfigurable,
+      writable: !options.nonWritable
+    });
   } return O;
 };
 
@@ -916,7 +939,7 @@ var isForced_1 = isForced$1;
 
 var global$1 = global$a;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-var createNonEnumerableProperty = createNonEnumerableProperty$3;
+var createNonEnumerableProperty = createNonEnumerableProperty$2;
 var defineBuiltIn = defineBuiltIn$1;
 var defineGlobalProperty = defineGlobalProperty$3;
 var copyConstructorProperties = copyConstructorProperties$1;
@@ -969,4 +992,4 @@ var _export = function (options, source) {
   }
 };
 
-export { lengthOfArrayLike$1 as A, requireObjectCoercible$2 as B, functionName as C, v8PrototypeDefineBug as D, toIndexedObject$3 as E, hiddenKeys$3 as F, sharedKey$1 as G, enumBugKeys$1 as H, toObject$1 as I, createPropertyDescriptor$2 as J, createNonEnumerableProperty$3 as K, objectKeysInternal as L, indexedObject as M, objectGetOwnPropertySymbols as N, objectPropertyIsEnumerable as O, copyConstructorProperties$1 as P, shared$3 as Q, toIntegerOrInfinity$2 as R, toPropertyKey$2 as S, toAbsoluteIndex$1 as T, toLength$1 as U, _export as _, getBuiltIn$3 as a, objectIsPrototypeOf as b, classofRaw as c, descriptors as d, fails$8 as e, functionUncurryThis as f, global$a as g, inspectSource$2 as h, isCallable$a as i, anObject$2 as j, functionBindNative as k, aCallable$1 as l, engineUserAgent as m, documentCreateElement as n, objectDefineProperty as o, hasOwnProperty_1 as p, objectGetOwnPropertyDescriptor as q, isForced_1 as r, engineV8Version as s, tryToString$1 as t, defineBuiltIn$1 as u, functionCall as v, wellKnownSymbol$1 as w, isObject$5 as x, internalState as y, getMethod$1 as z };
+export { getMethod$1 as A, lengthOfArrayLike$1 as B, requireObjectCoercible$2 as C, functionName as D, v8PrototypeDefineBug as E, toIndexedObject$3 as F, hiddenKeys$3 as G, sharedKey$1 as H, enumBugKeys$1 as I, toObject$1 as J, createPropertyDescriptor$2 as K, createNonEnumerableProperty$2 as L, objectKeysInternal as M, indexedObject as N, objectGetOwnPropertySymbols as O, objectPropertyIsEnumerable as P, copyConstructorProperties$1 as Q, shared$3 as R, toIntegerOrInfinity$2 as S, toPropertyKey$2 as T, toAbsoluteIndex$1 as U, toLength$1 as V, _export as _, getBuiltIn$3 as a, objectIsPrototypeOf as b, classofRaw as c, descriptors as d, fails$8 as e, functionUncurryThis as f, global$a as g, inspectSource$1 as h, isCallable$a as i, anObject$2 as j, isNullOrUndefined$2 as k, functionBindNative as l, aCallable$1 as m, engineUserAgent as n, objectDefineProperty as o, documentCreateElement as p, hasOwnProperty_1 as q, objectGetOwnPropertyDescriptor as r, isForced_1 as s, tryToString$1 as t, engineV8Version as u, defineBuiltIn$1 as v, wellKnownSymbol$1 as w, functionCall as x, isObject$5 as y, internalState as z };

package/shared/form-associated.js

@@ -421,13 +421,10 @@ function FormAssociated(BaseCtor) {
             this.removeChild(this.proxy);
             (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeChild(this.proxySlot);
         }
-        /**
-         * Sets the validity of the custom element. By default this uses the proxy element to determine
-         * validity, but this can be extended or replaced in implementation.
-         */
-        validate() {
+        /** {@inheritDoc (FormAssociated:interface).validate} */
+        validate(anchor) {
             if (this.proxy instanceof HTMLElement) {
-                this.setValidity(this.proxy.validity, this.proxy.validationMessage);
+                this.setValidity(this.proxy.validity, this.proxy.validationMessage, anchor);
             }
         }
         /**

package/shared/form-elements.js

@@ -174,6 +174,10 @@ class TextField extends FormAssociatedTextField {
     handleChange() {
         this.$emit("change");
     }
+    /** {@inheritDoc (FormAssociated:interface).validate} */
+    validate() {
+        super.validate(this.control);
+    }
 }
 __decorate([
     attr({ attribute: "readonly", mode: "boolean" })

package/shared/icon.js

@@ -1,4 +1,4 @@
-import { c as classofRaw, g as global$8, w as wellKnownSymbol$6, a as getBuiltIn$5, o as objectDefineProperty, d as descriptors, b as objectIsPrototypeOf, f as functionUncurryThis, e as fails$4, i as isCallable$6, h as inspectSource$2, t as tryToString$3, j as anObject$5, k as functionBindNative, l as aCallable$6, m as engineUserAgent, n as documentCreateElement, p as hasOwnProperty_1, q as objectGetOwnPropertyDescriptor, r as isForced_1, s as engineV8Version, _ as _export, u as defineBuiltIn$3, v as functionCall, x as isObject$2, y as internalState, z as getMethod$2, A as lengthOfArrayLike$1, B as requireObjectCoercible$1, C as functionName } from './export.js';
+import { c as classofRaw, g as global$8, w as wellKnownSymbol$6, a as getBuiltIn$5, o as objectDefineProperty, d as descriptors, b as objectIsPrototypeOf, f as functionUncurryThis, e as fails$4, i as isCallable$6, h as inspectSource$2, t as tryToString$3, j as anObject$5, k as isNullOrUndefined$2, l as functionBindNative, m as aCallable$6, n as engineUserAgent, p as documentCreateElement, q as hasOwnProperty_1, r as objectGetOwnPropertyDescriptor, s as isForced_1, u as engineV8Version, _ as _export, v as defineBuiltIn$3, x as functionCall, y as isObject$2, z as internalState, A as getMethod$2, B as lengthOfArrayLike$1, C as requireObjectCoercible$1, D as functionName } from './export.js';
 import { h as html$1, o as objectSetPrototypeOf, s as setToStringTag$1, i as iterators } from './iterators.js';
 import { c as classof$3, t as toString$1 } from './to-string.js';
 import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, o as observable } from './index.js';
@@ -30,11 +30,11 @@ var setSpecies$1 = function (CONSTRUCTOR_NAME) {
 
 var isPrototypeOf$1 = objectIsPrototypeOf;
 
-var $TypeError$4 = TypeError;
+var $TypeError$5 = TypeError;
 
 var anInstance$1 = function (it, Prototype) {
   if (isPrototypeOf$1(Prototype, it)) return it;
-  throw $TypeError$4('Incorrect invocation');
+  throw $TypeError$5('Incorrect invocation');
 };
 
 var uncurryThis$3 = functionUncurryThis;
@@ -93,16 +93,17 @@ var isConstructor$1 = !construct || fails$3(function () {
 var isConstructor = isConstructor$1;
 var tryToString$2 = tryToString$3;
 
-var $TypeError$3 = TypeError;
+var $TypeError$4 = TypeError;
 
 // `Assert: IsConstructor(argument) is true`
 var aConstructor$1 = function (argument) {
   if (isConstructor(argument)) return argument;
-  throw $TypeError$3(tryToString$2(argument) + ' is not a constructor');
+  throw $TypeError$4(tryToString$2(argument) + ' is not a constructor');
 };
 
 var anObject$4 = anObject$5;
 var aConstructor = aConstructor$1;
+var isNullOrUndefined$1 = isNullOrUndefined$2;
 var wellKnownSymbol$4 = wellKnownSymbol$6;
 
 var SPECIES$1 = wellKnownSymbol$4('species');
@@ -112,7 +113,7 @@ var SPECIES$1 = wellKnownSymbol$4('species');
 var speciesConstructor$2 = function (O, defaultConstructor) {
   var C = anObject$4(O).constructor;
   var S;
-  return C === undefined || (S = anObject$4(C)[SPECIES$1]) == undefined ? defaultConstructor : aConstructor(S);
+  return C === undefined || isNullOrUndefined$1(S = anObject$4(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
 };
 
 var NATIVE_BIND$1 = functionBindNative;
@@ -144,10 +145,10 @@ var uncurryThis$1 = functionUncurryThis;
 
 var arraySlice$1 = uncurryThis$1([].slice);
 
-var $TypeError$2 = TypeError;
+var $TypeError$3 = TypeError;
 
 var validateArgumentsLength$1 = function (passed, required) {
-  if (passed < required) throw $TypeError$2('Not enough arguments');
+  if (passed < required) throw $TypeError$3('Not enough arguments');
   return passed;
 };
 
@@ -166,7 +167,7 @@ var arraySlice = arraySlice$1;
 var createElement = documentCreateElement;
 var validateArgumentsLength = validateArgumentsLength$1;
 var IS_IOS$1 = engineIsIos;
-var IS_NODE$2 = engineIsNode;
+var IS_NODE$3 = engineIsNode;
 
 var set = global$6.setImmediate;
 var clear = global$6.clearImmediate;
@@ -224,7 +225,7 @@ if (!set || !clear) {
     delete queue$1[id];
   };
   // Node.js 0.8-
-  if (IS_NODE$2) {
+  if (IS_NODE$3) {
     defer = function (id) {
       process$2.nextTick(runner(id));
     };
@@ -288,10 +289,10 @@ var macrotask = task$1.set;
 var IS_IOS = engineIsIos;
 var IS_IOS_PEBBLE = engineIsIosPebble;
 var IS_WEBOS_WEBKIT = engineIsWebosWebkit;
-var IS_NODE$1 = engineIsNode;
+var IS_NODE$2 = engineIsNode;
 
 var MutationObserver = global$4.MutationObserver || global$4.WebKitMutationObserver;
-var document$1 = global$4.document;
+var document$2 = global$4.document;
 var process$1 = global$4.process;
 var Promise$1 = global$4.Promise;
 // Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
@@ -304,7 +305,7 @@ var flush, head, last, notify$1, toggle, node, promise, then;
 if (!queueMicrotask) {
   flush = function () {
     var parent, fn;
-    if (IS_NODE$1 && (parent = process$1.domain)) parent.exit();
+    if (IS_NODE$2 && (parent = process$1.domain)) parent.exit();
     while (head) {
       fn = head.fn;
       head = head.next;
@@ -321,9 +322,9 @@ if (!queueMicrotask) {
 
   // browsers with MutationObserver, except iOS - https://github.com/zloirock/core-js/issues/339
   // also except WebOS Webkit https://github.com/zloirock/core-js/issues/898
-  if (!IS_IOS && !IS_NODE$1 && !IS_WEBOS_WEBKIT && MutationObserver && document$1) {
+  if (!IS_IOS && !IS_NODE$2 && !IS_WEBOS_WEBKIT && MutationObserver && document$2) {
     toggle = true;
-    node = document$1.createTextNode('');
+    node = document$2.createTextNode('');
     new MutationObserver(flush).observe(node, { characterData: true });
     notify$1 = function () {
       node.data = toggle = !toggle;
@@ -339,7 +340,7 @@ if (!queueMicrotask) {
       then(flush);
     };
   // Node.js without promises
-  } else if (IS_NODE$1) {
+  } else if (IS_NODE$2) {
     notify$1 = function () {
       process$1.nextTick(flush);
     };
@@ -412,7 +413,16 @@ var global$2 = global$8;
 
 var promiseNativeConstructor = global$2.Promise;
 
-var engineIsBrowser = typeof window == 'object' && typeof Deno != 'object';
+/* global Deno -- Deno case */
+
+var engineIsDeno = typeof Deno == 'object' && Deno && typeof Deno.version == 'object';
+
+var IS_DENO$1 = engineIsDeno;
+var IS_NODE$1 = engineIsNode;
+
+var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
+  && typeof window == 'object'
+  && typeof document == 'object';
 
 var global$1 = global$8;
 var NativePromiseConstructor$4 = promiseNativeConstructor;
@@ -421,6 +431,7 @@ var isForced = isForced_1;
 var inspectSource = inspectSource$2;
 var wellKnownSymbol$3 = wellKnownSymbol$6;
 var IS_BROWSER = engineIsBrowser;
+var IS_DENO = engineIsDeno;
 var V8_VERSION = engineV8Version;
 
 NativePromiseConstructor$4 && NativePromiseConstructor$4.prototype;
@@ -438,18 +449,18 @@ var FORCED_PROMISE_CONSTRUCTOR$5 = isForced('Promise', function () {
   // We can't use @@species feature detection in V8 since it causes
   // deoptimization and performance degradation
   // https://github.com/zloirock/core-js/issues/679
-  if (V8_VERSION >= 51 && /native code/.test(PROMISE_CONSTRUCTOR_SOURCE)) return false;
-  // Detect correctness of subclassing with @@species support
-  var promise = new NativePromiseConstructor$4(function (resolve) { resolve(1); });
-  var FakePromise = function (exec) {
-    exec(function () { /* empty */ }, function () { /* empty */ });
-  };
-  var constructor = promise.constructor = {};
-  constructor[SPECIES] = FakePromise;
-  SUBCLASSING = promise.then(function () { /* empty */ }) instanceof FakePromise;
-  if (!SUBCLASSING) return true;
+  if (!V8_VERSION || V8_VERSION < 51 || !/native code/.test(PROMISE_CONSTRUCTOR_SOURCE)) {
+    // Detect correctness of subclassing with @@species support
+    var promise = new NativePromiseConstructor$4(function (resolve) { resolve(1); });
+    var FakePromise = function (exec) {
+      exec(function () { /* empty */ }, function () { /* empty */ });
+    };
+    var constructor = promise.constructor = {};
+    constructor[SPECIES] = FakePromise;
+    SUBCLASSING = promise.then(function () { /* empty */ }) instanceof FakePromise;
+    if (!SUBCLASSING) return true;
   // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test
-  return !GLOBAL_CORE_JS_PROMISE && IS_BROWSER && !NATIVE_PROMISE_REJECTION_EVENT$1;
+  } return !GLOBAL_CORE_JS_PROMISE && (IS_BROWSER || IS_DENO) && !NATIVE_PROMISE_REJECTION_EVENT$1;
 });
 
 var promiseConstructorDetection = {
@@ -462,10 +473,12 @@ var newPromiseCapability$2 = {};
 
 var aCallable$4 = aCallable$6;
 
+var $TypeError$2 = TypeError;
+
 var PromiseCapability = function (C) {
   var resolve, reject;
   this.promise = new C(function ($$resolve, $$reject) {
-    if (resolve !== undefined || reject !== undefined) throw TypeError('Bad Promise constructor');
+    if (resolve !== undefined || reject !== undefined) throw $TypeError$2('Bad Promise constructor');
     resolve = $$resolve;
     reject = $$reject;
   });
@@ -512,12 +525,12 @@ var NativePromisePrototype$2 = NativePromiseConstructor$3 && NativePromiseConstr
 var PromiseConstructor = NativePromiseConstructor$3;
 var PromisePrototype = NativePromisePrototype$2;
 var TypeError$1 = global.TypeError;
-var document = global.document;
+var document$1 = global.document;
 var process = global.process;
 var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
 var newGenericPromiseCapability = newPromiseCapability$1;
 
-var DISPATCH_EVENT = !!(document && document.createEvent && global.dispatchEvent);
+var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global.dispatchEvent);
 var UNHANDLED_REJECTION = 'unhandledrejection';
 var REJECTION_HANDLED = 'rejectionhandled';
 var PENDING = 0;
@@ -586,7 +599,7 @@ var notify = function (state, isReject) {
 var dispatchEvent = function (name, promise, reason) {
   var event, handler;
   if (DISPATCH_EVENT) {
-    event = document.createEvent('Event');
+    event = document$1.createEvent('Event');
     event.promise = promise;
     event.reason = reason;
     event.initEvent(name, false, true);
@@ -779,13 +792,14 @@ var isArrayIteratorMethod$1 = function (it) {
 
 var classof = classof$3;
 var getMethod$1 = getMethod$2;
+var isNullOrUndefined = isNullOrUndefined$2;
 var Iterators = iterators;
 var wellKnownSymbol$1 = wellKnownSymbol$6;
 
 var ITERATOR$1 = wellKnownSymbol$1('iterator');
 
 var getIteratorMethod$2 = function (it) {
-  if (it != undefined) return getMethod$1(it, ITERATOR$1)
+  if (!isNullOrUndefined(it)) return getMethod$1(it, ITERATOR$1)
     || getMethod$1(it, '@@iterator')
     || Iterators[classof(it)];
 };
@@ -851,6 +865,7 @@ var ResultPrototype = Result.prototype;
 var iterate$2 = function (iterable, unboundFunction, options) {
   var that = options && options.that;
   var AS_ENTRIES = !!(options && options.AS_ENTRIES);
+  var IS_RECORD = !!(options && options.IS_RECORD);
   var IS_ITERATOR = !!(options && options.IS_ITERATOR);
   var INTERRUPTED = !!(options && options.INTERRUPTED);
   var fn = bind(unboundFunction, that);
@@ -868,7 +883,9 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     } return INTERRUPTED ? fn(value, stop) : fn(value);
   };
 
-  if (IS_ITERATOR) {
+  if (IS_RECORD) {
+    iterator = iterable.iterator;
+  } else if (IS_ITERATOR) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
@@ -883,7 +900,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     iterator = getIterator(iterable, iterFn);
   }
 
-  next = iterator.next;
+  next = IS_RECORD ? iterable.next : iterator.next;
   while (!(step = call$3(next, iterator)).done) {
     try {
       result = callFn(step.value);