@vonage/vivid 5.0.0 → 5.2.0

package/bundled/delegates-aria.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./attribute-binding-behaviour.cjs"),s=require("./vivid-element.cjs");class h{constructor(r,e){this.target=r,this.source=null,this.bindingBehaviours=[],this.onSourceAriaPropertyChanged=(t,i)=>{this.forwardedProperties.has(i)&&this.forwardPropertyToTarget(this.target,i,t[i])},this.boundProperties=e.boundProperties,this.forwardedProperties=e.forwardedProperties}bind(r){this.source=r,this.bindPropertiesToTarget(r,this.boundProperties,this.target),this.startForwardingPropertiesToTarget(r,this.forwardedProperties,this.target)}unbind(){this.source!==null&&(this.releasePropertyBindings(this.source),this.stopForwardingPropertiesToTarget(this.source),this.source=null)}bindPropertiesToTarget(r,e,t){for(const[i,a]of Object.entries(e)){const n=a instanceof Function?a:()=>a;this.bindingBehaviours.push(new d.AttributeBindingBehavior(t,n,s.Observable.isVolatileBinding(n),s.ariaAttributeName(i)))}r.$fastController.addBehaviors(this.bindingBehaviours)}releasePropertyBindings(r){r.$fastController.removeBehaviors(this.bindingBehaviours),this.bindingBehaviours=[]}startForwardingPropertiesToTarget(r,e,t){for(const i of e)this.forwardPropertyToTarget(t,i,r[i]);s.subscribeToAriaPropertyChanges(r,this.onSourceAriaPropertyChanged)}stopForwardingPropertiesToTarget(r){s.unsubscribeFromAriaPropertyChanges(r,this.onSourceAriaPropertyChanged)}forwardPropertyToTarget(r,e,t){s.DOM.setAttribute(r,s.ariaAttributeName(e),t)}}function g(o={},r={}){const e=new Set((r.onlySpecified?[]:s.ariaMixinProperties).filter(t=>!(t in o)));return new s.AttachedBehaviorHTMLDirective("vvd-delegate-aria",h,{boundProperties:o,forwardedProperties:e})}const u=o=>{class r extends o{constructor(){super(...arguments),this._vividAriaBehaviour="delegate"}}return r};exports.DelegatesAria=u;exports.delegateAria=g;

package/bundled/delegates-aria.js

@@ -0,0 +1,77 @@
+import { A as h } from "./attribute-binding-behaviour.js";
+import { O as d, f as n, s as g, u, D as p, g as c, A as l } from "./vivid-element.js";
+class P {
+  constructor(r, e) {
+    this.target = r, this.source = null, this.bindingBehaviours = [], this.onSourceAriaPropertyChanged = (t, i) => {
+      this.forwardedProperties.has(i) && this.forwardPropertyToTarget(this.target, i, t[i]);
+    }, this.boundProperties = e.boundProperties, this.forwardedProperties = e.forwardedProperties;
+  }
+  bind(r) {
+    this.source = r, this.bindPropertiesToTarget(r, this.boundProperties, this.target), this.startForwardingPropertiesToTarget(
+      r,
+      this.forwardedProperties,
+      this.target
+    );
+  }
+  unbind() {
+    this.source !== null && (this.releasePropertyBindings(this.source), this.stopForwardingPropertiesToTarget(this.source), this.source = null);
+  }
+  bindPropertiesToTarget(r, e, t) {
+    for (const [i, o] of Object.entries(e)) {
+      const a = o instanceof Function ? o : () => o;
+      this.bindingBehaviours.push(
+        new h(
+          t,
+          a,
+          d.isVolatileBinding(a),
+          n(i)
+        )
+      );
+    }
+    r.$fastController.addBehaviors(this.bindingBehaviours);
+  }
+  releasePropertyBindings(r) {
+    r.$fastController.removeBehaviors(this.bindingBehaviours), this.bindingBehaviours = [];
+  }
+  startForwardingPropertiesToTarget(r, e, t) {
+    for (const i of e)
+      this.forwardPropertyToTarget(t, i, r[i]);
+    g(r, this.onSourceAriaPropertyChanged);
+  }
+  stopForwardingPropertiesToTarget(r) {
+    u(
+      r,
+      this.onSourceAriaPropertyChanged
+    );
+  }
+  forwardPropertyToTarget(r, e, t) {
+    p.setAttribute(r, n(e), t);
+  }
+}
+function T(s = {}, r = {}) {
+  const e = new Set(
+    (r.onlySpecified ? [] : c).filter(
+      (t) => !(t in s)
+    )
+  );
+  return new l(
+    "vvd-delegate-aria",
+    P,
+    {
+      boundProperties: s,
+      forwardedProperties: e
+    }
+  );
+}
+const v = (s) => {
+  class r extends s {
+    constructor() {
+      super(...arguments), this._vividAriaBehaviour = "delegate";
+    }
+  }
+  return r;
+};
+export {
+  v as D,
+  T as d
+};

