@vonage/vivid 5.5.0 → 5.7.0

package/breadcrumb-item/index.js

@@ -3,17 +3,17 @@ import { h as r, c, d as l } from "../bundled/vivid-element.js";
 import { B as d } from "../bundled/breadcrumb-item.js";
 import { w as e } from "../bundled/when.js";
 import { c as v } from "../bundled/class-names.js";
-const m = '.base{display:flex;align-items:center;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.base .separator{margin:0 16px;color:var(--vvd-color-neutral-600);font-size:12px}.control{font:inherit}.control:focus-visible{position:relative;outline:none}.control:focus-visible:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--vvd-color-cta-500),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));position:absolute;display:block;border-radius:var(--focus-border-radius, inherit);block-size:calc(100% + var(--focus-block-size-addition, 4px));content:"";inline-size:calc(100% + var(--focus-block-size-addition, 4px));inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);--focus-stroke-gap-color: transparent;--focus-block-size-addition: 8px;--focus-border-radius: 4px}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover: hover){.control:any-link:hover{text-decoration:underline}}', p = (t) => v("base"), f = (t) => {
-  const a = t.tagFor(i);
+const m = '.base{display:flex;align-items:center;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.base .separator{margin:0 16px;color:var(--vvd-color-neutral-600);font-size:12px}.control{font:inherit}.control:focus-visible{position:relative;outline:none}.control:focus-visible:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));position:absolute;display:block;border-radius:var(--focus-border-radius, inherit);block-size:calc(100% + var(--focus-block-size-addition, 4px));content:"";inline-size:calc(100% + var(--focus-block-size-addition, 4px));inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);--focus-stroke-gap-color: transparent;--focus-block-size-addition: 8px;--focus-border-radius: 4px}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover: hover){.control:any-link:hover{text-decoration:underline}}', p = (t) => v("base"), f = (t) => {
+  const s = t.tagFor(i);
   return r` <div role="listitem" class="${p}">
 		${e((o) => o.text && !o.href, r`${(o) => o.text}`)}
 		${e(
     (o) => o.text && o.href && o.href.length > 0,
-    r`${(o) => o._renderLinkElement(r`${(s) => s.text}`, "control")}`
+    r`${(o) => o._renderLinkElement(r`${(a) => a.text}`, "control")}`
   )}
 		${e(
     (o) => o.separator,
-    r`<${a} class="separator" name="chevron-right-solid"></${a}>`
+    r`<${s} class="separator" name="chevron-right-solid"></${s}>`
   )}
 	</div>`;
 }, u = l(

package/bundled/affix.js

@@ -1,5 +1,5 @@
 import { I as f } from "./definition2.js";
-import { a as p, h as s, o as d } from "./vivid-element.js";
+import { a as p, o as d, h as s } from "./vivid-element.js";
 import { s as u } from "./slotted.js";
 var $ = Object.defineProperty, l = (a, n, e, i) => {
   for (var o = void 0, r = a.length - 1, t; r >= 0; r--)

package/bundled/anchored.cjs

@@ -1,4 +1,4 @@
-"use strict";const l=require("./slotted.cjs"),n=require("./vivid-element.cjs");var a=Object.defineProperty,c=(s,o,r,t)=>{for(var e=void 0,h=s.length-1,i;h>=0;h--)(i=s[h])&&(e=i(o,r,e)||e);return e&&a(o,r,e),e};const d=s=>{class o extends s{anchorChanged(){this.#e()}_slottedAnchorChanged(){const t=!!(this._slottedAnchor&&this._slottedAnchor.length>0);n.DOM.setBooleanAttribute(this,"slotted-anchor",t),this.#e()}#e=()=>{if(!this.isConnected){this._anchorEl=void 0;return}this.#o();let t;this._slottedAnchor&&this._slottedAnchor.length>0?t=this._slottedAnchor[0]:this.anchor instanceof HTMLElement?t=this.anchor:typeof this.anchor=="string"&&(t=document.getElementById(this.anchor)??void 0,t||this.#n(this.anchor)),this._anchorEl=t};#t;#n=t=>{this.#t=new MutationObserver(()=>{const e=document.getElementById(t);e&&(this._anchorEl=e,this.#o())}),this.#t.observe(document.body,{childList:!0,subtree:!0})};#o=()=>{this.#t?.disconnect(),this.#t=void 0};connectedCallback(){super.connectedCallback(),this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#o(),this._anchorEl=void 0}}return c([n.attr],o.prototype,"anchor"),c([n.observable],o.prototype,"_slottedAnchor"),c([n.observable],o.prototype,"_anchorEl"),o},u=()=>n.html`<slot
+"use strict";const n=require("./vivid-element.cjs"),l=require("./slotted.cjs");var a=Object.defineProperty,c=(s,o,r,t)=>{for(var e=void 0,h=s.length-1,i;h>=0;h--)(i=s[h])&&(e=i(o,r,e)||e);return e&&a(o,r,e),e};const d=s=>{class o extends s{anchorChanged(){this.#e()}_slottedAnchorChanged(){const t=!!(this._slottedAnchor&&this._slottedAnchor.length>0);n.DOM.setBooleanAttribute(this,"slotted-anchor",t),this.#e()}#e=()=>{if(!this.isConnected){this._anchorEl=void 0;return}this.#o();let t;this._slottedAnchor&&this._slottedAnchor.length>0?t=this._slottedAnchor[0]:this.anchor instanceof HTMLElement?t=this.anchor:typeof this.anchor=="string"&&(t=document.getElementById(this.anchor)??void 0,t||this.#n(this.anchor)),this._anchorEl=t};#t;#n=t=>{this.#t=new MutationObserver(()=>{const e=document.getElementById(t);e&&(this._anchorEl=e,this.#o())}),this.#t.observe(document.body,{childList:!0,subtree:!0})};#o=()=>{this.#t?.disconnect(),this.#t=void 0};connectedCallback(){super.connectedCallback(),this.#e()}disconnectedCallback(){super.disconnectedCallback(),this.#o(),this._anchorEl=void 0}}return c([n.attr],o.prototype,"anchor"),c([n.observable],o.prototype,"_slottedAnchor"),c([n.observable],o.prototype,"_anchorEl"),o},u=()=>n.html`<slot
 		name="anchor"
 		${l.slotted("_slottedAnchor")}
 	></slot>`;exports.Anchored=d;exports.anchorSlotTemplateFactory=u;

package/bundled/anchored.js

@@ -1,5 +1,5 @@
-import { s as a } from "./slotted.js";
-import { h as l, D as d, a as p, o as i } from "./vivid-element.js";
+import { D as a, a as l, o as i, h as d } from "./vivid-element.js";
+import { s as p } from "./slotted.js";
 var u = Object.defineProperty, h = (s, o, n, t) => {
   for (var e = void 0, r = s.length - 1, c; r >= 0; r--)
     (c = s[r]) && (e = c(o, n, e) || e);
@@ -18,7 +18,7 @@ const v = (s) => {
      */
     _slottedAnchorChanged() {
       const t = !!(this._slottedAnchor && this._slottedAnchor.length > 0);
-      d.setBooleanAttribute(
+      a.setBooleanAttribute(
         this,
         "slotted-anchor",
         t
@@ -51,15 +51,15 @@ const v = (s) => {
     }
   }
   return h([
-    p
+    l
   ], o.prototype, "anchor"), h([
     i
   ], o.prototype, "_slottedAnchor"), h([
     i
   ], o.prototype, "_anchorEl"), o;
-}, b = () => l`<slot
+}, b = () => d`<slot
 		name="anchor"
-		${a("_slottedAnchor")}
+		${p("_slottedAnchor")}
 	></slot>`;
 export {
   v as A,

package/bundled/attribute-binding-behaviour.cjs

@@ -1 +1 @@
-"use strict";const i=require("./vivid-element.cjs");class r{constructor(t,e,s,n){this.target=t,this.binding=e,this.isBindingVolatile=s,this.attributeName=n,this.source=null,this.context=null}bind(t){this.source=t.source,this.context=t.context,this.bindingObserver||(this.bindingObserver=i.Observable.binding(this.binding.evaluate,this,this.isBindingVolatile)),this.bindingObserver.observe(this.source,this.context),this.updateTarget(this.bindingObserver.observe(this.source,this.context))}handleChange(){this.updateTarget(this.bindingObserver.observe(this.source,this.context))}updateTarget(t){i.DOM.setAttribute(this.target,this.attributeName,t)}}exports.AttributeBindingBehavior=r;
+"use strict";const i=require("./vivid-element.cjs");class r{constructor(t,e,s,n){this.target=t,this.binding=e,this.isBindingVolatile=s,this.attributeName=n,this.source=null,this.context=null}bind(t){this.source=t.source,this.context=t.context;/* v8 ignore else -- @preserve */this.bindingObserver||(this.bindingObserver=i.Observable.binding(this.binding.evaluate,this,this.isBindingVolatile)),this.bindingObserver.observe(this.source,this.context),this.updateTarget(this.bindingObserver.observe(this.source,this.context))}handleChange(){this.updateTarget(this.bindingObserver.observe(this.source,this.context))}updateTarget(t){i.DOM.setAttribute(this.target,this.attributeName,t)}}exports.AttributeBindingBehavior=r;

package/bundled/attribute-binding-behaviour.js

@@ -4,7 +4,9 @@ class b {
     this.target = t, this.binding = i, this.isBindingVolatile = e, this.attributeName = s, this.source = null, this.context = null;
   }
   bind(t) {
-    this.source = t.source, this.context = t.context, this.bindingObserver || (this.bindingObserver = n.binding(
+    this.source = t.source, this.context = t.context;
+    /* v8 ignore else -- @preserve */
+    this.bindingObserver || (this.bindingObserver = n.binding(
       this.binding.evaluate,
       this,
       this.isBindingVolatile

package/bundled/base-color-picker.cjs

@@ -1,4 +1,4 @@
-"use strict";const m=require("./form-associated.cjs"),u=require("./vivid-element.cjs"),g=require("./when.cjs"),y=require("./localized.cjs"),S=require("./form-element.cjs"),b=require("./class-names.cjs");function C(a){if(!a)return null;const s=a.trim().replace(/^#/,"");return/^[0-9a-fA-F]{3}$/.test(s)?s.split("").map(n=>n+n).join("").toLowerCase():/^[0-9a-fA-F]{6}$/.test(s)?s.toLowerCase():null}function I(a){return C(a)!==null}function w(a){const s=C(a);if(!s)return 0;const n=parseInt(s.slice(0,2),16)/255,t=parseInt(s.slice(2,4),16)/255,o=parseInt(s.slice(4,6),16)/255,e=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4),r=t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4),l=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4);return .2126*e+.7152*r+.0722*l}function B(a,s){const n=w(a),t=w(s),o=Math.max(n,t),e=Math.min(n,t);return(o+.05)/(e+.05)}function _(a,s){return s||(s=document.querySelector(".vvd-root")||document.documentElement),getComputedStyle(s).getPropertyValue(a).trim()}var $=Object.defineProperty,d=(a,s,n,t)=>{for(var o=void 0,e=a.length-1,r;e>=0;e--)(r=a[e])&&(o=r(s,n,o)||o);return o&&$(s,n,o),o};const A=a=>{class s extends y.Localized(S.FormElement(m.FormAssociated(a))){constructor(){super(...arguments),this.proxy=document.createElement("input"),this.open=!1,this.swatches=[],this._canvasColor=""}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{this._refreshCanvasColor()})}get _computedCanvasColor(){return this._canvasColor||(this._canvasColor=_("--vvd-color-canvas",this)),this._canvasColor}_refreshCanvasColor(){this._canvasColor=_("--vvd-color-canvas",this)}_applyContrastClass(t,o=3){if(!t)return!1;const e=this._computedCanvasColor;return e?B(t,e)<o:!1}_getRowLength(){return 7}_handleSwatchSelection(t){this.value===t?this.value="":this.value=t,this.$emit("change"),this.open=!1}_handleColorSaving(){}_getFocusReturnEl(){return null}_returnFocusToAnchor(){const t=this._getFocusReturnEl();t&&u.Updates.enqueue(()=>t.focus())}_getGridCells(){const t=this.shadowRoot?.querySelector('[role="grid"]');return t?Array.from(t.querySelectorAll('[role="gridcell"], [data-vvd-role="gridcell"]')):[]}_handleCellKeydown(t,o,e,r){const l=this._getRowLength(),c=this._getGridCells().length,h=Math.floor(e/l),f=e%l,p=Math.ceil(c/l);switch(t.key){case"ArrowRight":return f<l-1&&e+1<c&&this._focusSwatchByIndex(e+1),!1;case"ArrowLeft":return f>0&&this._focusSwatchByIndex(e-1),!1;case"ArrowDown":return h<p-1&&e+l<c&&this._focusSwatchByIndex(e+l),!1;case"ArrowUp":return h>0&&this._focusSwatchByIndex(e-l),!1;case"PageDown":{const i=(p-1)*l,v=Math.min(i+f,c-1);return e!==v&&this._focusSwatchByIndex(v),!1}case"PageUp":{const i=Math.min(f,c-1);return e!==i&&this._focusSwatchByIndex(i),!1}case"Home":return t.ctrlKey?this._focusSwatchByIndex(0):this._focusSwatchByIndex(h*l),!1;case"End":if(t.ctrlKey)this._focusSwatchByIndex(c-1);else{const i=Math.min((h+1)*l-1,c-1);this._focusSwatchByIndex(i)}return!1;case"Enter":case" ":return r&&this._handleColorSaving(),o&&!r&&(this._handleSwatchSelection(o),this._returnFocusToAnchor()),!1;case"Escape":return this.open=!1,this._returnFocusToAnchor(),!1;case"Tab":return this.open=!1,!0;default:return!0}}_focusSwatchByIndex(t){const o=this._getGridCells();t<0||t>=o.length||o[t]?.focus()}_renderColorSwatch(t,o){return u.html`
+"use strict";const m=require("./form-associated.cjs"),u=require("./vivid-element.cjs"),g=require("./when.cjs"),y=require("./localized.cjs"),S=require("./form-element.cjs"),b=require("./class-names.cjs");function C(a){if(!a)return null;const s=a.trim().replace(/^#/,"");return/^[0-9a-fA-F]{3}$/.test(s)?s.split("").map(n=>n+n).join("").toLowerCase():/^[0-9a-fA-F]{6}$/.test(s)?s.toLowerCase():null}function I(a){return C(a)!==null}function w(a){const s=C(a);if(!s)return 0;const n=parseInt(s.slice(0,2),16)/255,t=parseInt(s.slice(2,4),16)/255,o=parseInt(s.slice(4,6),16)/255,e=n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4),r=t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4),l=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4);return .2126*e+.7152*r+.0722*l}function B(a,s){const n=w(a),t=w(s),o=Math.max(n,t),e=Math.min(n,t);return(o+.05)/(e+.05)}function _(a,s){return s||(s=document.querySelector(".vvd-root")||document.documentElement),getComputedStyle(s).getPropertyValue(a).trim()}var $=Object.defineProperty,d=(a,s,n,t)=>{for(var o=void 0,e=a.length-1,r;e>=0;e--)(r=a[e])&&(o=r(s,n,o)||o);return o&&$(s,n,o),o};const A=a=>{class s extends y.Localized(S.FormElement(m.FormAssociated(a))){constructor(){super(...arguments),this.proxy=document.createElement("input"),this.open=!1,this.swatches=[],this._canvasColor=""}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{this._refreshCanvasColor()})}get _computedCanvasColor(){return this._canvasColor||(this._canvasColor=_("--vvd-color-canvas",this)),this._canvasColor}_refreshCanvasColor(){this._canvasColor=_("--vvd-color-canvas",this)}_applyContrastClass(t,o=3){if(!t)return!1;const e=this._computedCanvasColor;return e?B(t,e)<o:!1}_getRowLength(){return 7}_handleSwatchSelection(t){this.value===t?this.value="":this.value=t,this.$emit("change"),this.open=!1}_handleColorSaving(){}_getFocusReturnEl(){return null}_returnFocusToAnchor(){const t=this._getFocusReturnEl();t&&u.Updates.enqueue(()=>t.focus())}_getGridCells(){const t=this.shadowRoot?.querySelector('[role="grid"]');return t?Array.from(t.querySelectorAll('[role="gridcell"], [data-vvd-role="gridcell"]')):[]}_handleCellKeydown(t,o,e,r){const l=this._getRowLength(),c=this._getGridCells().length,h=Math.floor(e/l),f=e%l,p=Math.ceil(c/l);switch(t.key){case"ArrowRight":{/* v8 ignore else -- @preserve */return f<l-1&&e+1<c&&this._focusSwatchByIndex(e+1),!1}case"ArrowLeft":return f>0&&this._focusSwatchByIndex(e-1),!1;case"ArrowDown":{/* v8 ignore else -- @preserve */return h<p-1&&e+l<c&&this._focusSwatchByIndex(e+l),!1}case"ArrowUp":return h>0&&this._focusSwatchByIndex(e-l),!1;case"PageDown":{const i=(p-1)*l,v=Math.min(i+f,c-1);/* v8 ignore else -- @preserve */return e!==v&&this._focusSwatchByIndex(v),!1}case"PageUp":{const i=Math.min(f,c-1);return e!==i&&this._focusSwatchByIndex(i),!1}case"Home":return t.ctrlKey?this._focusSwatchByIndex(0):this._focusSwatchByIndex(h*l),!1;case"End":if(t.ctrlKey)this._focusSwatchByIndex(c-1);else{const i=Math.min((h+1)*l-1,c-1);this._focusSwatchByIndex(i)}return!1;case"Enter":case" ":return r&&this._handleColorSaving(),o&&!r&&(this._handleSwatchSelection(o),this._returnFocusToAnchor()),!1;case"Escape":return this.open=!1,this._returnFocusToAnchor(),!1;case"Tab":return this.open=!1,!0;default:return!0}}_focusSwatchByIndex(t){const o=this._getGridCells();t<0||t>=o.length||o[t]?.focus()}_renderColorSwatch(t,o){return u.html`
 				<${o} placement="top" 
 					text="${e=>e.label??e.value}" 
 					exportparts="vvd-theme-alternate">

package/bundled/base-color-picker.js

@@ -76,7 +76,8 @@ const q = (a) => {
     }
     /**
      * @internal
-     */
+     * /
+    /* v8 ignore next -- @preserve */
     _handleColorSaving() {
     }
     /**
@@ -109,12 +110,16 @@ const q = (a) => {
     _handleCellKeydown(t, o, e, r) {
       const l = this._getRowLength(), c = this._getGridCells().length, u = Math.floor(e / l), h = e % l, d = Math.ceil(c / l);
       switch (t.key) {
-        case "ArrowRight":
+        case "ArrowRight": {
+          /* v8 ignore else -- @preserve */
           return h < l - 1 && e + 1 < c && this._focusSwatchByIndex(e + 1), !1;
+        }
         case "ArrowLeft":
           return h > 0 && this._focusSwatchByIndex(e - 1), !1;
-        case "ArrowDown":
+        case "ArrowDown": {
+          /* v8 ignore else -- @preserve */
           return u < d - 1 && e + l < c && this._focusSwatchByIndex(e + l), !1;
+        }
         case "ArrowUp":
           return u > 0 && this._focusSwatchByIndex(e - l), !1;
         case "PageDown": {
@@ -122,6 +127,7 @@ const q = (a) => {
             i + h,
             c - 1
           );
+          /* v8 ignore else -- @preserve */
           return e !== p && this._focusSwatchByIndex(p), !1;
         }
         case "PageUp": {

package/bundled/base-progress.cjs

@@ -1 +1 @@
-"use strict";const t=require("./vivid-element.cjs");var c=Object.defineProperty,o=(a,n,s,i)=>{for(var e=void 0,l=a.length-1,p;l>=0;l--)(p=a[l])&&(e=p(n,s,e)||e);return e&&c(n,s,e),e};class r extends t.VividElement{constructor(){super(...arguments),this.percentComplete=0}valueChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){const n=typeof this.min=="number"?this.min:0,s=typeof this.max=="number"?this.max:100,i=typeof this.value=="number"?this.value:0,e=s-n;this.percentComplete=e===0?0:Math.fround((i-n)/e*100)}}o([t.attr({converter:t.nullableNumberConverter})],r.prototype,"value");o([t.attr({converter:t.nullableNumberConverter})],r.prototype,"min");o([t.attr({converter:t.nullableNumberConverter})],r.prototype,"max");o([t.attr({mode:"boolean"})],r.prototype,"paused");o([t.observable],r.prototype,"percentComplete");exports.BaseProgress=r;
+"use strict";const t=require("./vivid-element.cjs");var c=Object.defineProperty,o=(a,n,s,i)=>{for(var e=void 0,l=a.length-1,p;l>=0;l--)(p=a[l])&&(e=p(n,s,e)||e);return e&&c(n,s,e),e};class r extends t.VividElement{constructor(){super(...arguments),this.percentComplete=0}valueChanged(){/* v8 ignore if -- @preserve */this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){/* v8 ignore if -- @preserve */this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){/* v8 ignore if -- @preserve */this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){const n=typeof this.min=="number"?this.min:0,s=typeof this.max=="number"?this.max:100,i=typeof this.value=="number"?this.value:0,e=s-n;this.percentComplete=e===0?0:Math.fround((i-n)/e*100)}}o([t.attr({converter:t.nullableNumberConverter})],r.prototype,"value");o([t.attr({converter:t.nullableNumberConverter})],r.prototype,"min");o([t.attr({converter:t.nullableNumberConverter})],r.prototype,"max");o([t.attr({mode:"boolean"})],r.prototype,"paused");o([t.observable],r.prototype,"percentComplete");exports.BaseProgress=r;

package/bundled/base-progress.js

@@ -12,18 +12,21 @@ class o extends m {
    * @internal
    */
   valueChanged() {
+    /* v8 ignore if -- @preserve */
     this.$fastController.isConnected && this.updatePercentComplete();
   }
   /**
    * @internal
    */
   minChanged() {
+    /* v8 ignore if -- @preserve */
     this.$fastController.isConnected && this.updatePercentComplete();
   }
   /**
    * @private
    */
   maxChanged() {
+    /* v8 ignore if -- @preserve */
     this.$fastController.isConnected && this.updatePercentComplete();
   }
   /**

package/bundled/button.cjs

@@ -1 +1 @@
-"use strict";const c=require("./delegates-aria.cjs"),e=require("./vivid-element.cjs"),d=require("./form-associated.cjs");var l=Object.defineProperty,r=(n,t,o,p)=>{for(var s=void 0,a=n.length-1,h;a>=0;a--)(h=n[a])&&(s=h(t,o,s)||s);return s&&l(t,o,s),s};class i extends c.DelegatesAria(d.FormAssociated(e.VividElement)){constructor(){super(...arguments),this.proxy=document.createElement("input"),this.handleClick=t=>{this.disabled&&t.stopPropagation()},this.handleSubmission=()=>{this.form&&(this.attachProxy(),this.form.requestSubmit(this.proxy),this.detachProxy())},this.handleFormReset=()=>{this.form?.reset()},this.handleUnsupportedDelegatesFocus=()=>{this.$fastController.definition.shadowOptions&&window.ShadowRoot&&!window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus")&&this.$fastController.definition.shadowOptions.delegatesFocus&&Object.defineProperty(this,"focus",{value:()=>{this.control.focus()},configurable:!0})}}formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(t,o){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),o==="submit"&&this.addEventListener("click",this.handleSubmission),t==="submit"&&this.removeEventListener("click",this.handleSubmission),o==="reset"&&this.addEventListener("click",this.handleFormReset),t==="reset"&&this.removeEventListener("click",this.handleFormReset)}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.handleUnsupportedDelegatesFocus(),this.autofocus&&e.Updates.enqueue(()=>{this.focus()});const t=Array.from(this.control.children);t&&t.forEach(o=>{o.addEventListener("click",this.handleClick)})}disconnectedCallback(){super.disconnectedCallback();const t=Array.from(this.control.children);t&&t.forEach(o=>{o.removeEventListener("click",this.handleClick)})}}r([e.attr({mode:"boolean"})],i.prototype,"autofocus");r([e.attr({attribute:"form"})],i.prototype,"formId");r([e.attr],i.prototype,"formaction");r([e.attr],i.prototype,"formenctype");r([e.attr],i.prototype,"formmethod");r([e.attr({mode:"boolean"})],i.prototype,"formnovalidate");r([e.attr],i.prototype,"formtarget");r([e.attr],i.prototype,"type");exports.VividFoundationButton=i;
+"use strict";const c=require("./delegates-aria.cjs"),t=require("./vivid-element.cjs"),d=require("./form-associated.cjs");var l=Object.defineProperty,r=(n,e,o,p)=>{for(var s=void 0,a=n.length-1,h;a>=0;a--)(h=n[a])&&(s=h(e,o,s)||s);return s&&l(e,o,s),s};class i extends c.DelegatesAria(d.FormAssociated(t.VividElement)){constructor(){super(...arguments),this.proxy=document.createElement("input"),this.handleClick=e=>{/* v8 ignore else -- @preserve */this.disabled&&e.stopPropagation()},this.handleSubmission=()=>{this.form&&(this.attachProxy(),this.form.requestSubmit(this.proxy),this.detachProxy())},this.handleFormReset=()=>{this.form?.reset()},this.handleUnsupportedDelegatesFocus=()=>{/* v8 ignore else -- @preserve */this.$fastController.definition.shadowOptions&&window.ShadowRoot&&!window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus")&&this.$fastController.definition.shadowOptions.delegatesFocus&&Object.defineProperty(this,"focus",{value:()=>{this.control.focus()},configurable:!0})}}formactionChanged(){/* v8 ignore if -- @preserve */this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){/* v8 ignore if -- @preserve */this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){/* v8 ignore if -- @preserve */this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){/* v8 ignore if -- @preserve */this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){/* v8 ignore if -- @preserve */this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(e,o){/* v8 ignore if -- @preserve */this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),o==="submit"&&this.addEventListener("click",this.handleSubmission),e==="submit"&&this.removeEventListener("click",this.handleSubmission),o==="reset"&&this.addEventListener("click",this.handleFormReset),e==="reset"&&this.removeEventListener("click",this.handleFormReset)}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.handleUnsupportedDelegatesFocus(),this.autofocus&&t.Updates.enqueue(()=>{this.focus()}),Array.from(this.control.children).forEach(o=>{o.addEventListener("click",this.handleClick)})}disconnectedCallback(){super.disconnectedCallback(),Array.from(this.control.children).forEach(o=>{o.removeEventListener("click",this.handleClick)})}}r([t.attr({mode:"boolean"})],i.prototype,"autofocus");r([t.attr({attribute:"form"})],i.prototype,"formId");r([t.attr],i.prototype,"formaction");r([t.attr],i.prototype,"formenctype");r([t.attr],i.prototype,"formmethod");r([t.attr({mode:"boolean"})],i.prototype,"formnovalidate");r([t.attr],i.prototype,"formtarget");r([t.attr],i.prototype,"type");exports.VividFoundationButton=i;

package/bundled/button.js

@@ -1,22 +1,24 @@
 import { D as c } from "./delegates-aria.js";
-import { V as d, U as p, a as o } from "./vivid-element.js";
-import { F as l } from "./form-associated.js";
+import { V as d, U as l, a as o } from "./vivid-element.js";
+import { F as p } from "./form-associated.js";
 var f = Object.defineProperty, i = (n, t, e, m) => {
   for (var r = void 0, a = n.length - 1, h; a >= 0; a--)
     (h = n[a]) && (r = h(t, e, r) || r);
   return r && f(t, e, r), r;
 };
 class s extends c(
-  l(d)
+  p(d)
 ) {
   constructor() {
     super(...arguments), this.proxy = document.createElement("input"), this.handleClick = (t) => {
+      /* v8 ignore else -- @preserve */
       this.disabled && t.stopPropagation();
     }, this.handleSubmission = () => {
       this.form && (this.attachProxy(), this.form.requestSubmit(this.proxy), this.detachProxy());
     }, this.handleFormReset = () => {
       this.form?.reset();
     }, this.handleUnsupportedDelegatesFocus = () => {
+      /* v8 ignore else -- @preserve */
       this.$fastController.definition.shadowOptions && window.ShadowRoot && /* eslint-disable-next-line */
       !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") && this.$fastController.definition.shadowOptions.delegatesFocus && Object.defineProperty(this, "focus", {
         value: () => {
@@ -28,26 +30,32 @@ class s extends c(
   }
   // @ts-expect-error Function is delcared but not used
   formactionChanged() {
+    /* v8 ignore if -- @preserve */
     this.proxy instanceof HTMLInputElement && (this.proxy.formAction = this.formaction);
   }
   // @ts-expect-error Function is delcared but not used
   formenctypeChanged() {
+    /* v8 ignore if -- @preserve */
     this.proxy instanceof HTMLInputElement && (this.proxy.formEnctype = this.formenctype);
   }
   // @ts-expect-error Function is delcared but not used
   formmethodChanged() {
+    /* v8 ignore if -- @preserve */
     this.proxy instanceof HTMLInputElement && (this.proxy.formMethod = this.formmethod);
   }
   // @ts-expect-error Function is delcared but not used
   formnovalidateChanged() {
+    /* v8 ignore if -- @preserve */
     this.proxy instanceof HTMLInputElement && (this.proxy.formNoValidate = this.formnovalidate);
   }
   // @ts-expect-error Function is delcared but not used
   formtargetChanged() {
+    /* v8 ignore if -- @preserve */
     this.proxy instanceof HTMLInputElement && (this.proxy.formTarget = this.formtarget);
   }
   // @ts-expect-error Function is delcared but not used
   typeChanged(t, e) {
+    /* v8 ignore if -- @preserve */
     this.proxy instanceof HTMLInputElement && (this.proxy.type = this.type), e === "submit" && this.addEventListener("click", this.handleSubmission), t === "submit" && this.removeEventListener("click", this.handleSubmission), e === "reset" && this.addEventListener("click", this.handleFormReset), t === "reset" && this.removeEventListener("click", this.handleFormReset);
   }
   /** {@inheritDoc (FormAssociated:interface).validate} */
@@ -58,11 +66,9 @@ class s extends c(
    * @internal
    */
   connectedCallback() {
-    super.connectedCallback(), this.proxy.setAttribute("type", this.type), this.handleUnsupportedDelegatesFocus(), this.autofocus && p.enqueue(() => {
+    super.connectedCallback(), this.proxy.setAttribute("type", this.type), this.handleUnsupportedDelegatesFocus(), this.autofocus && l.enqueue(() => {
       this.focus();
-    });
-    const t = Array.from(this.control.children);
-    t && t.forEach((e) => {
+    }), Array.from(this.control.children).forEach((e) => {
       e.addEventListener("click", this.handleClick);
     });
   }
@@ -70,9 +76,7 @@ class s extends c(
    * @internal
    */
   disconnectedCallback() {
-    super.disconnectedCallback();
-    const t = Array.from(this.control.children);
-    t && t.forEach((e) => {
+    super.disconnectedCallback(), Array.from(this.control.children).forEach((e) => {
       e.removeEventListener("click", this.handleClick);
     });
   }