mealz-components 0.2.1 → 0.3.0-alpha.1

package/dist/mealz-components.js

@@ -3,19 +3,19 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const N = globalThis, V = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, F = Symbol(), W = /* @__PURE__ */ new WeakMap();
+const N = globalThis, F = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, J = Symbol(), G = /* @__PURE__ */ new WeakMap();
 let nt = class {
   constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== F)
+    if (this._$cssResult$ = !0, i !== J)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (V && t === void 0) {
+    if (F && t === void 0) {
       const i = e !== void 0 && e.length === 1;
-      i && (t = W.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && W.set(e, t));
+      i && (t = G.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && G.set(e, t));
     }
     return t;
   }
@@ -23,7 +23,7 @@ let nt = class {
     return this.cssText;
   }
 };
-const dt = (s) => new nt(typeof s == "string" ? s : s + "", void 0, F), ct = (s, ...t) => {
+const ct = (s) => new nt(typeof s == "string" ? s : s + "", void 0, J), ut = (s, ...t) => {
   const e = s.length === 1 ? s[0] : t.reduce((i, o, r) => i + ((n) => {
     if (n._$cssResult$ === !0)
       return n.cssText;
@@ -31,30 +31,30 @@ const dt = (s) => new nt(typeof s == "string" ? s : s + "", void 0, F), ct = (s,
       return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(o) + s[r + 1], s[0]);
-  return new nt(e, s, F);
-}, ut = (s, t) => {
-  if (V)
+  return new nt(e, s, J);
+}, mt = (s, t) => {
+  if (F)
     s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
     for (const e of t) {
       const i = document.createElement("style"), o = N.litNonce;
       o !== void 0 && i.setAttribute("nonce", o), i.textContent = e.cssText, s.appendChild(i);
     }
-}, G = V ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, Z = F ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
-  return dt(e);
+  return ct(e);
 })(s) : s;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: mt, defineProperty: gt, getOwnPropertyDescriptor: ft, getOwnPropertyNames: _t, getOwnPropertySymbols: $t, getPrototypeOf: bt } = Object, b = globalThis, Z = b.trustedTypes, yt = Z ? Z.emptyScript : "", z = b.reactiveElementPolyfillSupport, P = (s, t) => s, I = { toAttribute(s, t) {
+const { is: gt, defineProperty: ft, getOwnPropertyDescriptor: _t, getOwnPropertyNames: bt, getOwnPropertySymbols: $t, getPrototypeOf: yt } = Object, $ = globalThis, K = $.trustedTypes, vt = K ? K.emptyScript : "", B = $.reactiveElementPolyfillSupport, L = (s, t) => s, I = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
-      s = s ? yt : null;
+      s = s ? vt : null;
       break;
     case Object:
     case Array:
@@ -79,8 +79,8 @@ const { is: mt, defineProperty: gt, getOwnPropertyDescriptor: ft, getOwnProperty
       }
   }
   return e;
-} }, J = (s, t) => !mt(s, t), K = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: J };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), b.litPropertyMetadata ?? (b.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, W = (s, t) => !gt(s, t), Y = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: W };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class w extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -88,14 +88,14 @@ class w extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = K) {
+  static createProperty(t, e = Y) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const i = Symbol(), o = this.getPropertyDescriptor(t, i, e);
-      o !== void 0 && gt(this.prototype, t, o);
+      o !== void 0 && ft(this.prototype, t, o);
     }
   }
   static getPropertyDescriptor(t, e, i) {
-    const { get: o, set: r } = ft(this.prototype, t) ?? { get() {
+    const { get: o, set: r } = _t(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
@@ -108,19 +108,19 @@ class w extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? K;
+    return this.elementProperties.get(t) ?? Y;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(P("elementProperties")))
+    if (this.hasOwnProperty(L("elementProperties")))
       return;
-    const t = bt(this);
+    const t = yt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(P("finalized")))
+    if (this.hasOwnProperty(L("finalized")))
       return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
-      const e = this.properties, i = [..._t(e), ...$t(e)];
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(L("properties"))) {
+      const e = this.properties, i = [...bt(e), ...$t(e)];
       for (const o of i)
         this.createProperty(o, e[o]);
     }
@@ -143,9 +143,9 @@ class w extends HTMLElement {
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
       for (const o of i)
-        e.unshift(G(o));
+        e.unshift(Z(o));
     } else
-      t !== void 0 && e.push(G(t));
+      t !== void 0 && e.push(Z(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -175,7 +175,7 @@ class w extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ut(t, this.constructor.elementStyles), t;
+    return mt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -214,7 +214,7 @@ class w extends HTMLElement {
   }
   requestUpdate(t, e, i) {
     if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? J)(this[t], e))
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? W)(this[t], e))
         return;
       this.P(t, e, i);
     }