package/bundled/divider.cjs

@@ -0,0 +1 @@
+"use strict";const v=require("./enums.cjs"),i=require("./vivid-element.cjs"),u=require("./host-semantics.cjs"),d=require("./aria.cjs");var l=Object.defineProperty,p=(r,n,o,h)=>{for(var e=void 0,t=r.length-1,s;t>=0;t--)(s=r[t])&&(e=s(n,o,e)||e);return e&&l(n,o,e),e};const c={separator:"separator",presentation:"presentation"};class a extends u.HostSemantics(i.VividElement){constructor(){super(...arguments),this.role=c.separator,this.orientation=d.Orientation.horizontal,this.appearance=v.Appearance.Ghost}}p([i.attr],a.prototype,"orientation");p([i.attr],a.prototype,"appearance");exports.Divider=a;exports.DividerRole=c;

package/bundled/divider.js

@@ -0,0 +1,34 @@
+import { A as m } from "./enums.js";
+import { V as f, a as i } from "./vivid-element.js";
+import { H as c } from "./host-semantics.js";
+import { O as l } from "./aria.js";
+var v = Object.defineProperty, n = (t, e, o, h) => {
+  for (var r = void 0, a = t.length - 1, s; a >= 0; a--)
+    (s = t[a]) && (r = s(e, o, r) || r);
+  return r && v(e, o, r), r;
+};
+const d = {
+  /**
+   * The divider semantically separates content
+   */
+  separator: "separator",
+  /**
+   * The divider has no semantic value and is for visual presentation only.
+   */
+  presentation: "presentation"
+};
+class p extends c(f) {
+  constructor() {
+    super(...arguments), this.role = d.separator, this.orientation = l.horizontal, this.appearance = m.Ghost;
+  }
+}
+n([
+  i
+], p.prototype, "orientation");
+n([
+  i
+], p.prototype, "appearance");
+export {
+  p as D,
+  d as a
+};

package/bundled/dom.cjs

@@ -0,0 +1 @@
+"use strict";function t(...e){return e.every(n=>n instanceof HTMLElement)}exports.isHTMLElement=t;

package/bundled/dom.js

@@ -0,0 +1,6 @@
+function t(...e) {
+  return e.every((n) => n instanceof HTMLElement);
+}
+export {
+  t as i
+};

package/bundled/enums.cjs

@@ -0,0 +1 @@
+"use strict";var d=(e=>(e.Accent="accent",e.CTA="cta",e.Success="success",e.Alert="alert",e.Warning="warning",e.Information="information",e.Announcement="announcement",e))(d||{}),n=(e=>(e.Rounded="rounded",e.Pill="pill",e.Circled="circled",e.Sharp="sharp",e))(n||{}),t=(e=>(e.Filled="filled",e.Outlined="outlined",e.Duotone="duotone",e.Fieldset="fieldset",e.Subtle="subtle",e.SubtleLight="subtle-light",e.Ghost="ghost",e.GhostLight="ghost-light",e.OutlinedLight="outlined-light",e.Listitem="listitem",e.Elevated="elevated",e))(t||{}),l=(e=>(e.UltraCondensed="ultra-condensed",e.SuperCondensed="super-condensed",e.ExtraCondensed="extra-condensed",e.SemiCondensed="semi-condensed",e.Condensed="condensed",e.Normal="normal",e.SemiExpanded="semi-expanded",e.Expanded="expanded",e.ExtraExpanded="extra-expanded",e.SuperExpanded="super-expanded",e.UltraExpanded="ultra-expanded",e))(l||{}),r=(e=>(e.Zero="0",e.Five="5",e.Ten="10",e.Thirty="30",e))(r||{}),s=(e=>(e.None="none",e.Header="header",e.Column="column",e.All="all",e))(s||{});exports.Appearance=t;exports.Connotation=d;exports.MediaSkipBy=r;exports.Shape=n;exports.Size=l;exports.Sticky=s;

