@salla.sa/ui-address-autocomplete-widget 0.1.0

package/dist/index.js

@@ -0,0 +1,1597 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const M = globalThis, K = M.ShadowRoot && (M.ShadyCSS === void 0 || M.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, W = Symbol(), J = /* @__PURE__ */ new WeakMap();
+let pe = class {
+  constructor(e, t, r) {
+    if (this._$cssResult$ = !0, r !== W) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = e, this.t = t;
+  }
+  get styleSheet() {
+    let e = this.o;
+    const t = this.t;
+    if (K && e === void 0) {
+      const r = t !== void 0 && t.length === 1;
+      r && (e = J.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && J.set(t, e));
+    }
+    return e;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const ve = (s) => new pe(typeof s == "string" ? s : s + "", void 0, W), ye = (s, ...e) => {
+  const t = s.length === 1 ? s[0] : e.reduce((r, i, o) => r + ((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) + s[o + 1], s[0]);
+  return new pe(t, s, W);
+}, be = (s, e) => {
+  if (K) s.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  else for (const t of e) {
+    const r = document.createElement("style"), i = M.litNonce;
+    i !== void 0 && r.setAttribute("nonce", i), r.textContent = t.cssText, s.appendChild(r);
+  }
+}, Y = K ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((e) => {
+  let t = "";
+  for (const r of e.cssRules) t += r.cssText;
+  return ve(t);
+})(s) : s;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: $e, defineProperty: _e, getOwnPropertyDescriptor: xe, getOwnPropertyNames: we, getOwnPropertySymbols: Ae, getPrototypeOf: Se } = Object, $ = globalThis, X = $.trustedTypes, Ee = X ? X.emptyScript : "", B = $.reactiveElementPolyfillSupport, T = (s, e) => s, L = { toAttribute(s, e) {
+  switch (e) {
+    case Boolean:
+      s = s ? Ee : null;
+      break;
+    case Object:
+    case Array:
+      s = s == null ? s : JSON.stringify(s);
+  }
+  return s;
+}, fromAttribute(s, e) {
+  let t = s;
+  switch (e) {
+    case Boolean:
+      t = s !== null;
+      break;
+    case Number:
+      t = s === null ? null : Number(s);
+      break;
+    case Object:
+    case Array:
+      try {
+        t = JSON.parse(s);
+      } catch {
+        t = null;
+      }
+  }
+  return t;
+} }, Z = (s, e) => !$e(s, e), Q = { attribute: !0, type: String, converter: L, reflect: !1, useDefault: !1, hasChanged: Z };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let k = class extends HTMLElement {
+  static addInitializer(e) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(e);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(e, t = Q) {
+    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
+      const r = Symbol(), i = this.getPropertyDescriptor(e, r, t);
+      i !== void 0 && _e(this.prototype, e, i);
+    }
+  }
+  static getPropertyDescriptor(e, t, r) {
+    const { get: i, set: o } = xe(this.prototype, e) ?? { get() {
+      return this[t];
+    }, set(n) {
+      this[t] = n;
+    } };
+    return { get: i, set(n) {
+      const l = i == null ? void 0 : i.call(this);
+      o == null || o.call(this, n), this.requestUpdate(e, l, r);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) ?? Q;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(T("elementProperties"))) return;
+    const e = Se(this);
+    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(T("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
+      const t = this.properties, r = [...we(t), ...Ae(t)];
+      for (const i of r) this.createProperty(i, t[i]);
+    }
+    const e = this[Symbol.metadata];
+    if (e !== null) {
+      const t = litPropertyMetadata.get(e);
+      if (t !== void 0) for (const [r, i] of t) this.elementProperties.set(r, i);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t, r] of this.elementProperties) {
+      const i = this._$Eu(t, r);
+      i !== void 0 && this._$Eh.set(i, t);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(e) {
+    const t = [];
+    if (Array.isArray(e)) {
+      const r = new Set(e.flat(1 / 0).reverse());
+      for (const i of r) t.unshift(Y(i));
+    } else e !== void 0 && t.push(Y(e));
+    return t;
+  }
+  static _$Eu(e, t) {
+    const r = t.attribute;
+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var e;
+    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((t) => t(this));
+  }
+  addController(e) {
+    var t;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((t = e.hostConnected) == null || t.call(e));
+  }
+  removeController(e) {
+    var t;
+    (t = this._$EO) == null || t.delete(e);
+  }
+  _$E_() {
+    const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
+    for (const r of t.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
+    e.size > 0 && (this._$Ep = e);
+  }
+  createRenderRoot() {
+    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return be(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    var e;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {
+      var r;
+      return (r = t.hostConnected) == null ? void 0 : r.call(t);
+    });
+  }
+  enableUpdating(e) {
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this._$EO) == null || e.forEach((t) => {
+      var r;
+      return (r = t.hostDisconnected) == null ? void 0 : r.call(t);
+    });
+  }
+  attributeChangedCallback(e, t, r) {
+    this._$AK(e, r);
+  }
+  _$ET(e, t) {
+    var o;
+    const r = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, r);
+    if (i !== void 0 && r.reflect === !0) {
+      const n = (((o = r.converter) == null ? void 0 : o.toAttribute) !== void 0 ? r.converter : L).toAttribute(t, r.type);
+      this._$Em = e, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
+    }
+  }
+  _$AK(e, t) {
+    var o, n;
+    const r = this.constructor, i = r._$Eh.get(e);
+    if (i !== void 0 && this._$Em !== i) {
+      const l = r.getPropertyOptions(i), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((o = l.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? l.converter : L;
+      this._$Em = i;
+      const u = a.fromAttribute(t, l.type);
+      this[i] = u ?? ((n = this._$Ej) == null ? void 0 : n.get(i)) ?? u, this._$Em = null;
+    }
+  }
+  requestUpdate(e, t, r, i = !1, o) {
+    var n;
+    if (e !== void 0) {
+      const l = this.constructor;
+      if (i === !1 && (o = this[e]), r ?? (r = l.getPropertyOptions(e)), !((r.hasChanged ?? Z)(o, t) || r.useDefault && r.reflect && o === ((n = this._$Ej) == null ? void 0 : n.get(e)) && !this.hasAttribute(l._$Eu(e, r)))) return;
+      this.C(e, t, r);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(e, t, { useDefault: r, reflect: i, wrapped: o }, n) {
+    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, n ?? t ?? this[e]), o !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (t = void 0), this._$AL.set(e, t)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (t) {
+      Promise.reject(t);
+    }
+    const e = this.scheduleUpdate();
+    return e != null && await e, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var r;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [o, n] of this._$Ep) this[o] = n;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [o, n] of i) {
+        const { wrapped: l } = n, a = this[o];
+        l !== !0 || this._$AL.has(o) || a === void 0 || this.C(o, void 0, n, a);
+      }
+    }
+    let e = !1;
+    const t = this._$AL;
+    try {
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (r = this._$EO) == null || r.forEach((i) => {
+        var o;
+        return (o = i.hostUpdate) == null ? void 0 : o.call(i);
+      }), this.update(t)) : this._$EM();
+    } catch (i) {
+      throw e = !1, this._$EM(), i;
+    }
+    e && this._$AE(t);
+  }
+  willUpdate(e) {
+  }
+  _$AE(e) {
+    var t;
+    (t = this._$EO) == null || t.forEach((r) => {
+      var i;
+      return (i = r.hostUpdated) == null ? void 0 : i.call(r);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(e) {
+    return !0;
+  }
+  update(e) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach((t) => this._$ET(t, this[t]))), this._$EM();
+  }
+  updated(e) {
+  }
+  firstUpdated(e) {
+  }
+};
+k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[T("elementProperties")] = /* @__PURE__ */ new Map(), k[T("finalized")] = /* @__PURE__ */ new Map(), B == null || B({ ReactiveElement: k }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.1.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const R = globalThis, ee = (s) => s, H = R.trustedTypes, te = H ? H.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, ue = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, me = "?" + b, ke = `<${me}>`, A = document, N = () => A.createComment(""), O = (s) => s === null || typeof s != "object" && typeof s != "function", G = Array.isArray, Pe = (s) => G(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", F = `[ 	
+\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, re = />/g, _ = RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ie = /'/g, oe = /"/g, fe = /^(?:script|style|textarea|title)$/i, Ce = (s) => (e, ...t) => ({ _$litType$: s, strings: e, values: t }), v = Ce(1), S = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), ne = /* @__PURE__ */ new WeakMap(), x = A.createTreeWalker(A, 129);
+function ge(s, e) {
+  if (!G(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return te !== void 0 ? te.createHTML(e) : e;
+}
+const Te = (s, e) => {
+  const t = s.length - 1, r = [];
+  let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = C;
+  for (let l = 0; l < t; l++) {
+    const a = s[l];
+    let u, d, p = -1, g = 0;
+    for (; g < a.length && (n.lastIndex = g, d = n.exec(a), d !== null); ) g = n.lastIndex, n === C ? d[1] === "!--" ? n = se : d[1] !== void 0 ? n = re : d[2] !== void 0 ? (fe.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = _) : d[3] !== void 0 && (n = _) : n === _ ? d[0] === ">" ? (n = i ?? C, p = -1) : d[1] === void 0 ? p = -2 : (p = n.lastIndex - d[2].length, u = d[1], n = d[3] === void 0 ? _ : d[3] === '"' ? oe : ie) : n === oe || n === ie ? n = _ : n === se || n === re ? n = C : (n = _, i = void 0);
+    const y = n === _ && s[l + 1].startsWith("/>") ? " " : "";
+    o += n === C ? a + ke : p >= 0 ? (r.push(u), a.slice(0, p) + ue + a.slice(p) + b + y) : a + b + (p === -2 ? l : y);
+  }
+  return [ge(s, o + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
+};
+class z {
+  constructor({ strings: e, _$litType$: t }, r) {
+    let i;
+    this.parts = [];
+    let o = 0, n = 0;
+    const l = e.length - 1, a = this.parts, [u, d] = Te(e, t);
+    if (this.el = z.createElement(u, r), x.currentNode = this.el.content, t === 2 || t === 3) {
+      const p = this.el.content.firstChild;
+      p.replaceWith(...p.childNodes);
+    }
+    for (; (i = x.nextNode()) !== null && a.length < l; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(ue)) {
+          const g = d[n++], y = i.getAttribute(p).split(b), I = /([.?@])?(.*)/.exec(g);
+          a.push({ type: 1, index: o, name: I[2], strings: y, ctor: I[1] === "." ? Ue : I[1] === "?" ? Ne : I[1] === "@" ? Oe : V }), i.removeAttribute(p);
+        } else p.startsWith(b) && (a.push({ type: 6, index: o }), i.removeAttribute(p));
+        if (fe.test(i.tagName)) {
+          const p = i.textContent.split(b), g = p.length - 1;
+          if (g > 0) {
+            i.textContent = H ? H.emptyScript : "";
+            for (let y = 0; y < g; y++) i.append(p[y], N()), x.nextNode(), a.push({ type: 2, index: ++o });
+            i.append(p[g], N());
+          }
+        }
+      } else if (i.nodeType === 8) if (i.data === me) a.push({ type: 2, index: o });
+      else {
+        let p = -1;
+        for (; (p = i.data.indexOf(b, p + 1)) !== -1; ) a.push({ type: 7, index: o }), p += b.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(e, t) {
+    const r = A.createElement("template");
+    return r.innerHTML = e, r;
+  }
+}
+function P(s, e, t = s, r) {
+  var n, l;
+  if (e === S) return e;
+  let i = r !== void 0 ? (n = t._$Co) == null ? void 0 : n[r] : t._$Cl;
+  const o = O(e) ? void 0 : e._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== o && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), o === void 0 ? i = void 0 : (i = new o(s), i._$AT(s, t, r)), r !== void 0 ? (t._$Co ?? (t._$Co = []))[r] = i : t._$Cl = i), i !== void 0 && (e = P(s, i._$AS(s, e.values), i, r)), e;
+}
+class Re {
+  constructor(e, t) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(e) {
+    const { el: { content: t }, parts: r } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? A).importNode(t, !0);
+    x.currentNode = i;
+    let o = x.nextNode(), n = 0, l = 0, a = r[0];
+    for (; a !== void 0; ) {
+      if (n === a.index) {
+        let u;
+        a.type === 2 ? u = new D(o, o.nextSibling, this, e) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (u = new ze(o, this, e)), this._$AV.push(u), a = r[++l];
+      }
+      n !== (a == null ? void 0 : a.index) && (o = x.nextNode(), n++);
+    }
+    return x.currentNode = A, i;
+  }
+  p(e) {
+    let t = 0;
+    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, t), t += r.strings.length - 2) : r._$AI(e[t])), t++;
+  }
+}
+class D {
+  get _$AU() {
+    var e;
+    return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
+  }
+  constructor(e, t, r, i) {
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+  }
+  get parentNode() {
+    let e = this._$AA.parentNode;
+    const t = this._$AM;
+    return t !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = t.parentNode), e;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(e, t = this) {
+    e = P(this, e, t), O(e) ? e === f || e == null || e === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : e !== this._$AH && e !== S && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Pe(e) ? this.k(e) : this._(e);
+  }
+  O(e) {
+    return this._$AA.parentNode.insertBefore(e, this._$AB);
+  }
+  T(e) {
+    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+  }
+  _(e) {
+    this._$AH !== f && O(this._$AH) ? this._$AA.nextSibling.data = e : this.T(A.createTextNode(e)), this._$AH = e;
+  }
+  $(e) {
+    var o;
+    const { values: t, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = z.createElement(ge(r.h, r.h[0]), this.options)), r);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(t);
+    else {
+      const n = new Re(i, this), l = n.u(this.options);
+      n.p(t), this.T(l), this._$AH = n;
+    }
+  }
+  _$AC(e) {
+    let t = ne.get(e.strings);
+    return t === void 0 && ne.set(e.strings, t = new z(e)), t;
+  }
+  k(e) {
+    G(this._$AH) || (this._$AH = [], this._$AR());
+    const t = this._$AH;
+    let r, i = 0;
+    for (const o of e) i === t.length ? t.push(r = new D(this.O(N()), this.O(N()), this, this.options)) : r = t[i], r._$AI(o), i++;
+    i < t.length && (this._$AR(r && r._$AB.nextSibling, i), t.length = i);
+  }
+  _$AR(e = this._$AA.nextSibling, t) {
+    var r;
+    for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, t); e !== this._$AB; ) {
+      const i = ee(e).nextSibling;
+      ee(e).remove(), e = i;
+    }
+  }
+  setConnected(e) {
+    var t;
+    this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
+  }
+}
+class V {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(e, t, r, i, o) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = f;
+  }
+  _$AI(e, t = this, r, i) {
+    const o = this.strings;
+    let n = !1;
+    if (o === void 0) e = P(this, e, t, 0), n = !O(e) || e !== this._$AH && e !== S, n && (this._$AH = e);
+    else {
+      const l = e;
+      let a, u;
+      for (e = o[0], a = 0; a < o.length - 1; a++) u = P(this, l[r + a], t, a), u === S && (u = this._$AH[a]), n || (n = !O(u) || u !== this._$AH[a]), u === f ? e = f : e !== f && (e += (u ?? "") + o[a + 1]), this._$AH[a] = u;
+    }
+    n && !i && this.j(e);
+  }
+  j(e) {
+    e === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+  }
+}
+class Ue extends V {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === f ? void 0 : e;
+  }
+}
+class Ne extends V {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== f);
+  }
+}
+class Oe extends V {
+  constructor(e, t, r, i, o) {
+    super(e, t, r, i, o), this.type = 5;
+  }
+  _$AI(e, t = this) {
+    if ((e = P(this, e, t, 0) ?? f) === S) return;
+    const r = this._$AH, i = e === f && r !== f || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== f && (r === f || i);
+    i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
+  }
+  handleEvent(e) {
+    var t;
+    typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
+  }
+}
+class ze {
+  constructor(e, t, r) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = r;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e) {
+    P(this, e);
+  }
+}
+const j = R.litHtmlPolyfillSupport;
+j == null || j(z, D), (R.litHtmlVersions ?? (R.litHtmlVersions = [])).push("3.3.2");
+const De = (s, e, t) => {
+  const r = (t == null ? void 0 : t.renderBefore) ?? e;
+  let i = r._$litPart$;
+  if (i === void 0) {
+    const o = (t == null ? void 0 : t.renderBefore) ?? null;
+    r._$litPart$ = i = new D(e.insertBefore(N(), o), o, void 0, t ?? {});
+  }
+  return i._$AI(s), i;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const w = globalThis;
+let U = class extends k {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var t;
+    const e = super.createRenderRoot();
+    return (t = this.renderOptions).renderBefore ?? (t.renderBefore = e.firstChild), e;
+  }
+  update(e) {
+    const t = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = De(t, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var e;
+    super.connectedCallback(), (e = this._$Do) == null || e.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var e;
+    super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
+  }
+  render() {
+    return S;
+  }
+};
+var ce;
+U._$litElement$ = !0, U.finalized = !0, (ce = w.litElementHydrateSupport) == null || ce.call(w, { LitElement: U });
+const q = w.litElementPolyfillSupport;
+q == null || q({ LitElement: U });
+(w.litElementVersions ?? (w.litElementVersions = [])).push("4.2.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Ie = (s) => (e, t) => {
+  t !== void 0 ? t.addInitializer(() => {
+    customElements.define(s, e);
+  }) : customElements.define(s, e);
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Me = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: Z }, Le = (s = Me, e, t) => {
+  const { kind: r, metadata: i } = t;
+  let o = globalThis.litPropertyMetadata.get(i);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), r === "setter" && ((s = Object.create(s)).wrapped = !0), o.set(t.name, s), r === "accessor") {
+    const { name: n } = t;
+    return { set(l) {
+      const a = e.get.call(this);
+      e.set.call(this, l), this.requestUpdate(n, a, s, !0, l);
+    }, init(l) {
+      return l !== void 0 && this.C(n, void 0, s, l), l;
+    } };
+  }
+  if (r === "setter") {
+    const { name: n } = t;
+    return function(l) {
+      const a = this[n];
+      e.call(this, l), this.requestUpdate(n, a, s, !0, l);
+    };
+  }
+  throw Error("Unsupported decorator location: " + r);
+};
+function m(s) {
+  return (e, t) => typeof t == "object" ? Le(s, e, t) : ((r, i, o) => {
+    const n = i.hasOwnProperty(o);
+    return i.constructor.createProperty(o, r), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
+  })(s, e, t);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function E(s) {
+  return m({ ...s, state: !0, attribute: !1 });
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const He = (s, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(s, e, t), t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Ve(s, e) {
+  return (t, r, i) => {
+    const o = (n) => {
+      var l;
+      return ((l = n.renderRoot) == null ? void 0 : l.querySelector(s)) ?? null;
+    };
+    return He(t, r, { get() {
+      return o(this);
+    } });
+  };
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Be = { ATTRIBUTE: 1 }, Fe = (s) => (...e) => ({ _$litDirective$: s, values: e });
+class je {
+  constructor(e) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(e, t, r) {
+    this._$Ct = e, this._$AM = t, this._$Ci = r;
+  }
+  _$AS(e, t) {
+    return this.update(e, t);
+  }
+  update(e, t) {
+    return this.render(...t);
+  }
+}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ae = Fe(class extends je {
+  constructor(s) {
+    var e;
+    if (super(s), s.type !== Be.ATTRIBUTE || s.name !== "class" || ((e = s.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(s) {
+    return " " + Object.keys(s).filter((e) => s[e]).join(" ") + " ";
+  }
+  update(s, [e]) {
+    var r, i;
+    if (this.st === void 0) {
+      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((o) => o !== "")));
+      for (const o in e) e[o] && !((r = this.nt) != null && r.has(o)) && this.st.add(o);
+      return this.render(e);
+    }
+    const t = s.element.classList;
+    for (const o of this.st) o in e || (t.remove(o), this.st.delete(o));
+    for (const o in e) {
+      const n = !!e[o];
+      n === this.st.has(o) || (i = this.nt) != null && i.has(o) || (n ? (t.add(o), this.st.add(o)) : (t.remove(o), this.st.delete(o)));
+    }
+    return S;
+  }
+}), qe = [
+  "AE",
+  "AR",
+  "AT",
+  "AU",
+  "BE",
+  "BG",
+  "BR",
+  "CA",
+  "CH",
+  "CL",
+  "CO",
+  "CZ",
+  "DE",
+  "DK",
+  "EE",
+  "ES",
+  "FI",
+  "FR",
+  "GB",
+  "GR",
+  "HK",
+  "HR",
+  "HU",
+  "ID",
+  "IE",
+  "IL",
+  "IN",
+  "IT",
+  "JP",
+  "KR",
+  "LT",
+  "LU",
+  "LV",
+  "MX",
+  "MY",
+  "NL",
+  "NO",
+  "NZ",
+  "PE",
+  "PH",
+  "PL",
+  "PT",
+  "RO",
+  "SE",
+  "SG",
+  "SI",
+  "SK",
+  "TH",
+  "TR",
+  "TW",
+  "US",
+  "VN",
+  "ZA"
+];
+function tt(s, e) {
+  let t = null, r = 0;
+  return function(...i) {
+    const o = Date.now(), n = e - (o - r);
+    n <= 0 || n > e ? (t && (clearTimeout(t), t = null), r = o, s.apply(this, i)) : t || (t = setTimeout(() => {
+      r = Date.now(), t = null, s.apply(this, i);
+    }, n));
+  };
+}
+function Ke(s, e) {
+  let t = null;
+  return function(...r) {
+    t && clearTimeout(t), t = setTimeout(() => {
+      s.apply(this, r);
+    }, e);
+  };
+}
+function We() {
+  return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(s) {
+    const e = Math.random() * 16 | 0;
+    return (s === "x" ? e : e & 3 | 8).toString(16);
+  });
+}
+function Ze(s) {
+  if (!s) return null;
+  const e = s.find(
+    (t) => t.types.includes("country")
+  );
+  return e ? e.short_name : null;
+}
+function le(s, e) {
+  let t = null;
+  return s.address_components ? t = Ze(s.address_components) : e && e.length === 1 && (t = e[0].toUpperCase()), t ? {
+    isSupported: qe.includes(t),
+    countryCode: t
+  } : {
+    isSupported: null,
+    countryCode: null
+  };
+}
+function st(s, e) {
+  const t = [];
+  let r = 0;
+  return [...e].sort((o, n) => o.offset - n.offset).forEach((o) => {
+    o.offset > r && t.push({
+      text: s.substring(r, o.offset),
+      highlight: !1
+    }), t.push({
+      text: s.substring(o.offset, o.offset + o.length),
+      highlight: !0
+    }), r = o.offset + o.length;
+  }), r < s.length && t.push({
+    text: s.substring(r),
+    highlight: !1
+  }), t;
+}
+const de = {
+  en: {
+    placeholder: "Search for an address...",
+    noResults: "No address found for this search. Try different keywords.",
+    errorFetchPredictions: "Unable to search for addresses. Please try again.",
+    errorFetchDetails: "Unable to load address details. Please try again.",
+    errorNetwork: "Network error. Please check your connection and try again."
+  },
+  ar: {
+    placeholder: "ابحث عن عنوان...",
+    noResults: "لم يتم العثور على عنوان لهذا البحث. جرب كلمات مختلفة.",
+    errorFetchPredictions: "تعذر البحث عن العناوين. يرجى المحاولة مرة أخرى.",
+    errorFetchDetails: "تعذر تحميل تفاصيل العنوان. يرجى المحاولة مرة أخرى.",
+    errorNetwork: "خطأ في الشبكة. يرجى التحقق من اتصالك والمحاولة مرة أخرى."
+  },
+  es: {
+    placeholder: "Buscar una dirección...",
+    noResults: "No se encontró ninguna dirección para esta búsqueda. Intenta con diferentes palabras.",
+    errorFetchPredictions: "No se pueden buscar direcciones. Por favor, inténtelo de nuevo.",
+    errorFetchDetails: "No se pueden cargar los detalles de la dirección. Por favor, inténtelo de nuevo.",
+    errorNetwork: "Error de red. Verifique su conexión e inténtelo de nuevo."
+  },
+  fr: {
+    placeholder: "Rechercher une adresse...",
+    noResults: "Aucune adresse trouvée pour cette recherche. Essayez différents mots-clés.",
+    errorFetchPredictions: "Impossible de rechercher des adresses. Veuillez réessayer.",
+    errorFetchDetails: "Impossible de charger les détails de l'adresse. Veuillez réessayer.",
+    errorNetwork: "Erreur réseau. Vérifiez votre connexion et réessayez."
+  },
+  de: {
+    placeholder: "Nach einer Adresse suchen...",
+    noResults: "Keine Adresse für diese Suche gefunden. Versuchen Sie es mit anderen Stichwörtern.",
+    errorFetchPredictions: "Adressen können nicht gesucht werden. Bitte versuchen Sie es erneut.",
+    errorFetchDetails: "Adressdetails können nicht geladen werden. Bitte versuchen Sie es erneut.",
+    errorNetwork: "Netzwerkfehler. Bitte überprüfen Sie Ihre Verbindung und versuchen Sie es erneut."
+  },
+  it: {
+    placeholder: "Cerca un indirizzo...",
+    noResults: "Nessun indirizzo trovato per questa ricerca. Prova con parole chiave diverse.",
+    errorFetchPredictions: "Impossibile cercare indirizzi. Riprova.",
+    errorFetchDetails: "Impossibile caricare i dettagli dell'indirizzo. Riprova.",
+    errorNetwork: "Errore di rete. Controlla la connessione e riprova."
+  },
+  pt: {
+    placeholder: "Pesquisar um endereço...",
+    noResults: "Nenhum endereço encontrado para esta pesquisa. Tente palavras-chave diferentes.",
+    errorFetchPredictions: "Não é possível pesquisar endereços. Por favor, tente novamente.",
+    errorFetchDetails: "Não é possível carregar os detalhes do endereço. Por favor, tente novamente.",
+    errorNetwork: "Erro de rede. Verifique sua conexão e tente novamente."
+  },
+  ru: {
+    placeholder: "Поиск адреса...",
+    noResults: "Адрес для этого поиска не найден. Попробуйте другие ключевые слова.",
+    errorFetchPredictions: "Невозможно выполнить поиск адресов. Пожалуйста, попробуйте еще раз.",
+    errorFetchDetails: "Невозможно загрузить детали адреса. Пожалуйста, попробуйте еще раз.",
+    errorNetwork: "Ошибка сети. Проверьте соединение и попробуйте еще раз."
+  },
+  ja: {
+    placeholder: "住所を検索...",
+    noResults: "この検索では住所が見つかりませんでした。別のキーワードをお試しください。",
+    errorFetchPredictions: "住所を検索できません。もう一度お試しください。",
+    errorFetchDetails: "住所の詳細を読み込めません。もう一度お試しください。",
+    errorNetwork: "ネットワークエラー。接続を確認してもう一度お試しください。"
+  },
+  zh: {
+    placeholder: "搜索地址...",
+    noResults: "未找到此搜索的地址。请尝试不同的关键词。",
+    errorFetchPredictions: "无法搜索地址。请重试。",
+    errorFetchDetails: "无法加载地址详情。请重试。",
+    errorNetwork: "网络错误。请检查您的连接并重试。"
+  },
+  ko: {
+    placeholder: "주소 검색...",
+    noResults: "이 검색에 대한 주소를 찾을 수 없습니다. 다른 키워드를 시도해보세요.",
+    errorFetchPredictions: "주소를 검색할 수 없습니다. 다시 시도해주세요.",
+    errorFetchDetails: "주소 세부정보를 불러올 수 없습니다. 다시 시도해주세요.",
+    errorNetwork: "네트워크 오류입니다. 연결을 확인하고 다시 시도해주세요."
+  },
+  hi: {
+    placeholder: "पता खोजें...",
+    noResults: "इस खोज के लिए कोई पता नहीं मिला। विभिन्न कीवर्ड आज़माएं।",
+    errorFetchPredictions: "पते खोजने में असमर्थ। कृपया पुनः प्रयास करें।",
+    errorFetchDetails: "पते का विवरण लोड करने में असमर्थ। कृपया पुनः प्रयास करें।",
+    errorNetwork: "नेटवर्क त्रुटि। कृपया अपना कनेक्शन जांचें और पुनः प्रयास करें।"
+  },
+  tr: {
+    placeholder: "Adres ara...",
+    noResults: "Bu arama için adres bulunamadı. Farklı anahtar kelimeler deneyin.",
+    errorFetchPredictions: "Adresler aranamıyor. Lütfen tekrar deneyin.",
+    errorFetchDetails: "Adres detayları yüklenemiyor. Lütfen tekrar deneyin.",
+    errorNetwork: "Ağ hatası. Lütfen bağlantınızı kontrol edin ve tekrar deneyin."
+  }
+};
+function he(s = "en") {
+  return de[s] || de.en;
+}
+function Ge(s) {
+  return ["ar"].includes(s);
+}
+var Je = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, c = (s, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ye(e, t) : e, o = s.length - 1, n; o >= 0; o--)
+    (n = s[o]) && (i = (r ? n(e, t, i) : n(i)) || i);
+  return r && i && Je(e, t, i), i;
+};
+let h = class extends U {
+  constructor() {
+    super(...arguments), this.proxyUrl = "https://api.salla.dev", this.authToken = null, this.placeholder = "", this.value = "", this.defaultPlace = "", this.label = null, this.className = "", this.language = "en", this.dir = "auto", this.includedRegionCodes = null, this.locationBias = null, this.locationRestriction = null, this.types = null, this._fields = ["formatted_address", "geometry"], this.strictBounds = !1, this.useSessionToken = !0, this.onValidateAddress = null, this.debounceDelay = 300, this.minChars = 3, this.predictions = [], this.isOpen = !1, this.isLoading = !1, this.error = null, this.activeIndex = -1, this.inputValue = "", this.sessionToken = null, this.abortController = null;
+  }
+  set country(s) {
+    this.includedRegionCodes = s ? s.split(",").map((e) => e.trim()).filter((e) => e) : null;
+  }
+  get country() {
+    return this.includedRegionCodes ? this.includedRegionCodes.join(",") : null;
+  }
+  set fieldsStr(s) {
+    this._fields = s ? s.split(",").map((e) => e.trim()).filter((e) => e) : ["formatted_address", "geometry"];
+  }
+  get fieldsStr() {
+    return this._fields.join(",");
+  }
+  set fields(s) {
+    this._fields = s && s.length > 0 ? s : ["formatted_address", "geometry"];
+  }
+  get fields() {
+    return this._fields;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.createNewSession(), this.initializeDebounce();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.terminateSession(), this.cancelPendingRequest();
+  }
+  initializeDebounce() {
+    this.debouncedFetch = Ke(this.fetchPredictions.bind(this), this.debounceDelay);
+  }
+  firstUpdated() {
+    const s = this.value || this.defaultPlace;
+    s && (this.inputValue = s);
+  }
+  updated(s) {
+    s.has("value") && this.value !== this.inputValue && (this.inputValue = this.value), s.has("defaultPlace") && !this.value && this.defaultPlace !== this.inputValue && (this.inputValue = this.defaultPlace), s.has("debounceDelay") && this.initializeDebounce();
+  }
+  createNewSession() {
+    this.useSessionToken && (this.sessionToken = We());
+  }
+  terminateSession() {
+    this.sessionToken = null;
+  }
+  cancelPendingRequest() {
+    this.abortController && (this.abortController.abort(), this.abortController = null);
+  }
+  async fetchPredictions(s) {
+    if (!s.trim()) {
+      this.predictions = [], this.isOpen = !1, this.isLoading = !1;
+      return;
+    }
+    if (s.trim().length < this.minChars) {
+      this.predictions = [], this.isOpen = !1, this.isLoading = !1;
+      return;
+    }
+    this.cancelPendingRequest(), this.abortController = new AbortController();
+    const e = this.abortController.signal;
+    this.isLoading = !0, this.error = null;
+    try {
+      const t = { input: s };
+      this.sessionToken && (t.sessiontoken = this.sessionToken), this.includedRegionCodes && this.includedRegionCodes.length > 0 && (t.country = this.includedRegionCodes.join(",")), this.types && this.types.length > 0 && (t.types = this.types.join("|")), this.locationBias && this.locationBias.radius && this.locationBias.center && (t.location = `${this.locationBias.center.lat},${this.locationBias.center.lng}`, t.radius = this.locationBias.radius.toString()), this.strictBounds && (t.strictbounds = "true");
+      const r = new URLSearchParams(t), o = `${this.proxyUrl || ""}/store/v1/checkout/address/autocomplete/query?${r.toString()}`, n = {};
+      this.authToken && (n.Authorization = `Bearer ${this.authToken}`);
+      const l = await fetch(o, { signal: e, headers: n });
+      if (!l.ok)
+        throw new Error(`HTTP ${l.status}: ${l.statusText}`);
+      const a = await l.json();
+      a.success && Array.isArray(a.data) ? (this.error = null, a.data.length > 0 ? (this.predictions = a.data.map((d) => ({
+        place_id: d.id,
+        description: d.description || d.formatted_address,
+        formatted_address: d.formatted_address,
+        short_address: d.short_address,
+        structured_formatting: {
+          main_text: d.formatted_address || d.description,
+          main_text_matched_substrings: [],
+          secondary_text: d.description || ""
+        },
+        types: d.types || [],
+        geometry: d.geometry,
+        address_components: d.address_components
+      })), this.isOpen = !0, this.activeIndex = -1) : (this.predictions = [], this.isOpen = !0)) : (this.predictions = [], this.isOpen = !0);
+    } catch (t) {
+      if (t instanceof Error && t.name === "AbortError")
+        return;
+      this.predictions = [], this.isOpen = !0;
+    } finally {
+      this.isLoading = !1, this.abortController = null;
+    }
+  }
+  async fetchPlaceDetails(s) {
+    var e;
+    this.isLoading = !0, this.error = null;
+    try {
+      const t = { place_id: s };
+      this.fields && this.fields.length > 0 && (t.fields = this.fields.join(",")), this.sessionToken && (t.sessiontoken = this.sessionToken), this.includedRegionCodes && this.includedRegionCodes.length > 0 && (t.country = this.includedRegionCodes.join(","));
+      const r = new URLSearchParams(t), o = `${this.proxyUrl || ""}/store/v1/checkout/address/autocomplete/details?${r.toString()}`, n = {};
+      this.authToken && (n.Authorization = `Bearer ${this.authToken}`);
+      const l = await fetch(o, { headers: n });
+      if (!l.ok)
+        throw new Error(`HTTP ${l.status}: ${l.statusText}`);
+      const a = await l.json();
+      return !a.success || a.message ? (this.error = a.message || "Failed to fetch place details", null) : a.success && a.data && a.data.id ? {
+        place_id: a.data.id,
+        ...a.data,
+        components: (e = a.data.address_components) == null ? void 0 : e.reduce((d, p) => (p.types.forEach((g) => {
+          d[g] || (d[g] = []), d[g].push({
+            long_name: p.long_name,
+            short_name: p.short_name
+          });
+        }), d), {})
+      } : null;
+    } catch (t) {
+      const r = he(this.language);
+      return this.error = t instanceof Error ? t.message : r.errorFetchDetails, null;
+    } finally {
+      this.isLoading = !1;
+    }
+  }
+  async validateAddress(s) {
+    try {
+      if (!s || !s.formatted_address)
+        return console.error("Cannot validate address - place or formatted_address is missing"), null;
+      if (!this.onValidateAddress || typeof this.onValidateAddress != "function")
+        return console.error("onValidateAddress callback is required for address validation"), null;
+      const e = le(s, this.includedRegionCodes), t = await this.onValidateAddress({
+        place: s,
+        sessionToken: this.sessionToken,
+        validationSupport: e
+      });
+      return this.terminateSession(), t;
+    } catch (e) {
+      return console.error("Error validating address:", e), this.terminateSession(), null;
+    }
+  }
+  getValidationSupport(s) {
+    return le(s, this.includedRegionCodes);
+  }
+  handleInput(s) {
+    const e = s.target;
+    this.inputValue = e.value, this.inputValue.trim().length >= this.minChars && (this.isLoading = !0), this.debouncedFetch(this.inputValue), this.dispatchEvent(new CustomEvent("input", {
+      detail: { value: this.inputValue },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  async handleSelect(s) {
+    var t;
+    this.inputValue = s.formatted_address, this.isOpen = !1, this.predictions = [];
+    let e = null;
+    if ((t = s.geometry) != null && t.location ? e = {
+      place_id: s.place_id,
+      formatted_address: s.formatted_address || s.description,
+      geometry: s.geometry,
+      types: s.types,
+      address_components: s.address_components
+    } : e = await this.fetchPlaceDetails(s.place_id), e) {
+      e.formatted_address && (this.inputValue = e.formatted_address);
+      const r = this.getValidationSupport(e);
+      this.dispatchEvent(new CustomEvent("place-select", {
+        detail: { place: e, validationSupport: r },
+        bubbles: !0,
+        composed: !0
+      })), this.dispatchEvent(new CustomEvent("place-changed", {
+        detail: { place: e, validationSupport: r },
+        bubbles: !0,
+        composed: !0
+      }));
+    }
+  }
+  handleKeyDown(s) {
+    if (!(!this.isOpen || this.predictions.length === 0))
+      switch (s.key) {
+        case "ArrowDown":
+          s.preventDefault(), this.activeIndex = Math.min(this.activeIndex + 1, this.predictions.length - 1);
+          break;
+        case "ArrowUp":
+          s.preventDefault(), this.activeIndex = Math.max(this.activeIndex - 1, -1);
+          break;
+        case "Enter":
+          s.preventDefault(), this.activeIndex >= 0 && this.activeIndex < this.predictions.length && this.handleSelect(this.predictions[this.activeIndex]);
+          break;
+        case "Escape":
+          s.preventDefault(), this.isOpen = !1, this.activeIndex = -1;
+          break;
+      }
+  }
+  handleBlur() {
+    setTimeout(() => {
+      this.isOpen = !1, this.activeIndex = -1;
+    }, 200);
+  }
+  handleFocus() {
+    this.predictions.length > 0 && (this.isOpen = !0);
+  }
+  renderLocationIcon() {
+    return v`
+      <svg class="location-icon" fill="currentColor" viewBox="0 0 20 20">
+        <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
+      </svg>
+    `;
+  }
+  renderPrediction(s, e) {
+    const t = {
+      "dropdown-item": !0,
+      active: e === this.activeIndex
+    };
+    let r = s.structured_formatting.main_text;
+    return s.short_address && r.includes(s.short_address) && (r = r.replace(s.short_address, "").trim(), r = r.replace(/\s*,\s*,\s*/g, ", ").replace(/^\s*,\s*|\s*,\s*$/g, "").trim()), v`
+      <div
+        class=${ae(t)}
+        part="dropdown-item ${e === this.activeIndex ? "dropdown-item-active" : ""}"
+        @click=${() => this.handleSelect(s)}
+        role="option"
+        aria-selected=${e === this.activeIndex}
+      >
+        ${this.renderLocationIcon()}
+        <div class="place-info" part="place-info">
+          <div class="main-text" part="main-text">
+            ${s.short_address ? v`
+              <span class="national-address-badge" part="national-address-badge">
+                <img
+                  src="https://cdn.salla.network/images/shipping/png/national-address-icon-small-min.png"
+                  alt="national address icon"
+                  class="national-address-icon"
+                />
+                <span class="national-address-text">${s.short_address}</span>
+                <span class="national-address-separator">-</span>
+              </span>
+            ` : ""}
+            ${r}
+          </div>
+          ${s.structured_formatting.secondary_text ? v`
+            <div class="secondary-text" part="secondary-text">
+              ${s.structured_formatting.secondary_text}
+            </div>
+          ` : ""}
+        </div>
+      </div>
+    `;
+  }
+  render() {
+    const s = {
+      dropdown: !0,
+      open: this.isOpen
+    }, e = he(this.language), t = this.dir === "auto" ? Ge(this.language) ? "rtl" : "ltr" : this.dir, r = this.placeholder || e.placeholder;
+    return v`
+      <div class="wrapper ${this.className}" part="wrapper" dir="${t}">
+        <div class="input-container" part="input-container">
+          ${this.label ? v`<label part="label">${this.label}</label>` : ""}
+          <div style="position: relative;">
+            <input
+              part="input"
+              type="text"
+              name="salla-address-search"
+              .value=${this.inputValue}
+              placeholder=${r}
+              @input=${this.handleInput}
+              @keydown=${this.handleKeyDown}
+              @blur=${this.handleBlur}
+              @focus=${this.handleFocus}
+              role="combobox"
+              aria-expanded=${this.isOpen}
+              aria-autocomplete="list"
+              aria-controls="predictions-list"
+              autocomplete="off"
+            />
+            ${this.isLoading ? v`<div class="loading-spinner" part="spinner"></div>` : ""}
+          </div>
+          ${this.error ? v`<div class="error-message" part="error">${this.error}</div>` : ""}
+        </div>
+
+        <div
+          id="predictions-list"
+          class=${ae(s)}
+          part="dropdown"
+          role="listbox"
+        >
+          ${this.predictions.length > 0 ? this.predictions.map((i, o) => this.renderPrediction(i, o)) : this.inputValue && !this.isLoading ? v`<div class="no-results" part="no-results">${e.noResults}</div>` : ""}
+        </div>
+      </div>
+    `;
+  }
+};
+h.styles = ye`
+    :host {
+      display: block;
+      position: relative;
+      font-family: var(--salla-autocomplete-font-family, system-ui, -apple-system, sans-serif);
+    }
+
+    .wrapper {
+      position: relative;
+    }
+
+    .input-container {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+    }
+
+    label {
+      display: block;
+      margin-bottom: var(--salla-autocomplete-label-margin, 0.5rem);
+      font-size: var(--salla-autocomplete-label-font-size, 0.875rem);
+      font-weight: var(--salla-autocomplete-label-font-weight, 500);
+      color: var(--salla-autocomplete-label-color, #374151);
+    }
+
+    input {
+      width: 100%;
+      padding-block: 0.75rem;
+      padding-inline-start: var(--salla-autocomplete-input-padding-start, 0.875rem);
+      padding-inline-end: var(--salla-autocomplete-input-padding-end, 2.75rem);
+      font-size: var(--salla-autocomplete-input-font-size, 1rem);
+      line-height: var(--salla-autocomplete-input-line-height, 1.5);
+      border: var(--salla-autocomplete-input-border, 1px solid #d1d5db);
+      border-radius: var(--salla-autocomplete-input-border-radius, 0.5rem);
+      background: var(--salla-autocomplete-input-background, white);
+      color: var(--salla-autocomplete-input-color, #111827);
+      outline: none;
+      transition: all 0.2s;
+      box-sizing: border-box;
+      min-height: 44px;
+      -webkit-appearance: none;
+      appearance: none;
+    }
+
+    @media (max-width: 640px) {
+      input {
+        font-size: var(--salla-autocomplete-input-font-size-mobile, 16px);
+        padding-block: 0.75rem;
+        padding-inline-start: var(--salla-autocomplete-input-padding-start-mobile, 0.875rem);
+        padding-inline-end: var(--salla-autocomplete-input-padding-end-mobile, 2.75rem);
+        min-height: 44px;
+        touch-action: manipulation;
+      }
+    }
+
+    input:focus {
+      border-color: var(--salla-autocomplete-input-focus-border-color, #3b82f6);
+      box-shadow: var(--salla-autocomplete-input-focus-shadow, 0 0 0 3px rgba(59, 130, 246, 0.1));
+    }
+
+    input:disabled {
+      background-color: var(--salla-autocomplete-input-disabled-bg, #f3f4f6);
+      cursor: not-allowed;
+    }
+
+    input::placeholder {
+      color: var(--salla-autocomplete-input-placeholder-color, #9ca3af);
+    }
+
+    .loading-spinner {
+      position: absolute;
+      inset-inline-end: 0.875rem;
+      top: 50%;
+      transform: translateY(-50%);
+      width: var(--salla-autocomplete-spinner-size, 1.25rem);
+      height: var(--salla-autocomplete-spinner-size, 1.25rem);
+      border: 2px solid var(--salla-autocomplete-spinner-border-color, #e5e7eb);
+      border-top-color: var(--salla-autocomplete-spinner-color, #3b82f6);
+      border-radius: 50%;
+      animation: spin 0.6s linear infinite;
+    }
+
+    @media (max-width: 640px) {
+      .loading-spinner {
+        width: var(--salla-autocomplete-spinner-size-mobile, 1.375rem);
+        height: var(--salla-autocomplete-spinner-size-mobile, 1.375rem);
+        inset-inline-end: 1rem;
+      }
+    }
+
+    @keyframes spin {
+      to { transform: translateY(-50%) rotate(360deg); }
+    }
+
+    /* Custom scrollbar styling */
+    .dropdown::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    .dropdown::-webkit-scrollbar-track {
+      background: #f1f1f1;
+      border-radius: 3px;
+    }
+
+    .dropdown::-webkit-scrollbar-thumb {
+      background: #c1c1c1;
+      border-radius: 3px;
+    }
+
+    .dropdown::-webkit-scrollbar-thumb:hover {
+      background: #a8a8a8;
+    }
+
+    .dropdown {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      margin-top: var(--salla-autocomplete-dropdown-margin-top, 0.375rem);
+      background: var(--salla-autocomplete-dropdown-background, white);
+      border: var(--salla-autocomplete-dropdown-border, 1px solid #e5e7eb);
+      border-radius: var(--salla-autocomplete-dropdown-border-radius, 0.5rem);
+      box-shadow: var(--salla-autocomplete-dropdown-shadow, 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1));
+      max-height: var(--salla-autocomplete-dropdown-max-height, 240px);
+      overflow-y: auto;
+      overflow-x: hidden;
+      z-index: var(--salla-autocomplete-dropdown-z-index, 100);
+      display: none;
+      -webkit-overflow-scrolling: touch;
+      overscroll-behavior: contain;
+      scroll-behavior: smooth;
+    }
+
+    @media (max-width: 640px) {
+      .dropdown {
+        max-height: var(--salla-autocomplete-dropdown-max-height-mobile, 35vh);
+        border-radius: var(--salla-autocomplete-dropdown-border-radius-mobile, 0.5rem);
+        margin-top: var(--salla-autocomplete-dropdown-margin-top-mobile, 0.25rem);
+      }
+    }
+    
+    @media (max-width: 640px) and (max-height: 667px) {
+      /* Smaller phones (iPhone SE, iPhone 8, etc.) */
+      .dropdown {
+        max-height: var(--salla-autocomplete-dropdown-max-height-small, 30vh);
+      }
+    }
+    
+    @media (max-width: 640px) and (min-height: 668px) and (max-height: 896px) {
+      /* Standard phones (iPhone 12, iPhone 13, etc.) */
+      .dropdown {
+        max-height: var(--salla-autocomplete-dropdown-max-height-standard, 38vh);
+      }
+    }
+    
+    @media (max-width: 640px) and (min-height: 897px) {
+      /* Larger phones (iPhone 14 Pro Max, etc.) */
+      .dropdown {
+        max-height: var(--salla-autocomplete-dropdown-max-height-large, 40vh);
+      }
+    }
+
+    .dropdown.open {
+      display: block;
+    }
+
+    .dropdown-item {
+      display: flex;
+      align-items: flex-start;
+      padding: var(--salla-autocomplete-item-padding, 0.625rem 0.75rem);
+      cursor: pointer;
+      transition: background-color 0.15s;
+      border-bottom: 1px solid var(--salla-autocomplete-item-border-color, #e5e7eb);
+      min-height: 48px;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    @media (max-width: 640px) {
+      .dropdown-item {
+        padding: var(--salla-autocomplete-item-padding-mobile, 0.75rem 0.875rem);
+        min-height: 52px;
+      }
+    }
+
+    .dropdown-item:last-child {
+      border-bottom: none;
+    }
+
+    .dropdown-item:hover,
+    .dropdown-item.selected {
+      background-color: var(--salla-autocomplete-item-hover-bg, #f9fafb);
+    }
+
+    .dropdown-item.active {
+      background-color: var(--salla-autocomplete-item-active-bg, #eff6ff);
+    }
+
+    @media (hover: none) and (pointer: coarse) {
+      .dropdown-item:hover {
+        background-color: transparent;
+      }
+
+      .dropdown-item:active {
+        background-color: var(--salla-autocomplete-item-active-bg, #eff6ff);
+      }
+    }
+
+    .location-icon {
+      display: none;
+    }
+
+    .place-info {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 0.25rem;
+    }
+
+    .main-text {
+      font-size: var(--salla-autocomplete-main-text-font-size, 0.875rem);
+      font-weight: var(--salla-autocomplete-main-text-font-weight, 600);
+      color: var(--salla-autocomplete-main-text-color, #111827);
+      line-height: 1.4;
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+      hyphens: auto;
+    }
+
+    @media (max-width: 640px) {
+      .main-text {
+        font-size: var(--salla-autocomplete-main-text-font-size-mobile, 0.9375rem);
+        line-height: 1.3;
+      }
+    }
+
+    .main-text .highlight {
+      font-weight: var(--salla-autocomplete-highlight-font-weight, 700);
+      color: var(--salla-autocomplete-highlight-color, inherit);
+    }
+
+    .national-address-badge {
+      display: inline-flex;
+      align-items: center;
+      font-size: 0.8125rem;
+      line-height: 1;
+      vertical-align: middle;
+    }
+
+    .national-address-icon {
+      width: 11px;
+      height: auto;
+      flex-shrink: 0;
+      display: inline-block;
+    }
+
+    .national-address-text {
+      padding-inline-start: 3px;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      -webkit-background-clip: text;
+      background-image: linear-gradient(135deg, #0052cc, #00b8d9 50%, #36b37e);
+      font-weight: 600;
+      display: inline-block;
+    }
+
+    .national-address-separator {
+      padding-inline: 4px;
+      color: #6b7280;
+      display: inline-block;
+    }
+
+    .secondary-text {
+      font-size: var(--salla-autocomplete-secondary-text-font-size, 0.75rem);
+      color: var(--salla-autocomplete-secondary-text-color, #6b7280);
+      line-height: 1.4;
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+      hyphens: auto;
+    }
+
+    @media (max-width: 640px) {
+      .secondary-text {
+        font-size: var(--salla-autocomplete-secondary-text-font-size-mobile, 0.8125rem);
+        line-height: 1.3;
+      }
+    }
+
+    .error-message {
+      margin-top: 0.5rem;
+      font-size: var(--salla-autocomplete-error-font-size, 0.875rem);
+      color: var(--salla-autocomplete-error-color, #dc2626);
+    }
+
+    .no-results {
+      padding: 1rem;
+      text-align: start;
+      color: var(--salla-autocomplete-no-results-color, #6b7280);
+      font-size: var(--salla-autocomplete-no-results-font-size, 0.875rem);
+    }
+
+    .no-results.error-state {
+      color: var(--salla-autocomplete-error-color, #dc2626);
+      background-color: var(--salla-autocomplete-error-bg, #fef2f2);
+      border-radius: 0.375rem;
+      margin: 0.5rem;
+      padding: 0.875rem;
+    }
+    
+    @media (max-width: 640px) {
+      .no-results {
+        padding: 0.875rem;
+        font-size: var(--salla-autocomplete-no-results-font-size-mobile, 0.8125rem);
+      }
+
+      .no-results.error-state {
+        margin: 0.375rem;
+        padding: 0.75rem;
+      }
+    }
+  `;
+c([
+  m({ type: String })
+], h.prototype, "proxyUrl", 2);
+c([
+  m({ type: String })
+], h.prototype, "authToken", 2);
+c([
+  m({ type: String })
+], h.prototype, "placeholder", 2);
+c([
+  m({ type: String })
+], h.prototype, "value", 2);
+c([
+  m({ type: String })
+], h.prototype, "defaultPlace", 2);
+c([
+  m({ type: String })
+], h.prototype, "label", 2);
+c([
+  m({ type: String })
+], h.prototype, "className", 2);
+c([
+  m({ type: String })
+], h.prototype, "language", 2);
+c([
+  m({ type: String })
+], h.prototype, "dir", 2);
+c([
+  m({ type: String })
+], h.prototype, "country", 1);
+c([
+  m({ type: Array })
+], h.prototype, "includedRegionCodes", 2);
+c([
+  m({ type: Object })
+], h.prototype, "locationBias", 2);
+c([
+  m({ type: Object })
+], h.prototype, "locationRestriction", 2);
+c([
+  m({ type: Array })
+], h.prototype, "types", 2);
+c([
+  m({ type: String })
+], h.prototype, "fieldsStr", 1);
+c([
+  m({ type: Array })
+], h.prototype, "fields", 1);
+c([
+  m({ type: Boolean })
+], h.prototype, "strictBounds", 2);
+c([
+  m({ type: Boolean })
+], h.prototype, "useSessionToken", 2);
+c([
+  m({ type: Function })
+], h.prototype, "onValidateAddress", 2);
+c([
+  m({ type: Number })
+], h.prototype, "debounceDelay", 2);
+c([
+  m({ type: Number })
+], h.prototype, "minChars", 2);
+c([
+  E()
+], h.prototype, "predictions", 2);
+c([
+  E()
+], h.prototype, "isOpen", 2);
+c([
+  E()
+], h.prototype, "isLoading", 2);
+c([
+  E()
+], h.prototype, "error", 2);
+c([
+  E()
+], h.prototype, "activeIndex", 2);
+c([
+  E()
+], h.prototype, "inputValue", 2);
+c([
+  E()
+], h.prototype, "sessionToken", 2);
+c([
+  Ve("input")
+], h.prototype, "inputElement", 2);
+h = c([
+  Ie("salla-address-autocomplete")
+], h);
+export {
+  qe as ADDRESS_VALIDATION_SUPPORTED_COUNTRIES,
+  h as SallaAddressAutocomplete,
+  le as checkValidationSupport,
+  Ke as debounce,
+  We as generateSessionToken,
+  Ze as getCountryCode,
+  he as getTranslations,
+  Ge as isRTL,
+  st as parseHighlight,
+  tt as throttle
+};