@vonage/vivid 5.15.0 → 5.16.0

package/bundled/base-color-picker.js

@@ -1,217 +1,130 @@
-import { F as g } from "./form-associated.js";
-import { U as y, h as m, a as S, o as w } from "./vivid-element.js";
-import { w as b } from "./when.js";
-import { L as I } from "./localized.js";
-import { F as B } from "./form-element.js";
-import { c as $ } from "./class-names.js";
-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;
+import { t as e } from "./localized.js";
+import { O as t, T as n, d as r, l as i } from "./vivid-element.js";
+import { t as a } from "./when.js";
+import { t as o } from "./decorate.js";
+import { t as s } from "./class-names.js";
+import { n as c } from "./form-associated.js";
+import { t as l } from "./form-element.js";
+//#region src/shared/color-picker/utils.ts
+function u(e) {
+	if (!e) return null;
+	let t = e.trim().replace(/^#/, "");
+	return /^[0-9a-fA-F]{3}$/.test(t) ? t.split("").map((e) => e + e).join("").toLowerCase() : /^[0-9a-fA-F]{6}$/.test(t) ? t.toLowerCase() : null;
 }
-function P(a) {
-  return C(a) !== null;
+function d(e) {
+	return u(e) !== null;
 }
-function _(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 <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4), r = t <= 0.03928 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4), l = o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
-  return 0.2126 * e + 0.7152 * r + 0.0722 * l;
+function f(e) {
+	let t = u(e);
+	if (!t) return 0;
+	let n = parseInt(t.slice(0, 2), 16) / 255, r = parseInt(t.slice(2, 4), 16) / 255, i = parseInt(t.slice(4, 6), 16) / 255, a = n <= .03928 ? n / 12.92 : ((n + .055) / 1.055) ** 2.4, o = r <= .03928 ? r / 12.92 : ((r + .055) / 1.055) ** 2.4, s = i <= .03928 ? i / 12.92 : ((i + .055) / 1.055) ** 2.4;
+	return .2126 * a + .7152 * o + .0722 * s;
 }
-function A(a, s) {
-  const n = _(a), t = _(s), o = Math.max(n, t), e = Math.min(n, t);
-  return (o + 0.05) / (e + 0.05);
+function p(e, t) {
+	let n = f(e), r = f(t), i = Math.max(n, r), a = Math.min(n, r);
+	return (i + .05) / (a + .05);
 }
-function v(a, s) {
-  return s || (s = document.querySelector(".vvd-root") || document.documentElement), getComputedStyle(s).getPropertyValue(a).trim();
+function m(e, t) {
+	return t ||= document.querySelector(".vvd-root") || document.documentElement, getComputedStyle(t).getPropertyValue(e).trim();
 }
-var x = Object.defineProperty, f = (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 && x(s, n, o), o;
-};
-const q = (a) => {
-  class s extends I(
-    B(g(a))
-  ) {
-    constructor() {
-      super(...arguments), this.proxy = document.createElement("input"), this.open = !1, this.swatches = [], this._canvasColor = "";
-    }
-    connectedCallback() {
-      super.connectedCallback(), requestAnimationFrame(() => {
-        this._refreshCanvasColor();
-      });
-    }
-    /**
-     * @internal
-     */
-    get _computedCanvasColor() {
-      return this._canvasColor || (this._canvasColor = v("--vvd-color-canvas", this)), this._canvasColor;
-    }
-    /**
-     * @internal
-     */
-    _refreshCanvasColor() {
-      this._canvasColor = v("--vvd-color-canvas", this);
-    }
-    /**
-     * @internal
-     */
-    _applyContrastClass(t, o = 3) {
-      if (!t) return !1;
-      const e = this._computedCanvasColor;
-      return e ? A(t, e) < o : !1;
-    }
-    /**
-     * @internal
-     */
-    _getRowLength() {
-      return 7;
-    }
-    /**
-     * @internal
-     */
-    _handleSwatchSelection(t) {
-      this.value === t ? this.value = "" : this.value = t, this.$emit("change"), this.open = !1;
-    }
-    /**
-     * @internal
-     */
-    /* v8 ignore next */
-    _handleColorSaving() {
-    }
-    /**
-     * @internal
-     */
-    _getFocusReturnEl() {
-      return null;
-    }
-    /**
-     * @internal
-     */
-    _returnFocusToAnchor() {
-      const t = this._getFocusReturnEl();
-      t && y.enqueue(() => t.focus());
-    }
-    /**
-     * @internal
-     */
-    _getGridCells() {
-      const t = this.shadowRoot?.querySelector('[role="grid"]');
-      return t ? Array.from(
-        t.querySelectorAll(
-          '[role="gridcell"], [data-vvd-role="gridcell"]'
-        )
-      ) : [];
-    }
-    /**
-     * @internal
-     */
-    _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": {
-          /* 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": {
-          /* 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": {
-          const i = (d - 1) * l, p = Math.min(
-            i + h,
-            c - 1
-          );
-          /* v8 ignore else -- @preserve */
-          return e !== p && this._focusSwatchByIndex(p), !1;
-        }
-        case "PageUp": {
-          const i = Math.min(h, c - 1);
-          return e !== i && this._focusSwatchByIndex(i), !1;
-        }
-        case "Home":
-          return t.ctrlKey ? this._focusSwatchByIndex(0) : this._focusSwatchByIndex(u * l), !1;
-        case "End":
-          if (t.ctrlKey)
-            this._focusSwatchByIndex(c - 1);
-          else {
-            const i = Math.min(
-              (u + 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;
-      }
-    }
-    /**
-     * @internal
-     */
-    _focusSwatchByIndex(t) {
-      const o = this._getGridCells();
-      t < 0 || t >= o.length || o[t]?.focus();
-    }
-    /**
-     * @internal
-     */
-    _renderColorSwatch(t, o) {
-      return m`
-				<${o} placement="top" 
+//#endregion
+//#region src/shared/color-picker/base-color-picker.ts
+var h = (u) => {
+	class d extends e(l(c(u))) {
+		constructor(...e) {
+			super(...e), this.proxy = document.createElement("input"), this.open = !1, this.swatches = [], this._canvasColor = "";
+		}
+		connectedCallback() {
+			super.connectedCallback(), requestAnimationFrame(() => {
+				this._refreshCanvasColor();
+			});
+		}
+		get _computedCanvasColor() {
+			return this._canvasColor ||= m("--vvd-color-canvas", this), this._canvasColor;
+		}
+		_refreshCanvasColor() {
+			this._canvasColor = m("--vvd-color-canvas", this);
+		}
+		_applyContrastClass(e, t = 3) {
+			if (!e) return !1;
+			let n = this._computedCanvasColor;
+			return n ? p(e, n) < t : !1;
+		}
+		_getRowLength() {
+			return 7;
+		}
+		_handleSwatchSelection(e) {
+			this.value === e ? this.value = "" : this.value = e, this.$emit("change"), this.open = !1;
+		}
+		/* v8 ignore next */
+		_handleColorSaving() {}
+		_getFocusReturnEl() {
+			return null;
+		}
+		_returnFocusToAnchor() {
+			let e = this._getFocusReturnEl();
+			e && t.enqueue(() => e.focus());
+		}
+		_getGridCells() {
+			let e = this.shadowRoot?.querySelector("[role=\"grid\"]");
+			return e ? Array.from(e.querySelectorAll("[role=\"gridcell\"], [data-vvd-role=\"gridcell\"]")) : [];
+		}
+		_handleCellKeydown(e, t, n, r) {
+			let i = this._getRowLength(), a = this._getGridCells().length, o = Math.floor(n / i), s = n % i, c = Math.ceil(a / i);
+			switch (e.key) {
+				case "ArrowRight": return s < i - 1 && n + 1 < a && this._focusSwatchByIndex(n + 1), !1;
+				case "ArrowLeft": return s > 0 && this._focusSwatchByIndex(n - 1), !1;
+				case "ArrowDown": return o < c - 1 && n + i < a && this._focusSwatchByIndex(n + i), !1;
+				case "ArrowUp": return o > 0 && this._focusSwatchByIndex(n - i), !1;
+				case "PageDown": {
+					let e = (c - 1) * i, t = Math.min(e + s, a - 1);
+					return n !== t && this._focusSwatchByIndex(t), !1;
+				}
+				case "PageUp": {
+					let e = Math.min(s, a - 1);
+					return n !== e && this._focusSwatchByIndex(e), !1;
+				}
+				case "Home": return e.ctrlKey ? this._focusSwatchByIndex(0) : this._focusSwatchByIndex(o * i), !1;
+				case "End":
+					if (e.ctrlKey) this._focusSwatchByIndex(a - 1);
+					else {
+						let e = Math.min((o + 1) * i - 1, a - 1);
+						this._focusSwatchByIndex(e);
+					}
+					return !1;
+				case "Enter":
+				case " ": return r && this._handleColorSaving(), t && !r && (this._handleSwatchSelection(t), this._returnFocusToAnchor()), !1;
+				case "Escape": return this.open = !1, this._returnFocusToAnchor(), !1;
+				case "Tab": return this.open = !1, !0;
+				default: return !0;
+			}
+		}
+		_focusSwatchByIndex(e) {
+			let t = this._getGridCells();
+			e < 0 || e >= t.length || t[e]?.focus();
+		}
+		_renderColorSwatch(e, t) {
+			return r`
+				<${t} placement="top" 
 					text="${(e) => e.label ?? e.value}" 
 					exportparts="vvd-theme-alternate">
 					<button
 						slot="anchor"
-						class="swatch ${(e, r) => $(
-        r.parent.value === e.value ? "selected" : "",
-        r.parent._applyContrastClass(e.value) ? "contrast" : ""
-      )}"
+						class="swatch ${(e, t) => s(t.parent.value === e.value ? "selected" : "", t.parent._applyContrastClass(e.value) ? "contrast" : "")}"
 						role="gridcell"
 						style="--swatch-color: ${(e) => e.value};"
-						tabindex="${(e, r) => r.index === 0 ? "0" : "-1"}"
-						aria-label="${(e, r) => r.parent.locale.baseColorPicker.colorSwatchLabel(
-        e.value,
-        e.label,
-        r.parent.value === e.value
-      )}"
-						@click="${(e, r) => r.parent._handleSwatchSelection(e.value)}"
-						@keydown="${(e, r) => r.parent._handleCellKeydown(
-        r.event,
-        e.value,
-        r.index
-      )}"
+						tabindex="${(e, t) => t.index === 0 ? "0" : "-1"}"
+						aria-label="${(e, t) => t.parent.locale.baseColorPicker.colorSwatchLabel(e.value, e.label, t.parent.value === e.value)}"
+						@click="${(e, t) => t.parent._handleSwatchSelection(e.value)}"
+						@keydown="${(e, t) => t.parent._handleCellKeydown(t.event, e.value, t.index)}"
 					>