package/bundled/enums.js

@@ -0,0 +1,9 @@
+var d = /* @__PURE__ */ ((e) => (e.Accent = "accent", e.CTA = "cta", e.Success = "success", e.Alert = "alert", e.Warning = "warning", e.Information = "information", e.Announcement = "announcement", e))(d || {}), n = /* @__PURE__ */ ((e) => (e.Rounded = "rounded", e.Pill = "pill", e.Circled = "circled", e.Sharp = "sharp", e))(n || {}), l = /* @__PURE__ */ ((e) => (e.Filled = "filled", e.Outlined = "outlined", e.Duotone = "duotone", e.Fieldset = "fieldset", e.Subtle = "subtle", e.SubtleLight = "subtle-light", e.Ghost = "ghost", e.GhostLight = "ghost-light", e.OutlinedLight = "outlined-light", e.Listitem = "listitem", e.Elevated = "elevated", e))(l || {}), r = /* @__PURE__ */ ((e) => (e.UltraCondensed = "ultra-condensed", e.SuperCondensed = "super-condensed", e.ExtraCondensed = "extra-condensed", e.SemiCondensed = "semi-condensed", e.Condensed = "condensed", e.Normal = "normal", e.SemiExpanded = "semi-expanded", e.Expanded = "expanded", e.ExtraExpanded = "extra-expanded", e.SuperExpanded = "super-expanded", e.UltraExpanded = "ultra-expanded", e))(r || {}), t = /* @__PURE__ */ ((e) => (e.Zero = "0", e.Five = "5", e.Ten = "10", e.Thirty = "30", e))(t || {}), s = /* @__PURE__ */ ((e) => (e.None = "none", e.Header = "header", e.Column = "column", e.All = "all", e))(s || {});
+export {
+  l as A,
+  d as C,
+  t as M,
+  s as S,
+  r as a,
+  n as b
+};

package/bundled/form-associated.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./vivid-element.cjs"),m=require("./key-codes.cjs");var f=Object.defineProperty,l=(r,i,o,e)=>{for(var t=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(t=n(i,o,t)||t);return t&&f(i,o,t),t};const h="form-associated-proxy",d="ElementInternals",c=d in window&&"setFormValue"in window[d].prototype,u=new WeakMap,p=r=>{class i extends r{constructor(...e){super(...e),this.dirtyValue=!1,this.disabled=!1,this.proxyEventsToBlock=["change","click"],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||"",this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}static get formAssociated(){return c}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));return Object.freeze(t.concat(Array.from(e)))}else return a.emptyArray}valueChanged(e,t){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.setFormValue(this.value),this.validate()}get currentValue(){return this.value}set currentValue(e){this.value=e}initialValueChanged(e,t){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),a.DOM.queueUpdate(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),a.DOM.queueUpdate(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!c)return null;let e=u.get(this);return e||(e=this.attachInternals(),u.set(this,e)),e}connectedCallback(){super.connectedCallback(),this.addEventListener("keypress",this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener("reset",this.formResetCallback))}disconnectedCallback(){super.disconnectedCallback(),this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener("reset",this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,t,s){if("valid"in e&&this.disabled){const{valid:n,...y}=e;e=y}this.elementInternals?this.elementInternals.setValidity(e,t,s):typeof t=="string"&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name=="string"&&(this.proxy.name=this.name),typeof this.value=="string"&&(this.proxy.value=this.value),this.proxy.setAttribute("slot",h),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name",h)),this.shadowRoot.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot.removeChild(this.proxySlot)}validate(e){if(this.proxy instanceof HTMLElement&&this.elementInternals){const t=this.proxy.validity.valid,s=this.control,n=s&&s.validity&&!s.validity.valid&&(s.validity.tooShort||s.validity.tooLong);t&&n?this.setValidity(s.validity,s.validationMessage,e):this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case m.keyEnter:this.form instanceof HTMLFormElement&&this.form.querySelector("[type=submit]")?.click();break}}stopPropagation(e){e.stopPropagation()}}return l([a.attr({attribute:"current-value"})],i.prototype,"value"),l([a.attr({mode:"fromView",attribute:"value"})],i.prototype,"initialValue"),l([a.attr({mode:"boolean"})],i.prototype,"disabled"),l([a.attr],i.prototype,"name"),l([a.attr({mode:"boolean"})],i.prototype,"required"),i},v={fromView(r){return typeof r=="string"?r.toLowerCase()==="true":!!r},toView(r){return r?"true":"false"}},k=r=>{class i extends p(r){constructor(){super(...arguments),this.dirtyChecked=!1,this.defaultChecked=!1}defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}checkedChanged(e,t){this.dirtyChecked||(this.dirtyChecked=!0),this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),e!==void 0&&this.$emit("change"),this.validate()}get checkedAttribute(){return this.defaultChecked}set checkedAttribute(e){this.defaultChecked=e}get currentChecked(){return this.checked}set currentChecked(e){this.checked=e}updateForm(){const e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.defaultChecked,this.dirtyChecked=!1}}return l([a.attr({attribute:"checked",mode:"boolean"})],i.prototype,"defaultChecked"),l([a.attr({attribute:"current-checked",converter:v})],i.prototype,"checked"),i};exports.CheckableFormAssociated=k;exports.FormAssociated=p;