@@ -292,86 +292,86 @@ class w extends HTMLElement {
   firstUpdated(t) {
   }
 }
-w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[P("elementProperties")] = /* @__PURE__ */ new Map(), w[P("finalized")] = /* @__PURE__ */ new Map(), z == null || z({ ReactiveElement: w }), (b.reactiveElementVersions ?? (b.reactiveElementVersions = [])).push("2.0.4");
+w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[L("elementProperties")] = /* @__PURE__ */ new Map(), w[L("finalized")] = /* @__PURE__ */ new Map(), B == null || B({ ReactiveElement: w }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const L = globalThis, B = L.trustedTypes, Y = B ? B.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, rt = "$lit$", $ = `lit$${(Math.random() + "").slice(9)}$`, at = "?" + $, vt = `<${at}>`, A = document, U = () => A.createComment(""), M = (s) => s === null || typeof s != "object" && typeof s != "function", lt = Array.isArray, xt = (s) => lt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", D = `[ 	
-\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Q = /-->/g, X = />/g, v = RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), tt = /'/g, et = /"/g, pt = /^(?:script|style|textarea|title)$/i, At = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), u = At(1), S = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), st = /* @__PURE__ */ new WeakMap(), x = A.createTreeWalker(A, 129);
-function ht(s, t) {
+const k = globalThis, z = k.trustedTypes, Q = z ? z.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, rt = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, at = "?" + b, At = `<${at}>`, x = document, T = () => x.createComment(""), M = (s) => s === null || typeof s != "object" && typeof s != "function", lt = Array.isArray, xt = (s) => lt(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", D = `[ 	
+\f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, X = /-->/g, tt = />/g, v = RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), et = /'/g, st = /"/g, dt = /^(?:script|style|textarea|title)$/i, wt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), u = wt(1), E = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), it = /* @__PURE__ */ new WeakMap(), A = x.createTreeWalker(x, 129);
+function pt(s, t) {
   if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return Y !== void 0 ? Y.createHTML(t) : t;
+  return Q !== void 0 ? Q.createHTML(t) : t;
 }
-const wt = (s, t) => {
+const St = (s, t) => {
   const e = s.length - 1, i = [];
-  let o, r = t === 2 ? "<svg>" : "", n = C;
+  let o, r = t === 2 ? "<svg>" : "", n = P;
   for (let l = 0; l < e; l++) {
     const a = s[l];
-    let h, c, p = -1, f = 0;
+    let p, c, d = -1, f = 0;
     for (; f < a.length && (n.lastIndex = f, c = n.exec(a), c !== null); )
-      f = n.lastIndex, n === C ? c[1] === "!--" ? n = Q : c[1] !== void 0 ? n = X : c[2] !== void 0 ? (pt.test(c[2]) && (o = RegExp("</" + c[2], "g")), n = v) : c[3] !== void 0 && (n = v) : n === v ? c[0] === ">" ? (n = o ?? C, p = -1) : c[1] === void 0 ? p = -2 : (p = n.lastIndex - c[2].length, h = c[1], n = c[3] === void 0 ? v : c[3] === '"' ? et : tt) : n === et || n === tt ? n = v : n === Q || n === X ? n = C : (n = v, o = void 0);
+      f = n.lastIndex, n === P ? c[1] === "!--" ? n = X : c[1] !== void 0 ? n = tt : c[2] !== void 0 ? (dt.test(c[2]) && (o = RegExp("</" + c[2], "g")), n = v) : c[3] !== void 0 && (n = v) : n === v ? c[0] === ">" ? (n = o ?? P, d = -1) : c[1] === void 0 ? d = -2 : (d = n.lastIndex - c[2].length, p = c[1], n = c[3] === void 0 ? v : c[3] === '"' ? st : et) : n === st || n === et ? n = v : n === X || n === tt ? n = P : (n = v, o = void 0);
     const _ = n === v && s[l + 1].startsWith("/>") ? " " : "";
-    r += n === C ? a + vt : p >= 0 ? (i.push(h), a.slice(0, p) + rt + a.slice(p) + $ + _) : a + $ + (p === -2 ? l : _);
+    r += n === P ? a + At : d >= 0 ? (i.push(p), a.slice(0, d) + rt + a.slice(d) + b + _) : a + b + (d === -2 ? l : _);
   }
-  return [ht(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [pt(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-class R {
+class U {
   constructor({ strings: t, _$litType$: e }, i) {
     let o;
     this.parts = [];
     let r = 0, n = 0;
-    const l = t.length - 1, a = this.parts, [h, c] = wt(t, e);
-    if (this.el = R.createElement(h, i), x.currentNode = this.el.content, e === 2) {
-      const p = this.el.content.firstChild;
-      p.replaceWith(...p.childNodes);
+    const l = t.length - 1, a = this.parts, [p, c] = St(t, e);
+    if (this.el = U.createElement(p, i), A.currentNode = this.el.content, e === 2) {
+      const d = this.el.content.firstChild;
+      d.replaceWith(...d.childNodes);
     }
-    for (; (o = x.nextNode()) !== null && a.length < l; ) {
+    for (; (o = A.nextNode()) !== null && a.length < l; ) {
       if (o.nodeType === 1) {
         if (o.hasAttributes())
-          for (const p of o.getAttributeNames())
-            if (p.endsWith(rt)) {
-              const f = c[n++], _ = o.getAttribute(p).split($), O = /([.?@])?(.*)/.exec(f);
-              a.push({ type: 1, index: r, name: O[2], strings: _, ctor: O[1] === "." ? Et : O[1] === "?" ? Ct : O[1] === "@" ? Pt : H }), o.removeAttribute(p);
+          for (const d of o.getAttributeNames())
+            if (d.endsWith(rt)) {
+              const f = c[n++], _ = o.getAttribute(d).split(b), O = /([.?@])?(.*)/.exec(f);
+              a.push({ type: 1, index: r, name: O[2], strings: _, ctor: O[1] === "." ? Ct : O[1] === "?" ? Pt : O[1] === "@" ? Lt : H }), o.removeAttribute(d);
             } else
-              p.startsWith($) && (a.push({ type: 6, index: r }), o.removeAttribute(p));
-        if (pt.test(o.tagName)) {
-          const p = o.textContent.split($), f = p.length - 1;
+              d.startsWith(b) && (a.push({ type: 6, index: r }), o.removeAttribute(d));
+        if (dt.test(o.tagName)) {
+          const d = o.textContent.split(b), f = d.length - 1;
           if (f > 0) {
-            o.textContent = B ? B.emptyScript : "";
+            o.textContent = z ? z.emptyScript : "";
             for (let _ = 0; _ < f; _++)
-              o.append(p[_], U()), x.nextNode(), a.push({ type: 2, index: ++r });
-            o.append(p[f], U());
+              o.append(d[_], T()), A.nextNode(), a.push({ type: 2, index: ++r });
+            o.append(d[f], T());
           }
         }
       } else if (o.nodeType === 8)
         if (o.data === at)
           a.push({ type: 2, index: r });
         else {
-          let p = -1;
-          for (; (p = o.data.indexOf($, p + 1)) !== -1; )
-            a.push({ type: 7, index: r }), p += $.length - 1;
+          let d = -1;
+          for (; (d = o.data.indexOf(b, d + 1)) !== -1; )
+            a.push({ type: 7, index: r }), d += b.length - 1;
         }
       r++;
     }
   }
   static createElement(t, e) {
-    const i = A.createElement("template");
+    const i = x.createElement("template");
     return i.innerHTML = t, i;
   }
 }
-function E(s, t, e = s, i) {
+function C(s, t, e = s, i) {
   var n, l;
-  if (t === S)
+  if (t === E)
     return t;
   let o = i !== void 0 ? (n = e._$Co) == null ? void 0 : n[i] : e._$Cl;
   const r = M(t) ? void 0 : t._$litDirective$;
-  return (o == null ? void 0 : o.constructor) !== r && ((l = o == null ? void 0 : o._$AO) == null || l.call(o, !1), r === void 0 ? o = void 0 : (o = new r(s), o._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = o : e._$Cl = o), o !== void 0 && (t = E(s, o._$AS(s, t.values), o, i)), t;
+  return (o == null ? void 0 : o.constructor) !== r && ((l = o == null ? void 0 : o._$AO) == null || l.call(o, !1), r === void 0 ? o = void 0 : (o = new r(s), o._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = o : e._$Cl = o), o !== void 0 && (t = C(s, o._$AS(s, t.values), o, i)), t;
 }
-class St {
+class Et {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -382,17 +382,17 @@ class St {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? A).importNode(e, !0);
-    x.currentNode = o;
-    let r = x.nextNode(), n = 0, l = 0, a = i[0];
+    const { el: { content: e }, parts: i } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? x).importNode(e, !0);
+    A.currentNode = o;
+    let r = A.nextNode(), n = 0, l = 0, a = i[0];
     for (; a !== void 0; ) {
       if (n === a.index) {
-        let h;
-        a.type === 2 ? h = new k(r, r.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (h = new Lt(r, this, t)), this._$AV.push(h), a = i[++l];
+        let p;
+        a.type === 2 ? p = new R(r, r.nextSibling, this, t) : a.type === 1 ? p = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (p = new kt(r, this, t)), this._$AV.push(p), a = i[++l];
       }
-      n !== (a == null ? void 0 : a.index) && (r = x.nextNode(), n++);
+      n !== (a == null ? void 0 : a.index) && (r = A.nextNode(), n++);
     }
-    return x.currentNode = A, o;
+    return A.currentNode = x, o;
   }
   p(t) {
     let e = 0;
@@ -400,13 +400,13 @@ class St {
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class k {
+class R {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, e, i, o) {
-    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
+    this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -420,7 +420,7 @@ class k {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = E(this, t, e), M(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this._(t);
+    t = C(this, t, e), M(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this._(t);
   }
   S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -429,28 +429,28 @@ class k {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== d && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(A.createTextNode(t)), this._$AH = t;
+    this._$AH !== h && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(x.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var r;
-    const { values: e, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = R.createElement(ht(i.h, i.h[0]), this.options)), i);
+    const { values: e, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = U.createElement(pt(i.h, i.h[0]), this.options)), i);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === o)
       this._$AH.p(e);
     else {
-      const n = new St(o, this), l = n.u(this.options);
+      const n = new Et(o, this), l = n.u(this.options);
       n.p(e), this.T(l), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = st.get(t.strings);
-    return e === void 0 && st.set(t.strings, e = new R(t)), e;
+    let e = it.get(t.strings);
+    return e === void 0 && it.set(t.strings, e = new U(t)), e;
   }
   k(t) {
     lt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, o = 0;
     for (const r of t)
-      o === e.length ? e.push(i = new k(this.S(U()), this.S(U()), this, this.options)) : i = e[o], i._$AI(r), o++;
+      o === e.length ? e.push(i = new R(this.S(T()), this.S(T()), this, this.options)) : i = e[o], i._$AI(r), o++;
     o < e.length && (this._$AR(i && i._$AB.nextSibling, o), e.length = o);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -473,49 +473,49 @@ class H {
     return this._$AM._$AU;
   }
   constructor(t, e, i, o, r) {
-    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
+    this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = h;
   }
   _$AI(t, e = this, i, o) {
     const r = this.strings;
     let n = !1;
     if (r === void 0)
-      t = E(this, t, e, 0), n = !M(t) || t !== this._$AH && t !== S, n && (this._$AH = t);
+      t = C(this, t, e, 0), n = !M(t) || t !== this._$AH && t !== E, n && (this._$AH = t);
     else {
       const l = t;
-      let a, h;
+      let a, p;
       for (t = r[0], a = 0; a < r.length - 1; a++)
-        h = E(this, l[i + a], e, a), h === S && (h = this._$AH[a]), n || (n = !M(h) || h !== this._$AH[a]), h === d ? t = d : t !== d && (t += (h ?? "") + r[a + 1]), this._$AH[a] = h;
+        p = C(this, l[i + a], e, a), p === E && (p = this._$AH[a]), n || (n = !M(p) || p !== this._$AH[a]), p === h ? t = h : t !== h && (t += (p ?? "") + r[a + 1]), this._$AH[a] = p;
     }
     n && !o && this.j(t);
   }
   j(t) {
-    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === h ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Et extends H {
+class Ct extends H {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === d ? void 0 : t;
+    this.element[this.name] = t === h ? void 0 : t;
   }
 }
-class Ct extends H {
+class Pt extends H {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== d);
+    this.element.toggleAttribute(this.name, !!t && t !== h);
   }
 }
-class Pt extends H {
+class Lt extends H {
   constructor(t, e, i, o, r) {
     super(t, e, i, o, r), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = E(this, t, e, 0) ?? d) === S)
+    if ((t = C(this, t, e, 0) ?? h) === E)
       return;
-    const i = this._$AH, o = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== d && (i === d || o);
+    const i = this._$AH, o = t === h && i !== h || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== h && (i === h || o);
     o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -523,7 +523,7 @@ class Pt extends H {
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Lt {
+class kt {
   constructor(t, e, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
@@ -531,17 +531,17 @@ class Lt {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    E(this, t);
+    C(this, t);
   }
 }
-const j = L.litHtmlPolyfillSupport;
-j == null || j(R, k), (L.litHtmlVersions ?? (L.litHtmlVersions = [])).push("3.1.2");
+const j = k.litHtmlPolyfillSupport;
+j == null || j(U, R), (k.litHtmlVersions ?? (k.litHtmlVersions = [])).push("3.1.3");
 const Tt = (s, t, e) => {
   const i = (e == null ? void 0 : e.renderBefore) ?? t;
   let o = i._$litPart$;
   if (o === void 0) {
     const r = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = o = new k(t.insertBefore(U(), r), r, void 0, e ?? {});
+    i._$litPart$ = o = new R(t.insertBefore(T(), r), r, void 0, e ?? {});
   }
   return o._$AI(s), o;
 };
@@ -550,7 +550,7 @@ const Tt = (s, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class T extends w {
+class S extends w {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -572,20 +572,20 @@ class T extends w {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return S;
+    return E;
   }
 }
 var ot;
-T._$litElement$ = !0, T.finalized = !0, (ot = globalThis.litElementHydrateSupport) == null || ot.call(globalThis, { LitElement: T });
+S._$litElement$ = !0, S.finalized = !0, (ot = globalThis.litElementHydrateSupport) == null || ot.call(globalThis, { LitElement: S });
 const q = globalThis.litElementPolyfillSupport;
-q == null || q({ LitElement: T });
-(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
+q == null || q({ LitElement: S });
+(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.5");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ut = (s) => (t, e) => {
+const ht = (s) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(s, t);
   }) : customElements.define(s, t);
@@ -595,7 +595,7 @@ const Ut = (s) => (t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Mt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: J }, Rt = (s = Mt, t, e) => {
+const Mt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: W }, Ut = (s = Mt, t, e) => {
   const { kind: i, metadata: o } = e;
   let r = globalThis.litPropertyMetadata.get(o);
   if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), r.set(e.name, s), i === "accessor") {
@@ -617,7 +617,7 @@ const Mt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + i);
 };
 function y(s) {
-  return (t, e) => typeof e == "object" ? Rt(s, t, e) : ((i, o, r) => {
+  return (t, e) => typeof e == "object" ? Ut(s, t, e) : ((i, o, r) => {
     const n = o.hasOwnProperty(r);
     return o.constructor.createProperty(r, n ? { ...i, wrapped: !0 } : i), n ? Object.getOwnPropertyDescriptor(o, r) : void 0;
   })(s, t, e);
@@ -627,7 +627,7 @@ function y(s) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function kt(s) {
+function Rt(s) {
   return y({ ...s, state: !0, attribute: !1 });
 }
 /**
@@ -635,48 +635,34 @@ function kt(s) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const it = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
+const Ot = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ot(s, t) {
+function Nt(s, t) {
   return (e, i, o) => {
     const r = (n) => {
       var l;
       return ((l = n.renderRoot) == null ? void 0 : l.querySelector(s)) ?? null;
     };
-    if (t) {
-      const { get: n, set: l } = typeof i == "object" ? e : o ?? (() => {
-        const a = Symbol();
-        return { get() {
-          return this[a];
-        }, set(h) {
-          this[a] = h;
-        } };
-      })();
-      return it(e, i, { get() {
-        let a = n.call(this);
-        return a === void 0 && (a = r(this), (a !== null || this.hasUpdated) && l.call(this, a)), a;
-      } });
-    }
-    return it(e, i, { get() {
+    return Ot(e, i, { get() {
       return r(this);
     } });
   };
 }
-class Nt {
+class It {
   get extId() {
     return this.attributes["ext-id"];
   }
 }
-var It = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, g = (s, t, e, i) => {
-  for (var o = i > 1 ? void 0 : i ? Bt(t, e) : t, r = s.length - 1, n; r >= 0; r--)
+var zt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, g = (s, t, e, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ht(t, e) : t, r = s.length - 1, n; r >= 0; r--)
     (n = s[r]) && (o = (i ? n(t, e, o) : n(o)) || o);
-  return i && o && It(t, e, o), o;
+  return i && o && zt(t, e, o), o;
 };
-let m = class extends T {
+let m = class extends S {
   constructor() {
     var s, t, e, i, o, r;
     super(...arguments), this.selectedRadius = 25, this.radiusOption = [10, 25, 50], this.getByAddress = (t = (s = window.miam) == null ? void 0 : s.pos) == null ? void 0 : t.getByAddress, this.getByCoordinates = (i = (e = window.miam) == null ? void 0 : e.pos) == null ? void 0 : i.getByCoordinates, this.getAffiliateSuppliers = (r = (o = window.miam) == null ? void 0 : o.supplier) == null ? void 0 : r.getAffiliateSuppliers, this._posList = [], this._markers = [], this._searchingPos = !1, this._searchSubmitted = !1, this._previousSearchMethod = () => {
@@ -843,7 +829,7 @@ let m = class extends T {
   }
   setPosList(s) {
     this._posList = s.data.map((t) => {
-      const e = Object.assign(new Nt(), t);
+      const e = Object.assign(new It(), t);
       return e.supplier = s.included.find((i) => i.id === e.relationships.supplier.data.id), e;
     });
   }
@@ -964,7 +950,7 @@ let m = class extends T {
   }
 };
 m.styles = [
-  ct`
+  ut`
       :host {
         display: block;
         height: 100%;
@@ -1305,15 +1291,68 @@ g([
   y()
 ], m.prototype, "getAffiliateSuppliers", 2);
 g([
-  kt()
+  Rt()
 ], m.prototype, "_geolocationCoordinates", 2);
 g([
-  Ot("input")
+  Nt("input")
 ], m.prototype, "_addressInput", 2);
 m = g([
-  Ut("mealz-store-locator")
+  ht("mealz-store-locator")
 ], m);
 window.customElements.get("mealz-store-locator") || window.customElements.define("mealz-store-locator", m);
+class Bt extends S {
+  createRenderRoot() {
+    return this;
+  }
+}
+var Dt = (s, t, e, i) => {
+  for (var o = t, r = s.length - 1, n; r >= 0; r--)
+    (n = s[r]) && (o = n(o) || o);
+  return o;
+};
+let V = class extends Bt {
+  constructor() {
+    super(...arguments), this.liked = null, this.recipeLikeId = "", this.requestHeaders = new Headers();
+  }
+  connectedCallback() {
+    super.connectedCallback(), console.debug("[MealzComponents] loading like button"), this.requestHeaders.append("Authorization", "Bearer <your-token>"), this.requestHeaders.append("miam-origin", "partners"), this.requestHeaders.append("Content-Type", "application/vnd.api+json");
+  }
+  render() {
+    this.button = this.querySelector(".mealz-like-button"), this.button && (this.getInitialStatus(), this.recipeLikeId && this.button.addEventListener("click", () => this.toggle()), console.log(this.button));
+  }
+  getInitialStatus() {
+    var i;
+    const s = (i = this.attributes["starting-data"]) == null ? void 0 : i.value;
+    if (console.log(s), !s)
+      return;
+    const { id: t, liked: e } = JSON.parse(s);
+    this.recipeLikeId = t, this.liked = e, this.removeAttribute("starting-data");
+  }
+  async toggle() {
+    var e, i;
+    const s = JSON.stringify({
+      data: {
+        type: "recipe-likes",
+        id: 1,
+        attributes: {
+          "is-past": this.liked
+        }
+      }
+    }), t = await fetch(
+      `http://localhost:3000/api/v1/recipe-likes/${this.recipeLikeId}`,
+      { headers: this.requestHeaders, method: "PATCH", body: s }
+    ).then((o) => o.json());
+    this.liked = !((i = (e = t.data) == null ? void 0 : e.attributes) != null && i["is-past"]), this.updateDOM();
+  }
+  updateDOM() {
+    this.button.querySelector(".mealz-like-button__icon").classList.toggle("fill", this.liked), this.button.querySelectorAll(".mealz-like-button__icon img").forEach((s) => s.classList.toggle("active"));
+  }
+};
+V = Dt([
+  ht("mealz-like-button")
+], V);
+window.customElements.get("mealz-like-button") || window.customElements.define("mealz-like-button", V);
 export {
+  V as MealzLikeButton,
   m as MealzStoreLocator
 };