@florid-kit/components 0.9.6 → 0.9.8

package/index.mjs

@@ -45,10 +45,10 @@ const ye = (o) => new he(typeof o == "string" ? o : o + "", void 0, Tt), f = (o,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: xe, defineProperty: we, getOwnPropertyDescriptor: $e, getOwnPropertyNames: Ce, getOwnPropertySymbols: _e, getPrototypeOf: ke } = Object, W = globalThis, te = W.trustedTypes, Ee = te ? te.emptyScript : "", Lt = W.reactiveElementPolyfillSupport, lt = (o, t) => o, Ct = { toAttribute(o, t) {
+const { is: xe, defineProperty: we, getOwnPropertyDescriptor: $e, getOwnPropertyNames: Ce, getOwnPropertySymbols: _e, getPrototypeOf: ke } = Object, W = globalThis, te = W.trustedTypes, Se = te ? te.emptyScript : "", Lt = W.reactiveElementPolyfillSupport, lt = (o, t) => o, Ct = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
-      o = o ? Ee : null;
+      o = o ? Se : null;
       break;
     case Object:
     case Array:
@@ -95,8 +95,8 @@ let it = class extends HTMLElement {
       this[e] = s;
     } };
     return { get: i, set(s) {
-      const h = i == null ? void 0 : i.call(this);
-      n == null || n.call(this, s), this.requestUpdate(t, h, r);
+      const c = i == null ? void 0 : i.call(this);
+      n == null || n.call(this, s), this.requestUpdate(t, c, r);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
@@ -192,8 +192,8 @@ let it = class extends HTMLElement {
     var n, s;
     const r = this.constructor, i = r._$Eh.get(t);
     if (i !== void 0 && this._$Em !== i) {
-      const h = r.getPropertyOptions(i), c = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((n = h.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? h.converter : Ct;
-      this._$Em = i, this[i] = c.fromAttribute(e, h.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
+      const c = r.getPropertyOptions(i), h = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((n = c.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? c.converter : Ct;
+      this._$Em = i, this[i] = h.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
     }
   }
   requestUpdate(t, e, r) {
@@ -231,8 +231,8 @@ let it = class extends HTMLElement {
       }
       const i = this.constructor.elementProperties;
       if (i.size > 0) for (const [n, s] of i) {
-        const { wrapped: h } = s, c = this[n];
-        h !== !0 || this._$AL.has(n) || c === void 0 || this.C(n, void 0, s, c);
+        const { wrapped: c } = s, h = this[n];
+        c !== !0 || this._$AL.has(n) || h === void 0 || this.C(n, void 0, s, h);
       }
     }
     let t = !1;
@@ -282,7 +282,7 @@ it.elementStyles = [], it.shadowRootOptions = { mode: "open" }, it[lt("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ct = globalThis, _t = ct.trustedTypes, oe = _t ? _t.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, de = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, pe = "?" + K, Se = `<${pe}>`, tt = document, dt = () => tt.createComment(""), pt = (o) => o === null || typeof o != "object" && typeof o != "function", Rt = Array.isArray, Ae = (o) => Rt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", It = `[ 	
+const ct = globalThis, _t = ct.trustedTypes, oe = _t ? _t.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, de = "$lit$", K = `lit$${Math.random().toFixed(9).slice(2)}$`, pe = "?" + K, Ee = `<${pe}>`, tt = document, dt = () => tt.createComment(""), pt = (o) => o === null || typeof o != "object" && typeof o != "function", Rt = Array.isArray, Ae = (o) => Rt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", It = `[ 	
 \f\r]`, at = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, re = />/g, J = RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, se = /"/g, ue = /^(?:script|style|textarea|title)$/i, Le = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), l = Le(1), G = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), Q = tt.createTreeWalker(tt, 129);
 function ve(o, t) {
@@ -292,12 +292,12 @@ function ve(o, t) {
 const Ie = (o, t) => {
   const e = o.length - 1, r = [];
   let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = at;
-  for (let h = 0; h < e; h++) {
-    const c = o[h];
+  for (let c = 0; c < e; c++) {
+    const h = o[c];
     let b, x, p = -1, k = 0;
-    for (; k < c.length && (s.lastIndex = k, x = s.exec(c), x !== null); ) k = s.lastIndex, s === at ? x[1] === "!--" ? s = ie : x[1] !== void 0 ? s = re : x[2] !== void 0 ? (ue.test(x[2]) && (i = RegExp("</" + x[2], "g")), s = J) : x[3] !== void 0 && (s = J) : s === J ? x[0] === ">" ? (s = i ?? at, p = -1) : x[1] === void 0 ? p = -2 : (p = s.lastIndex - x[2].length, b = x[1], s = x[3] === void 0 ? J : x[3] === '"' ? se : ne) : s === se || s === ne ? s = J : s === ie || s === re ? s = at : (s = J, i = void 0);
-    const z = s === J && o[h + 1].startsWith("/>") ? " " : "";
-    n += s === at ? c + Se : p >= 0 ? (r.push(b), c.slice(0, p) + de + c.slice(p) + K + z) : c + K + (p === -2 ? h : z);
+    for (; k < h.length && (s.lastIndex = k, x = s.exec(h), x !== null); ) k = s.lastIndex, s === at ? x[1] === "!--" ? s = ie : x[1] !== void 0 ? s = re : x[2] !== void 0 ? (ue.test(x[2]) && (i = RegExp("</" + x[2], "g")), s = J) : x[3] !== void 0 && (s = J) : s === J ? x[0] === ">" ? (s = i ?? at, p = -1) : x[1] === void 0 ? p = -2 : (p = s.lastIndex - x[2].length, b = x[1], s = x[3] === void 0 ? J : x[3] === '"' ? se : ne) : s === se || s === ne ? s = J : s === ie || s === re ? s = at : (s = J, i = void 0);
+    const B = s === J && o[c + 1].startsWith("/>") ? " " : "";
+    n += s === at ? h + Ee : p >= 0 ? (r.push(b), h.slice(0, p) + de + h.slice(p) + K + B) : h + K + (p === -2 ? c : B);
   }
   return [ve(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
@@ -306,29 +306,29 @@ class ut {
     let i;
     this.parts = [];
     let n = 0, s = 0;
-    const h = t.length - 1, c = this.parts, [b, x] = Ie(t, e);
+    const c = t.length - 1, h = this.parts, [b, x] = Ie(t, e);
     if (this.el = ut.createElement(b, r), Q.currentNode = this.el.content, e === 2 || e === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
     }
-    for (; (i = Q.nextNode()) !== null && c.length < h; ) {
+    for (; (i = Q.nextNode()) !== null && h.length < c; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(de)) {
-          const k = x[s++], z = i.getAttribute(p).split(K), wt = /([.?@])?(.*)/.exec(k);
-          c.push({ type: 1, index: n, name: wt[2], strings: z, ctor: wt[1] === "." ? Oe : wt[1] === "?" ? ze : wt[1] === "@" ? Be : Et }), i.removeAttribute(p);
-        } else p.startsWith(K) && (c.push({ type: 6, index: n }), i.removeAttribute(p));
+          const k = x[s++], B = i.getAttribute(p).split(K), wt = /([.?@])?(.*)/.exec(k);
+          h.push({ type: 1, index: n, name: wt[2], strings: B, ctor: wt[1] === "." ? Oe : wt[1] === "?" ? ze : wt[1] === "@" ? Be : St }), i.removeAttribute(p);
+        } else p.startsWith(K) && (h.push({ type: 6, index: n }), i.removeAttribute(p));
         if (ue.test(i.tagName)) {
           const p = i.textContent.split(K), k = p.length - 1;
           if (k > 0) {
             i.textContent = _t ? _t.emptyScript : "";
-            for (let z = 0; z < k; z++) i.append(p[z], dt()), Q.nextNode(), c.push({ type: 2, index: ++n });
+            for (let B = 0; B < k; B++) i.append(p[B], dt()), Q.nextNode(), h.push({ type: 2, index: ++n });
             i.append(p[k], dt());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === pe) c.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === pe) h.push({ type: 2, index: n });
       else {
         let p = -1;
-        for (; (p = i.data.indexOf(K, p + 1)) !== -1; ) c.push({ type: 7, index: n }), p += K.length - 1;
+        for (; (p = i.data.indexOf(K, p + 1)) !== -1; ) h.push({ type: 7, index: n }), p += K.length - 1;
       }
       n++;
     }
@@ -339,11 +339,11 @@ class ut {
   }
 }
 function rt(o, t, e = o, r) {
-  var s, h;
+  var s, c;
   if (t === G) return t;
   let i = r !== void 0 ? (s = e._$Co) == null ? void 0 : s[r] : e._$Cl;
   const n = pt(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = i : e._$Cl = i), i !== void 0 && (t = rt(o, i._$AS(o, t.values), i, r)), t;
+  return (i == null ? void 0 : i.constructor) !== n && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = i : e._$Cl = i), i !== void 0 && (t = rt(o, i._$AS(o, t.values), i, r)), t;
 }
 class Pe {
   constructor(t, e) {
@@ -358,13 +358,13 @@ class Pe {
   u(t) {
     const { el: { content: e }, parts: r } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? tt).importNode(e, !0);
     Q.currentNode = i;
-    let n = Q.nextNode(), s = 0, h = 0, c = r[0];
-    for (; c !== void 0; ) {
-      if (s === c.index) {
+    let n = Q.nextNode(), s = 0, c = 0, h = r[0];
+    for (; h !== void 0; ) {
+      if (s === h.index) {
         let b;
-        c.type === 2 ? b = new mt(n, n.nextSibling, this, t) : c.type === 1 ? b = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (b = new De(n, this, t)), this._$AV.push(b), c = r[++h];
+        h.type === 2 ? b = new mt(n, n.nextSibling, this, t) : h.type === 1 ? b = new h.ctor(n, h.name, h.strings, this, t) : h.type === 6 && (b = new De(n, this, t)), this._$AV.push(b), h = r[++c];
       }
-      s !== (c == null ? void 0 : c.index) && (n = Q.nextNode(), s++);
+      s !== (h == null ? void 0 : h.index) && (n = Q.nextNode(), s++);
     }
     return Q.currentNode = tt, i;
   }
@@ -409,8 +409,8 @@ class mt {
     const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = ut.createElement(ve(r.h, r.h[0]), this.options)), r);
     if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(e);
     else {
-      const s = new Pe(i, this), h = s.u(this.options);
-      s.p(e), this.T(h), this._$AH = s;
+      const s = new Pe(i, this), c = s.u(this.options);
+      s.p(e), this.T(c), this._$AH = s;
     }
   }
   _$AC(t) {
@@ -436,7 +436,7 @@ class mt {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class Et {
+class St {
   get tagName() {
     return this.element.tagName;
   }
@@ -451,9 +451,9 @@ class Et {
     let s = !1;
     if (n === void 0) t = rt(this, t, e, 0), s = !pt(t) || t !== this._$AH && t !== G, s && (this._$AH = t);
     else {
-      const h = t;
-      let c, b;
-      for (t = n[0], c = 0; c < n.length - 1; c++) b = rt(this, h[r + c], e, c), b === G && (b = this._$AH[c]), s || (s = !pt(b) || b !== this._$AH[c]), b === d ? t = d : t !== d && (t += (b ?? "") + n[c + 1]), this._$AH[c] = b;
+      const c = t;
+      let h, b;
+      for (t = n[0], h = 0; h < n.length - 1; h++) b = rt(this, c[r + h], e, h), b === G && (b = this._$AH[h]), s || (s = !pt(b) || b !== this._$AH[h]), b === d ? t = d : t !== d && (t += (b ?? "") + n[h + 1]), this._$AH[h] = b;
     }
     s && !i && this.j(t);
   }
@@ -461,7 +461,7 @@ class Et {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Oe extends Et {
+class Oe extends St {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -469,7 +469,7 @@ class Oe extends Et {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class ze extends Et {
+class ze extends St {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -477,7 +477,7 @@ class ze extends Et {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class Be extends Et {
+class Be extends St {
   constructor(t, e, r, i, n) {
     super(t, e, r, i, n), this.type = 5;
   }
@@ -569,18 +569,18 @@ const Me = { attribute: !0, type: String, converter: Ct, reflect: !1, hasChanged
   let n = globalThis.litPropertyMetadata.get(i);
   if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(e.name, o), r === "accessor") {
     const { name: s } = e;
-    return { set(h) {
-      const c = t.get.call(this);
-      t.set.call(this, h), this.requestUpdate(s, c, o);
-    }, init(h) {
-      return h !== void 0 && this.C(s, void 0, o, h), h;
+    return { set(c) {
+      const h = t.get.call(this);
+      t.set.call(this, c), this.requestUpdate(s, h, o);
+    }, init(c) {
+      return c !== void 0 && this.C(s, void 0, o, c), c;
     } };
   }
   if (r === "setter") {
     const { name: s } = e;
-    return function(h) {
-      const c = this[s];
-      t.call(this, h), this.requestUpdate(s, c, o);
+    return function(c) {
+      const h = this[s];
+      t.call(this, c), this.requestUpdate(s, h, o);
     };
   }
   throw Error("Unsupported decorator location: " + r);
@@ -613,8 +613,8 @@ const je = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorat
 function fe(o, t) {
   return (e, r, i) => {
     const n = (s) => {
-      var h;
-      return ((h = s.renderRoot) == null ? void 0 : h.querySelector(o)) ?? null;
+      var c;
+      return ((c = s.renderRoot) == null ? void 0 : c.querySelector(o)) ?? null;
     };
     return je(e, r, { get() {
       return n(this);
@@ -635,11 +635,11 @@ f`
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const Ft = Symbol("internals"), zt = Symbol("privateInternals");
-function Nt(o) {
+const Nt = Symbol("internals"), zt = Symbol("privateInternals");
+function Ft(o) {
   var t;
   class e extends o {
-    get [(t = Ft, t)]() {
+    get [(t = Nt, t)]() {
       return this[zt] || (this[zt] = this.attachInternals()), this[zt];
     }
   }
@@ -654,9 +654,9 @@ function Re(o) {
   o.addInitializer((t) => {
     const e = t;
     e.addEventListener("click", async (r) => {
-      const { type: i, [Ft]: n } = e, { form: s } = n;
-      if (!(!s || i === "button") && (await new Promise((h) => {
-        setTimeout(h);
+      const { type: i, [Nt]: n } = e, { form: s } = n;
+      if (!(!s || i === "button") && (await new Promise((c) => {
+        setTimeout(c);
       }), !r.defaultPrevented)) {
         if (i === "reset") {
           s.reset();
@@ -664,8 +664,8 @@ function Re(o) {
         }
         s.addEventListener(
           "submit",
-          (h) => {
-            Object.defineProperty(h, "submitter", {
+          (c) => {
+            Object.defineProperty(c, "submitter", {
               configurable: !0,
               enumerable: !0,
               get: () => e
@@ -677,10 +677,10 @@ function Re(o) {
     });
   });
 }
-const Fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+const Ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
 </svg>
-`, Ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
 </svg>
 `, Ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -772,9 +772,9 @@ const Fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 </svg>
 `, bo = `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
 <path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, N = {
-  wishlist: Fe,
-  playerv: Ne,
+</svg>`, F = {
+  wishlist: Ne,
+  playerv: Fe,
   chevronRight: Ue,
   chevronLeft: Ve,
   icoPlus: Qe,
@@ -855,13 +855,13 @@ Bt.directiveName = "unsafeHTML", Bt.resultType = 1;
 class Dt extends Bt {
 }
 Dt.directiveName = "unsafeSVG", Dt.resultType = 2;
-const $ = Vt(Dt);
+const C = Vt(Dt);
 var mo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, w = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? xo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && mo(t, e, i), i;
 };
-const wo = Nt(v);
+const wo = Ft(v);
 let g = class extends wo {
   constructor() {
     super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "", this.endIconModel = "", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "", this.underlined = !1, this.withbadge = !1;
@@ -873,7 +873,7 @@ let g = class extends wo {
     this.setAttribute("name", o);
   }
   get form() {
-    return this[Ft].form;
+    return this[Nt].form;
   }
   handleClick(o) {
     if (!(o instanceof KeyboardEvent && !["Enter", " "].includes(o.key)) && this.panelTarget) {
@@ -887,11 +887,11 @@ let g = class extends wo {
   renderIcon(o) {
     const t = o === "start" ? this.startIconModel : this.endIconModel;
     if (!t) return d;
-    const e = N[t].replace(
+    const e = F[t].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
-    return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${$(e)}</span>`;
+    return l`<span class="${o === "start" ? "icon-start" : "icon-end"}">${C(e)}</span>`;
   }
   renderButton() {
     const o = this.text || this.textsecond;
@@ -1181,7 +1181,7 @@ w([
 g = w([
   m("o-button")
 ], g);
-var $o = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, St = (o, t, e, r) => {
+var $o = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Et = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? Co(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && $o(t, e, i), i;
@@ -1206,14 +1206,14 @@ let nt = class extends v {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.toggleStatus());
   }
   render() {
-    const o = N.wishlist.replace(
+    const o = F.wishlist.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     );
     return l`
 			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
-				${$(o)}
+				${C(o)}
 			</button>
 		`;
   }
@@ -1293,16 +1293,16 @@ nt.styles = f`
 			white-space: nowrap !important;
 		}
 	`;
-St([
+Et([
   a({ type: String, reflect: !0 })
 ], nt.prototype, "status", 2);
-St([
+Et([
   a({ type: String, reflect: !0 })
 ], nt.prototype, "ariaDescribedBy", 2);
-St([
+Et([
   a({ type: String, reflect: !0 })
 ], nt.prototype, "label", 2);
-nt = St([
+nt = Et([
   m("o-wishlist-button")
 ], nt);
 /**
@@ -1310,13 +1310,13 @@ nt = St([
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const E = (o) => o ?? d;
+const S = (o) => o ?? d;
 var _o = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, T = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? ko(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && _o(t, e, i), i;
 };
-let S = class extends v {
+let E = class extends v {
   constructor() {
     super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1, this.showSrLabel = !1, this.srLabel = "";
   }
@@ -1324,27 +1324,27 @@ let S = class extends v {
     super.updated(o), this.style.setProperty("--icon-stroke-width", this.strokewidth);
   }
   render() {
-    const o = N[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"'), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
+    const o = F[this.icon] ?? "", t = `icon-${this.icon}`, e = o.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g, '<path part="icon-path"').replace(/<g\b/g, '<g part="icon-group"').replace(/<circle\b/g, '<circle part="icon-circle"'), r = this.showSrLabel ? l`<span class="sr-only">${this.srLabel}</span>` : null, i = this.showSrLabel ? null : "icon";
     return l`
 			${this.type === "span" ? l`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">	
-					${$(e)}
+					${C(e)}
 				</span>
 			` : l`
 				<button
 					type="button"
-					aria-label=${E(i)}
+					aria-label=${S(i)}
 					class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
 					?disabled="${this.disabled}"
 				>
-					${$(e)}
+					${C(e)}
 					${r}
 				</button>
 			`}
 		`;
   }
 };
-S.styles = f`
+E.styles = f`
 		:host {
 			display: inline-flex;
 			justify-content: center;
@@ -1558,38 +1558,38 @@ S.styles = f`
 	`;
 T([
   a({ type: String, reflect: !0 })
-], S.prototype, "bgstyle", 2);
+], E.prototype, "bgstyle", 2);
 T([
   a({ type: String, reflect: !0 })
-], S.prototype, "size", 2);
+], E.prototype, "size", 2);
 T([
   a({ type: String, reflect: !0 })
-], S.prototype, "status", 2);
+], E.prototype, "status", 2);
 T([
   a({ type: String, reflect: !0 })
-], S.prototype, "type", 2);
+], E.prototype, "type", 2);
 T([
   a({ type: String })
-], S.prototype, "strokewidth", 2);
+], E.prototype, "strokewidth", 2);
 T([
   a({ type: String })
-], S.prototype, "icon", 2);
+], E.prototype, "icon", 2);
 T([
   a({ type: Boolean, reflect: !0 })
-], S.prototype, "disabled", 2);
+], E.prototype, "disabled", 2);
 T([
   a({ type: Boolean })
-], S.prototype, "showSrLabel", 2);
+], E.prototype, "showSrLabel", 2);
 T([
   a({ type: String })
-], S.prototype, "srLabel", 2);
-S = T([
+], E.prototype, "srLabel", 2);
+E = T([
   m("o-icon-button")
-], S);
-var Eo = Object.defineProperty, So = Object.getOwnPropertyDescriptor, ot = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? So(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+], E);
+var So = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, ot = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Eo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && Eo(t, e, i), i;
+  return r && i && So(t, e, i), i;
 };
 let U = class extends v {
   constructor() {
@@ -1603,7 +1603,7 @@ let U = class extends v {
     return l`
             <a 
                 href="${o}" 
-                target="${E(this.target || void 0)}"
+                target="${S(this.target || void 0)}"
                 @click="${this._handleClick}"
             >
                 ${this.endIcon && this.reverseEndIcon ? l`
@@ -1762,7 +1762,7 @@ let st = class extends v {
 			<div class="rating">
 			<div class="stars">
 				${o.map(
-      (t) => l`<span class="star">${$(N[t] ?? "")}</span>`
+      (t) => l`<span class="star">${C(F[t] ?? "")}</span>`
     )}
 			</div>
 			${this.reviewCount != null && this.href != null ? l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>` : null}
@@ -2044,12 +2044,12 @@ let u = class extends v {
     document.body.style.overflow = "", document.body.removeAttribute("data-side-panel"), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback(), this.removeEventListener("open-detail", this._onOpenDetail);
   }
   trapFocus(o) {
-    var i, n, s, h, c, b, x, p, k, z;
+    var i, n, s, c, h, b, x, p, k, B;
     this.innerFocusedElement = document.activeElement || null, this.innerFocusedElement = ((n = (i = this.innerFocusedElement) == null ? void 0 : i.shadowRoot) == null ? void 0 : n.activeElement) || this.innerFocusedElement;
     const t = this.getFocusableElements();
     if (t.length === 0) return;
     const e = t[0], r = t[t.length - 1];
-    o.shiftKey && this.innerFocusedElement === e ? (o.preventDefault(), r.shadowRoot ? (c = (h = (s = r.shadowRoot) == null ? void 0 : s.querySelector(u.focusablesSelector)) == null ? void 0 : h.focus) == null || c.call(h) : (b = r.focus) == null || b.call(r)) : !o.shiftKey && this.innerFocusedElement === r && (o.preventDefault(), e.shadowRoot ? (k = (p = (x = e.shadowRoot) == null ? void 0 : x.querySelector(u.focusablesSelector)) == null ? void 0 : p.focus) == null || k.call(p) : (z = e.focus) == null || z.call(e));
+    o.shiftKey && this.innerFocusedElement === e ? (o.preventDefault(), r.shadowRoot ? (h = (c = (s = r.shadowRoot) == null ? void 0 : s.querySelector(u.focusablesSelector)) == null ? void 0 : c.focus) == null || h.call(c) : (b = r.focus) == null || b.call(r)) : !o.shiftKey && this.innerFocusedElement === r && (o.preventDefault(), e.shadowRoot ? (k = (p = (x = e.shadowRoot) == null ? void 0 : x.querySelector(u.focusablesSelector)) == null ? void 0 : p.focus) == null || k.call(p) : (B = e.focus) == null || B.call(e));
   }
   getFocusableElements() {
     const o = this.renderRoot.querySelector(".panel");
@@ -2061,12 +2061,12 @@ let u = class extends v {
       var s;
       const n = [i.matches(u.focusablesSelector) ? i : []];
       if (!["o-icon-button", "o-button"].includes(i.tagName.toLowerCase())) {
-        const h = Array.from(
+        const c = Array.from(
           i instanceof HTMLSlotElement ? i.assignedElements({ flatten: !0 }) : []
-        ).filter(t).flatMap(e), c = Array.from(
+        ).filter(t).flatMap(e), h = Array.from(
           ((s = i.shadowRoot) == null ? void 0 : s.querySelectorAll("*")) || []
         ).filter(t).flatMap(e);
-        n.push(...h, ...c);
+        n.push(...c, ...h);
       }
       return n.flat();
     }
@@ -2459,8 +2459,8 @@ y([
 u = y([
   m("o-side-panel")
 ], u);
-var Ro = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, X = (o, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
+var Ro = Object.defineProperty, No = Object.getOwnPropertyDescriptor, X = (o, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? No(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && Ro(t, e, i), i;
 };
@@ -2685,10 +2685,10 @@ X([
 M = X([
   m("thumbnail-navigation")
 ], M);
-var No = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, qt = (o, t, e, r) => {
+var Fo = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, qt = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? Uo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
-  return r && i && No(t, e, i), i;
+  return r && i && Fo(t, e, i), i;
 };
 let vt = class extends v {
   constructor() {
@@ -2892,7 +2892,7 @@ var qo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, V = (o, t,
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && qo(t, e, i), i;
 };
-let B = class extends v {
+let D = class extends v {
   constructor() {
     super(...arguments), this.options = [], this.value = "", this.name = "", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (o) => {
       this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
@@ -2958,7 +2958,7 @@ let B = class extends v {
     this.options.length > 0 && (this.options.some((e) => e.value === this.value) || (this.value = this.options[0].value));
   }
   render() {
-    const o = N.checkstroke.replace(
+    const o = F.checkstroke.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ), t = this.options.find((e) => e.value === this.value);
@@ -3003,10 +3003,10 @@ let B = class extends v {
                   ${e.url ? l`
                   <a href="${e.url}">
                     <span>${e.label}</span>
-                    ${e.value === this.value ? l`<span class="check">${$(o)}</span>` : null}
+                    ${e.value === this.value ? l`<span class="check">${C(o)}</span>` : null}
                   </a>` : l`
                     <span>${e.label}</span>
-                    ${e.value === this.value ? l`<span class="check">${$(o)}</span>` : null}`}
+                    ${e.value === this.value ? l`<span class="check">${C(o)}</span>` : null}`}
                 </li>`
     )}
           </ul>` : null}
@@ -3015,7 +3015,7 @@ let B = class extends v {
     `;
   }
 };
-B.styles = f`
+D.styles = f`
 		:host {
 			display: inline-block;
 			position: relative;
@@ -3157,31 +3157,31 @@ B.styles = f`
 	`;
 V([
   a({ type: Array, reflect: !0 })
-], B.prototype, "options", 2);
+], D.prototype, "options", 2);
 V([
   a({ type: String, reflect: !0 })
-], B.prototype, "value", 2);
+], D.prototype, "value", 2);
 V([
   a({ type: String, reflect: !0 })
-], B.prototype, "name", 2);
+], D.prototype, "name", 2);
 V([
   a({ type: Boolean, reflect: !0 })
-], B.prototype, "disabled", 2);
+], D.prototype, "disabled", 2);
 V([
   a({ type: String, reflect: !0 })
-], B.prototype, "width", 2);
+], D.prototype, "width", 2);
 V([
   et()
-], B.prototype, "open", 2);
+], D.prototype, "open", 2);
 V([
   et()
-], B.prototype, "activeIndex", 2);
+], D.prototype, "activeIndex", 2);
 V([
   et()
-], B.prototype, "menuWidth", 2);
-B = V([
+], D.prototype, "menuWidth", 2);
+D = V([
   m("o-dropdown")
-], B);
+], D);
 var Wo = Object.getOwnPropertyDescriptor, Go = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? Wo(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = s(i) || i);
@@ -3318,7 +3318,7 @@ let A = class extends v {
     this.options.length > 0 && (this.options.some((t) => t.value === this.value) || (this.value = this.options[0].value));
   }
   render() {
-    const o = N.checkstroke.replace(
+    const o = F.checkstroke.replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ), t = this.options.find((e) => e.value === this.value);
@@ -3336,7 +3336,7 @@ let A = class extends v {
 				?disabled=${this.disabled}
 				class="btn-dropdown"
 			>
-				<img alt="${E(t == null ? void 0 : t.label)}" src="${E(t == null ? void 0 : t.imgurl)}" />
+				<img alt="${S(t == null ? void 0 : t.label)}" src="${S(t == null ? void 0 : t.imgurl)}" />
 				<span id="dropdown-label" class="label">
 					${t ? t.label : "Select an option"}
 				</span>
@@ -3371,13 +3371,13 @@ let A = class extends v {
 									class="${r === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
 									@click=${() => this.selectOption(e)}
 								>
-									<a href="${E(e.url)}">
-										<img alt="${E(e.label)}" src="${E(e.imgurl)}" />
+									<a href="${S(e.url)}">
+										<img alt="${S(e.label)}" src="${S(e.imgurl)}" />
 										<span class="label">${e.label}</span>
 										<div class="right">
-											<span class="additional-text">${E(e.additionaltext)}</span>
+											<span class="additional-text">${S(e.additionaltext)}</span>
 											${e.value === this.value && !e.additionaltext ? l`
-												<span class="check">${$(o)}</span>` : null}
+												<span class="check">${C(o)}</span>` : null}
 										</div>
 									</a>
 								</li>
@@ -3640,13 +3640,13 @@ let bt = class extends v {
       width: `${this.imageSize}px`,
       height: `${this.imageSize}px`
     }, e = l`
-      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${E(this.option.title)}" aria-hidden="true" style=${Yo(t)} />` : ""}
+      ${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${S(this.option.title)}" aria-hidden="true" style=${Yo(t)} />` : ""}
       <div class="m-reassurance-content">
-        <h3 class="a-reassurance-text">${E(this.option.title)}</h3>
-        <p class="a-reassurance-description">${E(this.option.description)}</p>
+        <h3 class="a-reassurance-text">${S(this.option.title)}</h3>
+        <p class="a-reassurance-description">${S(this.option.description)}</p>
       </div>
     `;
-    return o ? l`<a href="${E(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
+    return o ? l`<a href="${S(this.option.url)}" class="reassurance-item clickable">${e}</a>` : l`<div class="reassurance-item">${e}</div>`;
   }
 };
 bt.styles = f`
@@ -3745,7 +3745,7 @@ var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, Z = (o, t,
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && oi(t, e, i), i;
 };
-const ri = Nt(v);
+const ri = Ft(v);
 let L = class extends ri {
   constructor() {
     super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
@@ -3929,7 +3929,7 @@ var ai = Object.defineProperty, li = Object.getOwnPropertyDescriptor, R = (o, t,
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && ai(t, e, i), i;
 };
-const ci = Nt(v);
+const ci = Ft(v);
 let I = class extends ci {
   constructor() {
     super(...arguments), this.name = "", this.value = "", this.type = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
@@ -3942,18 +3942,18 @@ let I = class extends ci {
     this.dispatchEvent(e), e.defaultPrevented && o.preventDefault(), this.selected = t.selected;
   }
   crossIcon() {
-    const o = N[this.crossIconName].replace(
+    const o = F[this.crossIconName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="svg"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
-    return l`<span class="cross-icon">${$(o)}</span>`;
+    return l`<span class="cross-icon">${C(o)}</span>`;
   }
   strikeThroughImg() {
     const o = go[this.strikethroughImgName].replace(
       "<svg",
       '<svg aria-hidden="true" focusable="false" part="strikethrough"'
     ).replace(/stroke=[#"'a-z1-9]*/gi, "");
-    return $(o);
+    return C(o);
   }
   render() {
     const o = this.text;
@@ -4365,14 +4365,14 @@ Xt([
 yt = Xt([
   m("o-badge")
 ], yt);
-var ui = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, D = (o, t, e, r) => {
+var ui = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, z = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? vi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && ui(t, e, i), i;
 };
-let C = class extends v {
+let $ = class extends v {
   constructor() {
-    super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 5e3;
+    super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 5e3, this.multiline = !1;
   }
   attributeChangedCallback(o, t, e) {
     super.attributeChangedCallback(o, t, e), o == "verticaloffset" && this.style.setProperty("--vertical-offset", e + "px"), o == "horizontaloffset" && this.style.setProperty("--horizontal-offset", e + "px"), o == "animationduration" && this.style.setProperty("--animation-duration", e + "ms");
@@ -4402,9 +4402,13 @@ let C = class extends v {
     }, 600);
   }
   firstUpdated() {
-    var e;
+    var r, i;
     var o = this;
-    const t = (e = this.renderRoot) == null ? void 0 : e.querySelector("o-icon-button");
+    const t = (r = this.renderRoot) == null ? void 0 : r.querySelector("o-icon-button"), e = (i = this.renderRoot) == null ? void 0 : i.querySelector(".o-toast-text");
+    if (e != null) {
+      const n = window.getComputedStyle(e), s = parseInt(n.getPropertyValue("line-height").replace("px", "")), c = parseInt(n.getPropertyValue("height").replace("px", ""));
+      !isNaN(s) && !isNaN(c) && c > s && (this.multiline = !0);
+    }
     t != null && t.addEventListener("click", function() {
       o.remove();
     });
@@ -4414,7 +4418,7 @@ let C = class extends v {
     return l`
             <div class="o-toast">
                 <div class="o-toast-icon">
-                    ${$(t)}
+                    ${C(t)}
                 </div>
                 <div class="o-toast-text">
                     ${this.text}
@@ -4430,7 +4434,7 @@ let C = class extends v {
         `;
   }
 };
-C.styles = f`
+$.styles = f`
         :host {
             --vertical-offset: 24px;
             --horizontal-offset: 24px;
@@ -4477,6 +4481,15 @@ C.styles = f`
             bottom: -100%;
         }
 
+        :host([multiline]) .o-toast-close {
+            align-self: flex-start;
+        }
+
+        :host([multiline]) .o-toast-icon {
+            align-self: flex-start;
+            line-height: 2.8rem;
+        }
+
         .o-toast {
             background: #fffefe;
             padding: var(--spacing-l);
@@ -4491,7 +4504,7 @@ C.styles = f`
             color: var(--color-content-body);
             padding: 0 12px;
             width: max-content;
-            text-align: center;
+            line-height: 20px;
             max-width: 65vw;
         }
 
@@ -4499,39 +4512,42 @@ C.styles = f`
             height: 16px;
         }
     `;
-D([
+z([
   a({ type: String, reflect: !0 })
-], C.prototype, "icon", 2);
-D([
+], $.prototype, "icon", 2);
+z([
   a({ type: String, reflect: !0 })
-], C.prototype, "text", 2);
-D([
+], $.prototype, "text", 2);
+z([
   a({ type: String, reflect: !0 })
-], C.prototype, "verticalanchor", 2);
-D([
+], $.prototype, "verticalanchor", 2);
+z([
   a({ type: String, reflect: !0 })
-], C.prototype, "horizontalanchor", 2);
-D([
+], $.prototype, "horizontalanchor", 2);
+z([
   a({ type: Number, reflect: !0 })
-], C.prototype, "verticaloffset", 2);
-D([
+], $.prototype, "verticaloffset", 2);
+z([
   a({ type: Number, reflect: !0 })
-], C.prototype, "horizontaloffset", 2);
-D([
+], $.prototype, "horizontaloffset", 2);
+z([
   a({ type: Number, reflect: !0 })
-], C.prototype, "animationduration", 2);
-D([
+], $.prototype, "animationduration", 2);
+z([
   a({ type: String, reflect: !0 })
-], C.prototype, "animationaxis", 2);
-D([
+], $.prototype, "animationaxis", 2);
+z([
   a({ type: Boolean, reflect: !0 })
-], C.prototype, "animated", 2);
-D([
+], $.prototype, "animated", 2);
+z([
   a({ type: Number, reflect: !0 })
-], C.prototype, "lifeduration", 2);
-C = D([
+], $.prototype, "lifeduration", 2);
+z([
+  a({ type: Boolean, reflect: !0 })
+], $.prototype, "multiline", 2);
+$ = z([
   m("o-toast")
-], C);
+], $);
 var fi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, H = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? bi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
@@ -4554,7 +4570,7 @@ let gi = 0, _ = class extends v {
     this.disabled || (o.key === " " || o.key === "Enter") && (o.preventDefault(), this.toggle());
   }
   render() {
-    const o = $(N.checkbox.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"')), t = $(N.icoMinus.replace("<svg", '<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));
+    const o = C(F.checkbox.replace("<svg", '<svg aria-hidden="true" focusable="false" part="svg"')), t = C(F.icoMinus.replace("<svg", '<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));
     return l`
       <input
         type="checkbox"
@@ -4707,7 +4723,7 @@ H([
 _ = H([
   m("o-checkbox")
 ], _);
-var yi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, F = (o, t, e, r) => {
+var yi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, N = (o, t, e, r) => {
   for (var i = r > 1 ? void 0 : r ? mi(t, e) : t, n = o.length - 1, s; n >= 0; n--)
     (s = o[n]) && (i = (r ? s(t, e, i) : s(i)) || i);
   return r && i && yi(t, e, i), i;
@@ -4829,33 +4845,33 @@ O.styles = f`
       height: 0;
     }
   `;
-F([
+N([
   a({ type: Boolean, reflect: !0 })
 ], O.prototype, "checked", 2);
-F([
+N([
   a({ type: Boolean, reflect: !0 })
 ], O.prototype, "disabled", 2);
-F([
+N([
   a({ type: String, reflect: !0 })
 ], O.prototype, "size", 2);
-F([
+N([
   a({ type: Boolean })
 ], O.prototype, "showLabel", 2);
-F([
+N([
   a({ type: String })
 ], O.prototype, "label", 2);
-F([
+N([
   a({ type: String })
 ], O.prototype, "name", 2);
-F([
+N([
   a({ type: String })
 ], O.prototype, "value", 2);
-F([
+N([
   a({ type: String, reflect: !0 })
 ], O.prototype, "inputId", 2);
-F([
+N([
   fe("input")
 ], O.prototype, "inputEl", 2);
-O = F([
+O = N([
   m("o-radio")
 ], O);