package/bundled/form-associated.js

@@ -0,0 +1,320 @@
+import { a, e as m, D as h } from "./vivid-element.js";
+import { f } from "./key-codes.js";
+var v = Object.defineProperty, l = (r, i, o, e) => {
+  for (var t = void 0, s = r.length - 1, n; s >= 0; s--)
+    (n = r[s]) && (t = n(i, o, t) || t);
+  return t && v(i, o, t), t;
+};
+const d = "form-associated-proxy", c = "ElementInternals", u = c in window && "setFormValue" in window[c].prototype, p = /* @__PURE__ */ new WeakMap(), k = (r) => {
+  class i extends r {
+    constructor(...e) {
+      super(...e), this.dirtyValue = !1, this.disabled = !1, this.proxyEventsToBlock = ["change", "click"], this.proxyInitialized = !1, this.required = !1, this.initialValue = this.initialValue || "", this.elementInternals || (this.formResetCallback = this.formResetCallback.bind(this));
+    }
+    /**
+     * Must evaluate to true to enable elementInternals.
+     * Feature detects API support and resolve respectively
+     *
+     * @internal
+     */
+    static get formAssociated() {
+      return u;
+    }
+    /**
+     * Returns the validity state of the element
+     */
+    get validity() {
+      return this.elementInternals ? this.elementInternals.validity : this.proxy.validity;
+    }
+    /**
+     * Retrieve a reference to the associated form.
+     * Returns null if not associated to any form.
+     */
+    get form() {
+      return this.elementInternals ? this.elementInternals.form : this.proxy.form;
+    }
+    /**
+     * Retrieve the localized validation message,
+     * or custom validation message if set.
+     */
+    get validationMessage() {
+      return this.elementInternals ? this.elementInternals.validationMessage : this.proxy.validationMessage;
+    }
+    /**
+     * Whether the element will be validated when the
+     * form is submitted
+     */
+    get willValidate() {
+      return this.elementInternals ? this.elementInternals.willValidate : this.proxy.willValidate;
+    }
+    /**
+     * A reference to all associated label elements
+     */
+    get labels() {
+      if (this.elementInternals)
+        return Object.freeze(Array.from(this.elementInternals.labels));
+      if (this.proxy instanceof HTMLElement && this.proxy.ownerDocument && this.id) {
+        const e = this.proxy.labels, t = Array.from(
+          this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)
+        );
+        return Object.freeze(t.concat(Array.from(e)));
+      } else
+        return m;
+    }
+    /**
+     * @internal
+     */
+    valueChanged(e, t) {
+      this.dirtyValue = !0, this.proxy instanceof HTMLElement && (this.proxy.value = this.value), this.setFormValue(this.value), this.validate();
+    }
+    /**
+     * @deprecated Use `value` instead.
+     */
+    get currentValue() {
+      return this.value;
+    }
+    set currentValue(e) {
+      this.value = e;
+    }
+    /**
+     * @internal
+     */
+    initialValueChanged(e, t) {
+      this.dirtyValue || (this.value = this.initialValue, this.dirtyValue = !1);
+    }
+    /**
+     * @internal
+     */
+    disabledChanged(e, t) {
+      this.proxy instanceof HTMLElement && (this.proxy.disabled = this.disabled), h.queueUpdate(() => this.classList.toggle("disabled", this.disabled));
+    }
+    /**
+     * @internal
+     */
+    nameChanged(e, t) {
+      this.proxy instanceof HTMLElement && (this.proxy.name = this.name);
+    }
+    /**
+     * @internal
+     */
+    requiredChanged(e, t) {
+      this.proxy instanceof HTMLElement && (this.proxy.required = this.required), h.queueUpdate(() => this.classList.toggle("required", this.required)), this.validate();
+    }
+    /**
+     * The element internals object. Will only exist
+     * in browsers supporting the attachInternals API
+     * @internal
+     */
+    get elementInternals() {
+      if (!u)
+        return null;
+      let e = p.get(this);
+      return e || (e = this.attachInternals(), p.set(this, e)), e;
+    }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+      super.connectedCallback(), this.addEventListener("keypress", this._keypressHandler), this.value || (this.value = this.initialValue, this.dirtyValue = !1), this.elementInternals || (this.attachProxy(), this.form && this.form.addEventListener("reset", this.formResetCallback));
+    }
+    /**
+     * @internal
+     */
+    disconnectedCallback() {
+      super.disconnectedCallback(), this.proxyEventsToBlock.forEach(
+        (e) => this.proxy.removeEventListener(e, this.stopPropagation)
+      ), !this.elementInternals && this.form && this.form.removeEventListener("reset", this.formResetCallback);
+    }
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity() {
+      return this.elementInternals ? this.elementInternals.checkValidity() : this.proxy.checkValidity();
+    }
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity() {
+      return this.elementInternals ? this.elementInternals.reportValidity() : this.proxy.reportValidity();
+    }
+    /**
+     * Set the validity of the control. In cases when the elementInternals object is not
+     * available (and the proxy element is used to report validity), this function will
+     * do nothing unless a message is provided, at which point the setCustomValidity method
+     * of the proxy element will be invoked with the provided message.
+     * @param flags - Validity flags
+     * @param message - Optional message to supply
+     * @param anchor - Optional element used by UA to display an interactive validation UI
+     * @internal
+     */
+    setValidity(e, t, s) {
+      if ("valid" in e && this.disabled) {
+        const { valid: n, ...y } = e;
+        e = y;
+      }
+      this.elementInternals ? this.elementInternals.setValidity(e, t, s) : typeof t == "string" && this.proxy.setCustomValidity(t);
+    }
+    /**
+     * Invoked when a connected component's form or fieldset has its disabled
+     * state changed.
+     * @param disabled - the disabled value of the form / fieldset
+     * @internal
+     */
+    formDisabledCallback(e) {
+      this.disabled = e;
+    }
+    /**
+     * @internal
+     */
+    formResetCallback() {
+      this.value = this.initialValue, this.dirtyValue = !1;
+    }
+    /**
+     * Attach the proxy element to the DOM
+     * @internal
+     */
+    attachProxy() {
+      this.proxyInitialized || (this.proxyInitialized = !0, this.proxy.style.display = "none", this.proxyEventsToBlock.forEach(
+        (e) => this.proxy.addEventListener(e, this.stopPropagation)
+      ), this.proxy.disabled = this.disabled, this.proxy.required = this.required, typeof this.name == "string" && (this.proxy.name = this.name), typeof this.value == "string" && (this.proxy.value = this.value), this.proxy.setAttribute("slot", d), this.proxySlot = document.createElement("slot"), this.proxySlot.setAttribute("name", d)), this.shadowRoot.appendChild(this.proxySlot), this.appendChild(this.proxy);
+    }
+    /**
+     * Detach the proxy element from the DOM
+     * @internal
+     */
+    detachProxy() {
+      this.removeChild(this.proxy), this.shadowRoot.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.
+     *
+     * @param anchor - The anchor element to provide to ElementInternals.setValidity for surfacing the browser's constraint validation UI
+     * @internal
+     */
+    validate(e) {
+      if (this.proxy instanceof HTMLElement && this.elementInternals) {
+        const t = this.proxy.validity.valid, s = this.control, n = s && s.validity && !s.validity.valid && (s.validity.tooShort || s.validity.tooLong);
+        t && n ? this.setValidity(s.validity, s.validationMessage, e) : this.setValidity(
+          this.proxy.validity,
+          this.proxy.validationMessage,
+          e
+        );
+      }
+    }
+    /**
+     * Associates the provided value (and optional state) with the parent form.
+     * @param value - The value to set
+     * @param state - The state object provided to during session restores and when autofilling.
+     * @internal
+     */
+    setFormValue(e, t) {
+      this.elementInternals && this.elementInternals.setFormValue(e, t || e);
+    }
+    /**
+     * @internal
+     */
+    _keypressHandler(e) {
+      switch (e.key) {
+        case f:
+          this.form instanceof HTMLFormElement && this.form.querySelector(
+            "[type=submit]"
+          )?.click();
+          break;
+      }
+    }
+    /**
+     * Used to stop propagation of proxy element events
+     * @param e - Event object
+     * @internal
+     */
+    stopPropagation(e) {
+      e.stopPropagation();
+    }
+  }
+  return l([
+    a({ attribute: "current-value" })
+  ], i.prototype, "value"), l([
+    a({ mode: "fromView", attribute: "value" })
+  ], i.prototype, "initialValue"), l([
+    a({ mode: "boolean" })
+  ], i.prototype, "disabled"), l([
+    a
+  ], i.prototype, "name"), l([
+    a({ mode: "boolean" })
+  ], i.prototype, "required"), i;
+}, x = {
+  fromView(r) {
+    return typeof r == "string" ? r.toLowerCase() === "true" : !!r;
+  },
+  toView(r) {
+    return r ? "true" : "false";
+  }
+}, V = (r) => {
+  class i extends k(r) {
+    constructor() {
+      super(...arguments), this.dirtyChecked = !1, this.defaultChecked = !1;
+    }
+    /**
+     * @internal
+     */
+    defaultCheckedChanged() {
+      this.dirtyChecked || (this.checked = this.defaultChecked, this.dirtyChecked = !1);
+    }
+    /**
+     * @internal
+     */
+    checkedChanged(e, t) {
+      this.dirtyChecked || (this.dirtyChecked = !0), this.updateForm(), this.proxy instanceof HTMLInputElement && (this.proxy.checked = this.checked), e !== void 0 && this.$emit("change"), this.validate();
+    }
+    /**
+     * @deprecated Use `defaultChecked` instead.
+     */
+    get checkedAttribute() {
+      return this.defaultChecked;
+    }
+    set checkedAttribute(e) {
+      this.defaultChecked = e;
+    }
+    /**
+     * @deprecated Use `checked` instead.
+     */
+    get currentChecked() {
+      return this.checked;
+    }
+    set currentChecked(e) {
+      this.checked = e;
+    }
+    /**
+     * @internal
+     */
+    updateForm() {
+      const e = this.checked ? this.value : null;
+      this.setFormValue(e, e);
+    }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+      super.connectedCallback(), this.updateForm();
+    }
+    /**
+     * @internal
+     */
+    formResetCallback() {
+      super.formResetCallback(), this.checked = !!this.defaultChecked, this.dirtyChecked = !1;
+    }
+  }
+  return l([
+    a({
+      attribute: "checked",
+      mode: "boolean"
+    })
+  ], i.prototype, "defaultChecked"), l([
+    a({ attribute: "current-checked", converter: x })
+  ], i.prototype, "checked"), i;
+};
+export {
+  V as C,
+  k as F
+};

