@salla.sa/twilight-components 2.14.573 → 2.14.575

package/dist/cjs/index-CIbBkRPw.js

@@ -0,0 +1,4413 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1=globalThis,e$2=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$3=new WeakMap;let n$3 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$3.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$3("string"==typeof t?t:t+"",void 0,s$2),i$3=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1],t[0]);return new n$3(o,t,s$2)},S$2=(s,o)=>{if(e$2)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement("style"),n=t$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$3=e$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:i$2,defineProperty:e$1,getOwnPropertyDescriptor:h$3,getOwnPropertyNames:r$1,getOwnPropertySymbols:o$2,getPrototypeOf:n$2}=Object,a$1=globalThis,c$2=a$1.trustedTypes,l$1=c$2?c$2.emptyScript:"",p$2=a$1.reactiveElementPolyfillSupport,d$3=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$2=(t,s)=>!i$2(t,s),b$2={attribute:true,type:String,converter:u$1,reflect:false,useDefault:false,hasChanged:f$2};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b$2){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$1(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$3(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b$2}static _$Ei(){if(this.hasOwnProperty(d$3("elementProperties")))return;const t=n$2(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$3("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$3("properties"))){const t=this.properties,s=[...r$1(t),...o$2(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$3(s));}else void 0!==s&&i.push(c$3(s));return i}static _$Eu(t,s){const i=s.attribute;return  false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$2(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach(t=>t.hostConnected?.());}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.());}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$1).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null;}}requestUpdate(t,s,i,e=false,h){if(void 0!==t){const r=this.constructor;if(false===e&&(h=this[t]),i??=r.getPropertyOptions(t),!((i.hasChanged??f$2)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return  true}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$3("elementProperties")]=new Map,y$1[d$3("finalized")]=new Map,p$2?.({ReactiveElement:y$1}),(a$1.reactiveElementVersions??=[]).push("2.1.2");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=globalThis,i$1=t=>t,s$1=t.trustedTypes,e=s$1?s$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,h$2="$lit$",o$1=`lit$${Math.random().toFixed(9).slice(2)}$`,n$1="?"+o$1,r=`<${n$1}>`,l=document,c$1=()=>l.createComment(""),a=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,d$2=t=>u(t)||"function"==typeof t?.[Symbol.iterator],f$1="[ \t\n\f\r]",v$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$2=/-->/g,m=/>/g,p$1=RegExp(`>|${f$1}(?:([^\\s"'>=/]+)(${f$1}*=${f$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g$1=/'/g,$$1=/"/g,y=/^(?:script|style|textarea|title)$/i,x$2=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b$1=x$2(1),E$1=Symbol.for("lit-noChange"),A$2=Symbol.for("lit-nothing"),C$1=new WeakMap,P$2=l.createTreeWalker(l,129);function V$2(t,i){if(!u(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e?e.createHTML(i):i}const N$1=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?"<svg>":3===i?"<math>":"",c=v$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,u=c.exec(s),null!==u);)f=c.lastIndex,c===v$2?"!--"===u[1]?c=_$2:void 0!==u[1]?c=m:void 0!==u[2]?(y.test(u[2])&&(n=RegExp("</"+u[2],"g")),c=p$1):void 0!==u[3]&&(c=p$1):c===p$1?">"===u[0]?(c=n??v$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p$1:'"'===u[3]?$$1:g$1):c===$$1||c===g$1?c=p$1:c===_$2||c===m?c=v$2:(c=p$1,n=void 0);const x=c===p$1&&t[i+1].startsWith("/>")?" ":"";l+=c===v$2?s+r:d>=0?(e.push(a),s.slice(0,d)+h$2+s.slice(d)+o$1+x):s+o$1+(-2===d?i:x);}return [V$2(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};let S$1 = class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N$1(t,i);if(this.el=S.createElement(f,e),P$2.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=P$2.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(h$2)){const i=v[a++],s=r.getAttribute(t).split(o$1),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:"."===e[1]?I$2:"?"===e[1]?L$2:"@"===e[1]?z$2:H$1}),r.removeAttribute(t);}else t.startsWith(o$1)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y.test(r.tagName)){const t=r.textContent.split(o$1),i=t.length-1;if(i>0){r.textContent=s$1?s$1.emptyScript:"";for(let s=0;s<i;s++)r.append(t[s],c$1()),P$2.nextNode(),d.push({type:2,index:++l});r.append(t[i],c$1());}}}else if(8===r.nodeType)if(r.data===n$1)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=r.data.indexOf(o$1,t+1));)d.push({type:7,index:l}),t+=o$1.length-1;}l++;}}static createElement(t,i){const s=l.createElement("template");return s.innerHTML=t,s}};function M$1(t,i,s=t,e){if(i===E$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=a(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=M$1(t,h._$AS(t,i.values),h,e)),i}let R$2 = class R{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??l).importNode(i,true);P$2.currentNode=e;let h=P$2.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new k$1(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z$2(h,this,t)),this._$AV.push(i),r=s[++n];}o!==r?.index&&(h=P$2.nextNode(),o++);}return P$2.currentNode=l,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let k$1 = class k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A$2,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=M$1(this,t,i),a(t)?t===A$2||null==t||""===t?(this._$AH!==A$2&&this._$AR(),this._$AH=A$2):t!==this._$AH&&t!==E$1&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):d$2(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==A$2&&a(this._$AH)?this._$AA.nextSibling.data=t:this.T(l.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=S$1.createElement(V$2(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new R$2(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=C$1.get(t.strings);return void 0===i&&C$1.set(t.strings,i=new S$1(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new k(this.O(c$1()),this.O(c$1()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(false,true,s);t!==this._$AB;){const s=i$1(t).nextSibling;i$1(t).remove(),t=s;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}};let H$1 = class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A$2,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A$2;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=M$1(this,t,i,0),o=!a(t)||t!==this._$AH&&t!==E$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=M$1(this,e[s+n],i,n),r===E$1&&(r=this._$AH[n]),o||=!a(r)||r!==this._$AH[n],r===A$2?t=A$2:t!==A$2&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===A$2?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let I$2 = class I extends H$1{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A$2?void 0:t;}};let L$2 = class L extends H$1{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A$2);}};let z$2 = class z extends H$1{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=M$1(this,t,i,0)??A$2)===E$1)return;const s=this._$AH,e=t===A$2&&s!==A$2||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A$2&&(s===A$2||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}};let Z$2 = class Z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){M$1(this,t);}};const B$2=t.litHtmlPolyfillSupport;B$2?.(S$1,k$1),(t.litHtmlVersions??=[]).push("3.3.2");const D$2=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new k$1(i.insertBefore(c$1(),t),t,void 0,s??{});}return h._$AI(t),h};
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const s=globalThis;class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D$2(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return E$1}}i._$litElement$=true,i["finalized"]=true,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});(s.litElementVersions??=[]).push("4.2.2");
+
+const O$1 = globalThis, H = O$1.ShadowRoot && (O$1.ShadyCSS === void 0 || O$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, j$1 = /* @__PURE__ */ Symbol(), Z$1 = /* @__PURE__ */ new WeakMap();
+let de = class {
+  constructor(e, i, r) {
+    if (this._$cssResult$ = true, r !== j$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = e, this.t = i;
+  }
+  get styleSheet() {
+    let e = this.o;
+    const i = this.t;
+    if (H && e === void 0) {
+      const r = i !== void 0 && i.length === 1;
+      r && (e = Z$1.get(i)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && Z$1.set(i, e));
+    }
+    return e;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const ge = (t) => new de(typeof t == "string" ? t : t + "", void 0, j$1), ve = (t, ...e) => {
+  const i = t.length === 1 ? t[0] : e.reduce((r, s, o) => r + ((a) => {
+    if (a._$cssResult$ === true) return a.cssText;
+    if (typeof a == "number") return a;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s) + t[o + 1], t[0]);
+  return new de(i, t, j$1);
+}, be = (t, e) => {
+  if (H) t.adoptedStyleSheets = e.map((i) => i instanceof CSSStyleSheet ? i : i.styleSheet);
+  else for (const i of e) {
+    const r = document.createElement("style"), s = O$1.litNonce;
+    s !== void 0 && r.setAttribute("nonce", s), r.textContent = i.cssText, t.appendChild(r);
+  }
+}, J$1 = H ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
+  let i = "";
+  for (const r of e.cssRules) i += r.cssText;
+  return ge(i);
+})(t) : t;
+const { is: ye, defineProperty: $e, getOwnPropertyDescriptor: Ae, getOwnPropertyNames: we, getOwnPropertySymbols: _e, getPrototypeOf: xe } = Object, M = globalThis, X$1 = M.trustedTypes, Se = X$1 ? X$1.emptyScript : "", Ee = M.reactiveElementPolyfillSupport, T$1 = (t, e) => t, V$1 = { toAttribute(t, e) {
+  switch (e) {
+    case Boolean:
+      t = t ? Se : null;
+      break;
+    case Object:
+    case Array:
+      t = t == null ? t : JSON.stringify(t);
+  }
+  return t;
+}, fromAttribute(t, e) {
+  let i = t;
+  switch (e) {
+    case Boolean:
+      i = t !== null;
+      break;
+    case Number:
+      i = t === null ? null : Number(t);
+      break;
+    case Object:
+    case Array:
+      try {
+        i = JSON.parse(t);
+      } catch {
+        i = null;
+      }
+  }
+  return i;
+} }, W$1 = (t, e) => !ye(t, e), Q$1 = { attribute: true, type: String, converter: V$1, reflect: false, useDefault: false, hasChanged: W$1 };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), M.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let E = class extends HTMLElement {
+  static addInitializer(e) {
+    this._$Ei(), (this.l ??= []).push(e);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(e, i = Q$1) {
+    if (i.state && (i.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(e) && ((i = Object.create(i)).wrapped = true), this.elementProperties.set(e, i), !i.noAccessor) {
+      const r = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(e, r, i);
+      s !== void 0 && $e(this.prototype, e, s);
+    }
+  }
+  static getPropertyDescriptor(e, i, r) {
+    const { get: s, set: o } = Ae(this.prototype, e) ?? { get() {
+      return this[i];
+    }, set(a) {
+      this[i] = a;
+    } };
+    return { get: s, set(a) {
+      const n = s?.call(this);
+      o?.call(this, a), this.requestUpdate(e, n, r);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) ?? Q$1;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(T$1("elementProperties"))) return;
+    const e = xe(this);
+    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(T$1("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(T$1("properties"))) {
+      const i = this.properties, r = [...we(i), ..._e(i)];
+      for (const s of r) this.createProperty(s, i[s]);
+    }
+    const e = this[Symbol.metadata];
+    if (e !== null) {
+      const i = litPropertyMetadata.get(e);
+      if (i !== void 0) for (const [r, s] of i) this.elementProperties.set(r, s);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [i, r] of this.elementProperties) {
+      const s = this._$Eu(i, r);
+      s !== void 0 && this._$Eh.set(s, i);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(e) {
+    const i = [];
+    if (Array.isArray(e)) {
+      const r = new Set(e.flat(1 / 0).reverse());
+      for (const s of r) i.unshift(J$1(s));
+    } else e !== void 0 && i.push(J$1(e));
+    return i;
+  }
+  static _$Eu(e, i) {
+    const r = i.attribute;
+    return r === false ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((e) => e(this));
+  }
+  addController(e) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
+  }
+  removeController(e) {
+    this._$EO?.delete(e);
+  }
+  _$E_() {
+    const e = /* @__PURE__ */ new Map(), i = this.constructor.elementProperties;
+    for (const r of i.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() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((e) => e.hostConnected?.());
+  }
+  enableUpdating(e) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((e) => e.hostDisconnected?.());
+  }
+  attributeChangedCallback(e, i, r) {
+    this._$AK(e, r);
+  }
+  _$ET(e, i) {
+    const r = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, r);
+    if (s !== void 0 && r.reflect === true) {
+      const o = (r.converter?.toAttribute !== void 0 ? r.converter : V$1).toAttribute(i, r.type);
+      this._$Em = e, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
+    }
+  }
+  _$AK(e, i) {
+    const r = this.constructor, s = r._$Eh.get(e);
+    if (s !== void 0 && this._$Em !== s) {
+      const o = r.getPropertyOptions(s), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : V$1;
+      this._$Em = s;
+      const n = a.fromAttribute(i, o.type);
+      this[s] = n ?? this._$Ej?.get(s) ?? n, this._$Em = null;
+    }
+  }
+  requestUpdate(e, i, r, s = false, o) {
+    if (e !== void 0) {
+      const a = this.constructor;
+      if (s === false && (o = this[e]), r ??= a.getPropertyOptions(e), !((r.hasChanged ?? W$1)(o, i) || r.useDefault && r.reflect && o === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, r)))) return;
+      this.C(e, i, r);
+    }
+    this.isUpdatePending === false && (this._$ES = this._$EP());
+  }
+  C(e, i, { useDefault: r, reflect: s, wrapped: o }, a) {
+    r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, a ?? i ?? this[e]), o !== true || a !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (i = void 0), this._$AL.set(e, i)), s === true && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (i) {
+      Promise.reject(i);
+    }
+    const e = this.scheduleUpdate();
+    return e != null && await e, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [s, o] of this._$Ep) this[s] = o;
+        this._$Ep = void 0;
+      }
+      const r = this.constructor.elementProperties;
+      if (r.size > 0) for (const [s, o] of r) {
+        const { wrapped: a } = o, n = this[s];
+        a !== true || this._$AL.has(s) || n === void 0 || this.C(s, void 0, o, n);
+      }
+    }
+    let e = false;
+    const i = this._$AL;
+    try {
+      e = this.shouldUpdate(i), e ? (this.willUpdate(i), this._$EO?.forEach((r) => r.hostUpdate?.()), this.update(i)) : this._$EM();
+    } catch (r) {
+      throw e = false, this._$EM(), r;
+    }
+    e && this._$AE(i);
+  }
+  willUpdate(e) {
+  }
+  _$AE(e) {
+    this._$EO?.forEach((i) => i.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(e)), this.updated(e);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(e) {
+    return true;
+  }
+  update(e) {
+    this._$Eq &&= this._$Eq.forEach((i) => this._$ET(i, this[i])), this._$EM();
+  }
+  updated(e) {
+  }
+  firstUpdated(e) {
+  }
+};
+E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[T$1("elementProperties")] = /* @__PURE__ */ new Map(), E[T$1("finalized")] = /* @__PURE__ */ new Map(), Ee?.({ ReactiveElement: E }), (M.reactiveElementVersions ??= []).push("2.1.2");
+const K$1 = globalThis, ee$1 = (t) => t, D$1 = K$1.trustedTypes, te = D$1 ? D$1.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, he = "$lit$", A$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, ce = "?" + A$1, ke = `<${ce}>`, S = document, R$1 = () => S.createComment(""), I$1 = (t) => t === null || typeof t != "object" && typeof t != "function", Y$1 = Array.isArray, Pe = (t) => Y$1(t) || typeof t?.[Symbol.iterator] == "function", L$1 = `[ 	
+\f\r]`, P$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, re = />/g, w = RegExp(`>|${L$1}(?:([^\\s"'>=/]+)(${L$1}*=${L$1}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, oe = /"/g, pe = /^(?:script|style|textarea|title)$/i, Te = (t) => (e, ...i) => ({ _$litType$: t, strings: e, values: i }), g = Te(1), v$1 = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), x$1 = S.createTreeWalker(S, 129);
+function ue(t, e) {
+  if (!Y$1(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return te !== void 0 ? te.createHTML(e) : e;
+}
+const Ce = (t, e) => {
+  const i = t.length - 1, r = [];
+  let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", a = P$1;
+  for (let n = 0; n < i; n++) {
+    const l = t[n];
+    let m, c, u = -1, y = 0;
+    for (; y < l.length && (a.lastIndex = y, c = a.exec(l), c !== null); ) y = a.lastIndex, a === P$1 ? c[1] === "!--" ? a = ie : c[1] !== void 0 ? a = re : c[2] !== void 0 ? (pe.test(c[2]) && (s = RegExp("</" + c[2], "g")), a = w) : c[3] !== void 0 && (a = w) : a === w ? c[0] === ">" ? (a = s ?? P$1, u = -1) : c[1] === void 0 ? u = -2 : (u = a.lastIndex - c[2].length, m = c[1], a = c[3] === void 0 ? w : c[3] === '"' ? oe : se) : a === oe || a === se ? a = w : a === ie || a === re ? a = P$1 : (a = w, s = void 0);
+    const $ = a === w && t[n + 1].startsWith("/>") ? " " : "";
+    o += a === P$1 ? l + ke : u >= 0 ? (r.push(m), l.slice(0, u) + he + l.slice(u) + A$1 + $) : l + A$1 + (u === -2 ? n : $);
+  }
+  return [ue(t, o + (t[i] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
+};
+class N {
+  constructor({ strings: e, _$litType$: i }, r) {
+    let s;
+    this.parts = [];
+    let o = 0, a = 0;
+    const n = e.length - 1, l = this.parts, [m, c] = Ce(e, i);
+    if (this.el = N.createElement(m, r), x$1.currentNode = this.el.content, i === 2 || i === 3) {
+      const u = this.el.content.firstChild;
+      u.replaceWith(...u.childNodes);
+    }
+    for (; (s = x$1.nextNode()) !== null && l.length < n; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(he)) {
+          const y = c[a++], $ = s.getAttribute(u).split(A$1), F = /([.?@])?(.*)/.exec(y);
+          l.push({ type: 1, index: o, name: F[2], strings: $, ctor: F[1] === "." ? Ie : F[1] === "?" ? Ne : F[1] === "@" ? ze : B$1 }), s.removeAttribute(u);
+        } else u.startsWith(A$1) && (l.push({ type: 6, index: o }), s.removeAttribute(u));
+        if (pe.test(s.tagName)) {
+          const u = s.textContent.split(A$1), y = u.length - 1;
+          if (y > 0) {
+            s.textContent = D$1 ? D$1.emptyScript : "";
+            for (let $ = 0; $ < y; $++) s.append(u[$], R$1()), x$1.nextNode(), l.push({ type: 2, index: ++o });
+            s.append(u[y], R$1());
+          }
+        }
+      } else if (s.nodeType === 8) if (s.data === ce) l.push({ type: 2, index: o });
+      else {
+        let u = -1;
+        for (; (u = s.data.indexOf(A$1, u + 1)) !== -1; ) l.push({ type: 7, index: o }), u += A$1.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(e, i) {
+    const r = S.createElement("template");
+    return r.innerHTML = e, r;
+  }
+}
+function k(t, e, i = t, r) {
+  if (e === v$1) return e;
+  let s = r !== void 0 ? i._$Co?.[r] : i._$Cl;
+  const o = I$1(e) ? void 0 : e._$litDirective$;
+  return s?.constructor !== o && (s?._$AO?.(false), o === void 0 ? s = void 0 : (s = new o(t), s._$AT(t, i, r)), r !== void 0 ? (i._$Co ??= [])[r] = s : i._$Cl = s), s !== void 0 && (e = k(t, s._$AS(t, e.values), s, r)), e;
+}
+class Re {
+  constructor(e, i) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = i;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(e) {
+    const { el: { content: i }, parts: r } = this._$AD, s = (e?.creationScope ?? S).importNode(i, true);
+    x$1.currentNode = s;
+    let o = x$1.nextNode(), a = 0, n = 0, l = r[0];
+    for (; l !== void 0; ) {
+      if (a === l.index) {
+        let m;
+        l.type === 2 ? m = new z$1(o, o.nextSibling, this, e) : l.type === 1 ? m = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (m = new Fe(o, this, e)), this._$AV.push(m), l = r[++n];
+      }
+      a !== l?.index && (o = x$1.nextNode(), a++);
+    }
+    return x$1.currentNode = S, s;
+  }
+  p(e) {
+    let i = 0;
+    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, i), i += r.strings.length - 2) : r._$AI(e[i])), i++;
+  }
+}
+let z$1 = class z {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(e, i, r, s) {
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = e, this._$AB = i, this._$AM = r, this.options = s, this._$Cv = s?.isConnected ?? true;
+  }
+  get parentNode() {
+    let e = this._$AA.parentNode;
+    const i = this._$AM;
+    return i !== void 0 && e?.nodeType === 11 && (e = i.parentNode), e;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(e, i = this) {
+    e = k(this, e, i), I$1(e) ? e === f || e == null || e === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : e !== this._$AH && e !== v$1 && 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 && I$1(this._$AH) ? this._$AA.nextSibling.data = e : this.T(S.createTextNode(e)), this._$AH = e;
+  }
+  $(e) {
+    const { values: i, _$litType$: r } = e, s = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = N.createElement(ue(r.h, r.h[0]), this.options)), r);
+    if (this._$AH?._$AD === s) this._$AH.p(i);
+    else {
+      const o = new Re(s, this), a = o.u(this.options);
+      o.p(i), this.T(a), this._$AH = o;
+    }
+  }
+  _$AC(e) {
+    let i = ae.get(e.strings);
+    return i === void 0 && ae.set(e.strings, i = new N(e)), i;
+  }
+  k(e) {
+    Y$1(this._$AH) || (this._$AH = [], this._$AR());
+    const i = this._$AH;
+    let r, s = 0;
+    for (const o of e) s === i.length ? i.push(r = new z(this.O(R$1()), this.O(R$1()), this, this.options)) : r = i[s], r._$AI(o), s++;
+    s < i.length && (this._$AR(r && r._$AB.nextSibling, s), i.length = s);
+  }
+  _$AR(e = this._$AA.nextSibling, i) {
+    for (this._$AP?.(false, true, i); e !== this._$AB; ) {
+      const r = ee$1(e).nextSibling;
+      ee$1(e).remove(), e = r;
+    }
+  }
+  setConnected(e) {
+    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
+  }
+};
+let B$1 = class B {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(e, i, r, s, o) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = e, this.name = i, this._$AM = s, 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, i = this, r, s) {
+    const o = this.strings;
+    let a = false;
+    if (o === void 0) e = k(this, e, i, 0), a = !I$1(e) || e !== this._$AH && e !== v$1, a && (this._$AH = e);
+    else {
+      const n = e;
+      let l, m;
+      for (e = o[0], l = 0; l < o.length - 1; l++) m = k(this, n[r + l], i, l), m === v$1 && (m = this._$AH[l]), a ||= !I$1(m) || m !== this._$AH[l], m === f ? e = f : e !== f && (e += (m ?? "") + o[l + 1]), this._$AH[l] = m;
+    }
+    a && !s && this.j(e);
+  }
+  j(e) {
+    e === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+  }
+};
+class Ie extends B$1 {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === f ? void 0 : e;
+  }
+}
+class Ne extends B$1 {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== f);
+  }
+}
+class ze extends B$1 {
+  constructor(e, i, r, s, o) {
+    super(e, i, r, s, o), this.type = 5;
+  }
+  _$AI(e, i = this) {
+    if ((e = k(this, e, i, 0) ?? f) === v$1) return;
+    const r = this._$AH, s = e === f && r !== f || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== f && (r === f || s);
+    s && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
+  }
+  handleEvent(e) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
+  }
+}
+class Fe {
+  constructor(e, i, r) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = r;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e) {
+    k(this, e);
+  }
+}
+const Ue = K$1.litHtmlPolyfillSupport;
+Ue?.(N, z$1), (K$1.litHtmlVersions ??= []).push("3.3.2");
+const Oe = (t, e, i) => {
+  const r = i?.renderBefore ?? e;
+  let s = r._$litPart$;
+  if (s === void 0) {
+    const o = i?.renderBefore ?? null;
+    r._$litPart$ = s = new z$1(e.insertBefore(R$1(), o), o, void 0, i ?? {});
+  }
+  return s._$AI(t), s;
+};
+const G$1 = globalThis;
+let C = class extends E {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const e = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= e.firstChild, e;
+  }
+  update(e) {
+    const i = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Oe(i, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return v$1;
+  }
+};
+C._$litElement$ = true, C.finalized = true, G$1.litElementHydrateSupport?.({ LitElement: C });
+const Ve = G$1.litElementPolyfillSupport;
+Ve?.({ LitElement: C });
+(G$1.litElementVersions ??= []).push("4.2.2");
+const De = (t) => (e, i) => {
+  i !== void 0 ? i.addInitializer(() => {
+    customElements.define(t, e);
+  }) : customElements.define(t, e);
+};
+const Me = { attribute: true, type: String, converter: V$1, reflect: false, hasChanged: W$1 }, Be = (t = Me, e, i) => {
+  const { kind: r, metadata: s } = i;
+  let o = globalThis.litPropertyMetadata.get(s);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = true), o.set(i.name, t), r === "accessor") {
+    const { name: a } = i;
+    return { set(n) {
+      const l = e.get.call(this);
+      e.set.call(this, n), this.requestUpdate(a, l, t, true, n);
+    }, init(n) {
+      return n !== void 0 && this.C(a, void 0, t, n), n;
+    } };
+  }
+  if (r === "setter") {
+    const { name: a } = i;
+    return function(n) {
+      const l = this[a];
+      e.call(this, n), this.requestUpdate(a, l, t, true, n);
+    };
+  }
+  throw Error("Unsupported decorator location: " + r);
+};
+function p(t) {
+  return (e, i) => typeof i == "object" ? Be(t, e, i) : ((r, s, o) => {
+    const a = s.hasOwnProperty(o);
+    return s.constructor.createProperty(o, r), a ? Object.getOwnPropertyDescriptor(s, o) : void 0;
+  })(t, e, i);
+}
+function b(t) {
+  return p({ ...t, state: true, attribute: false });
+}
+const Le = (t, e, i) => (i.configurable = true, i.enumerable = true, Reflect.decorate && typeof e != "object" && Object.defineProperty(t, e, i), i);
+function qe(t, e) {
+  return (i, r, s) => {
+    const o = (a) => a.renderRoot?.querySelector(t) ?? null;
+    return Le(i, r, { get() {
+      return o(this);
+    } });
+  };
+}
+const _$1 = { ATTRIBUTE: 1, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, me = (t) => (...e) => ({ _$litDirective$: t, values: e });
+class fe {
+  constructor(e) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(e, i, r) {
+    this._$Ct = e, this._$AM = i, this._$Ci = r;
+  }
+  _$AS(e, i) {
+    return this.update(e, i);
+  }
+  update(e, i) {
+    return this.render(...i);
+  }
+}
+const U$1 = me(class extends fe {
+  constructor(t) {
+    if (super(t), t.type !== _$1.ATTRIBUTE || t.name !== "class" || t.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t) {
+    return " " + Object.keys(t).filter((e) => t[e]).join(" ") + " ";
+  }
+  update(t, [e]) {
+    if (this.st === void 0) {
+      this.st = /* @__PURE__ */ new Set(), t.strings !== void 0 && (this.nt = new Set(t.strings.join(" ").split(/\s/).filter((r) => r !== "")));
+      for (const r in e) e[r] && !this.nt?.has(r) && this.st.add(r);
+      return this.render(e);
+    }
+    const i = t.element.classList;
+    for (const r of this.st) r in e || (i.remove(r), this.st.delete(r));
+    for (const r in e) {
+      const s = !!e[r];
+      s === this.st.has(r) || this.nt?.has(r) || (s ? (i.add(r), this.st.add(r)) : (i.remove(r), this.st.delete(r)));
+    }
+    return v$1;
+  }
+});
+const He = (t) => t.strings === void 0, je = {}, We = (t, e = je) => t._$AH = e;
+const Ke = me(class extends fe {
+  constructor(t) {
+    if (super(t), t.type !== _$1.PROPERTY && t.type !== _$1.ATTRIBUTE && t.type !== _$1.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!He(t)) throw Error("`live` bindings can only contain a single expression");
+  }
+  render(t) {
+    return t;
+  }
+  update(t, [e]) {
+    if (e === v$1 || e === f) return e;
+    const i = t.element, r = t.name;
+    if (t.type === _$1.PROPERTY) {
+      if (e === i[r]) return v$1;
+    } else if (t.type === _$1.BOOLEAN_ATTRIBUTE) {
+      if (!!e === i.hasAttribute(r)) return v$1;
+    } else if (t.type === _$1.ATTRIBUTE && i.getAttribute(r) === e + "") return v$1;
+    return We(t), e;
+  }
+}), Ye = [
+  "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 Ge(t, e) {
+  let i = null;
+  return function(...r) {
+    i && clearTimeout(i), i = setTimeout(() => {
+      t.apply(this, r);
+    }, e);
+  };
+}
+function Ze() {
+  return typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
+    const e = Math.random() * 16 | 0;
+    return (t === "x" ? e : e & 3 | 8).toString(16);
+  });
+}
+function Je(t) {
+  if (!t) return null;
+  const e = t.find(
+    (i) => i.types?.includes("country")
+  );
+  return e ? e.short_name : null;
+}
+function ne(t, e) {
+  let i = null;
+  return t.address_components ? i = Je(t.address_components) : e && e.length === 1 && (i = e[0].toUpperCase()), i ? {
+    isSupported: Ye.includes(i),
+    countryCode: i
+  } : {
+    isSupported: null,
+    countryCode: null
+  };
+}
+const le = {
+  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.",
+    validationRequired: "This field is required",
+    validationPattern: "Invalid format",
+    validationSaudiFormat: "Please enter a valid Saudi national address (format: AAAA1234)"
+  },
+  ar: {
+    placeholder: "ابحث عن عنوان...",
+    noResults: "لم يتم العثور على عنوان لهذا البحث. جرب كلمات مختلفة.",
+    errorFetchPredictions: "تعذر البحث عن العناوين. يرجى المحاولة مرة أخرى.",
+    errorFetchDetails: "تعذر تحميل تفاصيل العنوان. يرجى المحاولة مرة أخرى.",
+    errorNetwork: "خطأ في الشبكة. يرجى التحقق من اتصالك والمحاولة مرة أخرى.",
+    validationRequired: "هذا الحقل مطلوب",
+    validationPattern: "صيغة غير صحيحة",
+    validationSaudiFormat: "الرجاء إدخال عنوان وطني صحيح (الصيغة: AAAA1234)"
+  },
+  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.",
+    validationRequired: "Este campo es obligatorio",
+    validationPattern: "Formato inválido",
+    validationSaudiFormat: "Por favor ingrese una dirección nacional saudí válida (formato: AAAA1234)"
+  },
+  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.",
+    validationRequired: "Ce champ est obligatoire",
+    validationPattern: "Format invalide",
+    validationSaudiFormat: "Veuillez saisir une adresse nationale saoudienne valide (format: AAAA1234)"
+  },
+  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.",
+    validationRequired: "Dieses Feld ist erforderlich",
+    validationPattern: "Ungültiges Format",
+    validationSaudiFormat: "Bitte geben Sie eine gültige saudi-arabische nationale Adresse ein (Format: AAAA1234)"
+  },
+  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.",
+    validationRequired: "Questo campo è obbligatorio",
+    validationPattern: "Formato non valido",
+    validationSaudiFormat: "Inserisci un indirizzo nazionale saudita valido (formato: AAAA1234)"
+  },
+  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.",
+    validationRequired: "Este campo é obrigatório",
+    validationPattern: "Formato inválido",
+    validationSaudiFormat: "Por favor, insira um endereço nacional saudita válido (formato: AAAA1234)"
+  },
+  ru: {
+    placeholder: "Поиск адреса...",
+    noResults: "Адрес для этого поиска не найден. Попробуйте другие ключевые слова.",
+    errorFetchPredictions: "Невозможно выполнить поиск адресов. Пожалуйста, попробуйте еще раз.",
+    errorFetchDetails: "Невозможно загрузить детали адреса. Пожалуйста, попробуйте еще раз.",
+    errorNetwork: "Ошибка сети. Проверьте соединение и попробуйте еще раз.",
+    validationRequired: "Это поле обязательно",
+    validationPattern: "Неверный формат",
+    validationSaudiFormat: "Пожалуйста, введите действительный национальный адрес Саудовской Аравии (формат: AAAA1234)"
+  },
+  ja: {
+    placeholder: "住所を検索...",
+    noResults: "この検索では住所が見つかりませんでした。別のキーワードをお試しください。",
+    errorFetchPredictions: "住所を検索できません。もう一度お試しください。",
+    errorFetchDetails: "住所の詳細を読み込めません。もう一度お試しください。",
+    errorNetwork: "ネットワークエラー。接続を確認してもう一度お試しください。",
+    validationRequired: "この項目は必須です",
+    validationPattern: "無効な形式",
+    validationSaudiFormat: "有効なサウジアラビアの国内住所を入力してください（形式：AAAA1234）"
+  },
+  zh: {
+    placeholder: "搜索地址...",
+    noResults: "未找到此搜索的地址。请尝试不同的关键词。",
+    errorFetchPredictions: "无法搜索地址。请重试。",
+    errorFetchDetails: "无法加载地址详情。请重试。",
+    errorNetwork: "网络错误。请检查您的连接并重试。",
+    validationRequired: "此字段为必填项",
+    validationPattern: "格式无效",
+    validationSaudiFormat: "请输入有效的沙特国家地址（格式：AAAA1234）"
+  },
+  ko: {
+    placeholder: "주소 검색...",
+    noResults: "이 검색에 대한 주소를 찾을 수 없습니다. 다른 키워드를 시도해보세요.",
+    errorFetchPredictions: "주소를 검색할 수 없습니다. 다시 시도해주세요.",
+    errorFetchDetails: "주소 세부정보를 불러올 수 없습니다. 다시 시도해주세요.",
+    errorNetwork: "네트워크 오류입니다. 연결을 확인하고 다시 시도해주세요.",
+    validationRequired: "이 필드는 필수입니다",
+    validationPattern: "유효하지 않은 형식",
+    validationSaudiFormat: "유효한 사우디 국가 주소를 입력하세요 (형식: AAAA1234)"
+  },
+  hi: {
+    placeholder: "पता खोजें...",
+    noResults: "इस खोज के लिए कोई पता नहीं मिला। विभिन्न कीवर्ड आज़माएं।",
+    errorFetchPredictions: "पते खोजने में असमर्थ। कृपया पुनः प्रयास करें।",
+    errorFetchDetails: "पते का विवरण लोड करने में असमर्थ। कृपया पुनः प्रयास करें।",
+    errorNetwork: "नेटवर्क त्रुटि। कृपया अपना कनेक्शन जांचें और पुनः प्रयास करें।",
+    validationRequired: "यह फ़ील्ड आवश्यक है",
+    validationPattern: "अमान्य प्रारूप",
+    validationSaudiFormat: "कृपया एक मान्य सऊदी राष्ट्रीय पता दर्ज करें (प्रारूप: AAAA1234)"
+  },
+  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.",
+    validationRequired: "Bu alan zorunludur",
+    validationPattern: "Geçersiz format",
+    validationSaudiFormat: "Lütfen geçerli bir Suudi ulusal adresi girin (format: AAAA1234)"
+  }
+};
+function q$1(t = "en") {
+  return le[t] || le.en;
+}
+function Xe(t) {
+  return ["ar"].includes(t);
+}
+var Qe = Object.defineProperty, et$1 = Object.getOwnPropertyDescriptor, h$1 = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? et$1(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
+  return r && s && Qe(e, i, s), s;
+};
+let d$1 = class d extends C {
+  constructor() {
+    super(), this.proxyUrl = "https://api.salla.dev", this.authToken = null, this.placeholder = "", this.defaultPlace = "", this.label = null, this.className = "", this.language = "en", this.dir = "auto", this.mode = "search", this.name = "", this.required = false, this.pattern = null, this.tooltip = null, this.selectedId = null, this.errors = [], this.disabled = false, this._value = "", this._country = null, this.locationBias = null, this.locationRestriction = null, this.types = null, this._fields = ["formatted_address", "geometry"], this.strictBounds = false, this.useSessionToken = true, this.resolve = false, this.onValidateAddress = null, this.debounceDelay = 300, this.minChars = 3, this.predictions = [], this.isOpen = false, this.isLoading = false, this.error = null, this.activeIndex = -1, this.inputValue = "", this.sessionToken = null, this.validationError = null, this.touched = false, this.showNationalAddressIcon = false, this.abortController = null, this._internals = this.attachInternals();
+  }
+  set value(t) {
+    const e = this._value;
+    this._value = t || "", this.requestUpdate("value", e);
+  }
+  get value() {
+    return this._value;
+  }
+  set country(t) {
+    t == null ? this._country = null : Array.isArray(t) ? this._country = t.filter((e) => e && e.trim()).map((e) => e.trim()) : this._country = t.split(",").map((e) => e.trim()).filter((e) => e);
+  }
+  get country() {
+    return this._country;
+  }
+  set fieldsStr(t) {
+    this._fields = t ? t.split(",").map((e) => e.trim()).filter((e) => e) : ["formatted_address", "geometry"];
+  }
+  get fieldsStr() {
+    return this._fields.join(",");
+  }
+  set fields(t) {
+    this._fields = t && t.length > 0 ? t : ["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 = Ge(this.fetchPredictions.bind(this), this.debounceDelay);
+  }
+  firstUpdated() {
+    const t = this.value || this.defaultPlace || "";
+    t && (this.inputValue = t, this.isSaudiFormMode() && this.isShortAddressFormat(t) && (this.showNationalAddressIcon = true));
+  }
+  $nextTick(t) {
+    Promise.resolve().then(t);
+  }
+  isShortAddressFormat(t) {
+    return /^[a-zA-Z]{4}\d{4}$/.test(t?.trim());
+  }
+  updated(t) {
+    if (t.has("value")) {
+      const e = this.value || "";
+      e !== this.inputValue && (this.inputValue = e, this.isSaudiFormMode() && e && this.isShortAddressFormat(e) ? this.showNationalAddressIcon = true : this.showNationalAddressIcon = false);
+    }
+    t.has("defaultPlace") && !this.value && this.defaultPlace !== this.inputValue && (this.inputValue = this.defaultPlace || "", this.isSaudiFormMode() && this.defaultPlace && this.isShortAddressFormat(this.defaultPlace) ? this.showNationalAddressIcon = true : this.showNationalAddressIcon = false), t.has("selectedId") && this.selectedId && this.selectedId !== this.inputValue && this.isSaudiFormMode() && this.isShortAddressFormat(this.selectedId) && (this.inputValue = this.selectedId || "", this.showNationalAddressIcon = true, this._internals.setFormValue(this.selectedId || "")), t.has("debounceDelay") && this.initializeDebounce();
+  }
+  createNewSession() {
+    this.useSessionToken && (this.sessionToken = Ze());
+  }
+  terminateSession() {
+    this.sessionToken = null;
+  }
+  cancelPendingRequest() {
+    this.abortController && (this.abortController.abort(), this.abortController = null);
+  }
+  isSaudiFormMode() {
+    return this.mode === "form" && this.country !== null && this.country.length === 1 && this.country[0].toLowerCase() === "sa";
+  }
+  getWhatsAppLink() {
+    const t = "966112898888", e = encodeURIComponent("العنوان الوطني");
+    return `https://wa.me/${t}?text=${e}`;
+  }
+  renderWhatsAppIcon() {
+    return g`
+      <svg class="whatsapp-icon" viewBox="0 0 24 24" fill="currentColor" part="whatsapp-icon">
+        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
+      </svg>
+    `;
+  }
+  getSaudiHelpTextContent() {
+    return {
+      helpText: this.language === "ar" ? "لا تعرف العنوان الوطني؟" : "Don't know your national address?",
+      linkText: this.language === "ar" ? "احصل على العنوان الوطني عبر الواتساب" : "Get your national address via WhatsApp"
+    };
+  }
+  renderSaudiFriendlyError() {
+    const t = this.inputValue && this.inputValue.trim().length > 0;
+    let e, i;
+    t ? (e = "العنوان الوطني المختصر غير صحيح (الصيغة: AAAA1234). يمكنك الحصول عليه بسهولة", i = "The short national address format is incorrect (format: AAAA1234). You can easily get it") : (e = "العنوان الوطني المختصر مطلوب. يمكنك الحصول عليه بسهولة", i = "The short national address is required. You can easily get it");
+    const r = "عبر الواتساب (اضغط هنا)", s = "via WhatsApp (click here)", o = "أو ابحث أعلاه", a = "or search above", n = this.language === "ar" ? e : i, l = this.language === "ar" ? r : s, m = this.language === "ar" ? o : a;
+    return g`
+      <span>
+        ${n}
+        <a
+          href="${this.getWhatsAppLink()}"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="whatsapp-link-inline"
+          part="whatsapp-link"
+        >
+          ${this.renderWhatsAppIcon()}
+          ${l}
+        </a>
+        ${m}
+      </span>
+    `;
+  }
+  renderSaudiHelpText() {
+    if (!this.isSaudiFormMode() || this.validationError || this.errors && this.errors.length > 0)
+      return "";
+    const t = "لا تعرف العنوان الوطني؟ احصل عليه بسهولة", e = "Don't know your national address? Get it easily", i = "عبر الواتساب (اضغط هنا)", r = "via WhatsApp (click here)", s = "أو ابحث أعلاه", o = "or search above", a = this.language === "ar" ? t : e, n = this.language === "ar" ? i : r, l = this.language === "ar" ? s : o;
+    return g`
+      <div class="help-text" part="help-text">
+        <span>
+          ${a}
+          <a
+            href="${this.getWhatsAppLink()}"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="whatsapp-link-inline"
+            part="whatsapp-link"
+          >
+            ${this.renderWhatsAppIcon()}
+            ${n}
+          </a>
+          ${l}
+        </span>
+      </div>
+    `;
+  }
+  async fetchPredictions(t) {
+    if (!t.trim()) {
+      this.predictions = [], this.isOpen = false, this.isLoading = false;
+      return;
+    }
+    if (t.trim().length < this.minChars) {
+      this.predictions = [], this.isOpen = false, this.isLoading = false;
+      return;
+    }
+    this.cancelPendingRequest(), this.abortController = new AbortController();
+    const e = this.abortController.signal;
+    this.isLoading = true, this.error = null;
+    try {
+      const i = { input: t, language: this.language };
+      this.sessionToken && (i.sessiontoken = this.sessionToken), this.country && this.country.length > 0 && (i.country = this.country.join(",")), this.types && this.types.length > 0 && (i.types = this.types.join("|")), this.locationBias && this.locationBias.radius && this.locationBias.center && (i.location = `${this.locationBias.center.lat},${this.locationBias.center.lng}`, i.radius = this.locationBias.radius.toString()), this.strictBounds && (i.strictbounds = "true");
+      const r = new URLSearchParams(i), o = `${this.proxyUrl || ""}/store/v1/checkout/address/autocomplete/query?${r.toString()}`, a = {};
+      this.authToken && (a.Authorization = `Bearer ${this.authToken}`);
+      const n = await fetch(o, { signal: e, headers: a });
+      if (!n.ok)
+        throw new Error(`HTTP ${n.status}: ${n.statusText}`);
+      const l = await n.json();
+      l.success && Array.isArray(l.data) ? (this.error = null, l.data.length > 0 ? (this.predictions = l.data.map((c) => ({
+        place_id: c.id,
+        description: c.description || c.formatted_address,
+        formatted_address: c.formatted_address,
+        short_address: c.short_address,
+        structured_formatting: {
+          main_text: c.formatted_address || c.description,
+          main_text_matched_substrings: [],
+          secondary_text: c.description || ""
+        },
+        types: c.types || [],
+        geometry: c.geometry,
+        address_components: c.address_components
+      })), this.isOpen = true, this.activeIndex = -1) : (this.predictions = [], this.isOpen = true)) : (this.predictions = [], this.isOpen = true);
+    } catch (i) {
+      if (i instanceof Error && i.name === "AbortError")
+        return;
+      this.predictions = [], this.isOpen = true;
+    } finally {
+      this.isLoading = false, this.abortController = null;
+    }
+  }
+  async fetchPlaceDetails(t) {
+    this.isLoading = true, this.error = null;
+    try {
+      const e = { place_id: t, language: this.language };
+      this.fields && this.fields.length > 0 && (e.fields = this.fields.join(",")), this.sessionToken && (e.sessiontoken = this.sessionToken), this.country && this.country.length > 0 && (e.country = this.country.join(",")), this.resolve && (e.resolve = "true");
+      const i = new URLSearchParams(e), s = `${this.proxyUrl || ""}/store/v1/checkout/address/autocomplete/details?${i.toString()}`, o = {};
+      this.authToken && (o.Authorization = `Bearer ${this.authToken}`);
+      const a = await fetch(s, { headers: o });
+      if (!a.ok)
+        throw new Error(`HTTP ${a.status}: ${a.statusText}`);
+      const n = await a.json();
+      return !n.success || n.message ? (this.error = n.message || "Failed to fetch place details", null) : n.success && n.data && n.data.id ? {
+        place_id: n.data.id,
+        ...n.data,
+        components: n.data.address_components?.reduce((m, c) => (c.types?.forEach((u) => {
+          m[u] || (m[u] = []), m[u].push({
+            long_name: c.long_name,
+            short_name: c.short_name
+          });
+        }), m), {})
+      } : null;
+    } catch (e) {
+      console.error("Error fetching place details:", e);
+      const i = q$1(this.language);
+      return this.error = e instanceof Error ? e.message : i.errorFetchDetails, null;
+    } finally {
+      this.isLoading = false;
+    }
+  }
+  /**
+   * Validates the selected address using the provided callback
+   * @param place - The place details to validate
+   * @returns Promise resolving to validation result
+   */
+  async validateAddress(t) {
+    try {
+      if (!t || !t.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 = ne(t, this.country), i = await this.onValidateAddress({
+        place: t,
+        sessionToken: this.sessionToken,
+        validationSupport: e
+      });
+      return this.terminateSession(), i;
+    } catch (e) {
+      return console.error("Error validating address:", e), this.terminateSession(), null;
+    }
+  }
+  /**
+   * Gets validation support information for a place
+   * @param place - The place details to check
+   * @returns ValidationSupport object indicating what validation is supported
+   */
+  getValidationSupport(t) {
+    return ne(t, this.country);
+  }
+  checkValidity() {
+    return this.validate();
+  }
+  reportValidity() {
+    this.touched = true;
+    const t = this.validate();
+    return t || this.dispatchEvent(new CustomEvent("invalid", {
+      detail: { error: this.validationError },
+      bubbles: true,
+      composed: true
+    })), t;
+  }
+  /**
+   * Resets the component to its initial state
+   */
+  reset() {
+    this.inputValue = "", this.selectedId = null, this.validationError = null, this.errors = [], this.touched = false, this.predictions = [], this.isOpen = false, this.error = null, this.showNationalAddressIcon = false, this.mode === "form" && (this._internals.setFormValue(null), this._internals.setValidity({}));
+  }
+  // Form lifecycle callbacks
+  formResetCallback() {
+    this.reset();
+  }
+  formStateRestoreCallback(t) {
+    t && this.mode === "form" && (this.selectedId = t);
+  }
+  validate() {
+    if (this.mode !== "form")
+      return true;
+    const t = q$1(this.language), e = this.inputValue || "";
+    return this.required && !e.trim() ? (this.validationError = t.validationRequired, this._internals.setValidity(
+      { valueMissing: true },
+      this.validationError,
+      this.inputElement
+    ), false) : this.isSaudiFormMode() && e.trim() && !this.isShortAddressFormat(e) ? (this.validationError = t.validationSaudiFormat, this._internals.setValidity(
+      { patternMismatch: true },
+      this.validationError,
+      this.inputElement
+    ), false) : this.pattern && e.trim() && !new RegExp(this.pattern).test(e) ? (this.validationError = t.validationPattern, this._internals.setValidity(
+      { patternMismatch: true },
+      this.validationError,
+      this.inputElement
+    ), false) : (this.validationError = null, this._internals.setValidity({}), true);
+  }
+  /**
+   * Normalize numerals from various scripts to Arabic numerals (0-9).
+   * Handles Arabic-Indic, Devanagari (Hindi), Persian, and Bengali numerals.
+   * Works consistently across all browsers and operating systems.
+   */
+  normalizeNumerals(t) {
+    if (!t) return t;
+    const e = {
+      // Arabic-Indic numerals (used in Arab countries): ٠١٢٣٤٥٦٧٨٩
+      "٠": "0",
+      "١": "1",
+      "٢": "2",
+      "٣": "3",
+      "٤": "4",
+      "٥": "5",
+      "٦": "6",
+      "٧": "7",
+      "٨": "8",
+      "٩": "9",
+      // Devanagari (Hindi) numerals (used in India, Nepal): ०१२३४५६७८९
+      "०": "0",
+      "१": "1",
+      "२": "2",
+      "३": "3",
+      "४": "4",
+      "५": "5",
+      "६": "6",
+      "७": "7",
+      "८": "8",
+      "९": "9",
+      // Persian/Dari numerals (used in Iran, Afghanistan): ۰۱۲۳۴۵۶۷۸۹
+      "۰": "0",
+      "۱": "1",
+      "۲": "2",
+      "۳": "3",
+      "۴": "4",
+      "۵": "5",
+      "۶": "6",
+      "۷": "7",
+      "۸": "8",
+      "۹": "9",
+      // Bengali numerals (used in Bangladesh, India): ০১২৩৪৫৬৭৮৯
+      "০": "0",
+      "১": "1",
+      "২": "2",
+      "৩": "3",
+      "৪": "4",
+      "৫": "5",
+      "৬": "6",
+      "৭": "7",
+      "৮": "8",
+      "৯": "9"
+    };
+    return t.split("").map((i) => e[i] ?? i).join("");
+  }
+  handleInput(t) {
+    if (this.disabled) return;
+    const e = t.target, i = e.selectionStart ?? 0, r = this.inputValue, s = e.value, o = this.normalizeNumerals(s);
+    o !== s && (e.value = o, requestAnimationFrame(() => {
+      e.setSelectionRange(i, i);
+    })), this.inputValue = o, this.touched = true, this.showNationalAddressIcon && (this.showNationalAddressIcon = false), this.mode === "form" && (this.validationError && (this.validationError = null), this.selectedId = null, this._internals.setFormValue(this.inputValue || null), this.validate()), this.errors && this.errors.length > 0 && (this.errors = []), this.inputValue.trim().length >= this.minChars && (this.isLoading = true), this.debouncedFetch(this.inputValue), this._value = this.inputValue, this.requestUpdate("value", r), this.dispatchEvent(new CustomEvent("input", {
+      detail: { value: this.inputValue },
+      bubbles: true,
+      composed: true
+    })), this.dispatchEvent(new Event("change", {
+      bubbles: true,
+      composed: true
+    })), this.dispatchEvent(new InputEvent("input", {
+      data: this.inputValue,
+      bubbles: true,
+      composed: true
+    }));
+  }
+  async handleSelect(t) {
+    if (this.disabled) return;
+    this.isSaudiFormMode() && t.place_id && this.isShortAddressFormat(t.place_id) ? (this.inputValue = t.place_id, this.showNationalAddressIcon = true) : (this.inputValue = t.formatted_address, this.showNationalAddressIcon = false), this.isOpen = false, this.predictions = [], this.touched = true;
+    let e = null;
+    if (this.mode === "form" ? e = await this.fetchPlaceDetails(t.place_id) : t.geometry?.location ? e = {
+      place_id: t.place_id,
+      formatted_address: t.formatted_address || t.description,
+      geometry: t.geometry,
+      types: t.types,
+      address_components: t.address_components
+    } : e = await this.fetchPlaceDetails(t.place_id), e) {
+      this.isSaudiFormMode() && e.place_id && this.isShortAddressFormat(e.place_id) ? (this.inputValue = e.place_id, this.showNationalAddressIcon = true) : (e.formatted_address && (this.inputValue = e.formatted_address), this.showNationalAddressIcon = false), this.mode === "form" && (this.selectedId = e.place_id, this._internals.setFormValue(this.inputValue), this.validate()), this._value = this.inputValue, this.dispatchEvent(new CustomEvent("input", {
+        detail: { value: this.inputValue },
+        bubbles: true,
+        composed: true
+      })), this.dispatchEvent(new Event("change", {
+        bubbles: true,
+        composed: true
+      }));
+      const i = this.getValidationSupport(e);
+      this.dispatchEvent(new CustomEvent("place-select", {
+        detail: { place: e, validationSupport: i },
+        bubbles: true,
+        composed: true
+      })), this.dispatchEvent(new CustomEvent("place-changed", {
+        detail: { place: e, validationSupport: i },
+        bubbles: true,
+        composed: true
+      }));
+    }
+  }
+  handleKeyDown(t) {
+    if (!this.disabled && !(!this.isOpen || this.predictions.length === 0))
+      switch (t.key) {
+        case "ArrowDown":
+          t.preventDefault(), this.activeIndex = Math.min(this.activeIndex + 1, this.predictions.length - 1);
+          break;
+        case "ArrowUp":
+          t.preventDefault(), this.activeIndex = Math.max(this.activeIndex - 1, -1);
+          break;
+        case "Enter":
+          t.preventDefault(), this.activeIndex >= 0 && this.activeIndex < this.predictions.length && this.handleSelect(this.predictions[this.activeIndex]);
+          break;
+        case "Escape":
+          t.preventDefault(), this.isOpen = false, this.activeIndex = -1;
+          break;
+      }
+  }
+  handleBlur() {
+    setTimeout(() => {
+      this.isOpen = false, this.activeIndex = -1, this.mode === "form" && this.touched && this.validate(), this.dispatchEvent(new Event("blur", {
+        bubbles: true,
+        composed: true
+      }));
+    }, 200);
+  }
+  handleFocus() {
+    this.disabled || this.predictions.length > 0 && (this.isOpen = true);
+  }
+  renderLocationIcon() {
+    return g`
+      <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>
+    `;
+  }
+  renderTooltip() {
+    return this.tooltip ? g`
+      <span class="tooltip-toggle" part="tooltip-toggle">
+        <svg class="tooltip-icon" part="tooltip-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+        </svg>
+        <span class="tooltip-content" part="tooltip-content">${this.tooltip}</span>
+      </span>
+    ` : "";
+  }
+  renderPrediction(t, e) {
+    const i = {
+      "dropdown-item": true,
+      active: e === this.activeIndex
+    };
+    let r = t.structured_formatting.main_text;
+    return t.short_address && r.includes(t.short_address) && (r = r.replace(t.short_address, "").trim(), r = r.replace(/\s*,\s*,\s*/g, ", ").replace(/^\s*,\s*|\s*,\s*$/g, "").trim()), g`
+      <div
+        class=${U$1(i)}
+        part="dropdown-item ${e === this.activeIndex ? "dropdown-item-active" : ""}"
+        @click=${() => this.handleSelect(t)}
+        role="option"
+        aria-selected=${e === this.activeIndex}
+      >
+        ${this.renderLocationIcon()}
+        <div class="place-info" part="place-info">
+          <div class="main-text" part="main-text">
+            ${t.short_address ? g`
+              <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">${t.short_address}</span>
+                <span class="national-address-separator">-</span>
+              </span>
+            ` : ""}
+            ${r}
+          </div>
+          ${t.structured_formatting.secondary_text ? g`
+            <div class="secondary-text" part="secondary-text">
+              ${t.structured_formatting.secondary_text}
+            </div>
+          ` : ""}
+        </div>
+      </div>
+    `;
+  }
+  render() {
+    const t = {
+      dropdown: true,
+      open: this.isOpen
+    }, e = {
+      "is-invalid": !!(this.mode === "form" && this.validationError) || this.errors && this.errors.length > 0,
+      "with-national-icon": this.showNationalAddressIcon
+    }, i = {
+      required: this.mode === "form" && this.required
+    }, r = q$1(this.language), s = this.dir === "auto" ? Xe(this.language) ? "rtl" : "ltr" : this.dir, o = this.placeholder || r.placeholder, a = this.name || "salla-address-search";
+    return g`
+      <div class="wrapper ${this.className}" part="wrapper" dir="${s}">
+        <div class="input-container" part="input-container">
+          ${this.label ? g`
+            <label part="label" class=${U$1(i)}>
+              <span class="label-content">
+                <span>${this.label}</span>
+                ${this.renderTooltip()}
+              </span>
+            </label>
+          ` : ""}
+          <div class="input-wrapper">
+            <input
+              part="input"
+              class=${U$1(e)}
+              type="text"
+              name="${a}"
+              .value=${Ke(this.inputValue)}
+              placeholder=${o}
+              ?disabled=${this.disabled}
+              @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"
+              aria-invalid=${this.mode === "form" && this.validationError || this.errors && this.errors.length > 0 ? "true" : "false"}
+              aria-required=${this.mode === "form" && this.required ? "true" : "false"}
+              autocomplete="off"
+              autocorrect="off"
+              autocapitalize="off"
+              spellcheck="false"
+            />
+            ${this.isLoading ? g`<div class="loading-spinner" part="spinner"></div>` : ""}
+
+            <div
+              id="predictions-list"
+              class=${U$1(t)}
+              part="dropdown"
+              role="listbox"
+            >
+              ${this.predictions.length > 0 ? this.predictions.map((n, l) => this.renderPrediction(n, l)) : this.inputValue && !this.isLoading ? g`<div class="no-results" part="no-results">${r.noResults}</div>` : ""}
+            </div>
+          </div>
+          ${this.mode === "form" && this.validationError ? g`
+            <div class="validation-error" part="validation-error">
+              ${this.isSaudiFormMode() ? this.renderSaudiFriendlyError() : g`<span>${this.validationError}</span>`}
+            </div>
+          ` : ""}
+          ${this.errors && this.errors.length > 0 ? g`
+            <div class="validation-error" part="validation-error">${this.errors[0]}</div>
+          ` : ""}
+          ${this.error ? g`<div class="error-message" part="error">${this.error}</div>` : ""}
+          ${this.renderSaudiHelpText()}
+        </div>
+      </div>
+    `;
+  }
+};
+d$1.formAssociated = true;
+d$1.styles = ve`
+    :host {
+      display: block;
+      position: relative;
+      font-family: var(--salla-autocomplete-font-family, system-ui, -apple-system, sans-serif);
+    }
+
+    .wrapper {
+      position: relative;
+    }
+
+    .input-container {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .input-wrapper {
+      position: relative;
+    }
+
+    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);
+    }
+
+    label.required::after {
+      content: ' *';
+      color: var(--salla-autocomplete-required-color, #dc2626);
+    }
+
+    .label-content {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .tooltip-toggle {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      cursor: help;
+    }
+
+    .tooltip-icon {
+      width: 1rem;
+      height: 1rem;
+      color: var(--salla-autocomplete-tooltip-icon-color, #6b7280);
+    }
+
+    .tooltip-content {
+      display: none;
+      position: absolute;
+      bottom: 125%;
+      left: 50%;
+      transform: translateX(-50%);
+      background: var(--salla-autocomplete-tooltip-bg, #1f2937);
+      color: var(--salla-autocomplete-tooltip-color, white);
+      padding: 0.5rem 0.75rem;
+      border-radius: 0.375rem;
+      font-size: 0.75rem;
+      line-height: 1.4;
+      white-space: nowrap;
+      z-index: 1000;
+      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    }
+
+    .tooltip-content::after {
+      content: '';
+      position: absolute;
+      top: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      border: 5px solid transparent;
+      border-top-color: var(--salla-autocomplete-tooltip-bg, #1f2937);
+    }
+
+    .tooltip-toggle:hover .tooltip-content,
+    .tooltip-toggle:focus .tooltip-content {
+      display: block;
+    }
+
+    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-family: var(--salla-autocomplete-font-family, system-ui, -apple-system, sans-serif);
+      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;
+      height: var(--salla-autocomplete-input-height, auto);
+      min-height: var(--salla-autocomplete-input-height, 44px);
+      -webkit-appearance: none;
+      appearance: none;
+    }
+
+    input.with-national-icon {
+      padding-inline-start: var(--salla-autocomplete-input-padding-start-icon, 2rem);
+      background-image: url('https://cdn.salla.network/images/shipping/png/national-address-icon-small-min.png');
+      background-repeat: no-repeat;
+      background-position: 0.75rem center;
+      background-size: 16px;
+    }
+
+    input.with-national-icon[dir="rtl"],
+    :host([dir="rtl"]) input.with-national-icon {
+      padding-inline-start: var(--salla-autocomplete-input-padding-start, 0.875rem);
+      padding-inline-end: var(--salla-autocomplete-input-padding-end-icon, 2.75rem);
+      background-position: calc(100% - 0.75rem) center;
+    }
+
+    @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.with-national-icon {
+        padding-inline-start: var(--salla-autocomplete-input-padding-start-icon-mobile, 2rem);
+        background-position: 0.875rem center;
+      }
+
+      input.with-national-icon[dir="rtl"],
+      :host([dir="rtl"]) input.with-national-icon {
+        padding-inline-start: var(--salla-autocomplete-input-padding-start-mobile, 0.875rem);
+        padding-inline-end: var(--salla-autocomplete-input-padding-end-icon-mobile, 2.75rem);
+        background-position: calc(100% - 0.875rem) center;
+      }
+    }
+
+    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.is-invalid {
+      border-color: var(--salla-autocomplete-input-error-border-color, #dc2626);
+    }
+
+    input.is-invalid:focus {
+      border-color: var(--salla-autocomplete-input-error-border-color, #dc2626);
+      box-shadow: var(--salla-autocomplete-input-error-shadow, 0 0 0 3px rgba(220, 38, 38, 0.1));
+    }
+
+    input::placeholder {
+      color: var(--salla-autocomplete-input-placeholder-color, #9ca3af);
+    }
+
+    .validation-error {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 0.5rem;
+      margin-top: 0.375rem;
+      font-size: var(--salla-autocomplete-error-font-size, 0.875rem);
+      color: var(--salla-autocomplete-error-color, #dc2626);
+      line-height: 1.5;
+    }
+
+    .validation-error > span {
+      line-height: 1.5;
+    }
+
+    .whatsapp-link-inline {
+      color: var(--salla-autocomplete-whatsapp-brand-color, #25D366);
+      white-space: nowrap;
+      line-height: inherit;
+      display: inline-flex;
+      align-items: center;
+      vertical-align: middle;
+      text-decoration: underline;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      gap: 0.25rem;
+      margin-inline: 0.25rem;
+      font-weight: 500;
+    }
+
+    .whatsapp-link-inline:hover {
+      color: var(--salla-autocomplete-whatsapp-brand-hover, #1da851);
+      opacity: 0.9;
+    }
+
+    .whatsapp-link-inline:active {
+      transform: scale(0.98);
+    }
+
+    .whatsapp-link-inline .whatsapp-icon {
+      color: var(--salla-autocomplete-whatsapp-brand-color, #25D366);
+    }
+
+    .help-text {
+      display: block;
+      margin-top: 0.5rem;
+      font-size: var(--salla-autocomplete-help-font-size, 0.875rem);
+      color: var(--salla-autocomplete-help-color, #6b7280);
+      line-height: 1.5;
+    }
+
+    .help-text span {
+      line-height: 1.5;
+    }
+
+    .whatsapp-icon {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    .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, 25vh);
+        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, 22vh);
+      }
+    }
+
+    @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, 28vh);
+      }
+    }
+
+    @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, 30vh);
+      }
+    }
+
+    .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: 35px;
+      -webkit-tap-highlight-color: transparent;
+    }
+
+    @media (max-width: 640px) {
+      .dropdown-item {
+        padding: var(--salla-autocomplete-item-padding-mobile, 0.75rem 0.875rem);
+        min-height: 35px;
+      }
+    }
+
+    .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;
+      }
+    }
+  `;
+h$1([
+  p({ type: String })
+], d$1.prototype, "proxyUrl", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "authToken", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "placeholder", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "defaultPlace", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "label", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "className", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "language", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "dir", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "mode", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "name", 2);
+h$1([
+  p({ type: Boolean })
+], d$1.prototype, "required", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "pattern", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "tooltip", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "selectedId", 2);
+h$1([
+  p({ type: Array })
+], d$1.prototype, "errors", 2);
+h$1([
+  p({ type: Boolean })
+], d$1.prototype, "disabled", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "value", 1);
+h$1([
+  p({ type: String })
+], d$1.prototype, "country", 1);
+h$1([
+  p({ type: Object })
+], d$1.prototype, "locationBias", 2);
+h$1([
+  p({ type: Object })
+], d$1.prototype, "locationRestriction", 2);
+h$1([
+  p({ type: Array })
+], d$1.prototype, "types", 2);
+h$1([
+  p({ type: String })
+], d$1.prototype, "fieldsStr", 1);
+h$1([
+  p({ type: Array })
+], d$1.prototype, "fields", 1);
+h$1([
+  p({ type: Boolean })
+], d$1.prototype, "strictBounds", 2);
+h$1([
+  p({ type: Boolean })
+], d$1.prototype, "useSessionToken", 2);
+h$1([
+  p({ type: Boolean })
+], d$1.prototype, "resolve", 2);
+h$1([
+  p({ type: Function })
+], d$1.prototype, "onValidateAddress", 2);
+h$1([
+  p({ type: Number })
+], d$1.prototype, "debounceDelay", 2);
+h$1([
+  p({ type: Number })
+], d$1.prototype, "minChars", 2);
+h$1([
+  b()
+], d$1.prototype, "predictions", 2);
+h$1([
+  b()
+], d$1.prototype, "isOpen", 2);
+h$1([
+  b()
+], d$1.prototype, "isLoading", 2);
+h$1([
+  b()
+], d$1.prototype, "error", 2);
+h$1([
+  b()
+], d$1.prototype, "activeIndex", 2);
+h$1([
+  b()
+], d$1.prototype, "inputValue", 2);
+h$1([
+  b()
+], d$1.prototype, "sessionToken", 2);
+h$1([
+  b()
+], d$1.prototype, "validationError", 2);
+h$1([
+  b()
+], d$1.prototype, "touched", 2);
+h$1([
+  b()
+], d$1.prototype, "showNationalAddressIcon", 2);
+h$1([
+  qe("input")
+], d$1.prototype, "inputElement", 2);
+d$1 = h$1([
+  De("salla-address-autocomplete")
+], d$1);
+
+let K = false;
+const W = /* @__PURE__ */ new Map();
+const D = new Promise((t, e) => {
+  if (typeof window > "u") {
+    t();
+    return;
+  }
+  window.googleMapsInitCallback = t, window.gm_authFailure = () => {
+    e(new Error("Google Maps authentication failed"));
+  };
+});
+async function st(t) {
+  if (W.has(t))
+    return W.get(t);
+  if (await D, typeof google < "u" && google.maps && google.maps.importLibrary) {
+    const e = await google.maps.importLibrary(t);
+    return W.set(t, e), e;
+  }
+  return google.maps[t] || google.maps;
+}
+function ee(t, e, o) {
+  if (typeof document > "u")
+    return Promise.resolve();
+  if (K)
+    return D;
+  K = true;
+  let i;
+  if (typeof t == "string")
+    i = { key: t };
+  else if (typeof t == "object")
+    i = { ...t };
+  else
+    throw new Error("API key should be a string or an object");
+  o && o.length > 0 ? i.libraries = o : Array.isArray(i.libraries) && (i.libraries = i.libraries), !e && !i.v && (e = "quarterly"), i.loading || (i.loading = "async"), i.callback = "googleMapsInitCallback";
+  let a = `https://maps.googleapis.com/maps/api/js?${Object.keys(i).map((p) => `${encodeURIComponent(p)}=${encodeURIComponent(i[p])}`).join("&")}`;
+  e && (a += `&v=${e}`);
+  const r = document.createElement("script");
+  return r.src = a, r.async = true, r.defer = true, r.onerror = (p) => {
+    console.error("Failed to load Google Maps script:", p);
+  }, document.body.appendChild(r), D;
+}
+const L = (t) => (e, o) => {
+  o !== void 0 ? o.addInitializer(() => {
+    customElements.define(t, e);
+  }) : customElements.define(t, e);
+};
+const j = globalThis, q = j.ShadowRoot && (j.ShadyCSS === void 0 || j.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, it = /* @__PURE__ */ Symbol(), J = /* @__PURE__ */ new WeakMap();
+let at = class {
+  constructor(e, o, i) {
+    if (this._$cssResult$ = true, i !== it) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = e, this.t = o;
+  }
+  get styleSheet() {
+    let e = this.o;
+    const o = this.t;
+    if (q && e === void 0) {
+      const i = o !== void 0 && o.length === 1;
+      i && (e = J.get(o)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && J.set(o, e));
+    }
+    return e;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const nt = (t) => new at(typeof t == "string" ? t : t + "", void 0, it), rt = (t, e) => {
+  if (q) t.adoptedStyleSheets = e.map((o) => o instanceof CSSStyleSheet ? o : o.styleSheet);
+  else for (const o of e) {
+    const i = document.createElement("style"), s = j.litNonce;
+    s !== void 0 && i.setAttribute("nonce", s), i.textContent = o.cssText, t.appendChild(i);
+  }
+}, Y = q ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
+  let o = "";
+  for (const i of e.cssRules) o += i.cssText;
+  return nt(o);
+})(t) : t;
+const { is: lt, defineProperty: ct, getOwnPropertyDescriptor: pt, getOwnPropertyNames: ht, getOwnPropertySymbols: ut, getPrototypeOf: dt } = Object, G = globalThis, X = G.trustedTypes, mt = X ? X.emptyScript : "", gt = G.reactiveElementPolyfillSupport, U = (t, e) => t, R = { toAttribute(t, e) {
+  switch (e) {
+    case Boolean:
+      t = t ? mt : null;
+      break;
+    case Object:
+    case Array:
+      t = t == null ? t : JSON.stringify(t);
+  }
+  return t;
+}, fromAttribute(t, e) {
+  let o = t;
+  switch (e) {
+    case Boolean:
+      o = t !== null;
+      break;
+    case Number:
+      o = t === null ? null : Number(t);
+      break;
+    case Object:
+    case Array:
+      try {
+        o = JSON.parse(t);
+      } catch {
+        o = null;
+      }
+  }
+  return o;
+} }, V = (t, e) => !lt(t, e), Q = { attribute: true, type: String, converter: R, reflect: false, useDefault: false, hasChanged: V };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), G.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+class A extends HTMLElement {
+  static addInitializer(e) {
+    this._$Ei(), (this.l ??= []).push(e);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(e, o = Q) {
+    if (o.state && (o.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(e) && ((o = Object.create(o)).wrapped = true), this.elementProperties.set(e, o), !o.noAccessor) {
+      const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(e, i, o);
+      s !== void 0 && ct(this.prototype, e, s);
+    }
+  }
+  static getPropertyDescriptor(e, o, i) {
+    const { get: s, set: a } = pt(this.prototype, e) ?? { get() {
+      return this[o];
+    }, set(r) {
+      this[o] = r;
+    } };
+    return { get: s, set(r) {
+      const p = s?.call(this);
+      a?.call(this, r), this.requestUpdate(e, p, i);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) ?? Q;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(U("elementProperties"))) return;
+    const e = dt(this);
+    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(U("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(U("properties"))) {
+      const o = this.properties, i = [...ht(o), ...ut(o)];
+      for (const s of i) this.createProperty(s, o[s]);
+    }
+    const e = this[Symbol.metadata];
+    if (e !== null) {
+      const o = litPropertyMetadata.get(e);
+      if (o !== void 0) for (const [i, s] of o) this.elementProperties.set(i, s);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [o, i] of this.elementProperties) {
+      const s = this._$Eu(o, i);
+      s !== void 0 && this._$Eh.set(s, o);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(e) {
+    const o = [];
+    if (Array.isArray(e)) {
+      const i = new Set(e.flat(1 / 0).reverse());
+      for (const s of i) o.unshift(Y(s));
+    } else e !== void 0 && o.push(Y(e));
+    return o;
+  }
+  static _$Eu(e, o) {
+    const i = o.attribute;
+    return i === false ? void 0 : typeof i == "string" ? i : typeof e == "string" ? e.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((e) => e(this));
+  }
+  addController(e) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
+  }
+  removeController(e) {
+    this._$EO?.delete(e);
+  }
+  _$E_() {
+    const e = /* @__PURE__ */ new Map(), o = this.constructor.elementProperties;
+    for (const i of o.keys()) this.hasOwnProperty(i) && (e.set(i, this[i]), delete this[i]);
+    e.size > 0 && (this._$Ep = e);
+  }
+  createRenderRoot() {
+    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return rt(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((e) => e.hostConnected?.());
+  }
+  enableUpdating(e) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((e) => e.hostDisconnected?.());
+  }
+  attributeChangedCallback(e, o, i) {
+    this._$AK(e, i);
+  }
+  _$ET(e, o) {
+    const i = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, i);
+    if (s !== void 0 && i.reflect === true) {
+      const a = (i.converter?.toAttribute !== void 0 ? i.converter : R).toAttribute(o, i.type);
+      this._$Em = e, a == null ? this.removeAttribute(s) : this.setAttribute(s, a), this._$Em = null;
+    }
+  }
+  _$AK(e, o) {
+    const i = this.constructor, s = i._$Eh.get(e);
+    if (s !== void 0 && this._$Em !== s) {
+      const a = i.getPropertyOptions(s), r = typeof a.converter == "function" ? { fromAttribute: a.converter } : a.converter?.fromAttribute !== void 0 ? a.converter : R;
+      this._$Em = s;
+      const p = r.fromAttribute(o, a.type);
+      this[s] = p ?? this._$Ej?.get(s) ?? p, this._$Em = null;
+    }
+  }
+  requestUpdate(e, o, i, s = false, a) {
+    if (e !== void 0) {
+      const r = this.constructor;
+      if (s === false && (a = this[e]), i ??= r.getPropertyOptions(e), !((i.hasChanged ?? V)(a, o) || i.useDefault && i.reflect && a === this._$Ej?.get(e) && !this.hasAttribute(r._$Eu(e, i)))) return;
+      this.C(e, o, i);
+    }
+    this.isUpdatePending === false && (this._$ES = this._$EP());
+  }
+  C(e, o, { useDefault: i, reflect: s, wrapped: a }, r) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, r ?? o ?? this[e]), a !== true || r !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (o = void 0), this._$AL.set(e, o)), s === true && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (o) {
+      Promise.reject(o);
+    }
+    const e = this.scheduleUpdate();
+    return e != null && await e, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [s, a] of this._$Ep) this[s] = a;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [s, a] of i) {
+        const { wrapped: r } = a, p = this[s];
+        r !== true || this._$AL.has(s) || p === void 0 || this.C(s, void 0, a, p);
+      }
+    }
+    let e = false;
+    const o = this._$AL;
+    try {
+      e = this.shouldUpdate(o), e ? (this.willUpdate(o), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(o)) : this._$EM();
+    } catch (i) {
+      throw e = false, this._$EM(), i;
+    }
+    e && this._$AE(o);
+  }
+  willUpdate(e) {
+  }
+  _$AE(e) {
+    this._$EO?.forEach((o) => o.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(e)), this.updated(e);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(e) {
+    return true;
+  }
+  update(e) {
+    this._$Eq &&= this._$Eq.forEach((o) => this._$ET(o, this[o])), this._$EM();
+  }
+  updated(e) {
+  }
+  firstUpdated(e) {
+  }
+}
+A.elementStyles = [], A.shadowRootOptions = { mode: "open" }, A[U("elementProperties")] = /* @__PURE__ */ new Map(), A[U("finalized")] = /* @__PURE__ */ new Map(), gt?.({ ReactiveElement: A }), (G.reactiveElementVersions ??= []).push("2.1.2");
+const bt = { attribute: true, type: String, converter: R, reflect: false, hasChanged: V }, yt = (t = bt, e, o) => {
+  const { kind: i, metadata: s } = o;
+  let a = globalThis.litPropertyMetadata.get(s);
+  if (a === void 0 && globalThis.litPropertyMetadata.set(s, a = /* @__PURE__ */ new Map()), i === "setter" && ((t = Object.create(t)).wrapped = true), a.set(o.name, t), i === "accessor") {
+    const { name: r } = o;
+    return { set(p) {
+      const m = e.get.call(this);
+      e.set.call(this, p), this.requestUpdate(r, m, t, true, p);
+    }, init(p) {
+      return p !== void 0 && this.C(r, void 0, t, p), p;
+    } };
+  }
+  if (i === "setter") {
+    const { name: r } = o;
+    return function(p) {
+      const m = this[r];
+      e.call(this, p), this.requestUpdate(r, m, t, true, p);
+    };
+  }
+  throw Error("Unsupported decorator location: " + i);
+};
+function n(t) {
+  return (e, o) => typeof o == "object" ? yt(t, e, o) : ((i, s, a) => {
+    const r = s.hasOwnProperty(a);
+    return s.constructor.createProperty(a, i), r ? Object.getOwnPropertyDescriptor(s, a) : void 0;
+  })(t, e, o);
+}
+function h(t) {
+  return n({ ...t, state: true, attribute: false });
+}
+const ft = (t, e, o) => (o.configurable = true, o.enumerable = true, Reflect.decorate && typeof e != "object" && Object.defineProperty(t, e, o), o);
+function F(t, e) {
+  return (o, i, s) => {
+    const a = (r) => r.renderRoot?.querySelector(t) ?? null;
+    return ft(o, i, { get() {
+      return a(this);
+    } });
+  };
+}
+function _(t, e, o) {
+  const i = [];
+  return e.forEach((s) => {
+    if (!t || !google || !google.maps || !google.maps.event) return;
+    const a = google.maps.event.addListener(t, s, (r) => {
+      o(s, r);
+    });
+    i.push(() => {
+      a && google.maps.event.removeListener(a);
+    });
+  }), i;
+}
+function x(t) {
+  t.forEach((e) => e()), t.length = 0;
+}
+function B(t, e, o) {
+  if (!t) return;
+  const i = `set${e.charAt(0).toUpperCase()}${e.slice(1)}`;
+  typeof t[i] == "function" ? t[i](o) : e in t && (t[e] = o);
+}
+const vt = {
+  buttonLabel: "Use my current location",
+  errorTitle: "Unable to Access Location",
+  closeButton: "Continue",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "Location access was denied. Please enable location services in your browser settings.",
+  positionUnavailable: "Your location is currently unavailable. Please check your device settings.",
+  timeout: "Location request timed out. Please try again.",
+  generalError: "Unable to get your location. Please try entering your address manually.",
+  clickToSelectLocation: "You can also choose your location by clicking on the map"
+}, wt = {
+  buttonLabel: "استخدم موقعي الحالي",
+  errorTitle: "تعذر الوصول إلى الموقع",
+  closeButton: "متابعة",
+  loading: "جار الحصول على موقعك...",
+  loadingInstructions: "يرجى السماح بالوصول إلى الموقع في المتصفح للمتابعة",
+  timerMessage: "ستختفي هذه الرسالة تلقائياً بعد 7 ثوانٍ أو انقر متابعة",
+  permissionDenied: "تم رفض الوصول إلى الموقع. يرجى تفعيل خدمات الموقع في إعدادات المتصفح.",
+  positionUnavailable: "موقعك غير متاح حالياً. يرجى التحقق من إعدادات جهازك.",
+  timeout: "انتهت مهلة طلب الموقع. يرجى المحاولة مرة أخرى.",
+  generalError: "تعذر الحصول على موقعك. يرجى إدخال عنوانك يدوياً.",
+  clickToSelectLocation: "يمكنك أيضاً اختيار موقعك بالنقر على الخريطة"
+}, kt = {
+  buttonLabel: "Usar mi ubicación actual",
+  errorTitle: "Error de ubicación",
+  closeButton: "Cerrar",
+  loading: "Obteniendo tu ubicación...",
+  loadingInstructions: "Permite el acceso a la ubicación en tu navegador para continuar",
+  timerMessage: "Este mensaje se ocultará automáticamente en 7 segundos o haz clic en Cerrar",
+  permissionDenied: "Se denegó el acceso a la ubicación. Habilita los servicios de ubicación en la configuración de tu navegador.",
+  positionUnavailable: "Tu ubicación no está disponible actualmente. Verifica la configuración de tu dispositivo.",
+  timeout: "La solicitud de ubicación expiró. Inténtalo de nuevo.",
+  generalError: "No se pudo obtener tu ubicación. Intenta ingresar tu dirección manualmente.",
+  clickToSelectLocation: "Haz clic en el mapa para seleccionar una ubicación"
+}, Ct = {
+  buttonLabel: "Utiliser ma position actuelle",
+  errorTitle: "Erreur de localisation",
+  closeButton: "Continuer",
+  loading: "Obtention de votre position...",
+  loadingInstructions: "Veuillez autoriser l'accès à la localisation dans votre navigateur pour continuer",
+  timerMessage: "Ce message se masquera automatiquement dans 7 secondes ou cliquez sur Continuer",
+  permissionDenied: "L'accès à la localisation a été refusé. Veuillez activer les services de localisation dans les paramètres de votre navigateur.",
+  positionUnavailable: "Votre position n'est pas disponible actuellement. Veuillez vérifier les paramètres de votre appareil.",
+  timeout: "La demande de localisation a expiré. Veuillez réessayer.",
+  generalError: "Impossible d'obtenir votre position. Veuillez entrer votre adresse manuellement.",
+  clickToSelectLocation: "Vous pouvez également choisir votre position en cliquant sur la carte"
+}, Et = {
+  buttonLabel: "Meinen aktuellen Standort verwenden",
+  errorTitle: "Standortfehler",
+  closeButton: "Schließen",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "Der Zugriff auf den Standort wurde verweigert. Bitte aktivieren Sie die Standortdienste in Ihren Browsereinstellungen.",
+  positionUnavailable: "Ihr Standort ist derzeit nicht verfügbar. Bitte überprüfen Sie Ihre Geräteeinstellungen.",
+  timeout: "Standortanfrage ist abgelaufen. Bitte versuchen Sie es erneut.",
+  generalError: "Ihr Standort konnte nicht abgerufen werden. Bitte geben Sie Ihre Adresse manuell ein.",
+  clickToSelectLocation: "Klicken Sie auf die Karte, um einen Standort auszuwählen"
+}, Lt = {
+  buttonLabel: "使用我的当前位置",
+  errorTitle: "位置错误",
+  closeButton: "关闭",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "位置访问被拒绝。请在浏览器设置中启用位置服务。",
+  positionUnavailable: "您的位置当前不可用。请检查您的设备设置。",
+  timeout: "位置请求超时。请重试。",
+  generalError: "无法获取您的位置。请尝试手动输入地址。",
+  clickToSelectLocation: "点击地图选择位置"
+}, Mt = {
+  buttonLabel: "現在地を使用",
+  errorTitle: "位置情報エラー",
+  closeButton: "閉じる",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "位置情報へのアクセスが拒否されました。ブラウザの設定で位置情報サービスを有効にしてください。",
+  positionUnavailable: "現在位置が利用できません。デバイスの設定を確認してください。",
+  timeout: "位置情報リクエストがタイムアウトしました。もう一度お試しください。",
+  generalError: "位置情報を取得できませんでした。住所を手動で入力してください。",
+  clickToSelectLocation: "地図をクリックして場所を選択"
+}, St = {
+  buttonLabel: "Usar minha localização atual",
+  errorTitle: "Erro de localização",
+  closeButton: "Fechar",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "O acesso à localização foi negado. Ative os serviços de localização nas configurações do navegador.",
+  positionUnavailable: "Sua localização não está disponível no momento. Verifique as configurações do dispositivo.",
+  timeout: "A solicitação de localização expirou. Tente novamente.",
+  generalError: "Não foi possível obter sua localização. Tente inserir seu endereço manualmente.",
+  clickToSelectLocation: "Clique no mapa para selecionar um local"
+}, _t = {
+  buttonLabel: "Использовать мое текущее местоположение",
+  errorTitle: "Ошибка местоположения",
+  closeButton: "Закрыть",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "Доступ к местоположению был запрещен. Включите службы определения местоположения в настройках браузера.",
+  positionUnavailable: "Ваше местоположение в настоящее время недоступно. Проверьте настройки устройства.",
+  timeout: "Время ожидания запроса местоположения истекло. Попробуйте еще раз.",
+  generalError: "Не удалось получить ваше местоположение. Попробуйте ввести адрес вручную.",
+  clickToSelectLocation: "Нажмите на карту, чтобы выбрать местоположение"
+}, xt = {
+  buttonLabel: "Usa la mia posizione attuale",
+  errorTitle: "Errore di posizione",
+  closeButton: "Chiudi",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "L'accesso alla posizione è stato negato. Abilita i servizi di localizzazione nelle impostazioni del browser.",
+  positionUnavailable: "La tua posizione non è attualmente disponibile. Controlla le impostazioni del dispositivo.",
+  timeout: "La richiesta di posizione è scaduta. Riprova.",
+  generalError: "Impossibile ottenere la tua posizione. Prova a inserire manualmente il tuo indirizzo.",
+  clickToSelectLocation: "Fai clic sulla mappa per selezionare una posizione"
+}, Pt = {
+  buttonLabel: "Gebruik mijn huidige locatie",
+  errorTitle: "Locatiefout",
+  closeButton: "Sluiten",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "Toegang tot locatie is geweigerd. Schakel locatieservices in in uw browserinstellingen.",
+  positionUnavailable: "Uw locatie is momenteel niet beschikbaar. Controleer uw apparaatinstellingen.",
+  timeout: "Locatieverzoek is verlopen. Probeer het opnieuw.",
+  generalError: "Kan uw locatie niet ophalen. Probeer uw adres handmatig in te voeren.",
+  clickToSelectLocation: "Klik op de kaart om een locatie te selecteren"
+}, Ot = {
+  buttonLabel: "Mevcut konumumu kullan",
+  errorTitle: "Konum Hatası",
+  closeButton: "Kapat",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "Konum erişimi reddedildi. Lütfen tarayıcı ayarlarınızda konum hizmetlerini etkinleştirin.",
+  positionUnavailable: "Konumunuz şu anda kullanılamıyor. Lütfen cihaz ayarlarınızı kontrol edin.",
+  timeout: "Konum isteği zaman aşımına uğradı. Lütfen tekrar deneyin.",
+  generalError: "Konumunuz alınamadı. Lütfen adresinizi manuel olarak girmeyi deneyin.",
+  clickToSelectLocation: "Bir konum seçmek için haritaya tıklayın"
+}, $t = {
+  buttonLabel: "현재 위치 사용",
+  errorTitle: "위치 오류",
+  closeButton: "닫기",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "위치 액세스가 거부되었습니다. 브라우저 설정에서 위치 서비스를 활성화하십시오.",
+  positionUnavailable: "현재 위치를 사용할 수 없습니다. 기기 설정을 확인하십시오.",
+  timeout: "위치 요청 시간이 초과되었습니다. 다시 시도하십시오.",
+  generalError: "위치를 가져올 수 없습니다. 수동으로 주소를 입력해 보십시오.",
+  clickToSelectLocation: "지도를 클릭하여 위치를 선택하십시오"
+}, Tt = {
+  buttonLabel: "मेरा वर्तमान स्थान उपयोग करें",
+  errorTitle: "स्थान त्रुटि",
+  closeButton: "बंद करें",
+  loading: "Getting your location...",
+  loadingInstructions: "Please allow location access in your browser to continue",
+  timerMessage: "This message will auto-hide in 7 seconds or click Continue",
+  permissionDenied: "स्थान पहुंच अस्वीकार कर दी गई थी। कृपया अपनी ब्राउज़र सेटिंग में स्थान सेवाएं सक्षम करें।",
+  positionUnavailable: "आपका स्थान वर्तमान में उपलब्ध नहीं है। कृपया अपनी डिवाइस सेटिंग्स जांचें।",
+  timeout: "स्थान अनुरोध समय समाप्त हो गया। कृपया पुनः प्रयास करें।",
+  generalError: "आपका स्थान प्राप्त करने में असमर्थ। कृपया अपना पता मैन्युअल रूप से दर्ज करने का प्रयास करें।",
+  clickToSelectLocation: "स्थान चुनने के लिए मानचित्र पर क्लिक करें"
+}, Z = {
+  en: vt,
+  ar: wt,
+  es: kt,
+  fr: Ct,
+  de: Et,
+  zh: Lt,
+  ja: Mt,
+  pt: St,
+  ru: _t,
+  it: xt,
+  nl: Pt,
+  tr: Ot,
+  ko: $t,
+  hi: Tt
+}, zt = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur"]);
+function tt(t = "en") {
+  return Z[t] || Z.en;
+}
+function et(t) {
+  return zt.has(t);
+}
+var It = Object.defineProperty, At = Object.getOwnPropertyDescriptor, c = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? At(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && It(e, o, s), s;
+};
+exports.GMapMap = class l extends i {
+  constructor() {
+    super(...arguments), this.zoom = 15, this.mapTypeId = "roadmap", this.heading = 0, this.tilt = 0, this.gestureHandling = "cooperative", this.minZoom = 2, this.maxZoom = 19, this.disableDefaultUI = false, this.mapTypeControl = false, this.streetViewControl = false, this.rotateControl = false, this.fullscreenControl = false, this.enableGeolocation = false, this.showLocationMarker = true, this.geolocationOptions = {
+      maximumAge: 6e4,
+      timeout: 1e4,
+      enableHighAccuracy: true
+    }, this.locationMarkerBackground = "#4285F4", this.locationMarkerBorderColor = "#1967D2", this.locationMarkerGlyphColor = "#FFFFFF", this.locationMarkerScale = 1.3, this.locationCircleOptions = {}, this.language = "en", this.options = {}, this.enableAutocomplete = false, this.autocompleteProxyUrl = "https://api.salla.dev", this.autocompleteStrictBounds = false, this.autocompleteResolve = false, this.autocompleteDebounceDelay = 300, this.autocompleteMinChars = 3, this.geolocationLoading = false, this.geolocationError = null, this.showLoadingOverlay = false, this.buttonState = "normal", this.eventListeners = [], this.autocompleteListenerAttached = false;
+  }
+  async connectedCallback() {
+    super.connectedCallback(), et(this.language) && (document.dir = "rtl");
+  }
+  async firstUpdated() {
+    await D, this.createMap();
+  }
+  clearAutocompleteInput() {
+    if (!this.autocompleteElement) return;
+    const t = this.autocompleteElement.shadowRoot?.querySelector("input");
+    t && (t.value = "", this.autocompleteElement.inputValue = "", this.autocompleteElement.value = "");
+  }
+  setupAutocompleteListener() {
+    !this.enableAutocomplete || !this.autocompleteElement || this.autocompleteListenerAttached || (this.autocompleteElement.addEventListener("place-select", ((t) => {
+      const { place: e } = t.detail;
+      if (e?.geometry?.location) {
+        const { lat: o, lng: i } = e.geometry.location;
+        this.setLocation(o, i, 50, true), this.dispatchMapEvent("location_changed", {
+          position: { lat: o, lng: i },
+          accuracy: 50,
+          source: "autocomplete",
+          place: {
+            placeId: e.place_id,
+            formattedAddress: e.formatted_address,
+            addressComponents: e.address_components,
+            name: e.name,
+            types: e.types
+          }
+        }), this.dispatchMapEvent("autocomplete_place_selected", {
+          place: e
+        });
+      }
+    })), this.autocompleteListenerAttached = true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  updated(t) {
+    super.updated(t), this.enableAutocomplete && !this.autocompleteListenerAttached && setTimeout(() => this.setupAutocompleteListener(), 0), this.map && (t.has("center") && this.center && B(this.map, "center", this.center), t.has("zoom") && this.zoom !== void 0 && B(this.map, "zoom", this.zoom), t.has("minZoom") && this.minZoom !== void 0 && this.map && this.map.setOptions({ minZoom: this.minZoom }), t.has("maxZoom") && this.maxZoom !== void 0 && this.map && this.map.setOptions({ maxZoom: this.maxZoom }), t.has("mapTypeId") && this.mapTypeId && B(this.map, "mapTypeId", this.mapTypeId), t.has("heading") && this.heading !== void 0 && B(this.map, "heading", this.heading), t.has("tilt") && this.tilt !== void 0 && B(this.map, "tilt", this.tilt), t.has("locationMarkerPosition") && this.locationMarkerPosition && this.showLocationMarker && this.setLocation(
+      this.locationMarkerPosition.lat,
+      this.locationMarkerPosition.lng,
+      this.locationMarkerPosition.accuracy
+    ));
+  }
+  createMap() {
+    if (!this.mapElement) return;
+    const t = {
+      center: this.center,
+      zoom: this.zoom,
+      mapId: this.mapId,
+      mapTypeId: this.mapTypeId,
+      heading: this.heading,
+      tilt: this.tilt,
+      gestureHandling: this.gestureHandling,
+      minZoom: this.minZoom,
+      maxZoom: this.maxZoom,
+      disableDefaultUI: this.disableDefaultUI,
+      zoomControl: this.zoomControl,
+      mapTypeControl: this.mapTypeControl,
+      scaleControl: this.scaleControl,
+      streetViewControl: this.streetViewControl,
+      rotateControl: this.rotateControl,
+      fullscreenControl: this.fullscreenControl,
+      disableDoubleClickZoom: true,
+      keyboardShortcuts: false,
+      zoomControlOptions: {
+        position: google.maps.ControlPosition.RIGHT_BOTTOM
+      },
+      ...this.options
+    };
+    this.map = new google.maps.Map(this.mapElement, t);
+    const e = google.maps.event.addListener(this.map, "click", (s) => {
+      if (s.latLng && this.showLocationMarker) {
+        const a = s.latLng.lat(), r = s.latLng.lng();
+        this.setLocation(a, r, 50, false), this.clearAutocompleteInput(), this.dispatchMapEvent("location_changed", {
+          position: { lat: a, lng: r },
+          accuracy: 50,
+          source: "map-click"
+        });
+      }
+    }), o = [
+      "click",
+      "dblclick",
+      "drag",
+      "dragend",
+      "dragstart",
+      "idle",
+      "mousemove",
+      "mouseout",
+      "mouseover",
+      "resize",
+      "rightclick",
+      "tilesloaded"
+    ];
+    this.eventListeners = _(this.map, o, (s, a) => {
+      this.dispatchMapEvent(s, a);
+    }), this.eventListeners.push(() => {
+      e && google.maps.event.removeListener(e);
+    }), ["center", "zoom", "bounds", "mapTypeId"].forEach((s) => {
+      const a = `${s}_changed`, r = google.maps.event.addListener(this.map, a, () => {
+        const p = `get${s.charAt(0).toUpperCase()}${s.slice(1)}`;
+        if (typeof this.map[p] == "function") {
+          const m = this.map[p]();
+          this.dispatchMapEvent(a, m);
+        }
+      });
+      this.eventListeners.push(() => {
+        r && google.maps.event.removeListener(r);
+      });
+    }), this.dispatchEvent(
+      new CustomEvent("gmap-ready", {
+        detail: { map: this.map },
+        bubbles: true,
+        composed: true
+      })
+    ), this.locationMarkerPosition && this.showLocationMarker && this.setLocation(
+      this.locationMarkerPosition.lat,
+      this.locationMarkerPosition.lng,
+      this.locationMarkerPosition.accuracy
+    );
+  }
+  dispatchMapEvent(t, e) {
+    let o = t;
+    t.includes("_changed") ? o = `gmap-${t.replace(/_/g, "-")}` : (t.startsWith("geolocation_") || t.startsWith("location_")) && (o = `gmap-${t.replace(/_/g, "-")}`), this.dispatchEvent(
+      new CustomEvent(o, {
+        detail: e,
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  cleanup() {
+    x(this.eventListeners), this.locationMarker && (this.locationMarker.map = null, this.locationMarker = void 0), this.locationCircle && (this.locationCircle.setMap(null), this.locationCircle = void 0), this.map = void 0;
+  }
+  // Public API methods
+  panBy(t, e) {
+    this.map?.panBy(t, e);
+  }
+  panTo(t) {
+    this.map?.panTo(t);
+  }
+  panToBounds(t) {
+    this.map?.panToBounds(t);
+  }
+  fitBounds(t) {
+    this.map?.fitBounds(t);
+  }
+  resize() {
+    this.map && google.maps.event.trigger(this.map, "resize");
+  }
+  resizePreserveCenter() {
+    if (!this.map) return;
+    const t = this.map.getCenter();
+    google.maps.event.trigger(this.map, "resize"), t && this.map.setCenter(t);
+  }
+  /**
+   * Programmatically set the location marker position
+   * @param lat Latitude
+   * @param lng Longitude
+   * @param accuracy Optional accuracy in meters (default: 50)
+   * @param panTo Optional, pan map to location (default: true)
+   */
+  setLocation(t, e, o = 50, i = true) {
+    if (!this.map) {
+      console.warn("GMapMap: Cannot set location before map is initialized");
+      return;
+    }
+    const s = { lat: t, lng: e };
+    i && this.map.panTo(s), this.showLocationMarker && this.addLocationMarker(s, o), this.dispatchMapEvent("location_changed", {
+      position: s,
+      accuracy: o,
+      source: "programmatic"
+    });
+  }
+  async getCurrentLocation(t = false) {
+    if (!navigator.geolocation) {
+      const i = {
+        code: "NOT_SUPPORTED",
+        message: "Geolocation is not supported by this browser"
+      };
+      throw this.dispatchMapEvent("geolocation_error", i), t || this.showGeolocationError(this.getTranslation("generalError")), new Error("NOT_SUPPORTED");
+    }
+    this.geolocationLoading = true, this.buttonState = "loading", this.dispatchMapEvent("geolocation_loading", { message: "Getting your location..." });
+    const o = t ? null : setTimeout(() => {
+      this.geolocationLoading && (this.showLoadingOverlay = true);
+    }, 150);
+    return new Promise((i, s) => {
+      navigator.geolocation.getCurrentPosition(
+        (a) => {
+          const r = {
+            lat: a.coords.latitude,
+            lng: a.coords.longitude
+          };
+          if (o && clearTimeout(o), this.geolocationLoading = false, this.showLoadingOverlay = false, this.buttonState = "success", setTimeout(() => {
+            this.buttonState = "normal";
+          }, 2e3), this.map) {
+            this.map.panTo(r);
+            const m = a.coords.accuracy;
+            let y = 15;
+            m > 1e3 ? y = 12 : m > 500 ? y = 13 : m > 100 ? y = 14 : y = 16, this.map.setZoom(y), this.showLocationMarker && this.addLocationMarker(r, m), this.clearAutocompleteInput();
+          }
+          const p = {
+            position: r,
+            accuracy: a.coords.accuracy,
+            altitude: a.coords.altitude,
+            altitudeAccuracy: a.coords.altitudeAccuracy,
+            heading: a.coords.heading,
+            speed: a.coords.speed,
+            timestamp: a.timestamp
+          };
+          this.dispatchMapEvent("geolocation_success", p), this.dispatchMapEvent("location_changed", {
+            position: r,
+            accuracy: a.coords.accuracy,
+            source: "geolocation"
+          }), i(r);
+        },
+        (a) => {
+          o && clearTimeout(o), this.geolocationLoading = false, this.showLoadingOverlay = false, this.buttonState = "error", setTimeout(() => {
+            this.buttonState = "normal";
+          }, 2e3);
+          let r = "GENERAL_ERROR", p = this.getTranslation("generalError");
+          a.code === a.PERMISSION_DENIED ? (r = "PERMISSION_DENIED", p = this.getTranslation("permissionDenied")) : a.code === a.POSITION_UNAVAILABLE ? (r = "POSITION_UNAVAILABLE", p = this.getTranslation("positionUnavailable")) : a.code === a.TIMEOUT && (r = "TIMEOUT", p = this.getTranslation("timeout"));
+          const m = {
+            code: r,
+            message: p,
+            error: a
+          };
+          this.dispatchMapEvent("geolocation_error", m), t || this.showGeolocationError(p), s(a);
+        },
+        this.geolocationOptions
+      );
+    });
+  }
+  handleGeolocationClick() {
+    this.geolocationError = null, this.getCurrentLocation();
+  }
+  async addLocationMarker(t, e) {
+    if (this.map) {
+      if (this.locationMarker && (this.locationMarker.map = null, this.locationMarker = void 0), this.locationCircle && (this.locationCircle.setMap(null), this.locationCircle = void 0), !this.mapId) {
+        console.warn(
+          "GMapMap: mapId is required for location marker. Please set the mapId property on <gmap-map>. Get a Map ID from: https://console.cloud.google.com/google/maps-apis/studio/maps"
+        );
+        return;
+      }
+      try {
+        const { AdvancedMarkerElement: o, PinElement: i } = await google.maps.importLibrary("marker"), s = new i({
+          background: this.locationMarkerBackground,
+          borderColor: this.locationMarkerBorderColor,
+          glyphColor: this.locationMarkerGlyphColor,
+          scale: this.locationMarkerScale
+        });
+        this.locationMarker = new o({
+          map: this.map,
+          position: t,
+          title: "Your Location (Drag to adjust)",
+          content: s.element,
+          gmpDraggable: true
+        }), this.locationMarker.addListener("dragend", () => {
+          if (this.locationMarker && this.locationCircle) {
+            const a = this.locationMarker.position, r = a.toJSON ? a.toJSON() : { lat: a.lat(), lng: a.lng() };
+            this.locationCircle.setCenter(r);
+            const p = this.locationCircle.getRadius();
+            this.clearAutocompleteInput(), this.dispatchMapEvent("location_marker_dragend", {
+              position: r,
+              accuracy: p
+            }), this.dispatchMapEvent("location_changed", {
+              position: r,
+              accuracy: p,
+              source: "marker-drag"
+            });
+          }
+        });
+      } catch (o) {
+        console.error("Error creating AdvancedMarkerElement:", o);
+      }
+      this.locationCircle = new google.maps.Circle({
+        map: this.map,
+        center: t,
+        radius: e,
+        fillColor: "#4285F4",
+        fillOpacity: 0.15,
+        strokeColor: "#4285F4",
+        strokeOpacity: 0.4,
+        strokeWeight: 1,
+        clickable: false,
+        ...this.locationCircleOptions
+        // Allow customization
+      });
+    }
+  }
+  showGeolocationError(t) {
+    this.geolocationError = t, setTimeout(() => {
+      this.geolocationError = null;
+    }, 7e3);
+  }
+  getTranslation(t) {
+    const o = {
+      loading: this.geolocationLoadingTitle,
+      loadingInstructions: this.geolocationLoadingInstructions,
+      errorTitle: this.geolocationErrorTitle,
+      closeButton: this.geolocationErrorButtonText,
+      timerMessage: this.geolocationErrorTimerMessage,
+      clickToSelectLocation: this.geolocationClickToSelectMessage,
+      generalError: this.geolocationGeneralErrorMessage,
+      permissionDenied: this.geolocationPermissionDeniedMessage,
+      positionUnavailable: this.geolocationPositionUnavailableMessage,
+      timeout: this.geolocationTimeoutMessage
+    }[t];
+    if (o != null && o !== "")
+      return o;
+    const i = tt(this.language);
+    return i[t] || i.generalError;
+  }
+  get buttonLabel() {
+    return this.geolocationButtonLabel !== void 0 ? this.geolocationButtonLabel : tt(this.language).buttonLabel || "";
+  }
+  getButtonIconColor() {
+    switch (this.buttonState) {
+      case "loading":
+        return "#999";
+      // Gray while loading
+      case "success":
+        return "#4285F4";
+      // Blue on success
+      case "error":
+        return "#EA4335";
+      default:
+        return "#666";
+    }
+  }
+  getMap() {
+    return this.map;
+  }
+  render() {
+    const t = et(this.language) ? "rtl" : "ltr";
+    return b$1`
+      <div class="map-page-wrapper">
+        ${this.enableAutocomplete ? b$1`
+              <div class="auto-complete-map-wrapper">
+                <div class="auto-complete-map-box" dir="${t}">
+                  <salla-address-autocomplete
+                    .proxyUrl=${this.autocompleteProxyUrl}
+                    .authToken=${this.autocompleteAuthToken || null}
+                    .placeholder=${this.autocompletePlaceholder || ""}
+                    .label=${this.autocompleteLabel || null}
+                    .language=${this.language}
+                    .country=${this.autocompleteCountry || null}
+                    .locationBias=${this.autocompleteLocationBias || null}
+                    .locationRestriction=${this.autocompleteLocationRestriction || null}
+                    .types=${this.autocompleteTypes ? this.autocompleteTypes.split(",").map((e) => e.trim()) : null}
+                    .fieldsStr=${this.autocompleteFields || null}
+                    .strictBounds=${this.autocompleteStrictBounds}
+                    .resolve=${this.autocompleteResolve}
+                    .debounceDelay=${this.autocompleteDebounceDelay}
+                    .minChars=${this.autocompleteMinChars}
+                  ></salla-address-autocomplete>
+                  ${this.autocompleteHint ? b$1`<span class="hint-wrapper">${this.autocompleteHint}</span>` : ""}
+                </div>
+              </div>
+            ` : ""}
+
+        <div class="map-container">
+          <div class="map"></div>
+          <slot></slot>
+
+          ${this.enableGeolocation ? b$1`
+                <div class="controls-overlay">
+                  <button
+                    class="geolocation-button ${this.buttonLabel && this.buttonLabel.trim() ? "has-label" : ""}"
+                    @click=${this.handleGeolocationClick}
+                    title="Show your location"
+                    ?disabled=${this.geolocationLoading}
+                  >
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="${this.getButtonIconColor()}">
+                      <path
+                        d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"
+                      />
+                    </svg>
+                    ${this.buttonLabel && this.buttonLabel.trim() ? b$1`<span class="label">${this.buttonLabel}</span>` : ""}
+                  </button>
+                </div>
+              ` : ""}
+
+          ${this.showLoadingOverlay && !this.geolocationError ? b$1`
+                <div class="loading-overlay">
+                  <div class="spinner"></div>
+                  <div class="title">
+                    ${this.getTranslation("loading")}
+                  </div>
+                  <div class="instructions">
+                    ${this.getTranslation("loadingInstructions")}
+                  </div>
+                </div>
+              ` : ""}
+
+          ${this.geolocationError && !this.showLoadingOverlay ? b$1`
+                <div class="error-overlay">
+                  <div class="error-icon">
+                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none">
+                      <circle cx="12" cy="12" r="10" stroke="#ef4444" stroke-width="2" fill="none"/>
+                      <path d="M12 8v4M12 16h.01" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/>
+                    </svg>
+                  </div>
+                  <div class="error-title">
+                    ${this.getTranslation("errorTitle")}
+                  </div>
+                  <div class="error-message">${this.geolocationError}</div>
+                  <div class="map-hint">
+                    ${this.getTranslation("clickToSelectLocation")}
+                  </div>
+                  <div class="timer-message">
+                    ${this.getTranslation("timerMessage")}
+                  </div>
+                  <button @click=${() => this.geolocationError = null}>
+                    ${this.getTranslation("closeButton")}
+                  </button>
+                </div>
+              ` : ""}
+        </div>
+      </div>
+    `;
+  }
+};
+exports.GMapMap.styles = i$3`
+    :host {
+      display: block;
+      position: relative;
+      width: 100%;
+      height: 400px;
+    }
+
+    @media (max-width: 640px) {
+      :host {
+        height: 65vh;
+        min-height: 300px;
+      }
+    }
+
+    @media (max-width: 640px) and (min-height: 700px) {
+      :host {
+        height: 65vh;
+      }
+    }
+
+    .map-container {
+      width: 100%;
+      height: 100%;
+      position: relative;
+    }
+
+    .map {
+      width: 100%;
+      height: 100%;
+    }
+
+    .controls-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      pointer-events: none;
+      z-index: 40;
+    }
+
+    .controls-overlay > * {
+      pointer-events: auto;
+    }
+
+    .geolocation-button {
+      position: absolute;
+      bottom: 23px;
+      left: 10px;
+      right: auto;
+      background: #fff;
+      border: none;
+      border-radius: 2px;
+      box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
+      cursor: pointer;
+      padding: 10px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+      outline: none;
+      color: rgb(86, 86, 86);
+      font-family: var(--gmap-font-family, Roboto, Arial, sans-serif);
+      font-size: 14px;
+      white-space: nowrap;
+    }
+
+    @media (max-width: 640px) {
+      .geolocation-button {
+        bottom: 23px;
+        left: 10px;
+        right: auto;
+      }
+
+      .geolocation-button .label {
+        display: none;
+      }
+
+      .geolocation-button {
+        width: 40px !important;
+        padding: 10px !important;
+      }
+    }
+
+    .geolocation-button.has-label {
+      width: auto;
+      padding: 8px 12px;
+    }
+
+    .geolocation-button:not(.has-label) {
+      width: 40px;
+    }
+
+    .geolocation-button:hover:not(:disabled) {
+      background: #ebebeb;
+    }
+
+    .geolocation-button:disabled {
+      cursor: wait;
+      opacity: 0.6;
+    }
+
+    .geolocation-button svg {
+      flex-shrink: 0;
+    }
+
+    .geolocation-button .label {
+      font-weight: 500;
+    }
+
+    .loading-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 200;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 16px;
+      padding: 16px;
+      font-family: var(--gmap-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+    }
+
+    .loading-overlay .spinner {
+      width: 48px;
+      height: 48px;
+      border: 4px solid rgba(255, 255, 255, 0.3);
+      border-top-color: #ffffff;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+
+    @keyframes spin {
+      to { transform: rotate(360deg); }
+    }
+
+    .loading-overlay .title {
+      font-size: 18px;
+      font-weight: 600;
+      color: #ffffff;
+      margin: 0;
+      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+    }
+
+    .loading-overlay .instructions {
+      font-size: 14px;
+      color: #ffffff;
+      line-height: 1.5;
+      margin: 0;
+      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+      text-align: center;
+      max-width: 90%;
+    }
+
+    .error-overlay {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 200;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      padding: 16px;
+      font-family: var(--gmap-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
+    }
+
+    .error-overlay .error-icon svg {
+      display: block;
+    }
+
+    .error-overlay .error-title {
+      font-size: 17px;
+      font-weight: 600;
+      color: #ef4444;
+      margin: 0;
+      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+    }
+
+    .error-overlay .error-message {
+      font-size: 14px;
+      color: #ffffff;
+      line-height: 1.4;
+      margin: 0;
+      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+      text-align: center;
+      max-width: 90%;
+    }
+
+    .error-overlay .map-hint {
+      font-size: 12px;
+      color: #d4d4d4;
+      line-height: 1.4;
+      margin: 0;
+      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+      text-align: center;
+      font-style: italic;
+    }
+
+    .error-overlay .timer-message {
+      font-size: 12px;
+      color: #d4d4d4;
+      margin: 0;
+      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+    }
+
+    .error-overlay button {
+      margin-top: 4px;
+      padding: 8px 24px;
+      background: #ffffff;
+      color: #18181b;
+      border: none;
+      border-radius: 8px;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+    }
+
+    .error-overlay button:hover {
+      background: #f4f4f5;
+    }
+
+    .map-page-wrapper {
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+
+    .auto-complete-map-wrapper {
+      position: absolute;
+      z-index: 50;
+      padding: 1rem;
+      width: 100%;
+      top: 0;
+      left: 0;
+      right: 0;
+      pointer-events: none;
+      box-sizing: border-box;
+    }
+
+    @media (max-width: 640px) {
+      .auto-complete-map-wrapper {
+        padding: 0.75rem 0.5rem;
+      }
+    }
+
+    .auto-complete-map-wrapper > * {
+      pointer-events: auto;
+    }
+
+    .auto-complete-map-box {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      padding: 1rem;
+      background-color: #ffffffb2;
+      border-radius: 8px;
+      backdrop-filter: blur(4px);
+      box-sizing: border-box;
+    }
+
+    @media (max-width: 640px) {
+      .auto-complete-map-box {
+        padding: 0.75rem;
+      }
+    }
+
+    .auto-complete-map-box .hint-wrapper {
+      font-size: 12px;
+      color: #666666;
+      margin-top: 0.5rem;
+      text-align: start;
+      direction: inherit;
+    }
+  `;
+c([
+  n({ type: Object })
+], exports.GMapMap.prototype, "center", 2);
+c([
+  n({ type: Number })
+], exports.GMapMap.prototype, "zoom", 2);
+c([
+  n({ type: String, attribute: "map-id" })
+], exports.GMapMap.prototype, "mapId", 2);
+c([
+  n({ type: String, attribute: "map-type-id" })
+], exports.GMapMap.prototype, "mapTypeId", 2);
+c([
+  n({ type: Number })
+], exports.GMapMap.prototype, "heading", 2);
+c([
+  n({ type: Number })
+], exports.GMapMap.prototype, "tilt", 2);
+c([
+  n({ type: Object })
+], exports.GMapMap.prototype, "bounds", 2);
+c([
+  n({ type: String })
+], exports.GMapMap.prototype, "gestureHandling", 2);
+c([
+  n({ type: Number })
+], exports.GMapMap.prototype, "minZoom", 2);
+c([
+  n({ type: Number })
+], exports.GMapMap.prototype, "maxZoom", 2);
+c([
+  n({ type: Boolean })
+], exports.GMapMap.prototype, "disableDefaultUI", 2);
+c([
+  n({ type: Boolean })
+], exports.GMapMap.prototype, "zoomControl", 2);
+c([
+  n({ type: Boolean })
+], exports.GMapMap.prototype, "mapTypeControl", 2);
+c([
+  n({ type: Boolean })
+], exports.GMapMap.prototype, "scaleControl", 2);
+c([
+  n({ type: Boolean })
+], exports.GMapMap.prototype, "streetViewControl", 2);
+c([
+  n({ type: Boolean })
+], exports.GMapMap.prototype, "rotateControl", 2);
+c([
+  n({ type: Boolean })
+], exports.GMapMap.prototype, "fullscreenControl", 2);
+c([
+  n({ type: Boolean, attribute: "enable-geolocation" })
+], exports.GMapMap.prototype, "enableGeolocation", 2);
+c([
+  n({ type: Boolean, attribute: "show-location-marker" })
+], exports.GMapMap.prototype, "showLocationMarker", 2);
+c([
+  n({ type: Object })
+], exports.GMapMap.prototype, "geolocationOptions", 2);
+c([
+  n({ type: Object, attribute: "location-marker-position" })
+], exports.GMapMap.prototype, "locationMarkerPosition", 2);
+c([
+  n({ type: String, attribute: "location-marker-background" })
+], exports.GMapMap.prototype, "locationMarkerBackground", 2);
+c([
+  n({ type: String, attribute: "location-marker-border-color" })
+], exports.GMapMap.prototype, "locationMarkerBorderColor", 2);
+c([
+  n({ type: String, attribute: "location-marker-glyph-color" })
+], exports.GMapMap.prototype, "locationMarkerGlyphColor", 2);
+c([
+  n({ type: Number, attribute: "location-marker-scale" })
+], exports.GMapMap.prototype, "locationMarkerScale", 2);
+c([
+  n({ type: Object, attribute: "location-circle-options" })
+], exports.GMapMap.prototype, "locationCircleOptions", 2);
+c([
+  n({ type: String })
+], exports.GMapMap.prototype, "language", 2);
+c([
+  n({ type: Object })
+], exports.GMapMap.prototype, "options", 2);
+c([
+  n({ type: String, attribute: "geolocation-button-label" })
+], exports.GMapMap.prototype, "geolocationButtonLabel", 2);
+c([
+  n({ type: String, attribute: "geolocation-loading-title" })
+], exports.GMapMap.prototype, "geolocationLoadingTitle", 2);
+c([
+  n({ type: String, attribute: "geolocation-loading-instructions" })
+], exports.GMapMap.prototype, "geolocationLoadingInstructions", 2);
+c([
+  n({ type: String, attribute: "geolocation-error-title" })
+], exports.GMapMap.prototype, "geolocationErrorTitle", 2);
+c([
+  n({ type: String, attribute: "geolocation-error-button-text" })
+], exports.GMapMap.prototype, "geolocationErrorButtonText", 2);
+c([
+  n({ type: String, attribute: "geolocation-error-timer-message" })
+], exports.GMapMap.prototype, "geolocationErrorTimerMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-click-to-select-message" })
+], exports.GMapMap.prototype, "geolocationClickToSelectMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-permission-denied-message" })
+], exports.GMapMap.prototype, "geolocationPermissionDeniedMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-position-unavailable-message" })
+], exports.GMapMap.prototype, "geolocationPositionUnavailableMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-timeout-message" })
+], exports.GMapMap.prototype, "geolocationTimeoutMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-general-error-message" })
+], exports.GMapMap.prototype, "geolocationGeneralErrorMessage", 2);
+c([
+  n({ type: Boolean, attribute: "enable-autocomplete" })
+], exports.GMapMap.prototype, "enableAutocomplete", 2);
+c([
+  n({ type: String, attribute: "autocomplete-hint" })
+], exports.GMapMap.prototype, "autocompleteHint", 2);
+c([
+  n({ type: String, attribute: "autocomplete-proxy-url" })
+], exports.GMapMap.prototype, "autocompleteProxyUrl", 2);
+c([
+  n({ type: String, attribute: "autocomplete-auth-token" })
+], exports.GMapMap.prototype, "autocompleteAuthToken", 2);
+c([
+  n({ type: String, attribute: "autocomplete-placeholder" })
+], exports.GMapMap.prototype, "autocompletePlaceholder", 2);
+c([
+  n({ type: String, attribute: "autocomplete-label" })
+], exports.GMapMap.prototype, "autocompleteLabel", 2);
+c([
+  n({ type: String, attribute: "autocomplete-country" })
+], exports.GMapMap.prototype, "autocompleteCountry", 2);
+c([
+  n({ type: Object, attribute: "autocomplete-location-bias" })
+], exports.GMapMap.prototype, "autocompleteLocationBias", 2);
+c([
+  n({ type: Object, attribute: "autocomplete-location-restriction" })
+], exports.GMapMap.prototype, "autocompleteLocationRestriction", 2);
+c([
+  n({ type: String, attribute: "autocomplete-types" })
+], exports.GMapMap.prototype, "autocompleteTypes", 2);
+c([
+  n({ type: String, attribute: "autocomplete-fields" })
+], exports.GMapMap.prototype, "autocompleteFields", 2);
+c([
+  n({ type: Boolean, attribute: "autocomplete-strict-bounds" })
+], exports.GMapMap.prototype, "autocompleteStrictBounds", 2);
+c([
+  n({ type: Boolean, attribute: "autocomplete-resolve" })
+], exports.GMapMap.prototype, "autocompleteResolve", 2);
+c([
+  n({ type: Number, attribute: "autocomplete-debounce-delay" })
+], exports.GMapMap.prototype, "autocompleteDebounceDelay", 2);
+c([
+  n({ type: Number, attribute: "autocomplete-min-chars" })
+], exports.GMapMap.prototype, "autocompleteMinChars", 2);
+c([
+  F(".map")
+], exports.GMapMap.prototype, "mapElement", 2);
+c([
+  F("salla-address-autocomplete")
+], exports.GMapMap.prototype, "autocompleteElement", 2);
+c([
+  h()
+], exports.GMapMap.prototype, "geolocationLoading", 2);
+c([
+  h()
+], exports.GMapMap.prototype, "geolocationError", 2);
+c([
+  h()
+], exports.GMapMap.prototype, "showLoadingOverlay", 2);
+c([
+  h()
+], exports.GMapMap.prototype, "buttonState", 2);
+exports.GMapMap = c([
+  L("gmap-map")
+], exports.GMapMap);
+var Bt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, d = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ut(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Bt(e, o, s), s;
+};
+exports.GMapMarker = class u extends i {
+  constructor() {
+    super(...arguments), this.title = "", this.gmpDraggable = false, this.gmpClickable = true, this.scale = 1, this.draggable = false, this.clickable = true, this.eventListeners = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback(), await this.initMarker();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  async updated(t) {
+    super.updated(t), this.marker && (t.has("position") && this.position && (this.marker.position = this.normalizePosition(this.position)), t.has("title") && this.title && (this.marker.title = this.title), t.has("gmpDraggable") && (this.marker.gmpDraggable = this.gmpDraggable || this.draggable), t.has("gmpClickable") && (this.marker.gmpClickable = this.gmpClickable !== false && this.clickable !== false), t.has("zIndex") && this.zIndex !== void 0 && (this.marker.zIndex = this.zIndex), (t.has("content") || t.has("background") || t.has("borderColor") || t.has("glyphColor") || t.has("scale") || t.has("icon") || t.has("label")) && this.updateMarkerContent());
+  }
+  async initMarker() {
+    this.addEventListener("gmap-ready", ((e) => {
+      this.map = e.detail.map, this.createMarker();
+    }));
+    const t = this.closest("gmap-map");
+    t?.getMap && (this.map = t.getMap(), this.map && await this.createMarker());
+  }
+  async createMarker() {
+    if (!this.map) {
+      console.error("GMapMarker: No map found. Make sure the marker is inside a <gmap-map> element.");
+      return;
+    }
+    if (!this.map.get?.("mapId")) {
+      console.error(
+        'GMapMarker: AdvancedMarkerElement requires a mapId to be set on the map. Add mapId to your map. Example: mapId="YOUR_MAP_ID". Get a Map ID from: https://console.cloud.google.com/google/maps-apis/studio/maps'
+      );
+      return;
+    }
+    this.markerLibrary = await st("marker");
+    const { AdvancedMarkerElement: e, PinElement: o } = this.markerLibrary, i = this.gmpDraggable || this.draggable, s = this.gmpClickable !== false && this.clickable !== false, a = {
+      map: this.map,
+      position: this.normalizePosition(this.position),
+      title: this.title,
+      gmpDraggable: i,
+      gmpClickable: s
+    };
+    if (this.zIndex !== void 0 && (a.zIndex = this.zIndex), this.content)
+      if (typeof this.content == "string") {
+        const p = document.createElement("div");
+        p.innerHTML = this.content, a.content = p;
+      } else
+        a.content = this.content;
+    else if (this.icon) {
+      const p = document.createElement("img");
+      p.src = this.icon, p.style.width = "32px", p.style.height = "32px", a.content = p;
+    } else {
+      const p = {
+        scale: this.scale || 1
+      };
+      this.background && (p.background = this.background), this.borderColor && (p.borderColor = this.borderColor), this.glyphColor && (p.glyphColor = this.glyphColor), this.label && typeof this.label == "string" && (p.glyph = this.label), this.pinElement = new o(p), this.pinElement?.element && (a.content = this.pinElement.element);
+    }
+    this.marker = new e(a);
+    const r = ["click", "drag", "dragstart", "dragend", "gmp-click"];
+    this.eventListeners = _(this.marker, r, (p, m) => {
+      if (p === "dragend" && this.marker && this.marker.position) {
+        const y = this.marker.position, H = y.toJSON ? y.toJSON() : { lat: y.lat(), lng: y.lng() };
+        this.dispatchEvent(
+          new CustomEvent("dragend", {
+            detail: { latLng: H },
+            bubbles: true,
+            composed: true
+          })
+        ), this.dispatchEvent(
+          new CustomEvent("gmap-position-changed", {
+            detail: H,
+            bubbles: true,
+            composed: true
+          })
+        );
+      } else
+        this.dispatchEvent(
+          new CustomEvent(p, {
+            detail: m,
+            bubbles: true,
+            composed: true
+          })
+        );
+    }), this.dispatchEvent(
+      new CustomEvent("gmap-marker-ready", {
+        detail: { marker: this.marker },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  updateMarkerContent() {
+    if (!this.marker || !this.markerLibrary) return;
+    const { PinElement: t } = this.markerLibrary;
+    if (this.content)
+      if (typeof this.content == "string") {
+        const e = document.createElement("div");
+        e.innerHTML = this.content, this.marker.content = e;
+      } else
+        this.marker.content = this.content;
+    else if (this.icon) {
+      const e = document.createElement("img");
+      e.src = this.icon, e.style.width = "32px", e.style.height = "32px", this.marker.content = e;
+    } else {
+      const e = {
+        scale: this.scale || 1
+      };
+      this.background && (e.background = this.background), this.borderColor && (e.borderColor = this.borderColor), this.glyphColor && (e.glyphColor = this.glyphColor), this.label && typeof this.label == "string" && (e.glyph = this.label), this.pinElement = new t(e), this.pinElement?.element && (this.marker.content = this.pinElement.element);
+    }
+  }
+  normalizePosition(t) {
+    return t ? {
+      lat: typeof t.lat == "number" ? t.lat : parseFloat(t.lat),
+      lng: typeof t.lng == "number" ? t.lng : parseFloat(t.lng)
+    } : { lat: 0, lng: 0 };
+  }
+  cleanup() {
+    x(this.eventListeners), this.marker && (this.marker.map = null, this.marker = void 0);
+  }
+  getMarker() {
+    return this.marker;
+  }
+  render() {
+    return b$1`<slot></slot>`;
+  }
+};
+d([
+  n({ type: Object })
+], exports.GMapMarker.prototype, "position", 2);
+d([
+  n({ type: String })
+], exports.GMapMarker.prototype, "title", 2);
+d([
+  n({ type: Boolean })
+], exports.GMapMarker.prototype, "gmpDraggable", 2);
+d([
+  n({ type: Boolean })
+], exports.GMapMarker.prototype, "gmpClickable", 2);
+d([
+  n({ type: Number })
+], exports.GMapMarker.prototype, "zIndex", 2);
+d([
+  n({ type: Object })
+], exports.GMapMarker.prototype, "content", 2);
+d([
+  n({ type: String })
+], exports.GMapMarker.prototype, "background", 2);
+d([
+  n({ type: String })
+], exports.GMapMarker.prototype, "borderColor", 2);
+d([
+  n({ type: String })
+], exports.GMapMarker.prototype, "glyphColor", 2);
+d([
+  n({ type: Number })
+], exports.GMapMarker.prototype, "scale", 2);
+d([
+  n({ type: Boolean })
+], exports.GMapMarker.prototype, "draggable", 2);
+d([
+  n({ type: Boolean })
+], exports.GMapMarker.prototype, "clickable", 2);
+d([
+  n({ type: String })
+], exports.GMapMarker.prototype, "icon", 2);
+d([
+  n({ type: String })
+], exports.GMapMarker.prototype, "label", 2);
+d([
+  h()
+], exports.GMapMarker.prototype, "marker", 2);
+d([
+  h()
+], exports.GMapMarker.prototype, "map", 2);
+exports.GMapMarker = d([
+  L("gmap-marker")
+], exports.GMapMarker);
+var Dt = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, P = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? jt(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Dt(e, o, s), s;
+};
+exports.GMapInfoWindow = class f extends i {
+  constructor() {
+    super(...arguments), this.opened = true, this.options = {}, this.eventListeners = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback(), await this.initInfoWindow();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  updated(t) {
+    super.updated(t), this.infoWindow && (t.has("opened") && (this.opened ? this.open() : this.close()), t.has("position") && this.position && !this.marker && this.infoWindow.setPosition(this.position), t.has("zIndex") && this.zIndex !== void 0 && this.infoWindow.setZIndex(this.zIndex));
+  }
+  async initInfoWindow() {
+    const t = this.closest("gmap-marker");
+    if (t)
+      this.addEventListener("gmap-marker-ready", ((e) => {
+        this.marker = e.detail.marker, this.createInfoWindow();
+      })), t.getMarker && (this.marker = t.getMarker(), this.marker && await this.createInfoWindow());
+    else {
+      const e = this.closest("gmap-map");
+      e && (this.addEventListener("gmap-ready", ((o) => {
+        this.map = o.detail.map, this.createInfoWindow();
+      })), e.getMap && (this.map = e.getMap(), this.map && await this.createInfoWindow()));
+    }
+  }
+  async createInfoWindow() {
+    const t = document.createElement("div");
+    t.style.cssText = "min-width: 200px;";
+    const e = {
+      content: t,
+      ...this.options
+    };
+    this.zIndex !== void 0 && (e.zIndex = this.zIndex), this.position && !this.marker && (e.position = this.position), this.infoWindow = new google.maps.InfoWindow(e), this.observeSlotContent(t);
+    const o = ["closeclick", "domready", "content_changed"];
+    this.eventListeners = _(this.infoWindow, o, (i) => {
+      i === "closeclick" && (this.opened = false), this.dispatchEvent(
+        new CustomEvent(i, {
+          bubbles: true,
+          composed: true
+        })
+      );
+    }), this.opened && this.open();
+  }
+  observeSlotContent(t) {
+    this.renderSlotContent(t);
+    const e = this.shadowRoot?.querySelector("slot");
+    e && e.addEventListener("slotchange", () => {
+      this.renderSlotContent(t);
+    }), this.contentObserver = new MutationObserver(() => {
+      this.renderSlotContent(t);
+    }), this.contentObserver.observe(this, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+  }
+  renderSlotContent(t) {
+    const e = this.shadowRoot?.querySelector("slot");
+    if (e) {
+      const o = e.assignedNodes({ flatten: true });
+      t.innerHTML = "", o.forEach((i) => {
+        (i.nodeType === Node.ELEMENT_NODE || i.nodeType === Node.TEXT_NODE && i.textContent?.trim()) && t.appendChild(i.cloneNode(true));
+      });
+    }
+  }
+  open() {
+    this.infoWindow && (this.marker ? this.infoWindow.open({
+      anchor: this.marker,
+      map: this.map
+    }) : this.map && this.infoWindow.open(this.map));
+  }
+  close() {
+    this.infoWindow?.close();
+  }
+  cleanup() {
+    x(this.eventListeners), this.contentObserver && (this.contentObserver.disconnect(), this.contentObserver = void 0), this.infoWindow && (this.infoWindow.close(), this.infoWindow = void 0);
+  }
+  getInfoWindow() {
+    return this.infoWindow;
+  }
+  render() {
+    return b$1`<slot></slot>`;
+  }
+};
+exports.GMapInfoWindow.styles = i$3`
+    :host {
+      display: contents;
+    }
+  `;
+P([
+  n({ type: Boolean })
+], exports.GMapInfoWindow.prototype, "opened", 2);
+P([
+  n({ type: Object })
+], exports.GMapInfoWindow.prototype, "position", 2);
+P([
+  n({ type: Number })
+], exports.GMapInfoWindow.prototype, "zIndex", 2);
+P([
+  n({ type: Object })
+], exports.GMapInfoWindow.prototype, "options", 2);
+P([
+  h()
+], exports.GMapInfoWindow.prototype, "infoWindow", 2);
+P([
+  h()
+], exports.GMapInfoWindow.prototype, "map", 2);
+P([
+  h()
+], exports.GMapInfoWindow.prototype, "marker", 2);
+exports.GMapInfoWindow = P([
+  L("gmap-info-window")
+], exports.GMapInfoWindow);
+var Rt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, z = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Gt(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Rt(e, o, s), s;
+};
+exports.GMapPolyline = class M extends i {
+  constructor() {
+    super(...arguments), this.path = [], this.editable = false, this.draggable = false, this.options = {}, this.eventListeners = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback(), await this.initPolyline();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  updated(t) {
+    super.updated(t), this.polyline && (t.has("path") && this.path && this.polyline.setPath(this.path), t.has("editable") && this.polyline.setEditable(this.editable), t.has("draggable") && this.polyline.setDraggable(this.draggable), t.has("options") && this.polyline.setOptions(this.options));
+  }
+  async initPolyline() {
+    const t = this.closest("gmap-map");
+    t && (this.addEventListener("gmap-ready", ((e) => {
+      this.map = e.detail.map, this.createPolyline();
+    })), t.getMap && (this.map = t.getMap(), this.map && await this.createPolyline()));
+  }
+  async createPolyline() {
+    if (!this.map) return;
+    const t = {
+      map: this.map,
+      path: this.path,
+      editable: this.editable,
+      draggable: this.draggable,
+      ...this.options
+    };
+    this.polyline = new google.maps.Polyline(t);
+    const e = [
+      "click",
+      "dblclick",
+      "drag",
+      "dragend",
+      "dragstart",
+      "mousedown",
+      "mousemove",
+      "mouseout",
+      "mouseover",
+      "mouseup",
+      "rightclick"
+    ];
+    this.eventListeners = _(this.polyline, e, (a, r) => {
+      this.dispatchEvent(
+        new CustomEvent(a, {
+          detail: r,
+          bubbles: true,
+          composed: true
+        })
+      );
+    });
+    const o = google.maps.event.addListener(this.polyline.getPath(), "set_at", () => {
+      this.emitPathChanged();
+    }), i = google.maps.event.addListener(this.polyline.getPath(), "insert_at", () => {
+      this.emitPathChanged();
+    }), s = google.maps.event.addListener(this.polyline.getPath(), "remove_at", () => {
+      this.emitPathChanged();
+    });
+    this.eventListeners.push(
+      () => google.maps.event.removeListener(o),
+      () => google.maps.event.removeListener(i),
+      () => google.maps.event.removeListener(s)
+    );
+  }
+  emitPathChanged() {
+    if (!this.polyline) return;
+    const t = this.polyline.getPath().getArray().map((e) => ({
+      lat: e.lat(),
+      lng: e.lng()
+    }));
+    this.dispatchEvent(
+      new CustomEvent("gmap-path-changed", {
+        detail: t,
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  cleanup() {
+    x(this.eventListeners), this.polyline && (this.polyline.setMap(null), this.polyline = void 0);
+  }
+  getPolyline() {
+    return this.polyline;
+  }
+  render() {
+    return b$1``;
+  }
+};
+z([
+  n({ type: Array })
+], exports.GMapPolyline.prototype, "path", 2);
+z([
+  n({ type: Boolean })
+], exports.GMapPolyline.prototype, "editable", 2);
+z([
+  n({ type: Boolean })
+], exports.GMapPolyline.prototype, "draggable", 2);
+z([
+  n({ type: Object })
+], exports.GMapPolyline.prototype, "options", 2);
+z([
+  h()
+], exports.GMapPolyline.prototype, "polyline", 2);
+z([
+  h()
+], exports.GMapPolyline.prototype, "map", 2);
+exports.GMapPolyline = z([
+  L("gmap-polyline")
+], exports.GMapPolyline);
+var Wt = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, O = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Zt(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Wt(e, o, s), s;
+};
+exports.GMapPolygon = class w extends i {
+  constructor() {
+    super(...arguments), this.editable = false, this.draggable = false, this.options = {}, this.eventListeners = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback(), await this.initPolygon();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  updated(t) {
+    super.updated(t), this.polygon && (t.has("path") && this.path && this.polygon.setPath(this.path), t.has("paths") && this.paths && this.polygon.setPaths(this.paths), t.has("editable") && this.polygon.setEditable(this.editable), t.has("draggable") && this.polygon.setDraggable(this.draggable), t.has("options") && this.polygon.setOptions(this.options));
+  }
+  async initPolygon() {
+    const t = this.closest("gmap-map");
+    t && (this.addEventListener("gmap-ready", ((e) => {
+      this.map = e.detail.map, this.createPolygon();
+    })), t.getMap && (this.map = t.getMap(), this.map && await this.createPolygon()));
+  }
+  async createPolygon() {
+    if (!this.map) return;
+    const t = {
+      map: this.map,
+      editable: this.editable,
+      draggable: this.draggable,
+      ...this.options
+    };
+    this.paths ? t.paths = this.paths : this.path && (t.paths = this.path), this.polygon = new google.maps.Polygon(t);
+    const e = [
+      "click",
+      "dblclick",
+      "drag",
+      "dragend",
+      "dragstart",
+      "mousedown",
+      "mousemove",
+      "mouseout",
+      "mouseover",
+      "mouseup",
+      "rightclick"
+    ];
+    this.eventListeners = _(this.polygon, e, (o, i) => {
+      this.dispatchEvent(
+        new CustomEvent(o, {
+          detail: i,
+          bubbles: true,
+          composed: true
+        })
+      );
+    }), this.paths ? this.bindPathsChanges() : this.bindPathChanges();
+  }
+  bindPathChanges() {
+    if (!this.polygon) return;
+    const t = this.polygon.getPath(), e = google.maps.event.addListener(t, "set_at", () => {
+      this.emitPathChanged();
+    }), o = google.maps.event.addListener(t, "insert_at", () => {
+      this.emitPathChanged();
+    }), i = google.maps.event.addListener(t, "remove_at", () => {
+      this.emitPathChanged();
+    });
+    this.eventListeners.push(
+      () => google.maps.event.removeListener(e),
+      () => google.maps.event.removeListener(o),
+      () => google.maps.event.removeListener(i)
+    );
+  }
+  bindPathsChanges() {
+    if (!this.polygon) return;
+    this.polygon.getPaths().forEach((e, o) => {
+      const i = google.maps.event.addListener(e, "set_at", () => {
+        this.emitPathsChanged();
+      }), s = google.maps.event.addListener(e, "insert_at", () => {
+        this.emitPathsChanged();
+      }), a = google.maps.event.addListener(e, "remove_at", () => {
+        this.emitPathsChanged();
+      });
+      this.eventListeners.push(
+        () => google.maps.event.removeListener(i),
+        () => google.maps.event.removeListener(s),
+        () => google.maps.event.removeListener(a)
+      );
+    });
+  }
+  emitPathChanged() {
+    if (!this.polygon) return;
+    const t = this.polygon.getPath().getArray().map((e) => ({
+      lat: e.lat(),
+      lng: e.lng()
+    }));
+    this.dispatchEvent(
+      new CustomEvent("gmap-path-changed", {
+        detail: t,
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  emitPathsChanged() {
+    if (!this.polygon) return;
+    const t = this.polygon.getPaths().getArray().map(
+      (e) => e.getArray().map((o) => ({
+        lat: o.lat(),
+        lng: o.lng()
+      }))
+    );
+    this.dispatchEvent(
+      new CustomEvent("gmap-paths-changed", {
+        detail: t,
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  cleanup() {
+    x(this.eventListeners), this.polygon && (this.polygon.setMap(null), this.polygon = void 0);
+  }
+  getPolygon() {
+    return this.polygon;
+  }
+  render() {
+    return b$1``;
+  }
+};
+O([
+  n({ type: Array })
+], exports.GMapPolygon.prototype, "path", 2);
+O([
+  n({ type: Array })
+], exports.GMapPolygon.prototype, "paths", 2);
+O([
+  n({ type: Boolean })
+], exports.GMapPolygon.prototype, "editable", 2);
+O([
+  n({ type: Boolean })
+], exports.GMapPolygon.prototype, "draggable", 2);
+O([
+  n({ type: Object })
+], exports.GMapPolygon.prototype, "options", 2);
+O([
+  h()
+], exports.GMapPolygon.prototype, "polygon", 2);
+O([
+  h()
+], exports.GMapPolygon.prototype, "map", 2);
+exports.GMapPolygon = O([
+  L("gmap-polygon")
+], exports.GMapPolygon);
+var Nt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, $ = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? qt(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Nt(e, o, s), s;
+};
+exports.GMapCircle = class k extends i {
+  constructor() {
+    super(...arguments), this.radius = 1e3, this.editable = false, this.draggable = false, this.options = {}, this.eventListeners = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback(), await this.initCircle();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  updated(t) {
+    super.updated(t), this.circle && (t.has("center") && this.center && this.circle.setCenter(this.center), t.has("radius") && this.radius !== void 0 && this.circle.setRadius(this.radius), t.has("editable") && this.circle.setEditable(this.editable), t.has("draggable") && this.circle.setDraggable(this.draggable), t.has("options") && this.circle.setOptions(this.options));
+  }
+  async initCircle() {
+    const t = this.closest("gmap-map");
+    t && (this.addEventListener("gmap-ready", ((e) => {
+      this.map = e.detail.map, this.createCircle();
+    })), t.getMap && (this.map = t.getMap(), this.map && await this.createCircle()));
+  }
+  async createCircle() {
+    if (!this.map) return;
+    const t = {
+      map: this.map,
+      center: this.center,
+      radius: this.radius,
+      editable: this.editable,
+      draggable: this.draggable,
+      ...this.options
+    };
+    this.circle = new google.maps.Circle(t);
+    const e = [
+      "click",
+      "dblclick",
+      "drag",
+      "dragend",
+      "dragstart",
+      "mousedown",
+      "mousemove",
+      "mouseout",
+      "mouseover",
+      "mouseup",
+      "rightclick",
+      "center_changed",
+      "radius_changed",
+      "bounds_changed"
+    ];
+    this.eventListeners = _(this.circle, e, (o, i) => {
+      if (o === "center_changed") {
+        const s = this.circle.getCenter(), a = s ? { lat: s.lat(), lng: s.lng() } : null;
+        this.dispatchEvent(
+          new CustomEvent(o, {
+            detail: a,
+            bubbles: true,
+            composed: true
+          })
+        );
+      } else if (o === "radius_changed") {
+        const s = this.circle.getRadius();
+        this.dispatchEvent(
+          new CustomEvent(o, {
+            detail: s,
+            bubbles: true,
+            composed: true
+          })
+        );
+      } else
+        this.dispatchEvent(
+          new CustomEvent(o, {
+            detail: i,
+            bubbles: true,
+            composed: true
+          })
+        );
+    });
+  }
+  cleanup() {
+    x(this.eventListeners), this.circle && (this.circle.setMap(null), this.circle = void 0);
+  }
+  getCircle() {
+    return this.circle;
+  }
+  render() {
+    return b$1``;
+  }
+};
+$([
+  n({ type: Object })
+], exports.GMapCircle.prototype, "center", 2);
+$([
+  n({ type: Number })
+], exports.GMapCircle.prototype, "radius", 2);
+$([
+  n({ type: Boolean })
+], exports.GMapCircle.prototype, "editable", 2);
+$([
+  n({ type: Boolean })
+], exports.GMapCircle.prototype, "draggable", 2);
+$([
+  n({ type: Object })
+], exports.GMapCircle.prototype, "options", 2);
+$([
+  h()
+], exports.GMapCircle.prototype, "circle", 2);
+$([
+  h()
+], exports.GMapCircle.prototype, "map", 2);
+exports.GMapCircle = $([
+  L("gmap-circle")
+], exports.GMapCircle);
+var Vt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, I = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ft(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Vt(e, o, s), s;
+};
+exports.GMapRectangle = class S extends i {
+  constructor() {
+    super(...arguments), this.editable = false, this.draggable = false, this.options = {}, this.eventListeners = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback(), await this.initRectangle();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  updated(t) {
+    super.updated(t), this.rectangle && (t.has("bounds") && this.bounds && this.rectangle.setBounds(this.bounds), t.has("editable") && this.rectangle.setEditable(this.editable), t.has("draggable") && this.rectangle.setDraggable(this.draggable), t.has("options") && this.rectangle.setOptions(this.options));
+  }
+  async initRectangle() {
+    const t = this.closest("gmap-map");
+    t && (this.addEventListener("gmap-ready", ((e) => {
+      this.map = e.detail.map, this.createRectangle();
+    })), t.getMap && (this.map = t.getMap(), this.map && await this.createRectangle()));
+  }
+  async createRectangle() {
+    if (!this.map) return;
+    const t = {
+      map: this.map,
+      bounds: this.bounds,
+      editable: this.editable,
+      draggable: this.draggable,
+      ...this.options
+    };
+    this.rectangle = new google.maps.Rectangle(t);
+    const e = [
+      "click",
+      "dblclick",
+      "drag",
+      "dragend",
+      "dragstart",
+      "mousedown",
+      "mousemove",
+      "mouseout",
+      "mouseover",
+      "mouseup",
+      "rightclick",
+      "bounds_changed"
+    ];
+    this.eventListeners = _(this.rectangle, e, (o, i) => {
+      if (o === "bounds_changed") {
+        const s = this.rectangle.getBounds();
+        if (s) {
+          const a = {
+            north: s.getNorthEast().lat(),
+            south: s.getSouthWest().lat(),
+            east: s.getNorthEast().lng(),
+            west: s.getSouthWest().lng()
+          };
+          this.dispatchEvent(
+            new CustomEvent(o, {
+              detail: a,
+              bubbles: true,
+              composed: true
+            })
+          );
+        }
+      } else
+        this.dispatchEvent(
+          new CustomEvent(o, {
+            detail: i,
+            bubbles: true,
+            composed: true
+          })
+        );
+    });
+  }
+  cleanup() {
+    x(this.eventListeners), this.rectangle && (this.rectangle.setMap(null), this.rectangle = void 0);
+  }
+  getRectangle() {
+    return this.rectangle;
+  }
+  render() {
+    return b$1``;
+  }
+};
+I([
+  n({ type: Object })
+], exports.GMapRectangle.prototype, "bounds", 2);
+I([
+  n({ type: Boolean })
+], exports.GMapRectangle.prototype, "editable", 2);
+I([
+  n({ type: Boolean })
+], exports.GMapRectangle.prototype, "draggable", 2);
+I([
+  n({ type: Object })
+], exports.GMapRectangle.prototype, "options", 2);
+I([
+  h()
+], exports.GMapRectangle.prototype, "rectangle", 2);
+I([
+  h()
+], exports.GMapRectangle.prototype, "map", 2);
+exports.GMapRectangle = I([
+  L("gmap-rectangle")
+], exports.GMapRectangle);
+var Ht = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, T = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Kt(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Ht(e, o, s), s;
+};
+exports.GMapCluster = class C extends i {
+  constructor() {
+    super(...arguments), this.gridSize = 60, this.markers = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback(), await this.initCluster();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  async initCluster() {
+    const t = this.closest("gmap-map");
+    t && (this.addEventListener("gmap-ready", ((e) => {
+      this.map = e.detail.map, this.createCluster();
+    })), t.getMap && (this.map = t.getMap(), this.map && await this.createCluster())), this.addEventListener("gmap-marker-ready", ((e) => {
+      const o = e.detail.marker;
+      this.addMarker(o);
+    }));
+  }
+  async createCluster() {
+    if (this.map)
+      try {
+        const t = await Promise.resolve().then(function () { return require('./index.esm-DOwgk2YK.js'); }).catch(() => null);
+        if (!t) {
+          console.error(
+            "GMapCluster: @googlemaps/markerclusterer not found. Install with: npm install @googlemaps/markerclusterer"
+          );
+          return;
+        }
+        const { MarkerClusterer: e } = t, o = {
+          map: this.map,
+          markers: this.markers
+        };
+        this.gridSize && (o.gridSize = this.gridSize), this.maxZoom !== void 0 && (o.maxZoom = this.maxZoom), this.styles && (o.styles = this.styles), this.calculator && (o.calculator = this.calculator), this.markerClusterer = new e(o);
+      } catch (t) {
+        console.error("GMapCluster: Error creating cluster:", t);
+      }
+  }
+  addMarker(t) {
+    this.markers.includes(t) || (this.markers.push(t), this.markerClusterer && this.markerClusterer.addMarker(t));
+  }
+  cleanup() {
+    this.markerClusterer && (this.markerClusterer.clearMarkers(), this.markerClusterer = void 0), this.markers = [];
+  }
+  getClusterer() {
+    return this.markerClusterer;
+  }
+  render() {
+    return b$1`<slot></slot>`;
+  }
+};
+T([
+  n({ type: Number })
+], exports.GMapCluster.prototype, "gridSize", 2);
+T([
+  n({ type: Number })
+], exports.GMapCluster.prototype, "maxZoom", 2);
+T([
+  n({ type: Array })
+], exports.GMapCluster.prototype, "styles", 2);
+T([
+  n({ type: Function })
+], exports.GMapCluster.prototype, "calculator", 2);
+T([
+  h()
+], exports.GMapCluster.prototype, "map", 2);
+T([
+  h()
+], exports.GMapCluster.prototype, "markerClusterer", 2);
+T([
+  h()
+], exports.GMapCluster.prototype, "markers", 2);
+exports.GMapCluster = T([
+  L("gmap-cluster")
+], exports.GMapCluster);
+var Jt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, v = (t, e, o, i) => {
+  for (var s = i > 1 ? void 0 : i ? Yt(e, o) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (i ? r(e, o, s) : r(s)) || s);
+  return i && s && Jt(e, o, s), s;
+};
+exports.GMapStreetViewPanorama = class b extends i {
+  constructor() {
+    super(...arguments), this.zoom = 0, this.visible = true, this.motionTracking = true, this.options = {}, this.eventListeners = [];
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+  }
+  async firstUpdated() {
+    await D, this.createPanorama();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.cleanup();
+  }
+  updated(t) {
+    super.updated(t), this.panorama && (t.has("position") && this.position && this.panorama.setPosition(this.position), t.has("pano") && this.pano && this.panorama.setPano(this.pano), t.has("zoom") && this.zoom !== void 0 && this.panorama.setZoom(this.zoom), t.has("pov") && this.pov && this.panorama.setPov(this.pov), t.has("visible") && this.panorama.setVisible(this.visible), t.has("motionTracking") && this.panorama.setMotionTracking(this.motionTracking));
+  }
+  createPanorama() {
+    if (!this.panoramaElement) return;
+    const t = {
+      position: this.position,
+      pano: this.pano,
+      zoom: this.zoom,
+      pov: this.pov,
+      visible: this.visible,
+      motionTracking: this.motionTracking,
+      ...this.options
+    };
+    this.panorama = new google.maps.StreetViewPanorama(this.panoramaElement, t);
+    const e = ["closeclick", "status_changed"];
+    this.eventListeners = _(this.panorama, e, (o, i) => {
+      this.dispatchEvent(
+        new CustomEvent(o, {
+          detail: i,
+          bubbles: true,
+          composed: true
+        })
+      );
+    });
+  }
+  cleanup() {
+    x(this.eventListeners), this.panorama = void 0;
+  }
+  resize() {
+    this.panorama && google.maps.event.trigger(this.panorama, "resize");
+  }
+  getPanorama() {
+    return this.panorama;
+  }
+  render() {
+    return b$1`<div class="panorama"></div>`;
+  }
+};
+exports.GMapStreetViewPanorama.styles = i$3`
+    :host {
+      display: block;
+      position: relative;
+      width: 100%;
+      height: 400px;
+    }
+
+    .panorama {
+      width: 100%;
+      height: 100%;
+    }
+  `;
+v([
+  n({ type: Object })
+], exports.GMapStreetViewPanorama.prototype, "position", 2);
+v([
+  n({ type: String })
+], exports.GMapStreetViewPanorama.prototype, "pano", 2);
+v([
+  n({ type: Number })
+], exports.GMapStreetViewPanorama.prototype, "zoom", 2);
+v([
+  n({ type: Object })
+], exports.GMapStreetViewPanorama.prototype, "pov", 2);
+v([
+  n({ type: Boolean })
+], exports.GMapStreetViewPanorama.prototype, "visible", 2);
+v([
+  n({ type: Boolean })
+], exports.GMapStreetViewPanorama.prototype, "motionTracking", 2);
+v([
+  n({ type: Object })
+], exports.GMapStreetViewPanorama.prototype, "options", 2);
+v([
+  F(".panorama")
+], exports.GMapStreetViewPanorama.prototype, "panoramaElement", 2);
+v([
+  h()
+], exports.GMapStreetViewPanorama.prototype, "panorama", 2);
+exports.GMapStreetViewPanorama = v([
+  L("gmap-street-view-panorama")
+], exports.GMapStreetViewPanorama);
+
+exports.bindEvents = _;
+exports.cleanupListeners = x;
+exports.getTranslations = tt;
+exports.importLibrary = st;
+exports.isRTL = et;
+exports.load = ee;
+exports.loaded = D;
+exports.updateProperty = B;