mealz-components 0.1.1 → 0.2.0

package/dist/mealz-components.js

@@ -3,10 +3,10 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R = globalThis, V = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, q = Symbol(), W = /* @__PURE__ */ new WeakMap();
-let ot = class {
-  constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== q)
+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();
+let nt = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== F)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
@@ -14,8 +14,8 @@ let ot = class {
     let t = this.o;
     const e = this.t;
     if (V && t === void 0) {
-      const s = e !== void 0 && e.length === 1;
-      s && (t = W.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && W.set(e, t));
+      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));
     }
     return t;
   }
@@ -23,65 +23,65 @@ let ot = class {
     return this.cssText;
   }
 };
-const pt = (o) => new ot(typeof o == "string" ? o : o + "", void 0, q), ct = (o, ...t) => {
-  const e = o.length === 1 ? o[0] : t.reduce((s, i, r) => s + ((n) => {
+const dt = (s) => new nt(typeof s == "string" ? s : s + "", void 0, F), ct = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce((i, o, r) => i + ((n) => {
     if (n._$cssResult$ === !0)
       return n.cssText;
     if (typeof n == "number")
       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.");
-  })(i) + o[r + 1], o[0]);
-  return new ot(e, o, q);
-}, ut = (o, t) => {
+  })(o) + s[r + 1], s[0]);
+  return new nt(e, s, F);
+}, ut = (s, t) => {
   if (V)
-    o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+    s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
     for (const e of t) {
-      const s = document.createElement("style"), i = R.litNonce;
-      i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
+      const i = document.createElement("style"), o = N.litNonce;
+      o !== void 0 && i.setAttribute("nonce", o), i.textContent = e.cssText, s.appendChild(i);
     }
-}, F = V ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+}, G = V ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
-  for (const s of t.cssRules)
-    e += s.cssText;
-  return pt(e);
-})(o) : o;
+  for (const i of t.cssRules)
+    e += i.cssText;
+  return dt(e);
+})(s) : s;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: mt, defineProperty: ft, getOwnPropertyDescriptor: gt, getOwnPropertyNames: $t, getOwnPropertySymbols: _t, getPrototypeOf: yt } = Object, g = globalThis, Z = g.trustedTypes, vt = Z ? Z.emptyScript : "", z = g.reactiveElementPolyfillSupport, E = (o, t) => o, L = { toAttribute(o, t) {
+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) {
   switch (t) {
     case Boolean:
-      o = o ? vt : null;
+      s = s ? yt : null;
       break;
     case Object:
     case Array:
-      o = o == null ? o : JSON.stringify(o);
+      s = s == null ? s : JSON.stringify(s);
   }
-  return o;
-}, fromAttribute(o, t) {
-  let e = o;
+  return s;
+}, fromAttribute(s, t) {
+  let e = s;
   switch (t) {
     case Boolean:
-      e = o !== null;
+      e = s !== null;
       break;
     case Number:
-      e = o === null ? null : Number(o);
+      e = s === null ? null : Number(s);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(o);
+        e = JSON.parse(s);
       } catch {
         e = null;
       }
   }
   return e;
-} }, J = (o, t) => !mt(o, t), K = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: J };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), g.litPropertyMetadata ?? (g.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class b extends HTMLElement {
+} }, 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());
+class w extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -90,67 +90,67 @@ class b extends HTMLElement {
   }
   static createProperty(t, e = K) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
-      i !== void 0 && ft(this.prototype, t, i);
+      const i = Symbol(), o = this.getPropertyDescriptor(t, i, e);
+      o !== void 0 && gt(this.prototype, t, o);
     }
   }