package/bundled/form-element.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./vivid-element.cjs");var d=Object.defineProperty,o=(s,e,i,r)=>{for(var t=void 0,a=s.length-1,l;a>=0;a--)(l=s[a])&&(t=l(e,i,t)||t);return t&&d(e,i,t),t};const h=s=>{class e extends s{constructor(...r){super(...r),this.errorValidationMessage="",this.forceErrorDisplay=!1,this.hasBeenTouched=!1,this.#e=()=>{this.forceErrorDisplay=!0,this.validate()},this.addEventListener("blur",()=>{this.hasBeenTouched=!0,this.forceErrorDisplay=!1,this.validate()}),this.addEventListener("focus",()=>{this.hasBeenTouched=!1}),this.addEventListener("invalid",()=>{this.proxy.dispatchEvent(new Event("invalid"))})}connectedCallback(){super.connectedCallback(),this.proxy.addEventListener("invalid",this.#e)}#e;disconnectedCallback(){super.disconnectedCallback(),this.proxy.removeEventListener("invalid",this.#e)}formResetCallback(){this.forceErrorDisplay=!1,super.formResetCallback(),this.validate()}validate(){super.validate();const r=this.forceErrorDisplay||this.hasBeenTouched&&this.dirtyValue;this.errorValidationMessage=r?this.validationMessage:""}}return o([n.attr],e.prototype,"label"),o([n.observable],e.prototype,"errorValidationMessage"),e};exports.FormElement=h;

