@vonage/vivid 4.14.0 → 4.14.2

package/shared/text-anchor.js

@@ -1,8 +1,7 @@
-import { A as AffixIcon } from './affix.js';
+import { b as AffixIcon } from './affix.js';
 import { a as applyMixins } from './apply-mixins.js';
 import { A as Anchor } from './anchor.js';
-import { F as FoundationElement } from './foundation-element.js';
-import { a as attr } from './defineVividComponent.js';
+import { V as VividElement, a as attr } from './vivid-element.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,7 +12,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
-class TextAnchor extends FoundationElement {
+class TextAnchor extends VividElement {
   /**
    * Allows subclasses to provide a body template that will be rendered inside the anchor.
    * @internal

package/shared/text-anchor.template.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const affix = require('./affix.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const ref = require('./ref.cjs');
 const classNames = require('./class-names.cjs');
 
@@ -13,7 +13,7 @@ const getClasses = ({ text, connotation, appearance }) => classNames.classNames(
 );
 const textAnchorTemplate = (context) => {
   const affixIconTemplate = affix.affixIconTemplateFactory(context);
-  return defineVividComponent.html`<a
+  return vividElement.html`<a
 		class="${getClasses}"
 		download="${(x) => x.download}"
 		href="${(x) => x.href}"

package/shared/text-anchor.template.js

@@ -1,5 +1,5 @@
 import { a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
-import { h as html } from './defineVividComponent.js';
+import { h as html } from './vivid-element.js';
 import { r as ref } from './ref.js';
 import { c as classNames } from './class-names.js';
 

package/shared/text-field2.cjs

@@ -1,10 +1,9 @@
 'use strict';
 
 const applyMixins = require('./apply-mixins.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const applyMixinsWithObservables = require('./applyMixinsWithObservables.cjs');
 const formAssociated = require('./form-associated.cjs');
-const vividElement = require('./vivid-element.cjs');
 const definition = require('./definition27.cjs');
 const formElements = require('./form-elements.cjs');
 const ariaGlobal = require('./aria-global.cjs');
@@ -93,7 +92,7 @@ class Reflector {
     });
   }
   destroy() {
-    const notifier = defineVividComponent.Observable.getNotifier(this.#source);
+    const notifier = vividElement.Observable.getNotifier(this.#source);
     for (const prop of this.#reflectedProperties.keys()) {
       notifier.unsubscribe(this.#propertyChangeHandler, prop);
     }
@@ -101,7 +100,7 @@ class Reflector {
   }
   #addReflectedProperty(name, reflected) {
     this.#reflectedProperties.set(name, reflected);
-    const notifier = defineVividComponent.Observable.getNotifier(this.#source);
+    const notifier = vividElement.Observable.getNotifier(this.#source);
     notifier.subscribe(this.#propertyChangeHandler, name);
     this.#propertyChangeHandler.handleChange(this.#source, name);
   }
@@ -111,14 +110,14 @@ class Reflector {
       const value = source[propertyName];
       switch (reflectedProperty.type) {
         case "boolean-attribute":
-          defineVividComponent.DOM.setBooleanAttribute(
+          vividElement.DOM.setBooleanAttribute(
             this.#target,
             reflectedProperty.destination,
             Boolean(value)
           );
           break;
         case "attribute":
-          defineVividComponent.DOM.setAttribute(this.#target, reflectedProperty.destination, value);
+          vividElement.DOM.setAttribute(this.#target, reflectedProperty.destination, value);
           break;
         case "property":
           if (reflectedProperty.skipIfEqual && this.#target[reflectedProperty.destination] === value) {
@@ -356,7 +355,7 @@ exports.TextField = class TextField extends FormAssociatedTextField {
     this.proxy.setAttribute("type", this.type);
     this.validate();
     if (this.autofocus) {
-      defineVividComponent.DOM.queueUpdate(() => {
+      vividElement.DOM.queueUpdate(() => {
         this.focus();
       });
     }
@@ -503,55 +502,55 @@ updateMirroredHelperText_fn = function() {
   }
 };
 __decorateClass([
-  defineVividComponent.attr({ attribute: "readonly", mode: "boolean" })
+  vividElement.attr({ attribute: "readonly", mode: "boolean" })
 ], exports.TextField.prototype, "readOnly", 2);
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], exports.TextField.prototype, "autofocus", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], exports.TextField.prototype, "placeholder", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], exports.TextField.prototype, "type", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], exports.TextField.prototype, "list", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], exports.TextField.prototype, "maxlength", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], exports.TextField.prototype, "minlength", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], exports.TextField.prototype, "pattern", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], exports.TextField.prototype, "size", 2);
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], exports.TextField.prototype, "spellcheck", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], exports.TextField.prototype, "appearance", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], exports.TextField.prototype, "shape", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], exports.TextField.prototype, "autoComplete", 2);
 __decorateClass([
-  defineVividComponent.attr()
+  vividElement.attr()
 ], exports.TextField.prototype, "scale", 2);
 __decorateClass([
-  defineVividComponent.attr({ attribute: "inputmode" })
+  vividElement.attr({ attribute: "inputmode" })
 ], exports.TextField.prototype, "inputMode", 2);
 __decorateClass([
-  defineVividComponent.observable
+  vividElement.observable
 ], exports.TextField.prototype, "actionItemsSlottedContent", 2);
 __decorateClass([
-  defineVividComponent.observable
+  vividElement.observable
 ], exports.TextField.prototype, "leadingActionItemsSlottedContent", 2);
 exports.TextField = __decorateClass([
   formElements.errorText,

package/shared/text-field2.js

@@ -1,12 +1,11 @@
 import { a as applyMixins } from './apply-mixins.js';
-import { O as Observable, D as DOM, a as attr, n as nullableNumberConverter, o as observable } from './defineVividComponent.js';
+import { O as Observable, D as DOM, V as VividElement, a as attr, n as nullableNumberConverter, o as observable } from './vivid-element.js';
 import { a as applyMixinsWithObservables } from './applyMixinsWithObservables.js';
 import { F as FormAssociated } from './form-associated.js';
-import { V as VividElement } from './vivid-element.js';
 import { m as memoizeWith } from './definition27.js';
 import { e as errorText, f as formElements, F as FormElementSuccessText, a as FormElementHelperText, b as FormElementCharCount } from './form-elements.js';
 import { A as ARIAGlobalStatesAndProperties } from './aria-global.js';
-import { A as AffixIcon } from './affix.js';
+import { b as AffixIcon } from './affix.js';
 
 const byteToHex = [];
 for (let i = 0; i < 256; ++i) {