@vonage/vivid 4.14.0 → 4.14.1

package/shared/definition3.cjs

@@ -1,6 +1,5 @@
 'use strict';
 
-const defineVividComponent = require('./defineVividComponent.cjs');
 const vividElement = require('./vivid-element.cjs');
 const classNames = require('./class-names.cjs');
 
@@ -24,21 +23,21 @@ class ActionGroup extends vividElement.VividElement {
   }
 }
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], ActionGroup.prototype, "shape");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], ActionGroup.prototype, "appearance");
 __decorateClass([
-  defineVividComponent.attr({
+  vividElement.attr({
     mode: "boolean"
   })
 ], ActionGroup.prototype, "tight");
 __decorateClass([
-  defineVividComponent.attr()
+  vividElement.attr()
 ], ActionGroup.prototype, "role");
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-label" })
+  vividElement.attr({ attribute: "aria-label" })
 ], ActionGroup.prototype, "ariaLabel");
 
 const getClasses = ({ appearance, shape, tight }) => classNames.classNames(
@@ -47,7 +46,7 @@ const getClasses = ({ appearance, shape, tight }) => classNames.classNames(
   [`shape-${shape}`, Boolean(shape)],
   ["tight", tight]
 );
-const ActionGroupTemplate = defineVividComponent.html`<div
+const ActionGroupTemplate = vividElement.html`<div
 	class="${getClasses}"
 	role="${(x) => x.role ? x.role : "group"}"
 	aria-label="${(x) => x.ariaLabel}"
@@ -55,7 +54,7 @@ const ActionGroupTemplate = defineVividComponent.html`<div
 	<slot></slot>
 </div>`;
 
-const actionGroupDefinition = defineVividComponent.defineVividComponent(
+const actionGroupDefinition = vividElement.defineVividComponent(
   "action-group",
   ActionGroup,
   ActionGroupTemplate,
@@ -64,7 +63,7 @@ const actionGroupDefinition = defineVividComponent.defineVividComponent(
     styles
   }
 );
-const registerActionGroup = defineVividComponent.createRegisterFunction(
+const registerActionGroup = vividElement.createRegisterFunction(
   actionGroupDefinition
 );
 

package/shared/definition3.js

@@ -1,5 +1,4 @@
-import { a as attr, h as html, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
-import { V as VividElement } from './vivid-element.js';
+import { V as VividElement, a as attr, h as html, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 import { c as classNames } from './class-names.js';
 
 const styles = ":host{display:inline-block}.base{--_connotation-color-primary: var(--vvd-action-group-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-action-group-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-faint: var(--vvd-action-group-accent-faint, var(--vvd-color-neutral-50))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base{position:relative;display:flex;box-sizing:border-box;align-items:center;background-color:var(--_appearance-color-fill);inline-size:inherit;vertical-align:middle}.base:before{position:absolute;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";inset:0;pointer-events:none}.base:not(.tight){padding:4px;column-gap:4px}.base:not(.shape-pill){border-radius:8px}.base.shape-pill{border-radius:24px}::slotted([role=separator]){align-self:stretch;margin-block:4px}";

package/shared/definition30.cjs

@@ -1,10 +1,9 @@
 'use strict';
 
 const definition = require('./definition27.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const applyMixins = require('./apply-mixins.cjs');
 const affix = require('./affix.cjs');
-const vividElement = require('./vivid-element.cjs');
 const ref = require('./ref.cjs');
 const classNames = require('./class-names.cjs');
 
@@ -47,19 +46,19 @@ class NavDisclosure extends vividElement.VividElement {
   #onToggle;
 }
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NavDisclosure.prototype, "label");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NavDisclosure.prototype, "appearance");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NavDisclosure.prototype, "connotation");
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], NavDisclosure.prototype, "open");
 __decorateClass([
-  defineVividComponent.attr({ attribute: "aria-current" })
+  vividElement.attr({ attribute: "aria-current" })
 ], NavDisclosure.prototype, "ariaCurrent");
 applyMixins.applyMixins(NavDisclosure, affix.AffixIcon);
 