package/bundled/form-element.js

@@ -0,0 +1,56 @@
+import { a as n, o as d } from "./vivid-element.js";
+var h = Object.defineProperty, l = (s, e, r, a) => {
+  for (var t = void 0, i = s.length - 1, o; i >= 0; i--)
+    (o = s[i]) && (t = o(e, r, t) || t);
+  return t && h(e, r, t), t;
+};
+const v = (s) => {
+  class e extends s {
+    constructor(...a) {
+      super(...a), this.errorValidationMessage = "", this.forceErrorDisplay = !1, this.hasBeenTouched = !1, this.#e = () => {
+        this.forceErrorDisplay = !0, this.validate();
+      }, this.addEventListener("blur", () => {
+        this.hasBeenTouched = !0, this.forceErrorDisplay = !1, this.validate();
+      }), this.addEventListener("focus", () => {
+        this.hasBeenTouched = !1;
+      }), this.addEventListener("invalid", () => {
+        this.proxy.dispatchEvent(new Event("invalid"));
+      });
+    }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+      super.connectedCallback(), this.proxy.addEventListener("invalid", this.#e);
+    }
+    #e;
+    /**
+     * @internal
+     */
+    disconnectedCallback() {
+      super.disconnectedCallback(), this.proxy.removeEventListener("invalid", this.#e);
+    }
+    /**
+     * @internal
+     */
+    formResetCallback() {
+      this.forceErrorDisplay = !1, super.formResetCallback(), this.validate();
+    }
+    /**
+     * @internal
+     */
+    validate() {
+      super.validate();
+      const a = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
+      this.errorValidationMessage = a ? this.validationMessage : "";
+    }
+  }
+  return l([
+    n
+  ], e.prototype, "label"), l([
+    d
+  ], e.prototype, "errorValidationMessage"), e;
+};
+export {
+  v as F
+};