-						${b(
-        (e, r) => r.parent.value === e.value,
-        m`<${t} size="-6" name="check-solid" aria-hidden="true"></${t}>`
-      )}
+						${a((e, t) => t.parent.value === e.value, r`<${e} size="-6" name="check-solid" aria-hidden="true"></${e}>`)}
 					</button>
-				</${o}>
+				</${t}>
 			`;
-    }
-  }
-  return f([
-    S({ mode: "boolean" })
-  ], s.prototype, "open"), f([
-    w
-  ], s.prototype, "swatches"), f([
-    w
-  ], s.prototype, "_canvasColor"), s;
-};
-export {
-  q as B,
-  P as i
+		}
+	}
+	return o([i({ mode: "boolean" })], d.prototype, "open", void 0), o([n], d.prototype, "swatches", void 0), o([n], d.prototype, "_canvasColor", void 0), d;
 };
+//#endregion
+export { d as n, h as t };

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(){/* 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;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=class extends e.t{constructor(...e){super(...e),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(){let e=typeof this.min==`number`?this.min:0,t=typeof this.max==`number`?this.max:100,n=typeof this.value==`number`?this.value:0,r=t-e;this.percentComplete=r===0?0:Math.fround((n-e)/r*100)}};t.t([e.l({converter:e.u})],n.prototype,`value`,void 0),t.t([e.l({converter:e.u})],n.prototype,`min`,void 0),t.t([e.l({converter:e.u})],n.prototype,`max`,void 0),t.t([e.l({mode:`boolean`})],n.prototype,`paused`,void 0),t.t([e.T],n.prototype,`percentComplete`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/base-progress.js

@@ -1,60 +1,30 @@
-import { V as m, a, n as l, o as u } from "./vivid-element.js";
-var d = Object.defineProperty, n = (s, t, r, i) => {
-  for (var e = void 0, p = s.length - 1, c; p >= 0; p--)
-    (c = s[p]) && (e = c(t, r, e) || e);
-  return e && d(t, r, e), e;
-};
-class o extends m {
-  constructor() {
-    super(...arguments), this.percentComplete = 0;
-  }
-  /**
-   * @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();
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback(), this.updatePercentComplete();
-  }
-  updatePercentComplete() {
-    const t = typeof this.min == "number" ? this.min : 0, r = typeof this.max == "number" ? this.max : 100, i = typeof this.value == "number" ? this.value : 0, e = r - t;
-    this.percentComplete = e === 0 ? 0 : Math.fround((i - t) / e * 100);
-  }
-}
-n([
-  a({ converter: l })
-], o.prototype, "value");
-n([
-  a({ converter: l })
-], o.prototype, "min");
-n([
-  a({ converter: l })
-], o.prototype, "max");
-n([
-  a({ mode: "boolean" })
-], o.prototype, "paused");
-n([
-  u
-], o.prototype, "percentComplete");
-export {
-  o as B
+import { T as e, l as t, t as n, u as r } from "./vivid-element.js";
+import { t as i } from "./decorate.js";
+//#region src/shared/foundation/progress/base-progress.ts
+var a = class extends n {
+	constructor(...e) {
+		super(...e), 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() {
+		let e = typeof this.min == "number" ? this.min : 0, t = typeof this.max == "number" ? this.max : 100, n = typeof this.value == "number" ? this.value : 0, r = t - e;
+		this.percentComplete = r === 0 ? 0 : Math.fround((n - e) / r * 100);
+	}
 };
+i([t({ converter: r })], a.prototype, "value", void 0), i([t({ converter: r })], a.prototype, "min", void 0), i([t({ converter: r })], a.prototype, "max", void 0), i([t({ mode: "boolean" })], a.prototype, "paused", void 0), i([e], a.prototype, "percentComplete", void 0);
+//#endregion
+export { a as t };

package/bundled/breadcrumb-item.cjs

@@ -1 +1 @@
-"use strict";const s=require("./vivid-element.cjs"),l=require("./linkable.cjs");var p=Object.defineProperty,u=(r,i,n,v)=>{for(var e=void 0,t=r.length-1,o;t>=0;t--)(o=r[t])&&(e=o(i,n,e)||e);return e&&p(i,n,e),e};class a extends l.Linkable(s.VividElement){constructor(){super(...arguments),this.separator=!0}}u([s.attr],a.prototype,"text");u([s.observable],a.prototype,"separator");exports.BreadcrumbItem=a;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./linkable.cjs`);var r=class extends n.t(e.t){constructor(...e){super(...e),this.separator=!0}};t.t([e.l],r.prototype,`text`,void 0),t.t([e.T],r.prototype,`separator`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/breadcrumb-item.js

@@ -1,21 +1,12 @@
-import { V as n, a as m, o as f } from "./vivid-element.js";
-import { L as l } from "./linkable.js";
-var u = Object.defineProperty, p = (e, a, s, v) => {
-  for (var r = void 0, t = e.length - 1, o; t >= 0; t--)
-    (o = e[t]) && (r = o(a, s, r) || r);
-  return r && u(a, s, r), r;
-};
-class i extends l(n) {
-  constructor() {
-    super(...arguments), this.separator = !0;
-  }
-}
-p([
-  m
-], i.prototype, "text");
-p([
-  f
-], i.prototype, "separator");
-export {
-  i as B
+import { T as e, l as t, t as n } from "./vivid-element.js";
+import { t as r } from "./decorate.js";
+import { t as i } from "./linkable.js";
+//#region src/lib/breadcrumb-item/breadcrumb-item.ts
+var a = class extends i(n) {
+	constructor(...e) {
+		super(...e), this.separator = !0;
+	}
 };
+r([t], a.prototype, "text", void 0), r([e], a.prototype, "separator", void 0);
+//#endregion
+export { a as t };

package/bundled/button.cjs

@@ -1 +1 @@
-"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;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`),n=require(`./delegates-aria.cjs`),r=require(`./form-associated.cjs`);var i=class extends n.t(r.n(e.t)){constructor(...e){super(...e),this.proxy=document.createElement(`input`),this.handleClick=e=>{this.disabled&&e.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(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),t===`submit`&&this.addEventListener(`click`,this.handleSubmission),e===`submit`&&this.removeEventListener(`click`,this.handleSubmission),t===`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&&e.O.enqueue(()=>{this.focus()}),Array.from(this.control.children).forEach(e=>{e.addEventListener(`click`,this.handleClick)})}disconnectedCallback(){super.disconnectedCallback(),Array.from(this.control.children).forEach(e=>{e.removeEventListener(`click`,this.handleClick)})}};t.t([e.l({mode:`boolean`})],i.prototype,`autofocus`,void 0),t.t([e.l({attribute:`form`})],i.prototype,`formId`,void 0),t.t([e.l],i.prototype,`formaction`,void 0),t.t([e.l],i.prototype,`formenctype`,void 0),t.t([e.l],i.prototype,`formmethod`,void 0),t.t([e.l({mode:`boolean`})],i.prototype,`formnovalidate`,void 0),t.t([e.l],i.prototype,`formtarget`,void 0),t.t([e.l],i.prototype,`type`,void 0),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});