@@ -74,7 +73,7 @@ const getClasses = ({ appearance, connotation }) => classNames.classNames(
 const NavDisclosureTemplate = (context) => {
   const affixIconTemplate = affix.affixIconTemplateFactory(context);
   const iconTag = context.tagFor(definition.Icon);
-  return defineVividComponent.html`<details class="base" ${ref.ref("details")} ?open=${(x) => x.open}>
+  return vividElement.html`<details class="base" ${ref.ref("details")} ?open=${(x) => x.open}>
         <summary class="${getClasses}"
             role="button"
             aria-controls="disclosure-content"
@@ -93,7 +92,7 @@ const NavDisclosureTemplate = (context) => {
 	`;
 };
 
-const navDisclosureDefinition = defineVividComponent.defineVividComponent(
+const navDisclosureDefinition = vividElement.defineVividComponent(
   "nav-disclosure",
   NavDisclosure,
   NavDisclosureTemplate,
@@ -102,7 +101,7 @@ const navDisclosureDefinition = defineVividComponent.defineVividComponent(
     styles
   }
 );
-const registerNavDisclosure = defineVividComponent.createRegisterFunction(
+const registerNavDisclosure = vividElement.createRegisterFunction(
   navDisclosureDefinition
 );
 

package/shared/definition30.js

@@ -1,8 +1,7 @@
 import { I as Icon, i as iconDefinition } from './definition27.js';
-import { a as attr, h as html, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
+import { V as VividElement, a as attr, h as html, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 import { a as applyMixins } from './apply-mixins.js';
 import { A as AffixIcon, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
-import { V as VividElement } from './vivid-element.js';
 import { r as ref } from './ref.js';
 import { c as classNames } from './class-names.js';
 

package/shared/definition31.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const definition = require('./definition27.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const affix = require('./affix.cjs');
 const applyMixins = require('./apply-mixins.cjs');
 const textAnchor = require('./text-anchor.cjs');
@@ -11,14 +11,14 @@ const styles = ".control{display:inline-flex;box-sizing:border-box;align-items:c
 
 class NavItem extends textAnchor.TextAnchor {
   getBodyTemplate() {
-    return defineVividComponent.html`<slot name="meta"></slot>`;
+    return vividElement.html`<slot name="meta"></slot>`;
   }
 }
 applyMixins.applyMixins(NavItem, affix.AffixIcon);
 
-const NavItemTemplate = (context) => defineVividComponent.html` ${textAnchor_template.textAnchorTemplate(context)} `;
+const NavItemTemplate = (context) => vividElement.html` ${textAnchor_template.textAnchorTemplate(context)} `;
 
-const navItemDefinition = defineVividComponent.defineVividComponent(
+const navItemDefinition = vividElement.defineVividComponent(
   "nav-item",
   NavItem,
   NavItemTemplate,
@@ -30,7 +30,7 @@ const navItemDefinition = defineVividComponent.defineVividComponent(
     }
   }
 );
-const registerNavItem = defineVividComponent.createRegisterFunction(navItemDefinition);
+const registerNavItem = vividElement.createRegisterFunction(navItemDefinition);
 
 exports.navItemDefinition = navItemDefinition;
 exports.registerNavItem = registerNavItem;

package/shared/definition31.js

@@ -1,5 +1,5 @@
 import { i as iconDefinition } from './definition27.js';
-import { h as html, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
+import { h as html, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 import { A as AffixIcon } from './affix.js';
 import { a as applyMixins } from './apply-mixins.js';
 import { T as TextAnchor } from './text-anchor.js';

package/shared/definition32.cjs

@@ -1,6 +1,5 @@
 'use strict';
 
-const defineVividComponent = require('./defineVividComponent.cjs');
 const vividElement = require('./vivid-element.cjs');
 
 const styles = "nav{display:flex;flex-direction:column;gap:4px}";
@@ -8,12 +7,12 @@ const styles = "nav{display:flex;flex-direction:column;gap:4px}";
 class Nav extends vividElement.VividElement {
 }
 
-const NavTemplate = defineVividComponent.html` <nav><slot></slot></nav> `;
+const NavTemplate = vividElement.html` <nav><slot></slot></nav> `;
 
-const navDefinition = defineVividComponent.defineVividComponent("nav", Nav, NavTemplate, [], {
+const navDefinition = vividElement.defineVividComponent("nav", Nav, NavTemplate, [], {
   styles
 });
-const registerNav = defineVividComponent.createRegisterFunction(navDefinition);
+const registerNav = vividElement.createRegisterFunction(navDefinition);
 
 exports.navDefinition = navDefinition;
 exports.registerNav = registerNav;

package/shared/definition32.js

@@ -1,5 +1,4 @@
-import { h as html, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
-import { V as VividElement } from './vivid-element.js';
+import { V as VividElement, h as html, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 
 const styles = "nav{display:flex;flex-direction:column;gap:4px}";
 

package/shared/definition33.cjs

@@ -1,7 +1,6 @@
 'use strict';
 
 const definition = require('./definition27.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
 const vividElement = require('./vivid-element.cjs');
 const applyMixins = require('./apply-mixins2.cjs');
 const affix = require('./affix.cjs');
@@ -22,20 +21,20 @@ var __decorateClass = (decorators, target, key, kind) => {
 class Note extends vividElement.VividElement {
 }
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], Note.prototype, "headline");
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], Note.prototype, "connotation");
 applyMixins.applyMixins(Note, affix.AffixIcon);
 
 const getClasses = ({ connotation }) => classNames.classNames("base", `connotation-${connotation}`);
 function getHeaderTemplate() {
-  return defineVividComponent.html`<div class="headline">${(x) => x.headline}</div>`;
+  return vividElement.html`<div class="headline">${(x) => x.headline}</div>`;
 }
 const NoteTemplate = (context) => {
   const affixIconTemplate = affix.affixIconTemplateFactory(context);
-  return defineVividComponent.html`
+  return vividElement.html`
 		<div class="${getClasses}">
 			${(x) => affixIconTemplate(x.icon, affix.IconWrapper.Slot)}
 			<div class="text">
@@ -46,7 +45,7 @@ const NoteTemplate = (context) => {
 	`;
 };
 
-const noteDefinition = defineVividComponent.defineVividComponent(
+const noteDefinition = vividElement.defineVividComponent(
   "note",
   Note,
   NoteTemplate,
@@ -55,7 +54,7 @@ const noteDefinition = defineVividComponent.defineVividComponent(
     styles
   }
 );
-const registerNote = defineVividComponent.createRegisterFunction(noteDefinition);
+const registerNote = vividElement.createRegisterFunction(noteDefinition);
 
 exports.noteDefinition = noteDefinition;
 exports.registerNote = registerNote;

package/shared/definition33.js

@@ -1,6 +1,5 @@
 import { i as iconDefinition } from './definition27.js';
-import { a as attr, h as html, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
-import { V as VividElement } from './vivid-element.js';
+import { V as VividElement, a as attr, h as html, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 import { a as applyMixins } from './apply-mixins2.js';
 import { A as AffixIcon, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';
 import { w as when } from './when.js';

package/shared/definition34.cjs

@@ -2,16 +2,14 @@
 
 const definition = require('./definition11.cjs');
 const definition$1 = require('./definition22.cjs');
-const defineVividComponent = require('./defineVividComponent.cjs');
+const vividElement = require('./vivid-element.cjs');
 const definition$2 = require('./definition27.cjs');
 const applyMixinsWithObservables = require('./applyMixinsWithObservables.cjs');
 const formAssociated$1 = require('./form-associated.cjs');
-const vividElement = require('./vivid-element.cjs');
-const foundationElement = require('./foundation-element.cjs');
+const keyCodes = require('./key-codes2.cjs');
 const applyMixins = require('./apply-mixins2.cjs');
 const formAssociated = require('./form-associated2.cjs');
 const ariaGlobal = require('./aria-global2.cjs');
-const keyCodes = require('./key-codes2.cjs');
 const keyCodes$1 = require('./key-codes.cjs');
 const formElements = require('./form-elements.cjs');
 const affix = require('./affix.cjs');
@@ -21,7 +19,7 @@ const when = require('./when.cjs');
 const ref = require('./ref.cjs');
 const classNames = require('./class-names.cjs');
 
-class _TextField extends foundationElement.FoundationElement {
+class _TextField extends keyCodes.FoundationElement {
 }
 /**
  * A form-associated base class for the {@link @microsoft/fast-foundation#(TextField:class)} component.
@@ -152,7 +150,7 @@ class TextField extends FormAssociatedTextField {
         this.proxy.setAttribute("type", this.type);
         this.validate();
         if (this.autofocus) {
-            defineVividComponent.DOM.queueUpdate(() => {
+            vividElement.DOM.queueUpdate(() => {
                 this.focus();
             });
         }
@@ -196,38 +194,38 @@ class TextField extends FormAssociatedTextField {
         super.validate(this.control);
     }
 }
-foundationElement.__decorate([
-    defineVividComponent.attr({ attribute: "readonly", mode: "boolean" })
+keyCodes.__decorate([
+    vividElement.attr({ attribute: "readonly", mode: "boolean" })
 ], TextField.prototype, "readOnly", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ mode: "boolean" })
+keyCodes.__decorate([
+    vividElement.attr({ mode: "boolean" })
 ], TextField.prototype, "autofocus", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr
+keyCodes.__decorate([
+    vividElement.attr
 ], TextField.prototype, "placeholder", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr
+keyCodes.__decorate([
+    vividElement.attr
 ], TextField.prototype, "type", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr
+keyCodes.__decorate([
+    vividElement.attr
 ], TextField.prototype, "list", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+keyCodes.__decorate([
+    vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], TextField.prototype, "maxlength", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+keyCodes.__decorate([
+    vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], TextField.prototype, "minlength", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr
+keyCodes.__decorate([
+    vividElement.attr
 ], TextField.prototype, "pattern", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+keyCodes.__decorate([
+    vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], TextField.prototype, "size", void 0);
-foundationElement.__decorate([
-    defineVividComponent.attr({ mode: "boolean" })
+keyCodes.__decorate([
+    vividElement.attr({ mode: "boolean" })
 ], TextField.prototype, "spellcheck", void 0);
-foundationElement.__decorate([
-    defineVividComponent.observable
+keyCodes.__decorate([
+    vividElement.observable
 ], TextField.prototype, "defaultSlottedNodes", void 0);
 /**
  * Includes ARIA states and properties relating to the ARIA textbox role
@@ -397,7 +395,7 @@ let NumberField = class extends FormAssociatedNumberField {
     this.validate();
     this._presentationValue = __privateMethod(this, _NumberField_instances, valueToPresentationValue_fn).call(this, this.value);
     if (this.autofocus) {
-      defineVividComponent.DOM.queueUpdate(() => {
+      vividElement.DOM.queueUpdate(() => {
         this.focus();
       });
     }
@@ -468,58 +466,58 @@ presentationValueToValue_fn = function(presentationValue) {
   return validNumber.test(candidate) ? candidate : "";
 };
 __decorateClass([
-  defineVividComponent.attr({ attribute: "readonly", mode: "boolean" })
+  vividElement.attr({ attribute: "readonly", mode: "boolean" })
 ], NumberField.prototype, "readOnly", 2);
 __decorateClass([
-  defineVividComponent.attr({ mode: "boolean" })
+  vividElement.attr({ mode: "boolean" })
 ], NumberField.prototype, "autofocus", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NumberField.prototype, "placeholder", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NumberField.prototype, "list", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], NumberField.prototype, "maxlength", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], NumberField.prototype, "minlength", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], NumberField.prototype, "size", 2);
 __decorateClass([
-  defineVividComponent.attr()
+  vividElement.attr()
 ], NumberField.prototype, "scale", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], NumberField.prototype, "step", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], NumberField.prototype, "max", 2);
 __decorateClass([
-  defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
+  vividElement.attr({ converter: vividElement.nullableNumberConverter })
 ], NumberField.prototype, "min", 2);
 __decorateClass([
-  defineVividComponent.observable
+  vividElement.observable
 ], NumberField.prototype, "defaultSlottedNodes", 2);
 __decorateClass([
-  defineVividComponent.observable
+  vividElement.observable
 ], NumberField.prototype, "_presentationValue", 2);
 __decorateClass([
-  defineVividComponent.attr({ attribute: "increment-button-aria-label" })
+  vividElement.attr({ attribute: "increment-button-aria-label" })
 ], NumberField.prototype, "incrementButtonAriaLabel", 2);
 __decorateClass([
-  defineVividComponent.attr({ attribute: "decrement-button-aria-label" })
+  vividElement.attr({ attribute: "decrement-button-aria-label" })
 ], NumberField.prototype, "decrementButtonAriaLabel", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NumberField.prototype, "appearance", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NumberField.prototype, "shape", 2);
 __decorateClass([
-  defineVividComponent.attr
+  vividElement.attr
 ], NumberField.prototype, "autoComplete", 2);
 NumberField = __decorateClass([
   formElements.errorText,
@@ -559,7 +557,7 @@ const getStateClasses = ({
   [`size-${scale}`, Boolean(scale)]
 );
 function renderLabel() {
-  return defineVividComponent.html` <label for="control" class="label">
+  return vividElement.html` <label for="control" class="label">
 		${(x) => x.label}
 	</label>`;
 }
@@ -572,7 +570,7 @@ function getTabIndex(numberField) {
 function numberControlButtons(context) {
   const buttonTag = context.tagFor(definition.Button);
   const dividerTag = context.tagFor(definition$1.Divider);
-  return defineVividComponent.html`
+  return vividElement.html`
 			<div class="control-buttons"
 			     ?inert="${(x) => x.disabled || x.readOnly}">
 				<${buttonTag} id="subtract" icon="minus-line"
@@ -596,7 +594,7 @@ function numberControlButtons(context) {
 	`;
 }
 const NumberFieldTemplate = (context) => {
-  return defineVividComponent.html`
+  return vividElement.html`
 		<div class="base ${getStateClasses}">
 			${when.when((x) => x.label, renderLabel())}
 			<div class="fieldset">
@@ -645,7 +643,7 @@ const NumberFieldTemplate = (context) => {
 	`;
 };
 
-const numberFieldDefinition = defineVividComponent.defineVividComponent(
+const numberFieldDefinition = vividElement.defineVividComponent(
   "number-field",
   NumberField,
   NumberFieldTemplate,
@@ -657,7 +655,7 @@ const numberFieldDefinition = defineVividComponent.defineVividComponent(
     }
   }
 );
-const registerNumberField = defineVividComponent.createRegisterFunction(
+const registerNumberField = vividElement.createRegisterFunction(
   numberFieldDefinition
 );
 

package/shared/definition34.js

@@ -1,15 +1,13 @@
 import { B as Button, b as buttonDefinition } from './definition11.js';
 import { D as Divider, d as dividerDefinition } from './definition22.js';
-import { a as attr, n as nullableNumberConverter, o as observable, D as DOM, h as html, d as defineVividComponent, f as createRegisterFunction } from './defineVividComponent.js';
+import { a as attr, n as nullableNumberConverter, o as observable, D as DOM, V as VividElement, h as html, d as defineVividComponent, f as createRegisterFunction } from './vivid-element.js';
 import { i as iconDefinition } from './definition27.js';
 import { a as applyMixinsWithObservables } from './applyMixinsWithObservables.js';
 import { F as FormAssociated$1 } from './form-associated.js';
-import { V as VividElement } from './vivid-element.js';
-import { F as FoundationElement, _ as __decorate } from './foundation-element.js';
+import { F as FoundationElement, _ as __decorate, S as StartEnd } from './key-codes2.js';
 import { a as applyMixins } from './apply-mixins2.js';
 import { F as FormAssociated } from './form-associated2.js';
 import { A as ARIAGlobalStatesAndProperties } from './aria-global2.js';
-import { S as StartEnd } from './key-codes2.js';
 import { f as keyArrowDown, e as keyArrowUp } from './key-codes.js';
 import { e as errorText, f as formElements, F as FormElementSuccessText, a as FormElementHelperText, b as FormElementCharCount, g as getFeedbackTemplate } from './form-elements.js';
 import { A as AffixIcon } from './affix.js';