package/bundled/host-semantics.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./vivid-element.cjs"),u=require("./attribute-binding-behaviour.cjs");class c{constructor(e,t){this.target=e,this.bindingBehaviours=[],this.boundProperties=t.boundProperties}bind(e){if(this.target!==e)throw new Error("Target element must be the same as the source element");this.bindPropertiesToTarget(e,this.boundProperties,this.target)}unbind(e){this.releasePropertyBindings(e)}bindPropertiesToTarget(e,t,o){for(const[n,r]of Object.entries(t)){const a=r instanceof Function?r:h=>h[n]??r;this.bindingBehaviours.push(new u.AttributeBindingBehavior(o,a,!0,s.ariaAttributeName(n)))}e.$fastController.addBehaviors(this.bindingBehaviours)}releasePropertyBindings(e){e.$fastController.removeBehaviors(this.bindingBehaviours),this.bindingBehaviours=[]}}function d(i={}){const e=new Set(s.ariaMixinProperties.filter(t=>!(t in i)));return new s.AttachedBehaviorHTMLDirective("vvd-host-semantics",c,{boundProperties:i,forwardedProperties:e})}const v=i=>{class e extends i{constructor(){super(...arguments),this._vividAriaBehaviour="host"}}return e};exports.HostSemantics=v;exports.applyHostSemantics=d;

package/bundled/host-semantics.js

