@vonage/vivid 4.14.0 → 4.14.1

package/shared/applyMixinsWithObservables.js

@@ -1,5 +1,5 @@
 import { a as applyMixins } from './apply-mixins2.js';
-import { O as Observable } from './defineVividComponent.js';
+import { O as Observable } from './vivid-element.js';
 
 function applyMixinsWithObservables(derivedCtor, ...baseCtors) {
   applyMixins(derivedCtor, ...baseCtors);

package/shared/aria-global.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -15,79 +15,79 @@ class ARIAGlobalStatesAndProperties {
 }
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-atomic" })
+  vividElement.attr({ attribute: "aria-atomic" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-busy" })
+  vividElement.attr({ attribute: "aria-busy" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-controls" })
+  vividElement.attr({ attribute: "aria-controls" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-current" })
+  vividElement.attr({ attribute: "aria-current" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-describedby" })
+  vividElement.attr({ attribute: "aria-describedby" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-details" })
+  vividElement.attr({ attribute: "aria-details" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-disabled" })
+  vividElement.attr({ attribute: "aria-disabled" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-errormessage" })
+  vividElement.attr({ attribute: "aria-errormessage" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-flowto" })
+  vividElement.attr({ attribute: "aria-flowto" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-haspopup" })
+  vividElement.attr({ attribute: "aria-haspopup" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-hidden" })
+  vividElement.attr({ attribute: "aria-hidden" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-invalid" })
+  vividElement.attr({ attribute: "aria-invalid" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-keyshortcuts" })
+  vividElement.attr({ attribute: "aria-keyshortcuts" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-label" })
+  vividElement.attr({ attribute: "aria-label" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-labelledby" })
+  vividElement.attr({ attribute: "aria-labelledby" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-live" })
+  vividElement.attr({ attribute: "aria-live" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-owns" })
+  vividElement.attr({ attribute: "aria-owns" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-relevant" })
+  vividElement.attr({ attribute: "aria-relevant" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-roledescription" })
+  vividElement.attr({ attribute: "aria-roledescription" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
 
 exports.ARIAGlobalStatesAndProperties = ARIAGlobalStatesAndProperties;

package/shared/aria-global.js

@@ -1,4 +1,4 @@
-import { a as attr } from './defineVividComponent.js';
+import { a as attr } from './vivid-element.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/shared/aria-global2.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-const foundationElement = require('./foundation-element.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
+const keyCodes = require('./key-codes2.cjs');
+const vividElement = require('./vivid-element.cjs');
 
 /**
  * Some states and properties are applicable to all host language elements regardless of whether a role is applied.
@@ -14,62 +14,62 @@ const defineVividComponent = require('./defineVividComponent.cjs');
  */
 class ARIAGlobalStatesAndProperties {
 }
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-atomic" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-atomic" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-busy" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-busy" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-controls" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-controls" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-current" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-current" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-describedby" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-describedby" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-details" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-details" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-disabled" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-disabled" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-errormessage" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-errormessage" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-flowto" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-flowto" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-haspopup" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-haspopup" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-hidden" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-hidden" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-invalid" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-invalid" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-keyshortcuts" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-keyshortcuts" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-label" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-label" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-labelledby" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-labelledby" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-live" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-live" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-owns" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-owns" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-relevant" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-relevant" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "aria-roledescription" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "aria-roledescription" })
 ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
 
 exports.ARIAGlobalStatesAndProperties = ARIAGlobalStatesAndProperties;

package/shared/aria-global2.js

@@ -1,5 +1,5 @@
-import { _ as __decorate } from './foundation-element.js';
-import { a as attr } from './defineVividComponent.js';
+import { _ as __decorate } from './key-codes2.js';
+import { a as attr } from './vivid-element.js';
 
 /**
  * Some states and properties are applicable to all host language elements regardless of whether a role is applied.

package/shared/base-progress.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
-const foundationElement = require('./foundation-element.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -12,7 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
-class BaseProgress extends foundationElement.FoundationElement {
+class BaseProgress extends vividElement.VividElement {
   constructor() {
     super(...arguments);
     this.percentComplete = 0;
@@ -58,22 +57,22 @@ class BaseProgress extends foundationElement.FoundationElement {
 }
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], BaseProgress.prototype, "value");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], BaseProgress.prototype, "min");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], BaseProgress.prototype, "max");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], BaseProgress.prototype, "paused");
 __decorateClass([
-  defineVividComponent.observable
+  vividElement.observable
 ], BaseProgress.prototype, "percentComplete");
 
 exports.BaseProgress = BaseProgress;

package/shared/base-progress.js

@@ -1,5 +1,4 @@
-import { F as FoundationElement } from './foundation-element.js';
-import { a as attr, n as nullableNumberConverter, o as observable } from './defineVividComponent.js';
+import { V as VividElement, a as attr, n as nullableNumberConverter, o as observable } from './vivid-element.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -10,7 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
-class BaseProgress extends FoundationElement {
+class BaseProgress extends VividElement {
   constructor() {
     super(...arguments);
     this.percentComplete = 0;

package/shared/breadcrumb-item.cjs

@@ -3,7 +3,6 @@
 const anchor = require('./anchor.cjs');
 const vividElement = require('./vivid-element.cjs');
 const applyMixins = require('./apply-mixins.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -21,10 +20,10 @@ class BreadcrumbItem extends vividElement.VividElement {
   }
 }
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], BreadcrumbItem.prototype, "text");
 __decorateClass([
-  defineVividComponent.observable
+  vividElement.observable
 ], BreadcrumbItem.prototype, "separator");
 applyMixins.applyMixins(BreadcrumbItem, anchor.Anchor);
 

package/shared/breadcrumb-item.js

@@ -1,7 +1,6 @@
 import { A as Anchor } from './anchor.js';
-import { V as VividElement } from './vivid-element.js';
+import { V as VividElement, a as attr, o as observable } from './vivid-element.js';
 import { a as applyMixins } from './apply-mixins.js';
-import { a as attr, o as observable } from './defineVividComponent.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/shared/button.cjs

@@ -4,7 +4,6 @@ const applyMixins = require('./apply-mixins.cjs');
 const formAssociated = require('./form-associated.cjs');
 const vividElement = require('./vivid-element.cjs');
 const ariaGlobal = require('./aria-global.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
 
 class _FoundationButton extends vividElement.VividElement {
 }
@@ -141,36 +140,36 @@ class VividFoundationButton extends FormAssociatedButton {
   }
 }
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], VividFoundationButton.prototype, "autofocus");
 __decorateClass([
-  defineVividComponent.attr({ attribute: "form" })
+  vividElement.attr({ attribute: "form" })
 ], VividFoundationButton.prototype, "formId");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], VividFoundationButton.prototype, "formaction");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], VividFoundationButton.prototype, "formenctype");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], VividFoundationButton.prototype, "formmethod");
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], VividFoundationButton.prototype, "formnovalidate");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], VividFoundationButton.prototype, "formtarget");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], VividFoundationButton.prototype, "type");
 class DelegatesARIAButton {
 }
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-expanded" })
+  vividElement.attr({ attribute: "aria-expanded" })
 ], DelegatesARIAButton.prototype, "ariaExpanded");
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-pressed" })
+  vividElement.attr({ attribute: "aria-pressed" })
 ], DelegatesARIAButton.prototype, "ariaPressed");
 applyMixins.applyMixins(DelegatesARIAButton, ariaGlobal.ARIAGlobalStatesAndProperties);
 applyMixins.applyMixins(VividFoundationButton, DelegatesARIAButton);

package/shared/button.js

@@ -1,8 +1,7 @@
 import { a as applyMixins } from './apply-mixins.js';
 import { F as FormAssociated } from './form-associated.js';
-import { V as VividElement } from './vivid-element.js';
+import { V as VividElement, a as attr } from './vivid-element.js';
 import { A as ARIAGlobalStatesAndProperties } from './aria-global.js';
-import { a as attr } from './defineVividComponent.js';
 
 class _FoundationButton extends VividElement {
 }

package/shared/calendar-event.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 const vividElement = require('./vivid-element.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -16,25 +15,25 @@ class CalendarEvent extends vividElement.VividElement {
   // TODO should be converted to allowed range
 }
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], CalendarEvent.prototype, "heading");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], CalendarEvent.prototype, "description");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], CalendarEvent.prototype, "connotation");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], CalendarEvent.prototype, "appearance");
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter, attribute: "overlap-count" })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter, attribute: "overlap-count" })
 ], CalendarEvent.prototype, "overlapCount");
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], CalendarEvent.prototype, "start");
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], CalendarEvent.prototype, "duration");
 
 exports.CalendarEvent = CalendarEvent;

package/shared/calendar-event.js

@@ -1,5 +1,4 @@
-import { V as VividElement } from './vivid-element.js';
-import { a as attr, n as nullableNumberConverter } from './defineVividComponent.js';
+import { V as VividElement, a as attr, n as nullableNumberConverter } from './vivid-element.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {

package/shared/children.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const slotted = require('./slotted.cjs');
 
 /**
@@ -55,7 +55,7 @@ function children(propertyOrOptions) {
             property: propertyOrOptions,
         };
     }
-    return new defineVividComponent.AttachedBehaviorHTMLDirective("fast-children", ChildrenBehavior, propertyOrOptions);
+    return new vividElement.AttachedBehaviorHTMLDirective("fast-children", ChildrenBehavior, propertyOrOptions);
 }
 
 exports.children = children;

package/shared/children.js

@@ -1,4 +1,4 @@
-import { b as AttachedBehaviorHTMLDirective } from './defineVividComponent.js';
+import { b as AttachedBehaviorHTMLDirective } from './vivid-element.js';
 import { N as NodeObservationBehavior } from './slotted.js';
 
 /**

package/shared/definition.cjs

@@ -1,10 +1,9 @@
 'use strict';
 
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const definition = require('./definition27.cjs');
 const affix = require('./affix.cjs');
 const applyMixins = require('./apply-mixins.cjs');
-const vividElement = require('./vivid-element.cjs');
 const ref = require('./ref.cjs');
 const when = require('./when.cjs');
 
@@ -38,36 +37,36 @@ class AccordionItem extends vividElement.VividElement {
   }
 }
 __decorateClass([
-  defineVividComponent.attr({
+  vividElement.attr({
     attribute: "heading-level",
     mode: "fromView",
-    converter: defineVividComponent.nullableNumberConverter
+    converter: vividElement.nullableNumberConverter
   })
 ], AccordionItem.prototype, "headinglevel");
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], AccordionItem.prototype, "expanded");
 // @ts-expect-error Type is incorrectly non-optional
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], AccordionItem.prototype, "id");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], AccordionItem.prototype, "heading");
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean", attribute: "no-indicator" })
+  vividElement.attr({ mode: "boolean", attribute: "no-indicator" })
 ], AccordionItem.prototype, "noIndicator");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], AccordionItem.prototype, "meta");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], AccordionItem.prototype, "size");
 applyMixins.applyMixins(AccordionItem, affix.AffixIconWithTrailing);
 
 const header = (context, hTag) => {
   const affixIconTemplate = affix.affixIconTemplateFactory(context);
-  return defineVividComponent.html`
+  return vividElement.html`
 		<${hTag} class="heading-container">
 			<button
 				class="heading-button ${(x) => x.size ? `size-${x.size}` : ""}"
@@ -82,7 +81,7 @@ const header = (context, hTag) => {
 
 				<span class="heading-content">${(x) => x.heading}</span>
 
-				${when.when((x) => x.meta, defineVividComponent.html`<span class="meta">${(x) => x.meta}</span>`)}
+				${when.when((x) => x.meta, vividElement.html`<span class="meta">${(x) => x.meta}</span>`)}
 
 				${(x) => x.icon && x.iconTrailing ? affixIconTemplate(x.icon) : null}
 				${(x) => !(x.icon && x.iconTrailing) && !x.noIndicator ? affixIconTemplate(
@@ -93,7 +92,7 @@ const header = (context, hTag) => {
 		</${hTag}>
 	`;
 };
-const AccordionItemTemplate = (context) => defineVividComponent.html`
+const AccordionItemTemplate = (context) => vividElement.html`
 	${(x) => header(context, "h" + x.headinglevel)}
 	<div
 		id="${(x) => x.id}-panel"
@@ -105,7 +104,7 @@ const AccordionItemTemplate = (context) => defineVividComponent.html`
 	</div>
 `;
 
-const accordionItemDefinition = defineVividComponent.defineVividComponent(
+const accordionItemDefinition = vividElement.defineVividComponent(
   "accordion-item",
   AccordionItem,
   AccordionItemTemplate,
@@ -114,7 +113,7 @@ const accordionItemDefinition = defineVividComponent.defineVividComponent(
     styles
   }
 );
-const registerAccordionItem = defineVividComponent.createRegisterFunction(
+const registerAccordionItem = vividElement.createRegisterFunction(
   accordionItemDefinition
 );
 

package/shared/definition.js

@@ -1,8 +1,7 @@
-import { a as attr, n as nullableNumberConverter, h as html, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
+import { V as VividElement, a as attr, n as nullableNumberConverter, h as html, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 import { i as iconDefinition } from './definition27.js';
 import { b as AffixIconWithTrailing, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
 import { a as applyMixins } from './apply-mixins.js';
-import { V as VividElement } from './vivid-element.js';
 import { r as ref } from './ref.js';
 import { w as when } from './when.js';
 

package/shared/definition10.cjs

@@ -1,11 +1,10 @@
 'use strict';
 
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const slotted = require('./slotted.cjs');
 const breadcrumbItem = require('./breadcrumb-item.cjs');
-const vividElement = require('./vivid-element.cjs');
 
-const breadcrumbTemplate = defineVividComponent.html`
+const breadcrumbTemplate = vividElement.html`
 	<nav aria-label="breadcrumbs" class="base">
 		<div role="list" class="list">
 			<slot
@@ -71,10 +70,10 @@ class Breadcrumb extends vividElement.VividElement {
   }
 }
 __decorateClass([
-  defineVividComponent.observable
+  vividElement.observable
 ], Breadcrumb.prototype, "slottedBreadcrumbItems");
 
-const breadcrumbDefinition = defineVividComponent.defineVividComponent(
+const breadcrumbDefinition = vividElement.defineVividComponent(
   "breadcrumb",
   Breadcrumb,
   breadcrumbTemplate,
@@ -83,7 +82,7 @@ const breadcrumbDefinition = defineVividComponent.defineVividComponent(
     styles
   }
 );
-const registerBreadcrumb = defineVividComponent.createRegisterFunction(breadcrumbDefinition);
+const registerBreadcrumb = vividElement.createRegisterFunction(breadcrumbDefinition);
 
 exports.breadcrumbDefinition = breadcrumbDefinition;
 exports.registerBreadcrumb = registerBreadcrumb;

package/shared/definition10.js

@@ -1,7 +1,6 @@
-import { h as html, o as observable, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
+import { h as html, V as VividElement, o as observable, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 import { s as slotted, e as elements } from './slotted.js';
 import { B as BreadcrumbItem } from './breadcrumb-item.js';
-import { V as VividElement } from './vivid-element.js';
 
 const breadcrumbTemplate = html`
 	<nav aria-label="breadcrumbs" class="base">