@vonage/vivid 5.4.0 → 5.6.0

package/bundled/base-color-picker.js

@@ -1,56 +1,66 @@
-import { F as C } from "./form-associated.js";
-import { U as g, h as p, a as v, o as y } from "./vivid-element.js";
-import { w as S } from "./when.js";
-import { L as b } from "./localized.js";
-import { F as I } from "./form-element.js";
-import { c as B } from "./class-names.js";
-function _(o) {
-  if (!o) return null;
-  const s = o.trim().replace(/^#/, "");
-  return /^[0-9a-fA-F]{3}$/.test(s) ? s.split("").map((a) => a + a).join("").toLowerCase() : /^[0-9a-fA-F]{6}$/.test(s) ? s.toLowerCase() : null;
+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;
 }
-function P(o) {
-  return _(o) !== null;
+function P(a) {
+  return C(a) !== null;
 }
-function w(o) {
-  const s = _(o);
+function _(a) {
+  const s = C(a);
   if (!s) return 0;
-  const a = parseInt(s.slice(0, 2), 16) / 255, r = parseInt(s.slice(2, 4), 16) / 255, e = parseInt(s.slice(4, 6), 16) / 255, t = a <= 0.03928 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4), l = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4), n = e <= 0.03928 ? e / 12.92 : Math.pow((e + 0.055) / 1.055, 2.4);
-  return 0.2126 * t + 0.7152 * l + 0.0722 * n;
+  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 A(o, s) {
-  const a = w(o), r = w(s), e = Math.max(a, r), t = Math.min(a, r);
-  return (e + 0.05) / (t + 0.05);
+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 $(o, s) {
-  return s || (s = document.querySelector(".vvd-root") || document.documentElement), getComputedStyle(s).getPropertyValue(o).trim();
+function v(a, s) {
+  return s || (s = document.querySelector(".vvd-root") || document.documentElement), getComputedStyle(s).getPropertyValue(a).trim();
 }
-var x = Object.defineProperty, m = (o, s, a, r) => {
-  for (var e = void 0, t = o.length - 1, l; t >= 0; t--)
-    (l = o[t]) && (e = l(s, a, e) || e);
-  return e && x(s, a, e), e;
+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 = (o) => {
-  class s extends b(
-    I(C(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(), this._refreshCanvasColor();
+      super.connectedCallback(), requestAnimationFrame(() => {
+        this._refreshCanvasColor();
+      });
+    }
+    /**
+     * @internal
+     */
+    get _computedCanvasColor() {
+      return this._canvasColor || (this._canvasColor = v("--vvd-color-canvas", this)), this._canvasColor;
     }
     /**
      * @internal
      */
     _refreshCanvasColor() {
-      this._canvasColor = $("--vvd-color-canvas", this);
+      this._canvasColor = v("--vvd-color-canvas", this);
     }
     /**
      * @internal
      */
-    _applyContrastClass(r, e = 3) {
-      return !r || !this._canvasColor ? !1 : A(r, this._canvasColor) < e;
+    _applyContrastClass(t, o = 3) {
+      if (!t) return !1;
+      const e = this._computedCanvasColor;
+      return e ? A(t, e) < o : !1;
     }
     /**
      * @internal
@@ -61,12 +71,13 @@ const q = (o) => {
     /**
      * @internal
      */
-    _handleSwatchSelection(r) {
-      this.value === r ? this.value = "" : this.value = r, this.$emit("change"), this.open = !1;
+    _handleSwatchSelection(t) {
+      this.value === t ? this.value = "" : this.value = t, this.$emit("change"), this.open = !1;
     }
     /**
      * @internal
-     */
+     * /
+    /* v8 ignore next -- @preserve */
     _handleColorSaving() {
     }
     /**
@@ -79,16 +90,16 @@ const q = (o) => {
      * @internal
      */
     _returnFocusToAnchor() {
-      const r = this._getFocusReturnEl();
-      r && g.enqueue(() => r.focus());
+      const t = this._getFocusReturnEl();
+      t && y.enqueue(() => t.focus());
     }
     /**
      * @internal
      */
     _getGridCells() {
-      const r = this.shadowRoot?.querySelector('[role="grid"]');
-      return r ? Array.from(
-        r.querySelectorAll(
+      const t = this.shadowRoot?.querySelector('[role="grid"]');
+      return t ? Array.from(
+        t.querySelectorAll(
           '[role="gridcell"], [data-vvd-role="gridcell"]'
         )
       ) : [];
@@ -96,36 +107,41 @@ const q = (o) => {
     /**
      * @internal
      */
-    _handleCellKeydown(r, e, t, l) {
-      const n = this._getRowLength(), c = this._getGridCells().length, u = Math.floor(t / n), h = t % n, f = Math.ceil(c / n);
-      switch (r.key) {
-        case "ArrowRight":
-          return h < n - 1 && t + 1 < c && this._focusSwatchByIndex(t + 1), !1;
+    _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(t - 1), !1;
-        case "ArrowDown":
-          return u < f - 1 && t + n < c && this._focusSwatchByIndex(t + n), !1;
+          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(t - n), !1;
+          return u > 0 && this._focusSwatchByIndex(e - l), !1;
         case "PageDown": {
-          const i = (f - 1) * n, d = Math.min(
+          const i = (d - 1) * l, p = Math.min(
             i + h,
             c - 1
           );
-          return t !== d && this._focusSwatchByIndex(d), !1;
+          /* v8 ignore else -- @preserve */
+          return e !== p && this._focusSwatchByIndex(p), !1;
         }
         case "PageUp": {
           const i = Math.min(h, c - 1);
-          return t !== i && this._focusSwatchByIndex(i), !1;
+          return e !== i && this._focusSwatchByIndex(i), !1;
         }
         case "Home":
-          return r.ctrlKey ? this._focusSwatchByIndex(0) : this._focusSwatchByIndex(u * n), !1;
+          return t.ctrlKey ? this._focusSwatchByIndex(0) : this._focusSwatchByIndex(u * l), !1;
         case "End":
-          if (r.ctrlKey)
+          if (t.ctrlKey)
             this._focusSwatchByIndex(c - 1);
           else {
             const i = Math.min(
-              (u + 1) * n - 1,
+              (u + 1) * l - 1,
               c - 1
             );
             this._focusSwatchByIndex(i);
@@ -133,7 +149,7 @@ const q = (o) => {
           return !1;
         case "Enter":
         case " ":
-          return l && this._handleColorSaving(), e && !l && (this._handleSwatchSelection(e), this._returnFocusToAnchor()), !1;
+          return r && this._handleColorSaving(), o && !r && (this._handleSwatchSelection(o), this._returnFocusToAnchor()), !1;
         case "Escape":
           return this.open = !1, this._returnFocusToAnchor(), !1;
         case "Tab":
@@ -145,48 +161,55 @@ const q = (o) => {
     /**
      * @internal
      */
-    _focusSwatchByIndex(r) {
-      const e = this._getGridCells();
-      r < 0 || r >= e.length || e[r]?.focus();
+    _focusSwatchByIndex(t) {
+      const o = this._getGridCells();
+      t < 0 || t >= o.length || o[t]?.focus();
     }
     /**
      * @internal
      */
-    _renderColorSwatch(r) {
-      return p`
-				<button
-					class="swatch ${(e, t) => B(
-        t.parent.value === e.value ? "selected" : "",
-        t.parent._applyContrastClass(e.value) ? "contrast" : ""
+    _renderColorSwatch(t, o) {
+      return m`
+				<${o} 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" : ""
       )}"
-					role="gridcell"
-					style="--swatch-color: ${(e) => e.value};"
-					tabindex="${(e, t) => t.index === 0 ? "0" : "-1"}"
-					aria-label="${(e, t) => t.parent.locale.baseColorPicker.colorSwatchLabel(
+						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,
-        t.parent.value === e.value
+        r.parent.value === e.value
       )}"
-					@click="${(e, t) => t.parent._handleSwatchSelection(e.value)}"
-					@keydown="${(e, t) => t.parent._handleCellKeydown(
-        t.event,
+						@click="${(e, r) => r.parent._handleSwatchSelection(e.value)}"
+						@keydown="${(e, r) => r.parent._handleCellKeydown(
+        r.event,
         e.value,
-        t.index
+        r.index
       )}"
-				>
-					${S(
-        (e, t) => t.parent.value === e.value,
-        p`<${r} size="-6" name="check-solid" aria-hidden="true"></${r}>`
+					>
+						${b(
+        (e, r) => r.parent.value === e.value,
+        m`<${t} size="-6" name="check-solid" aria-hidden="true"></${t}>`
       )}
-				</button>
+					</button>
+				</${o}>
 			`;
     }
   }
-  return m([
-    v({ mode: "boolean" })
-  ], s.prototype, "open"), m([
-    y
-  ], s.prototype, "swatches"), s;
+  return f([
+    S({ mode: "boolean" })
+  ], s.prototype, "open"), f([
+    w
+  ], s.prototype, "swatches"), f([
+    w
+  ], s.prototype, "_canvasColor"), s;
 };
 export {
   q as B,

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);
     });
   }