@@ -0,0 +1,57 @@
+import { f as h, g as d, A as u } from "./vivid-element.js";
+import { A as c } from "./attribute-binding-behaviour.js";
+class g {
+  constructor(t, e) {
+    this.target = t, this.bindingBehaviours = [], this.boundProperties = e.boundProperties;
+  }
+  bind(t) {
+    if (this.target !== t)
+      throw new Error("Target element must be the same as the source element");
+    this.bindPropertiesToTarget(t, this.boundProperties, this.target);
+  }
+  unbind(t) {
+    this.releasePropertyBindings(t);
+  }
+  bindPropertiesToTarget(t, e, n) {
+    for (const [s, r] of Object.entries(e)) {
+      const o = r instanceof Function ? r : (a) => a[s] ?? r;
+      this.bindingBehaviours.push(
+        new c(
+          n,
+          o,
+          !0,
+          h(s)
+        )
+      );
+    }
+    t.$fastController.addBehaviors(this.bindingBehaviours);
+  }
+  releasePropertyBindings(t) {
+    t.$fastController.removeBehaviors(this.bindingBehaviours), this.bindingBehaviours = [];
+  }
+}
+function p(i = {}) {
+  const t = new Set(
+    d.filter((e) => !(e in i))
+  );
+  return new u(
+    "vvd-host-semantics",
+    g,
+    {
+      boundProperties: i,
+      forwardedProperties: t
+    }
+  );
+}
+const v = (i) => {
+  class t extends i {
+    constructor() {
+      super(...arguments), this._vividAriaBehaviour = "host";
+    }
+  }
+  return t;
+};
+export {
+  v as H,
+  p as a
+};

package/bundled/index.cjs

@@ -0,0 +1 @@
+"use strict";function e(o){return o.key==="Escape"?(o.stopPropagation(),!0):!1}exports.handleEscapeKeyAndStopPropogation=e;

package/bundled/index.js

@@ -0,0 +1,6 @@
+function a(o) {
+  return o.key === "Escape" ? (o.stopPropagation(), !0) : !1;
+}
+export {
+  a as h
+};

package/bundled/key-codes.cjs

@@ -0,0 +1 @@
+"use strict";const e="ArrowDown",o="ArrowLeft",n="ArrowRight",r="ArrowUp",k="End",t="Enter",y="Escape",c="Home",s="F2",w="PageDown",a="PageUp",A=" ",p="Tab";exports.keyArrowDown=e;exports.keyArrowLeft=o;exports.keyArrowRight=n;exports.keyArrowUp=r;exports.keyEnd=k;exports.keyEnter=t;exports.keyEscape=y;exports.keyFunction2=s;exports.keyHome=c;exports.keyPageDown=w;exports.keyPageUp=a;exports.keySpace=A;exports.keyTab=p;

package/bundled/key-codes.js

@@ -0,0 +1,16 @@
+const o = "ArrowDown", e = "ArrowLeft", s = "ArrowRight", a = "ArrowUp", n = "End", t = "Enter", r = "Escape", c = "Home", k = "F2", y = "PageDown", w = "PageUp", p = " ", A = "Tab";
+export {
+  c as a,
+  o as b,
+  a as c,
+  r as d,
+  k as e,
+  t as f,
+  s as g,
+  e as h,
+  y as i,
+  w as j,
+  n as k,
+  p as l,
+  A as m
+};

package/bundled/linkable.cjs

@@ -0,0 +1,15 @@
+"use strict";const s=require("./delegates-aria.cjs"),t=require("./vivid-element.cjs"),f=require("./ref.cjs");var d=Object.defineProperty,o=(l,r,p,i)=>{for(var a=void 0,n=l.length-1,e;n>=0;n--)(e=l[n])&&(a=e(r,p,a)||a);return a&&d(r,p,a),a};const y=l=>{class r extends s.DelegatesAria(l){constructor(){super(...arguments),this._renderLinkElement=(i,a,n)=>t.html`<a
+				class="${a}"
+				download="${e=>e.download}"
+				href="${e=>e.href}"
+				hreflang="${e=>e.hreflang}"
+				ping="${e=>e.ping}"
+				referrerpolicy="${e=>e.referrerpolicy}"
+				rel="${e=>e.rel}"
+				target="${e=>e.target}"
+				type="${e=>e.type}"
+				${f.ref("control")}
+				${s.delegateAria(n)}
+			>
+				${i}
+			</a>`}}return o([t.attr],r.prototype,"download"),o([t.attr],r.prototype,"href"),o([t.attr],r.prototype,"hreflang"),o([t.attr],r.prototype,"ping"),o([t.attr],r.prototype,"referrerpolicy"),o([t.attr],r.prototype,"rel"),o([t.attr],r.prototype,"target"),o([t.attr],r.prototype,"type"),r};exports.Linkable=y;