-  static getPropertyDescriptor(t, e, s) {
-    const { get: i, set: r } = gt(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, e, i) {
+    const { get: o, set: r } = ft(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
     } };
     return { get() {
-      return i == null ? void 0 : i.call(this);
+      return o == null ? void 0 : o.call(this);
     }, set(n) {
-      const l = i == null ? void 0 : i.call(this);
-      r.call(this, n), this.requestUpdate(t, l, s);
+      const l = o == null ? void 0 : o.call(this);
+      r.call(this, n), this.requestUpdate(t, l, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
     return this.elementProperties.get(t) ?? K;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(E("elementProperties")))
+    if (this.hasOwnProperty(P("elementProperties")))
       return;
-    const t = yt(this);
+    const t = bt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(E("finalized")))
+    if (this.hasOwnProperty(P("finalized")))
       return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(E("properties"))) {
-      const e = this.properties, s = [...$t(e), ..._t(e)];
-      for (const i of s)
-        this.createProperty(i, e[i]);
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
+      const e = this.properties, i = [..._t(e), ...$t(e)];
+      for (const o of i)
+        this.createProperty(o, e[o]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
       if (e !== void 0)
-        for (const [s, i] of e)
-          this.elementProperties.set(s, i);
+        for (const [i, o] of e)
+          this.elementProperties.set(i, o);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, s] of this.elementProperties) {
-      const i = this._$Eu(e, s);
-      i !== void 0 && this._$Eh.set(i, e);
+    for (const [e, i] of this.elementProperties) {
+      const o = this._$Eu(e, i);
+      o !== void 0 && this._$Eh.set(o, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(t) {
     const e = [];
     if (Array.isArray(t)) {
-      const s = new Set(t.flat(1 / 0).reverse());
-      for (const i of s)
-        e.unshift(F(i));
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const o of i)
+        e.unshift(G(o));
     } else
-      t !== void 0 && e.push(F(t));
+      t !== void 0 && e.push(G(t));
     return e;
   }
   static _$Eu(t, e) {
-    const s = e.attribute;
-    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -169,8 +169,8 @@ class b extends HTMLElement {
   }
   _$E_() {
     const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const s of e.keys())
-      this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    for (const i of e.keys())
+      this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
     t.size > 0 && (this._$Ep = t);
   }
   createRenderRoot() {
@@ -180,8 +180,8 @@ class b extends HTMLElement {
   connectedCallback() {
     var t;
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
-      var s;
-      return (s = e.hostConnected) == null ? void 0 : s.call(e);
+      var i;
+      return (i = e.hostConnected) == null ? void 0 : i.call(e);
     });
   }
   enableUpdating(t) {
@@ -189,39 +189,39 @@ class b extends HTMLElement {
   disconnectedCallback() {
     var t;
     (t = this._$EO) == null || t.forEach((e) => {
-      var s;
-      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
+      var i;
+      return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
     });
   }
-  attributeChangedCallback(t, e, s) {
-    this._$AK(t, s);
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
   }
   _$EC(t, e) {
     var r;
-    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
-    if (i !== void 0 && s.reflect === !0) {
-      const n = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : L).toAttribute(e, s.type);
-      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
+    const i = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, i);
+    if (o !== void 0 && i.reflect === !0) {
+      const n = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : I).toAttribute(e, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(o) : this.setAttribute(o, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
     var r;
-    const s = this.constructor, i = s._$Eh.get(t);
-    if (i !== void 0 && this._$Em !== i) {
-      const n = s.getPropertyOptions(i), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? n.converter : L;
-      this._$Em = i, this[i] = l.fromAttribute(e, n.type), this._$Em = null;
+    const i = this.constructor, o = i._$Eh.get(t);
+    if (o !== void 0 && this._$Em !== o) {
+      const n = i.getPropertyOptions(o), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? n.converter : I;
+      this._$Em = o, this[o] = l.fromAttribute(e, n.type), this._$Em = null;
     }
   }
-  requestUpdate(t, e, s) {
+  requestUpdate(t, e, i) {
     if (t !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? J)(this[t], e))
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? J)(this[t], e))
         return;
-      this.P(t, e, s);
+      this.P(t, e, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
   }
-  P(t, e, s) {
-    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  P(t, e, i) {
+    this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
   }
   async _$ET() {
     this.isUpdatePending = !0;
@@ -237,7 +237,7 @@ class b extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var s;
+    var i;
     if (!this.isUpdatePending)
       return;
     if (!this.hasUpdated) {
@@ -246,20 +246,20 @@ class b extends HTMLElement {
           this[r] = n;
         this._$Ep = void 0;
       }
-      const i = this.constructor.elementProperties;
-      if (i.size > 0)
-        for (const [r, n] of i)
+      const o = this.constructor.elementProperties;
+      if (o.size > 0)
+        for (const [r, n] of o)
           n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((o) => {
         var r;
-        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
+        return (r = o.hostUpdate) == null ? void 0 : r.call(o);
       }), this.update(e)) : this._$EU();
-    } catch (i) {
-      throw t = !1, this._$EU(), i;
+    } catch (o) {
+      throw t = !1, this._$EU(), o;
     }
     t && this._$AE(e);
   }
@@ -267,9 +267,9 @@ class b extends HTMLElement {
   }
   _$AE(t) {
     var e;
-    (e = this._$EO) == null || e.forEach((s) => {
-      var i;
-      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+    (e = this._$EO) == null || e.forEach((i) => {
+      var o;
+      return (o = i.hostUpdated) == null ? void 0 : o.call(i);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -292,86 +292,86 @@ class b extends HTMLElement {
   firstUpdated(t) {
   }
 }
-b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[E("elementProperties")] = /* @__PURE__ */ new Map(), b[E("finalized")] = /* @__PURE__ */ new Map(), z == null || z({ ReactiveElement: b }), (g.reactiveElementVersions ?? (g.reactiveElementVersions = [])).push("2.0.4");
+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");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S = globalThis, N = S.trustedTypes, Y = N ? N.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, nt = "$lit$", f = `lit$${(Math.random() + "").slice(9)}$`, rt = "?" + f, bt = `<${rt}>`, y = document, P = () => y.createComment(""), U = (o) => o === null || typeof o != "object" && typeof o != "function", at = Array.isArray, At = (o) => at(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", D = `[ 	
-\f\r]`, x = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, G = /-->/g, Q = />/g, $ = RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), X = /'/g, tt = /"/g, lt = /^(?:script|style|textarea|title)$/i, wt = (o) => (t, ...e) => ({ _$litType$: o, strings: t, values: e }), k = wt(1), A = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), et = /* @__PURE__ */ new WeakMap(), _ = y.createTreeWalker(y, 129);
-function ht(o, t) {
-  if (!Array.isArray(o) || !o.hasOwnProperty("raw"))
+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) {
+  if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return Y !== void 0 ? Y.createHTML(t) : t;
 }
-const xt = (o, t) => {
-  const e = o.length - 1, s = [];
-  let i, r = t === 2 ? "<svg>" : "", n = x;
+const wt = (s, t) => {
+  const e = s.length - 1, i = [];
+  let o, r = t === 2 ? "<svg>" : "", n = C;
   for (let l = 0; l < e; l++) {
-    const a = o[l];
-    let d, c, h = -1, u = 0;
-    for (; u < a.length && (n.lastIndex = u, c = n.exec(a), c !== null); )
-      u = n.lastIndex, n === x ? c[1] === "!--" ? n = G : c[1] !== void 0 ? n = Q : c[2] !== void 0 ? (lt.test(c[2]) && (i = RegExp("</" + c[2], "g")), n = $) : c[3] !== void 0 && (n = $) : n === $ ? c[0] === ">" ? (n = i ?? x, h = -1) : c[1] === void 0 ? h = -2 : (h = n.lastIndex - c[2].length, d = c[1], n = c[3] === void 0 ? $ : c[3] === '"' ? tt : X) : n === tt || n === X ? n = $ : n === G || n === Q ? n = x : (n = $, i = void 0);
-    const m = n === $ && o[l + 1].startsWith("/>") ? " " : "";
-    r += n === x ? a + bt : h >= 0 ? (s.push(d), a.slice(0, h) + nt + a.slice(h) + f + m) : a + f + (h === -2 ? l : m);
-  }
-  return [ht(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+    const a = s[l];
+    let h, c, p = -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);
+    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 : _);
+  }
+  return [ht(s, r + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-class T {
-  constructor({ strings: t, _$litType$: e }, s) {
-    let i;
+class R {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let o;
     this.parts = [];
     let r = 0, n = 0;
-    const l = t.length - 1, a = this.parts, [d, c] = xt(t, e);
-    if (this.el = T.createElement(d, s), _.currentNode = this.el.content, e === 2) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
+    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);
     }
-    for (; (i = _.nextNode()) !== null && a.length < l; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes())
-          for (const h of i.getAttributeNames())
-            if (h.endsWith(nt)) {
-              const u = c[n++], m = i.getAttribute(h).split(f), M = /([.?@])?(.*)/.exec(u);
-              a.push({ type: 1, index: r, name: M[2], strings: m, ctor: M[1] === "." ? St : M[1] === "?" ? Ct : M[1] === "@" ? Pt : H }), i.removeAttribute(h);
+    for (; (o = x.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);
             } else
-              h.startsWith(f) && (a.push({ type: 6, index: r }), i.removeAttribute(h));
-        if (lt.test(i.tagName)) {
-          const h = i.textContent.split(f), u = h.length - 1;
-          if (u > 0) {
-            i.textContent = N ? N.emptyScript : "";
-            for (let m = 0; m < u; m++)
-              i.append(h[m], P()), _.nextNode(), a.push({ type: 2, index: ++r });
-            i.append(h[u], P());
+              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;
+          if (f > 0) {
+            o.textContent = B ? B.emptyScript : "";
+            for (let _ = 0; _ < f; _++)
+              o.append(p[_], U()), x.nextNode(), a.push({ type: 2, index: ++r });
+            o.append(p[f], U());
           }
         }
-      } else if (i.nodeType === 8)
-        if (i.data === rt)
+      } else if (o.nodeType === 8)
+        if (o.data === at)
           a.push({ type: 2, index: r });
         else {
-          let h = -1;
-          for (; (h = i.data.indexOf(f, h + 1)) !== -1; )
-            a.push({ type: 7, index: r }), h += f.length - 1;
+          let p = -1;
+          for (; (p = o.data.indexOf($, p + 1)) !== -1; )
+            a.push({ type: 7, index: r }), p += $.length - 1;
         }
       r++;
     }
   }
   static createElement(t, e) {
-    const s = y.createElement("template");
-    return s.innerHTML = t, s;
+    const i = A.createElement("template");
+    return i.innerHTML = t, i;
   }
 }
-function w(o, t, e = o, s) {
+function E(s, t, e = s, i) {
   var n, l;
-  if (t === A)
+  if (t === S)
     return t;
-  let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
-  const r = U(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== r && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), r === void 0 ? i = void 0 : (i = new r(o), i._$AT(o, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = w(o, i._$AS(o, t.values), i, s)), 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;
 }
-class Et {
+class St {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -382,31 +382,31 @@ class Et {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? y).importNode(e, !0);
-    _.currentNode = i;
-    let r = _.nextNode(), n = 0, l = 0, a = s[0];
+    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];
     for (; a !== void 0; ) {
       if (n === a.index) {
-        let d;
-        a.type === 2 ? d = new O(r, r.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (d = new Ut(r, this, t)), this._$AV.push(d), a = s[++l];
+        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];
       }
-      n !== (a == null ? void 0 : a.index) && (r = _.nextNode(), n++);
+      n !== (a == null ? void 0 : a.index) && (r = x.nextNode(), n++);
     }
-    return _.currentNode = y, i;
+    return x.currentNode = A, o;
   }
   p(t) {
     let e = 0;
-    for (const s of this._$AV)
-      s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+    for (const i of this._$AV)
+      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class O {
+class k {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, s, i) {
-    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+  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;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -420,7 +420,7 @@ class O {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = w(this, t, e), U(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== A && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : At(t) ? this.k(t) : this._(t);
+    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);
   }
   S(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -429,35 +429,35 @@ class O {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   _(t) {
-    this._$AH !== p && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(y.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(A.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var r;
-    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = T.createElement(ht(s.h, s.h[0]), this.options)), s);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === i)
+    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);
+    if (((r = this._$AH) == null ? void 0 : r._$AD) === o)
       this._$AH.p(e);
     else {
-      const n = new Et(i, this), l = n.u(this.options);
+      const n = new St(o, this), l = n.u(this.options);
       n.p(e), this.T(l), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = et.get(t.strings);
-    return e === void 0 && et.set(t.strings, e = new T(t)), e;
+    let e = st.get(t.strings);
+    return e === void 0 && st.set(t.strings, e = new R(t)), e;
   }
   k(t) {
-    at(this._$AH) || (this._$AH = [], this._$AR());
+    lt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let s, i = 0;
+    let i, o = 0;
     for (const r of t)
-      i === e.length ? e.push(s = new O(this.S(P()), this.S(P()), this, this.options)) : s = e[i], s._$AI(r), i++;
-    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
+      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 && (this._$AR(i && i._$AB.nextSibling, o), e.length = o);
   }
   _$AR(t = this._$AA.nextSibling, e) {
-    var s;
-    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const i = t.nextSibling;
-      t.remove(), t = i;
+    var i;
+    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const o = t.nextSibling;
+      t.remove(), t = o;
     }
   }
   setConnected(t) {
@@ -472,32 +472,32 @@ class H {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, i, r) {
-    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = p;
+  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;
   }
-  _$AI(t, e = this, s, i) {
+  _$AI(t, e = this, i, o) {
     const r = this.strings;
     let n = !1;
     if (r === void 0)
-      t = w(this, t, e, 0), n = !U(t) || t !== this._$AH && t !== A, n && (this._$AH = t);
+      t = E(this, t, e, 0), n = !M(t) || t !== this._$AH && t !== S, n && (this._$AH = t);
     else {
       const l = t;
-      let a, d;
+      let a, h;
       for (t = r[0], a = 0; a < r.length - 1; a++)
-        d = w(this, l[s + a], e, a), d === A && (d = this._$AH[a]), n || (n = !U(d) || d !== this._$AH[a]), d === p ? t = p : t !== p && (t += (d ?? "") + r[a + 1]), this._$AH[a] = d;
+        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;
     }
-    n && !i && this.j(t);
+    n && !o && this.j(t);
   }
   j(t) {
-    t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class St extends H {
+class Et extends H {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === p ? void 0 : t;
+    this.element[this.name] = t === d ? void 0 : t;
   }
 }
 class Ct extends H {
@@ -505,52 +505,52 @@ class Ct extends H {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== p);
+    this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
 class Pt extends H {
-  constructor(t, e, s, i, r) {
-    super(t, e, s, i, r), this.type = 5;
+  constructor(t, e, i, o, r) {
+    super(t, e, i, o, r), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = w(this, t, e, 0) ?? p) === A)
+    if ((t = E(this, t, e, 0) ?? d) === S)
       return;
-    const s = this._$AH, i = t === p && s !== p || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== p && (s === p || i);
-    i && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    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);
+    o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Ut {
-  constructor(t, e, s) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+class Lt {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    w(this, t);
+    E(this, t);
   }
 }
-const j = S.litHtmlPolyfillSupport;
-j == null || j(T, O), (S.litHtmlVersions ?? (S.litHtmlVersions = [])).push("3.1.2");
-const Tt = (o, t, e) => {
-  const s = (e == null ? void 0 : e.renderBefore) ?? t;
-  let i = s._$litPart$;
-  if (i === void 0) {
+const j = L.litHtmlPolyfillSupport;
+j == null || j(R, k), (L.litHtmlVersions ?? (L.litHtmlVersions = [])).push("3.1.2");
+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;
-    s._$litPart$ = i = new O(t.insertBefore(P(), r), r, void 0, e ?? {});
+    i._$litPart$ = o = new k(t.insertBefore(U(), r), r, void 0, e ?? {});
   }
-  return i._$AI(o), i;
+  return o._$AI(s), o;
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class C extends b {
+class T extends w {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -572,112 +572,128 @@ class C extends b {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return A;
+    return S;
   }
 }
-var it;
-C._$litElement$ = !0, C.finalized = !0, (it = globalThis.litElementHydrateSupport) == null || it.call(globalThis, { LitElement: C });
-const B = globalThis.litElementPolyfillSupport;
-B == null || B({ LitElement: C });
+var ot;
+T._$litElement$ = !0, T.finalized = !0, (ot = globalThis.litElementHydrateSupport) == null || ot.call(globalThis, { LitElement: T });
+const q = globalThis.litElementPolyfillSupport;
+q == null || q({ LitElement: T });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ot = (o) => (t, e) => {
+const Ut = (s) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
-    customElements.define(o, t);
-  }) : customElements.define(o, t);
+    customElements.define(s, t);
+  }) : customElements.define(s, t);
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Mt = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: J }, kt = (o = Mt, t, e) => {
-  const { kind: s, metadata: i } = e;
-  let r = globalThis.litPropertyMetadata.get(i);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, o), s === "accessor") {
+const Mt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: J }, Rt = (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") {
     const { name: n } = e;
     return { set(l) {
       const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(n, a, o);
+      t.set.call(this, l), this.requestUpdate(n, a, s);
     }, init(l) {
-      return l !== void 0 && this.P(n, void 0, o), l;
+      return l !== void 0 && this.P(n, void 0, s), l;
     } };
   }
-  if (s === "setter") {
+  if (i === "setter") {
     const { name: n } = e;
     return function(l) {
       const a = this[n];
-      t.call(this, l), this.requestUpdate(n, a, o);
+      t.call(this, l), this.requestUpdate(n, a, s);
     };
   }
-  throw Error("Unsupported decorator location: " + s);
+  throw Error("Unsupported decorator location: " + i);
 };
-function dt(o) {
-  return (t, e) => typeof e == "object" ? kt(o, t, e) : ((s, i, r) => {
-    const n = i.hasOwnProperty(r);
-    return i.constructor.createProperty(r, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, r) : void 0;
-  })(o, t, e);
+function y(s) {
+  return (t, e) => typeof e == "object" ? Rt(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);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const st = (o, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(o, t, e), e);
+function kt(s) {
+  return y({ ...s, state: !0, attribute: !1 });
+}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Rt(o, t) {
-  return (e, s, i) => {
+const it = (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) {
+  return (e, i, o) => {
     const r = (n) => {
       var l;
-      return ((l = n.renderRoot) == null ? void 0 : l.querySelector(o)) ?? null;
+      return ((l = n.renderRoot) == null ? void 0 : l.querySelector(s)) ?? null;
     };
     if (t) {
-      const { get: n, set: l } = typeof s == "object" ? e : i ?? (() => {
+      const { get: n, set: l } = typeof i == "object" ? e : o ?? (() => {
         const a = Symbol();
         return { get() {
           return this[a];
-        }, set(d) {
-          this[a] = d;
+        }, set(h) {
+          this[a] = h;
         } };
       })();
-      return st(e, s, { get() {
+      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 st(e, s, { get() {
+    return it(e, i, { get() {
       return r(this);
     } });
   };
 }
-class Lt {
+class Nt {
   get extId() {
     return this.attributes["ext-id"];
   }
 }
-var Nt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, I = (o, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ht(t, e) : t, r = o.length - 1, n; r >= 0; r--)
-    (n = o[r]) && (i = (s ? n(t, e, i) : n(i)) || i);
-  return s && i && Nt(t, e, i), i;
+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--)
+    (n = s[r]) && (o = (i ? n(t, e, o) : n(o)) || o);
+  return i && o && It(t, e, o), o;
 };
-let v = class extends C {
+let m = class extends T {
   constructor() {
-    var o, t;
-    super(...arguments), this.getByAddress = (t = (o = window.miam) == null ? void 0 : o.pos) == null ? void 0 : t.getByAddress, this._posList = [], this._searchingPos = !1;
+    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 = () => {
+    }, this._suppliers = [], this._selectedSuppliers = [], this._showPosList = !1;
+  }
+  set geolocationCoordinates(s) {
+    var t, e;
+    this._geolocationCoordinates = s, (t = s == null ? void 0 : s.coords) != null && t.latitude && ((e = s == null ? void 0 : s.coords) != null && e.longitude) && this.getPosByCoordinates();
   }
-  _nameOfStore(o) {
-    return `${o.supplier.attributes.name} - ${o.attributes.name}`;
+  get geolocationCoordinates() {
+    return this._geolocationCoordinates;
+  }
+  _nameOfStore(s) {
+    return `${s.supplier.attributes.name} - ${s.attributes.name}`;
   }
   connectedCallback() {
-    super.connectedCallback(), console.debug("[MealzComponents] loading store locator"), this.initLeaflet();
+    super.connectedCallback(), console.debug("[MealzComponents] loading store locator"), this.initLeaflet(), this.fetchSuppliers();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._leafletCss.remove(), this._miamDs.remove(), this._leafletJs.remove();
@@ -687,82 +703,161 @@ let v = class extends C {
       return this.posSelectionTemplate();
   }
   // Executes after rendering
-  updated() {
-    this.loadMap();
+  firstUpdated() {
+    this.loadMap(), this.geolocationTimeout(), this.listenFormSubmit();
   }
   posSelectionTemplate() {
-    return k`
+    return u`
       <div class="wrapper miam-ds-body">
         <div class="pos-selection">
           <div class="title">
             <button @click=${() => this.dispatchShow(!1)}><</button>
             <span>Sélectionner un magasin</span>
           </div>
-          <div class="address-input-container">
-            <input class="address-input" type="text" name="address" placeholder="Votre code postal ou ville"
-                   @keydown=${(o) => {
-      o.stopPropagation();
-    }}
-                   @change=${this.setAddress}>
-            <button @click=${this.setAddress} class="miam-ds-button primary search-address-button">OK</button>
-          </div>
-          ${this.posListTemplate()}
+            <form id="store-locator-form">
+              <div class="address-input-container">
+                ${this.geolocButtonTemplate()}
+                <input required class="address-input" type="text" name="address" placeholder="Votre code postal ou ville">
+                <button type="submit" class="miam-ds-button primary search-address-button">OK</button>
+              </div>
+              ${this.selectRadiusTemplate()}
+              ${this.selectSupplierTemplate()}
+            </form>
+            ${this.posListTemplate()}
+          ${this._posList.length > 0 ? u`
+              <div id="mobile-buttons-wrapper" class="mobile-buttons-wrapper__see-list">
+                <button @click=${() => this.togglePosList(this._showPosList)} class="miam-ds-button primary hide-pos-button">
+                  ${this.getButtonLabel()}
+                </button>
+              </div>` : ""}
         </div>
+      </div>
         ${this.posMapTemplate()}
       </div>
+  `;
+  }
+  geolocButtonTemplate() {
+    var t, e, i, o;
+    let s;
+    if (this.geolocationCoordinates === void 0)
+      s = u`<div class="miam-ds-loader"></div>`;
+    else if ((e = (t = this.geolocationCoordinates) == null ? void 0 : t.coords) != null && e.longitude && ((o = (i = this.geolocationCoordinates) == null ? void 0 : i.coords) != null && o.latitude))
+      s = u`<img title="Votre position" class="geolocation-icon" src="https://storage.googleapis.com/assets.miam.tech/generic/icons/locate-primary.svg" alt="Geolocaliser"/>`;
+    else
+      return u``;
+    return u`
+        <button type="button" ?disabled=${this.geolocationCoordinates === void 0} class="miam-ds-button square ghost locate-button" @click=${this.setGeolocation}>
+            ${s}
+        </button>
     `;
   }
+  selectRadiusTemplate() {
+    return u`
+      <div class="select-radius miam-ds-dropdown">
+        <select @change=${this.radiusChanged}>
+          ${this.radiusOption.map((s) => u`<option ?selected=${s === this.selectedRadius} value=${s}>${s} km</option>`)}
+        </select>
+      </div>`;
+  }
+  radiusChanged(s) {
+    this.selectedRadius = parseInt(s.target.value), this._showPosList = !0, this._previousSearchMethod(!0);
+  }
   posMapTemplate() {
-    return k`
+    return u`
       <div id="map"></div>
     `;
   }
+  selectSupplierTemplate() {
+    return u`
+        <div class="select-supplier miam-ds-dropdown">
+            <select @change=${this.supplierSelected}>
+                <option ?selected=${this._selectedSuppliers.length < 1} value="${null}">Toutes les enseignes</option>
+                ${this._suppliers.map((s) => u`
+                      <option ?selected=${s === this._selectedSuppliers[0]} value=${s.id}>
+                          ${s.name}
+                      </option>`)}
+            </select>
+        </div>`;
+  }
+  supplierSelected(s) {
+    s.target.value ? this._selectedSuppliers[0] = s.target.value : this._selectedSuppliers = [], this._previousSearchMethod(!0);
+  }
   posListTemplate() {
-    if (!(this._posList.length < 1))
-      return k`
-      <div id="pos-list">
-        ${this._posList.map((o) => k`
+    if (this._searchingPos)
+      return u`
+          <div class="pos-loader">
+              <div class="miam-ds-loader"></div>
+          </div>
+      `;
+    if (this._posList.length < 1 && this._searchSubmitted)
+      return u`
+        <div class="no-pos-found">
+          <b>Aucun magasin trouvé à proximité.</b>
+          <span>Essayez une autre adresse.</span> 
+        </div>
+      `;
+    if (this._posList.length < 1)
+      return;
+    const s = this.shadowRoot.querySelector(".pos-selection");
+    return s && s.classList.toggle("pos-selection__height", this._showPosList), u`
+      <div id="pos-list" class="${this._showPosList ? "pos-list__visible" : "pos-list__hidden"}">
+        ${this._posList.map((t) => u`
             <div class="pos-item">
               <div class="top">
-                <img src="${o.supplier.attributes.logo}" alt="${o.supplier.attributes.name}"/>
+                <img src="${t.supplier.attributes.logo}" alt="${t.supplier.attributes.name}"/>
                 <div class="top-right">
-                  <div class="name">${this._nameOfStore(o)}</div>
-                  <div class="address">${o.attributes.address}</div>
+                  <div class="name">${this._nameOfStore(t)}</div>
+                  <div class="address">${t.attributes.address}</div>
                 </div>
               </div>
               <div class="bottom">
-                <button @click=${() => this.dispatchPos(o)} class="miam-ds-button primary select-pos-button">Sélectionner</button>
+                <button @click=${() => this.dispatchPos(t)} class="miam-ds-button primary select-pos-button">Sélectionner</button>
               </div>
             </div>
           `)}
       </div>
-      <div id="hide-pos-wrapper">
-        <button @click=${() => this.togglePosList(!1)} class="miam-ds-button primary hide-pos-button">Masquer</button>
-      </div>
     `;
   }
-  setAddress() {
-    if (!this._addressInput.value || this._addressInput.value.length < 3 || this._searchingPos)
+  getButtonLabel() {
+    if (this._showPosList)
+      return "Voir la carte";
+    const s = this._posList.length;
+    return s === 1 ? "Voir le magasin" : `Voir les ${s} magasins`;
+  }
+  setAddress(s = !1) {
+    if (!this._addressInput.value || this._addressInput.value.length < 3 || this._searchingPos || !s && this._prevAddress === this._addressInput.value + ", France")
       return;
-    const o = this.shadowRoot.getElementById("pos-list");
-    o && o.style.display === "none" && this.togglePosList(!0), this._prevAddress !== this._addressInput.value + ", France" && (this._prevAddress = this._addressInput.value + ", France", this._searchingPos = !0, this.getByAddress(this._prevAddress, 10).subscribe((t) => {
-      this._posList = t.data.map((e) => {
-        const s = Object.assign(new Lt(), e);
-        return s.supplier = t.included.find((i) => i.id === s.relationships.supplier.data.id), s;
-      }), this.requestUpdate();
-    }));
-  }
-  dispatchPos(o) {
+    const t = this.shadowRoot.getElementById("pos-list");
+    t && t.style.display === "none" && this.togglePosList(!0), this._previousSearchMethod = this.setAddress, this._prevAddress = this._addressInput.value + ", France", this._searchingPos = !0, this.requestUpdate(), this.getByAddress(this._prevAddress, this.selectedRadius, this._selectedSuppliers).subscribe((e) => {
+      this.setPosList(e), this.setNewLocation(), this._searchingPos = !1, this._searchSubmitted = !0, this.requestUpdate();
+    });
+  }
+  setGeolocation(s = !1) {
+    const t = this.shadowRoot.getElementById("pos-list");
+    t && t.style.display === "none" && this.togglePosList(!0), this._prevAddress = "", this._previousSearchMethod = this.setGeolocation, this.getPosByCoordinates();
+  }
+  getPosByCoordinates() {
+    this._searchingPos = !0, this.requestUpdate(), this.getByCoordinates(this.geolocationCoordinates.coords.latitude, this.geolocationCoordinates.coords.longitude, this.selectedRadius, this._selectedSuppliers).subscribe((s) => {
+      this._addressInput.value = "", this.setPosList(s), this._searchingPos = !1, this.setNewLocation(), this._searchSubmitted = !0, this.requestUpdate();
+    });
+  }
+  setPosList(s) {
+    this._posList = s.data.map((t) => {
+      const e = Object.assign(new Nt(), t);
+      return e.supplier = s.included.find((i) => i.id === e.relationships.supplier.data.id), e;
+    });
+  }
+  dispatchPos(s) {
     const t = {
-      detail: { posId: o.id, posExtId: o.extId, supplierId: o.supplier.id, posName: this._nameOfStore(o) },
+      detail: { posId: s.id, posExtId: s.extId, supplierId: s.supplier.id, posName: this._nameOfStore(s) },
       bubbles: !0,
       composed: !0
     };
     console.debug("[MealzComponents] dispatchEvent posIdChange", t), this.dispatchEvent(new CustomEvent("posIdChange", t));
   }
-  dispatchShow(o) {
+  dispatchShow(s) {
     const t = {
-      detail: { show: o },
+      detail: { show: s },
       bubbles: !0,
       composed: !0
     };
@@ -772,31 +867,56 @@ let v = class extends C {
   initLeaflet() {
     this._leafletCss = document.createElement("link"), this._leafletCss.setAttribute("rel", "stylesheet"), this._leafletCss.setAttribute("href", "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), this._leafletCss.setAttribute("integrity", "sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="), this._leafletCss.setAttribute("crossorigin", ""), this._leafletJs = document.createElement("script"), this._leafletJs.setAttribute("src", "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"), this._leafletJs.setAttribute("integrity", "sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="), this._leafletJs.setAttribute("crossorigin", ""), this._miamDs = document.createElement("link"), this._miamDs.setAttribute("rel", "stylesheet"), this._miamDs.setAttribute("href", "https://unpkg.com/miam-ds@1.2.4/miam-ds.min.css"), this.shadowRoot.appendChild(this._miamDs), this.shadowRoot.appendChild(this._leafletCss), document.head.appendChild(this._leafletJs);
   }
+  waitForLeaflet(s) {
+    let i = 50;
+    console.debug("[Map] Checking for window.L");
+    const o = setInterval(() => {
+      window.L !== void 0 || i === 0 ? (clearInterval(o), window.L !== void 0 ? (console.debug("[Map] window.L is defined"), s(!0)) : (console.error("[Map] Failed to load Leaflet after", 50 * 100, "ms"), s(!1))) : i--;
+    }, 100);
+  }
+  initMap() {
+    this._map && (this._map.off(), this._map.remove()), this.setNewLocation(), window.L.tileLayer("https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png", {
+      maxZoom: 19,
+      attribution: "Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
+    }).addTo(this._map);
+  }
   loadMap() {
-    const o = this.shadowRoot.getElementById("map");
-    o && (this._map && (this._map.off(), this._map.remove()), setTimeout(() => {
-      this._map = window.L.map(o).setView(this.getCoordinates(), 13), window.L.tileLayer("https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png", {
-        maxZoom: 19,
-        attribution: "Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL."
-      }).addTo(this._map), this.addMarkers(), this._searchingPos = !1;
-    }, 250));
+    this.waitForLeaflet((s) => {
+      s && this.initMap();
+    });
+  }
+  fetchSuppliers() {
+    this.getAffiliateSuppliers().subscribe((s) => {
+      this._suppliers = s.map((t) => ({
+        id: t.id,
+        name: t.attributes.name
+      })), this.requestUpdate();
+    });
+  }
+  setNewLocation() {
+    var t;
+    const s = this.shadowRoot.getElementById("map");
+    s && (this._map ? (this._markers.forEach((e) => {
+      this._map.removeLayer(e);
+    }), this._markers = [], this._map.panTo(this.getCoordinates())) : this._map = (t = window.L) == null ? void 0 : t.map(s).setView(this.getCoordinates(), 13), this.addMarkers());
   }
   getCoordinates() {
     return this._posList.length < 1 ? [48.866667, 2.333333] : [this._posList[0].attributes.latitude, this._posList[0].attributes.longitude];
   }
   addMarkers() {
-    this._posList.length > 0 && this._posList.forEach((o) => {
-      var t = window.L.marker(
-        [o.attributes.latitude, o.attributes.longitude],
-        { icon: this.buildIcon(o.supplier) }
-      ).addTo(this._map), e = window.L.popup({
+    this._posList.length > 0 && this._posList.forEach((s, t) => {
+      this._markers.push(window.L.marker(
+        [s.attributes.latitude, s.attributes.longitude],
+        { icon: this.buildIcon(s.supplier) }
+      ).addTo(this._map));
+      let e = window.L.popup({
         content: `
             <div class="pos-item">
               <div class="top">
-                <img class="pos-img" src="${o.supplier.attributes.logo}" alt="${o.supplier.attributes.name}"/>
+                <img class="pos-img" src="${s.supplier.attributes.logo}" alt="${s.supplier.attributes.name}"/>
                 <div class="top-right">
-                  <div class="name">${this._nameOfStore(o)}</div>
-                  <div class="address">${o.attributes.address}</div>
+                  <div class="name">${this._nameOfStore(s)}</div>
+                  <div class="address">${s.attributes.address}</div>
                 </div>
               </div>
               <div class="bottom">
@@ -805,16 +925,16 @@ let v = class extends C {
             </div>
           `
       });
-      t.bindPopup(e).on("popupopen", (s) => {
-        s.target.getPopup().getElement().querySelector("#select").addEventListener("click", () => {
-          this.dispatchPos(o);
+      this._markers[t].bindPopup(e).on("popupopen", (i) => {
+        i.target.getPopup().getElement().querySelector("#select").addEventListener("click", () => {
+          this.dispatchPos(s);
         });
       });
     });
   }
-  buildIcon(o) {
+  buildIcon(s) {
     return window.L.icon({
-      iconUrl: o.attributes.logo || "https://cdn-icons-png.flaticon.com/512/3515/3515146.png",
+      iconUrl: s.attributes.logo || "https://cdn-icons-png.flaticon.com/512/3515/3515146.png",
       shadowUrl: "https://storage.googleapis.com/assets.miam.tech/mealz-components/store-locator/marker.svg",
       iconSize: [32, 32],
       // size of the icon
@@ -828,12 +948,22 @@ let v = class extends C {
       // point from which the popup should open relative to the iconAnchor
     });
   }
-  togglePosList(o) {
-    const t = this.shadowRoot.getElementById("pos-list"), e = this.shadowRoot.getElementById("hide-pos-wrapper");
-    !t || !e || (o ? (t.style.display = "flex", e.style.display = "flex") : (t.style.display = "none", e.style.display = "none"));
+  togglePosList(s) {
+    const t = this.shadowRoot.getElementById("pos-list"), e = this.shadowRoot.getElementById("mobile-buttons-wrapper");
+    !t || !e || (s ? (t.style.display = "none", e.className = "mobile-buttons-wrapper__see-list") : (t.style.display = "flex", e.className = "mobile-buttons-wrapper__see-map"), this._showPosList = !this._showPosList, this.requestUpdate());
+  }
+  geolocationTimeout() {
+    setTimeout(() => {
+      this.geolocationCoordinates === void 0 && (this.geolocationCoordinates = {});
+    }, 2e4);
+  }
+  listenFormSubmit() {
+    this.shadowRoot.getElementById("store-locator-form").addEventListener("submit", (t) => {
+      t.preventDefault(), this.setAddress();
+    });
   }
 };
-v.styles = [
+m.styles = [
   ct`
       :host {
         display: block;
@@ -850,12 +980,18 @@ v.styles = [
         width: 320px;
         padding: 40px var(--spacing-padding-16-px, 16px);
         flex-direction: column;
-        align-items: flex-start;
+        align-items: stretch;
         gap: var(--spacing-padding-16-px, 16px);
         flex-shrink: 0;
         background: var(--miam-ds-color-neutral-50, #FFF);
         box-shadow: 2px 0px 16px 0px rgba(0, 0, 0, 0.15);
         z-index: 1;
+        
+        form {
+          display: flex;
+          flex-direction: column;
+          gap: var(--spacing-padding-8-px, 8px);
+        }
       }
 
       .pos-selection .title {
@@ -872,10 +1008,42 @@ v.styles = [
       .pos-selection .address-input-container {
         display: flex;
         gap: 8px;
+        height: 40px;
+        position: relative;
+      }
+      
+      .pos-selection .address-input-container {
+        .address-input {
+          padding-left: 8px;
+        }
+        
+        .locate-button + .address-input {
+          padding-left: 40px;
+        }
+        
+        .address-input {
+          flex: 1;
+        }
+      }
+      
+      .pos-selection .address-input-container .locate-button {
+        position: absolute;
+        background: unset;
+        border: unset;
+        padding: 0;
+        top: 8px;
+        left: 8px;
+        width: 24px;
+        height: 24px;
+      }
+      
+      .pos-selection .address-input-container .locate-button img {
+        cursor: pointer;
+        width: 24px;
+        height: 24px;
       }
 
       .pos-selection #pos-list {
-        display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: var(--spacing-padding-12-px, 12px);
@@ -883,6 +1051,58 @@ v.styles = [
         overflow: auto;
       }
 
+      .pos-list__visible,
+      .pos-list__hidden {
+        display: flex;
+      }
+
+      .pos-selection .pos-loader {
+        flex: 1;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .pos-selection .pos-loader .miam-ds-loader {
+        margin: 16px;
+        display: flex;
+        width: 72px;
+        height: 72px;
+        background-position-x: 36px;
+        background-size: 36px 36px;
+      }
+      
+      .pos-selection .no-pos-found {
+        margin-bottom: 16px;
+        width: 100%;
+        flex: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+      }
+      
+      .pos-selection .select-radius {
+        display: flex;
+      }
+      
+      .pos-selection .select-radius select {
+        flex: 1;
+        padding: 10px;
+        max-width: initial;
+      }
+      
+      .pos-selection .select-supplier {
+        display: flex;
+        
+        select {
+          flex: 1;
+          padding: 10px;
+          max-width: initial;
+        }
+      }
+
       .pos-item {
         display: flex;
         flex-direction: column;
@@ -927,7 +1147,7 @@ v.styles = [
         width: 100%;
       }
 
-      #hide-pos-wrapper {
+      #mobile-buttons-wrapper {
         display: none;
       }
 
@@ -935,6 +1155,8 @@ v.styles = [
         width: 100%;
         min-height: 100%;
         z-index: 0;
+        position: absolute;
+        top: 0;
       }
 
       #map .pos-item {
@@ -956,13 +1178,16 @@ v.styles = [
           width: 100%;
           padding: 0;
           gap: 0;
+
+          form {
+            padding: 24px 16px;
+          }
         }
 
         .pos-selection .title {
           position: relative;
-          height: 56px;
+          min-height: 56px;
           font-size: 16px;
-          width: 100%;
           display: flex;
           align-items: center;
           justify-content: center;
@@ -978,11 +1203,6 @@ v.styles = [
           height: 32px;
         }
 
-        .pos-selection .address-input-container {
-          width: calc(100% - 32px);
-          padding: 24px 16px;
-        }
-
         .pos-selection .address-input-container input {
           width: calc(100% - 44px);
         }
@@ -990,20 +1210,70 @@ v.styles = [
         .pos-selection .address-input-container button {
           width: 36px;
         }
+
+        .pos-selection .suppliers-selection-container {
+          width: calc(100% - 32px);
+          margin: 8px 16px 24px 16px;
+        }
       
         .pos-selection #pos-list {
           padding: 0 16px 12px;
-          max-height: 235px;
           align-items: center;
         }
+
+        .pos-list__visible {
+          display: flex;
+        }
+
+        .pos-list__hidden {
+          display: none;
+        }
+
+        .pos-selection__height {
+          height: 100%;
+        }
+
+        .pos-selection .pos-loader {
+          position: absolute;
+          height: 100%;
+        }
+
+        .suppliers-list-wrapper__not-mobile {
+          display: none;
+        }
+
+        .suppliers-list-wrapper__mobile {
+          display: block;
+
+          .suppliers-list {
+            position: relative;
+            z-index: 1;
+            width: calc(100% - 32px);
+            margin: -16px 16px 8px 16px;
+
+            .suppliers-list__supplier {
+              padding: 8px 16px;
+            }
+          }
+        }
         
-        #hide-pos-wrapper {
+        #mobile-buttons-wrapper {
           width: 100%;
           display: flex;
           justify-content: center;
           padding: 12px 0;
         }
 
+        .mobile-buttons-wrapper__see-list {
+          z-index: 1;
+          bottom: 40px;
+          position: absolute;
+        }
+
+        .mobile-buttons-wrapper__see-map {
+          margin-top: auto;
+        }
+
         #map {
           min-height: unset;
           position: absolute;
@@ -1013,19 +1283,37 @@ v.styles = [
       }
     `
 ];
-I([
-  dt({ type: Boolean })
-], v.prototype, "show", 2);
-I([
-  dt()
-], v.prototype, "getByAddress", 2);
-I([
-  Rt("input")
-], v.prototype, "_addressInput", 2);
-v = I([
-  Ot("mealz-store-locator")
-], v);
-window.customElements.get("mealz-store-locator") || window.customElements.define("mealz-store-locator", v);
+g([
+  y({ type: Boolean })
+], m.prototype, "show", 2);
+g([
+  y({ type: Number })
+], m.prototype, "selectedRadius", 2);
+g([
+  y({ type: Array })
+], m.prototype, "radiusOption", 2);
+g([
+  y({ type: GeolocationPosition })
+], m.prototype, "geolocationCoordinates", 1);
+g([
+  y()
+], m.prototype, "getByAddress", 2);
+g([
+  y()
+], m.prototype, "getByCoordinates", 2);
+g([
+  y()
+], m.prototype, "getAffiliateSuppliers", 2);
+g([
+  kt()
+], m.prototype, "_geolocationCoordinates", 2);
+g([
+  Ot("input")
+], m.prototype, "_addressInput", 2);
+m = g([
+  Ut("mealz-store-locator")
+], m);
+window.customElements.get("mealz-store-locator") || window.customElements.define("mealz-store-locator", m);
 export {
-  v as MealzStoreLocator
+  m as MealzStoreLocator
 };