@salla.sa/twilight-components 2.14.449 → 2.14.451

package/dist/cjs/salla-bullet-delivery_2.cjs.entry.js

@@ -3,8 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C7gO-zm5.js');
-var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
+var index = require('./index-lbHgh2oF.js');
 var location = require('./location-DIyESLuI.js');
 var search = require('./search-c7Aa7lM9.js');
 
@@ -202,6 +201,12 @@ const bulletDeliveryAPI = {
             return { success: false, error: err?.response?.data != null ? errMsg(err.response.data) : (err?.message ?? 'Unknown error') };
         }
     },
+    async getAddressToken() {
+        return withApiErrorHandling(async () => {
+            const res = await salla.api.request('address/autocomplete-token');
+            return res?.data?.token ?? null;
+        }, null, 'Error fetching address autocomplete token');
+    },
 };
 function clearApiCache() {
     apiCache.clear();
@@ -295,7 +300,7 @@ const requireRegionAndDistrictForSA = (countryCode, regionId, districtIdOrName)
     ? true
     : (regionId != null && Number(regionId) !== 0) && (districtIdOrName != null && (typeof districtIdOrName === 'number' ? districtIdOrName !== 0 : String(districtIdOrName).trim().length > 0));
 function buildAddressLocationPayloadFromSelection(options) {
-    const { countryId, countryCode, regionId, cityId, districtId, description = '' } = options;
+    const { countryId, countryCode, regionId, cityId, districtId, description = '', lat, lng, shortAddress } = options;
     const desc = description || '';
     return {
         country_id: Number(countryId) || undefined,
@@ -304,6 +309,8 @@ function buildAddressLocationPayloadFromSelection(options) {
         district_id: districtId != null ? Number(districtId) : undefined,
         description: desc,
         ...(countryCode && isSaudiArabia(countryCode) && { local: desc }),
+        ...(lat != null && lng != null && { lat, lng }),
+        ...(shortAddress && { short_address: shortAddress }),
     };
 }
 const GEO_ERROR_MESSAGES = {
@@ -313,6 +320,4406 @@ const GEO_ERROR_MESSAGES = {
 };
 const getGeolocationErrorMessage = (errorCode) => GEO_ERROR_MESSAGES[errorCode] ?? 'An error occurred while detecting location';
 
+/**
+ * @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$3=(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$2=c$2?c$2.emptyScript:"",p$2=a$1.reactiveElementPolyfillSupport,d$3=(t,s)=>t,u$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$2: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$3=(t,s)=>!i$2(t,s),b$3={attribute:true,type:String,converter:u$2,reflect:false,useDefault:false,hasChanged:f$3};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$3){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$3}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$3(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$2).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$2;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$3)(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$1=document,c$1=()=>l$1.createComment(""),a=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u$1=Array.isArray,d$2=t=>u$1(t)||"function"==typeof t?.[Symbol.iterator],f$2="[ \t\n\f\r]",v$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$2=/-->/g,m=/>/g,p$1=RegExp(`>|${f$2}(?:([^\\s"'>=/]+)(${f$2}*=${f$2}*(?:[^ \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$2=x$2(1),E$1=Symbol.for("lit-noChange"),A$2=Symbol.for("lit-nothing"),C$2=new WeakMap,P$2=l$1.createTreeWalker(l$1,129);function V$2(t,i){if(!u$1(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$2 = 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$1.createElement("template");return s.innerHTML=t,s}};function M$2(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$2(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$1).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$2(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$1,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$2 = 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$2(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$1.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$2.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$2.get(t.strings);return void 0===i&&C$2.set(t.strings,i=new S$2(t)),i}k(t){u$1(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$2(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$2(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$2(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$2(this,t);}};const B$2=t.litHtmlPolyfillSupport;B$2?.(S$2,k$2),(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$2(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$1 = globalThis, X$1 = M$1.trustedTypes, Se = X$1 ? X$1.emptyScript : "", Ee = M$1.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$1.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$1.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$1 = document, R$1 = () => S$1.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$1 = 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$1 = /* @__PURE__ */ Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), x$1 = S$1.createTreeWalker(S$1, 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$1) : c[3] !== void 0 && (a = w$1) : a === w$1 ? 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$1 : c[3] === '"' ? oe : se) : a === oe || a === se ? a = w$1 : a === ie || a === re ? a = P$1 : (a = w$1, s = void 0);
+    const $ = a === w$1 && 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$1.createElement("template");
+    return r.innerHTML = e, r;
+  }
+}
+function k$1(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$1(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$1).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$1, 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$1, 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$1(this, e, i), I$1(e) ? e === f$1 || e == null || e === "" ? (this._$AH !== f$1 && this._$AR(), this._$AH = f$1) : 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$1 && I$1(this._$AH) ? this._$AA.nextSibling.data = e : this.T(S$1.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$1, 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$1;
+  }
+  _$AI(e, i = this, r, s) {
+    const o = this.strings;
+    let a = false;
+    if (o === void 0) e = k$1(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$1(this, n[r + l], i, l), m === v$1 && (m = this._$AH[l]), a ||= !I$1(m) || m !== this._$AH[l], m === f$1 ? e = f$1 : e !== f$1 && (e += (m ?? "") + o[l + 1]), this._$AH[l] = m;
+    }
+    a && !s && this.j(e);
+  }
+  j(e) {
+    e === f$1 ? 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$1 ? void 0 : e;
+  }
+}
+class Ne extends B$1 {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== f$1);
+  }
+}
+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$1(this, e, i, 0) ?? f$1) === v$1) return;
+    const r = this._$AH, s = e === f$1 && r !== f$1 || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== f$1 && (r === f$1 || 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$1(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$1 = class C 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$1._$litElement$ = true, C$1.finalized = true, G$1.litElementHydrateSupport?.({ LitElement: C$1 });
+const Ve = G$1.litElementPolyfillSupport;
+Ve?.({ LitElement: C$1 });
+(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$1(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$1) 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$1 {
+  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$1()
+], d$1.prototype, "predictions", 2);
+h$1([
+  b$1()
+], d$1.prototype, "isOpen", 2);
+h$1([
+  b$1()
+], d$1.prototype, "isLoading", 2);
+h$1([
+  b$1()
+], d$1.prototype, "error", 2);
+h$1([
+  b$1()
+], d$1.prototype, "activeIndex", 2);
+h$1([
+  b$1()
+], d$1.prototype, "inputValue", 2);
+h$1([
+  b$1()
+], d$1.prototype, "sessionToken", 2);
+h$1([
+  b$1()
+], d$1.prototype, "validationError", 2);
+h$1([
+  b$1()
+], d$1.prototype, "touched", 2);
+h$1([
+  b$1()
+], 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");
+  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;
+};
+let l = class 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$2`
+      <div class="map-page-wrapper">
+        ${this.enableAutocomplete ? b$2`
+              <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$2`<span class="hint-wrapper">${this.autocompleteHint}</span>` : ""}
+                </div>
+              </div>
+            ` : ""}
+
+        <div class="map-container">
+          <div class="map"></div>
+          <slot></slot>
+
+          ${this.enableGeolocation ? b$2`
+                <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$2`<span class="label">${this.buttonLabel}</span>` : ""}
+                  </button>
+                </div>
+              ` : ""}
+
+          ${this.showLoadingOverlay && !this.geolocationError ? b$2`
+                <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$2`
+                <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>
+    `;
+  }
+};
+l.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 })
+], l.prototype, "center", 2);
+c([
+  n({ type: Number })
+], l.prototype, "zoom", 2);
+c([
+  n({ type: String, attribute: "map-id" })
+], l.prototype, "mapId", 2);
+c([
+  n({ type: String, attribute: "map-type-id" })
+], l.prototype, "mapTypeId", 2);
+c([
+  n({ type: Number })
+], l.prototype, "heading", 2);
+c([
+  n({ type: Number })
+], l.prototype, "tilt", 2);
+c([
+  n({ type: Object })
+], l.prototype, "bounds", 2);
+c([
+  n({ type: String })
+], l.prototype, "gestureHandling", 2);
+c([
+  n({ type: Number })
+], l.prototype, "minZoom", 2);
+c([
+  n({ type: Number })
+], l.prototype, "maxZoom", 2);
+c([
+  n({ type: Boolean })
+], l.prototype, "disableDefaultUI", 2);
+c([
+  n({ type: Boolean })
+], l.prototype, "zoomControl", 2);
+c([
+  n({ type: Boolean })
+], l.prototype, "mapTypeControl", 2);
+c([
+  n({ type: Boolean })
+], l.prototype, "scaleControl", 2);
+c([
+  n({ type: Boolean })
+], l.prototype, "streetViewControl", 2);
+c([
+  n({ type: Boolean })
+], l.prototype, "rotateControl", 2);
+c([
+  n({ type: Boolean })
+], l.prototype, "fullscreenControl", 2);
+c([
+  n({ type: Boolean, attribute: "enable-geolocation" })
+], l.prototype, "enableGeolocation", 2);
+c([
+  n({ type: Boolean, attribute: "show-location-marker" })
+], l.prototype, "showLocationMarker", 2);
+c([
+  n({ type: Object })
+], l.prototype, "geolocationOptions", 2);
+c([
+  n({ type: Object, attribute: "location-marker-position" })
+], l.prototype, "locationMarkerPosition", 2);
+c([
+  n({ type: String, attribute: "location-marker-background" })
+], l.prototype, "locationMarkerBackground", 2);
+c([
+  n({ type: String, attribute: "location-marker-border-color" })
+], l.prototype, "locationMarkerBorderColor", 2);
+c([
+  n({ type: String, attribute: "location-marker-glyph-color" })
+], l.prototype, "locationMarkerGlyphColor", 2);
+c([
+  n({ type: Number, attribute: "location-marker-scale" })
+], l.prototype, "locationMarkerScale", 2);
+c([
+  n({ type: Object, attribute: "location-circle-options" })
+], l.prototype, "locationCircleOptions", 2);
+c([
+  n({ type: String })
+], l.prototype, "language", 2);
+c([
+  n({ type: Object })
+], l.prototype, "options", 2);
+c([
+  n({ type: String, attribute: "geolocation-button-label" })
+], l.prototype, "geolocationButtonLabel", 2);
+c([
+  n({ type: String, attribute: "geolocation-loading-title" })
+], l.prototype, "geolocationLoadingTitle", 2);
+c([
+  n({ type: String, attribute: "geolocation-loading-instructions" })
+], l.prototype, "geolocationLoadingInstructions", 2);
+c([
+  n({ type: String, attribute: "geolocation-error-title" })
+], l.prototype, "geolocationErrorTitle", 2);
+c([
+  n({ type: String, attribute: "geolocation-error-button-text" })
+], l.prototype, "geolocationErrorButtonText", 2);
+c([
+  n({ type: String, attribute: "geolocation-error-timer-message" })
+], l.prototype, "geolocationErrorTimerMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-click-to-select-message" })
+], l.prototype, "geolocationClickToSelectMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-permission-denied-message" })
+], l.prototype, "geolocationPermissionDeniedMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-position-unavailable-message" })
+], l.prototype, "geolocationPositionUnavailableMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-timeout-message" })
+], l.prototype, "geolocationTimeoutMessage", 2);
+c([
+  n({ type: String, attribute: "geolocation-general-error-message" })
+], l.prototype, "geolocationGeneralErrorMessage", 2);
+c([
+  n({ type: Boolean, attribute: "enable-autocomplete" })
+], l.prototype, "enableAutocomplete", 2);
+c([
+  n({ type: String, attribute: "autocomplete-hint" })
+], l.prototype, "autocompleteHint", 2);
+c([
+  n({ type: String, attribute: "autocomplete-proxy-url" })
+], l.prototype, "autocompleteProxyUrl", 2);
+c([
+  n({ type: String, attribute: "autocomplete-auth-token" })
+], l.prototype, "autocompleteAuthToken", 2);
+c([
+  n({ type: String, attribute: "autocomplete-placeholder" })
+], l.prototype, "autocompletePlaceholder", 2);
+c([
+  n({ type: String, attribute: "autocomplete-label" })
+], l.prototype, "autocompleteLabel", 2);
+c([
+  n({ type: String, attribute: "autocomplete-country" })
+], l.prototype, "autocompleteCountry", 2);
+c([
+  n({ type: Object, attribute: "autocomplete-location-bias" })
+], l.prototype, "autocompleteLocationBias", 2);
+c([
+  n({ type: Object, attribute: "autocomplete-location-restriction" })
+], l.prototype, "autocompleteLocationRestriction", 2);
+c([
+  n({ type: String, attribute: "autocomplete-types" })
+], l.prototype, "autocompleteTypes", 2);
+c([
+  n({ type: String, attribute: "autocomplete-fields" })
+], l.prototype, "autocompleteFields", 2);
+c([
+  n({ type: Boolean, attribute: "autocomplete-strict-bounds" })
+], l.prototype, "autocompleteStrictBounds", 2);
+c([
+  n({ type: Boolean, attribute: "autocomplete-resolve" })
+], l.prototype, "autocompleteResolve", 2);
+c([
+  n({ type: Number, attribute: "autocomplete-debounce-delay" })
+], l.prototype, "autocompleteDebounceDelay", 2);
+c([
+  n({ type: Number, attribute: "autocomplete-min-chars" })
+], l.prototype, "autocompleteMinChars", 2);
+c([
+  F(".map")
+], l.prototype, "mapElement", 2);
+c([
+  F("salla-address-autocomplete")
+], l.prototype, "autocompleteElement", 2);
+c([
+  h()
+], l.prototype, "geolocationLoading", 2);
+c([
+  h()
+], l.prototype, "geolocationError", 2);
+c([
+  h()
+], l.prototype, "showLoadingOverlay", 2);
+c([
+  h()
+], l.prototype, "buttonState", 2);
+l = c([
+  L("gmap-map")
+], l);
+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;
+};
+let u = class 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$2`<slot></slot>`;
+  }
+};
+d([
+  n({ type: Object })
+], u.prototype, "position", 2);
+d([
+  n({ type: String })
+], u.prototype, "title", 2);
+d([
+  n({ type: Boolean })
+], u.prototype, "gmpDraggable", 2);
+d([
+  n({ type: Boolean })
+], u.prototype, "gmpClickable", 2);
+d([
+  n({ type: Number })
+], u.prototype, "zIndex", 2);
+d([
+  n({ type: Object })
+], u.prototype, "content", 2);
+d([
+  n({ type: String })
+], u.prototype, "background", 2);
+d([
+  n({ type: String })
+], u.prototype, "borderColor", 2);
+d([
+  n({ type: String })
+], u.prototype, "glyphColor", 2);
+d([
+  n({ type: Number })
+], u.prototype, "scale", 2);
+d([
+  n({ type: Boolean })
+], u.prototype, "draggable", 2);
+d([
+  n({ type: Boolean })
+], u.prototype, "clickable", 2);
+d([
+  n({ type: String })
+], u.prototype, "icon", 2);
+d([
+  n({ type: String })
+], u.prototype, "label", 2);
+d([
+  h()
+], u.prototype, "marker", 2);
+d([
+  h()
+], u.prototype, "map", 2);
+u = d([
+  L("gmap-marker")
+], u);
+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;
+};
+let f = class 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$2`<slot></slot>`;
+  }
+};
+f.styles = i$3`
+    :host {
+      display: contents;
+    }
+  `;
+P([
+  n({ type: Boolean })
+], f.prototype, "opened", 2);
+P([
+  n({ type: Object })
+], f.prototype, "position", 2);
+P([
+  n({ type: Number })
+], f.prototype, "zIndex", 2);
+P([
+  n({ type: Object })
+], f.prototype, "options", 2);
+P([
+  h()
+], f.prototype, "infoWindow", 2);
+P([
+  h()
+], f.prototype, "map", 2);
+P([
+  h()
+], f.prototype, "marker", 2);
+f = P([
+  L("gmap-info-window")
+], f);
+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;
+};
+let M = class 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$2``;
+  }
+};
+z([
+  n({ type: Array })
+], M.prototype, "path", 2);
+z([
+  n({ type: Boolean })
+], M.prototype, "editable", 2);
+z([
+  n({ type: Boolean })
+], M.prototype, "draggable", 2);
+z([
+  n({ type: Object })
+], M.prototype, "options", 2);
+z([
+  h()
+], M.prototype, "polyline", 2);
+z([
+  h()
+], M.prototype, "map", 2);
+M = z([
+  L("gmap-polyline")
+], M);
+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;
+};
+let w = class 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$2``;
+  }
+};
+O([
+  n({ type: Array })
+], w.prototype, "path", 2);
+O([
+  n({ type: Array })
+], w.prototype, "paths", 2);
+O([
+  n({ type: Boolean })
+], w.prototype, "editable", 2);
+O([
+  n({ type: Boolean })
+], w.prototype, "draggable", 2);
+O([
+  n({ type: Object })
+], w.prototype, "options", 2);
+O([
+  h()
+], w.prototype, "polygon", 2);
+O([
+  h()
+], w.prototype, "map", 2);
+w = O([
+  L("gmap-polygon")
+], w);
+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;
+};
+let k = class 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$2``;
+  }
+};
+$([
+  n({ type: Object })
+], k.prototype, "center", 2);
+$([
+  n({ type: Number })
+], k.prototype, "radius", 2);
+$([
+  n({ type: Boolean })
+], k.prototype, "editable", 2);
+$([
+  n({ type: Boolean })
+], k.prototype, "draggable", 2);
+$([
+  n({ type: Object })
+], k.prototype, "options", 2);
+$([
+  h()
+], k.prototype, "circle", 2);
+$([
+  h()
+], k.prototype, "map", 2);
+k = $([
+  L("gmap-circle")
+], k);
+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;
+};
+let S = class 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$2``;
+  }
+};
+I([
+  n({ type: Object })
+], S.prototype, "bounds", 2);
+I([
+  n({ type: Boolean })
+], S.prototype, "editable", 2);
+I([
+  n({ type: Boolean })
+], S.prototype, "draggable", 2);
+I([
+  n({ type: Object })
+], S.prototype, "options", 2);
+I([
+  h()
+], S.prototype, "rectangle", 2);
+I([
+  h()
+], S.prototype, "map", 2);
+S = I([
+  L("gmap-rectangle")
+], S);
+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;
+};
+let C = class 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$2`<slot></slot>`;
+  }
+};
+T([
+  n({ type: Number })
+], C.prototype, "gridSize", 2);
+T([
+  n({ type: Number })
+], C.prototype, "maxZoom", 2);
+T([
+  n({ type: Array })
+], C.prototype, "styles", 2);
+T([
+  n({ type: Function })
+], C.prototype, "calculator", 2);
+T([
+  h()
+], C.prototype, "map", 2);
+T([
+  h()
+], C.prototype, "markerClusterer", 2);
+T([
+  h()
+], C.prototype, "markers", 2);
+C = T([
+  L("gmap-cluster")
+], C);
+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;
+};
+let b = class 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$2`<div class="panorama"></div>`;
+  }
+};
+b.styles = i$3`
+    :host {
+      display: block;
+      position: relative;
+      width: 100%;
+      height: 400px;
+    }
+
+    .panorama {
+      width: 100%;
+      height: 100%;
+    }
+  `;
+v([
+  n({ type: Object })
+], b.prototype, "position", 2);
+v([
+  n({ type: String })
+], b.prototype, "pano", 2);
+v([
+  n({ type: Number })
+], b.prototype, "zoom", 2);
+v([
+  n({ type: Object })
+], b.prototype, "pov", 2);
+v([
+  n({ type: Boolean })
+], b.prototype, "visible", 2);
+v([
+  n({ type: Boolean })
+], b.prototype, "motionTracking", 2);
+v([
+  n({ type: Object })
+], b.prototype, "options", 2);
+v([
+  F(".panorama")
+], b.prototype, "panoramaElement", 2);
+v([
+  h()
+], b.prototype, "panorama", 2);
+b = v([
+  L("gmap-street-view-panorama")
+], b);
+
 var GetDirections = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M7.94798 3.19336C11.1309 2.1083 12.7223 1.56578 13.5783 2.42174C14.4342 3.27771 13.8917 4.86914 12.8066 8.05201L12.0678 10.2195C11.2344 12.6639 10.8178 13.8861 10.131 13.9872C9.94631 14.0144 9.75517 13.9981 9.57248 13.9394C8.89297 13.7212 8.53377 12.4326 7.81538 9.8553C7.65604 9.28364 7.57637 8.99781 7.39494 8.7795C7.34228 8.71614 7.28386 8.65772 7.2205 8.60506C7.00219 8.42363 6.71636 8.34396 6.1447 8.18462C3.56741 7.46623 2.27876 7.10703 2.0606 6.42752C2.00195 6.24483 1.98558 6.05369 2.01277 5.86903C2.11392 5.18221 3.33613 4.76556 5.78054 3.93225L7.94798 3.19336Z"
@@ -338,6 +4745,18 @@ var GPS = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="ht
 </svg>
     `;
 
+var LocationTag = `<svg width="13" height="15" viewBox="0 0 8.97576 11.7781" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.2453 8.52122L5.8322 8.24311L5.86126 8.20024L6.27435 8.47694L6.2453 8.52122ZM6.42386 8.25126L6.00758 7.97882C5.96896 8.03798 5.92999 8.0975 5.88995 8.15737L6.30376 8.43372C6.34414 8.37136 6.38489 8.31184 6.42386 8.25126ZM6.63572 7.92213L6.21518 7.65677L6.11244 7.81797L6.5305 8.08723L6.63572 7.92213ZM6.43484 9.81081L5.92538 9.45547C5.32487 10.316 4.76617 11.0388 4.48664 11.3927L4.97413 11.7781C5.25827 11.4182 5.82512 10.6831 6.43484 9.81081ZM3.55487 10.1647C3.44257 10.0113 3.33097 9.85652 3.22327 9.70417L2.717 10.0638C2.82611 10.2179 2.93913 10.3745 3.0525 10.5307L3.55487 10.1647ZM3.11734 9.55006L2.99688 9.37823L2.48707 9.73216L2.60965 9.90753L3.11734 9.55006ZM6.58577 9.59257L6.07206 9.24113L5.95266 9.41402L6.46248 9.76865C6.50499 9.71091 6.54538 9.65174 6.58577 9.59151V9.59257ZM2.96535 9.33607C2.46191 8.60767 2.02898 7.92319 1.68072 7.30887L1.14044 7.61461C1.49933 8.24736 1.94182 8.9453 2.4566 9.68929L2.96535 9.33607ZM7.01161 8.95416L6.49152 8.6144C6.39055 8.7678 6.28533 8.92652 6.17763 9.08453L6.69134 9.43386C6.80329 9.27018 6.911 9.11146 7.01374 8.95486L7.01161 8.95416ZM8.97363 4.48559C8.97434 3.96621 8.88471 3.45073 8.70898 2.96217L8.12442 3.17262C8.27605 3.5935 8.35364 4.03777 8.35293 4.48559C8.35293 4.99505 8.11733 5.71955 7.65216 6.63927L8.2059 6.91916C8.72599 5.89847 8.97576 5.10204 8.97576 4.4863L8.97363 4.48559ZM0.749309 5.26111C0.699001 5.09389 0.661447 4.92313 0.637001 4.75059L0.0216118 4.83208C0.0488916 5.03579 0.0921143 5.23738 0.150217 5.43436L0.749309 5.26111ZM0.621058 4.58443V4.39737L0 4.3832V4.48594C0 4.51995 5.62238e-07 4.5738 0.00389767 4.6188L0.621058 4.58443ZM1.3275 2.25361L0.820874 1.89472C0.314958 2.60824 0.0297605 3.45427 0.000709258 4.32864L0.621058 4.35061C0.645858 3.59705 0.89173 2.86793 1.3275 2.25361ZM8.69233 2.91151C8.66612 2.84065 8.63706 2.76944 8.60766 2.70106L8.03797 2.94835C8.06348 3.00752 8.08792 3.06846 8.11131 3.12939L8.69233 2.91151ZM8.52227 2.51684C8.43264 2.33367 8.33025 2.15689 8.21653 1.98754L7.70282 2.33367C7.80095 2.47928 7.88846 2.63163 7.96534 2.78964L8.52227 2.51684ZM6.33848 0.397516C5.7571 0.13393 5.12577 -0.00140612 4.48735 1.10152e-05C4.25494 1.10152e-05 4.02288 0.0177252 3.79331 0.0531534L3.88825 0.664646C4.08665 0.634178 4.28682 0.618943 4.48735 0.618589C5.0372 0.617526 5.58137 0.73444 6.08197 0.961535L6.33848 0.397516ZM3.47906 0.752862L3.31644 0.150581C3.11946 0.203369 2.92602 0.269974 2.73825 0.349688L2.97987 0.921501C3.14214 0.853125 3.30865 0.796084 3.47835 0.750382L3.47906 0.752862ZM3.84184 0.673858L3.7391 0.061657C3.6647 0.0737026 3.58959 0.0885822 3.51519 0.104525L3.64876 0.710702C3.71182 0.694051 3.77666 0.681651 3.84078 0.671023L3.84184 0.673858ZM4.68149 10.6292C4.68149 10.6253 5.02975 10.2041 5.49138 9.58159L5.08998 9.28293C4.8434 9.6156 4.63083 9.8884 4.4877 10.0705C4.2436 9.76121 3.79791 9.18302 3.32069 8.49819L2.91043 8.78481C3.63494 9.82286 4.28824 10.6218 4.29462 10.6296L4.48735 10.8659L4.68149 10.6292ZM5.57039 9.47318L5.16757 9.17629L5.10344 9.26097L5.50556 9.55821C5.52752 9.52739 5.54843 9.50117 5.56968 9.47212L5.57039 9.47318ZM6.01997 8.85035L5.60759 8.56445C5.48359 8.74123 5.35463 8.92156 5.22213 9.10154L5.62566 9.39772C5.75993 9.21278 5.89137 9.02927 6.0175 8.85L6.01997 8.85035ZM8.12194 4.47708C8.12229 3.76958 7.91539 3.07731 7.52639 2.48601L7.10833 2.76023C7.44419 3.2704 7.62311 3.86807 7.62204 4.47886C7.62204 5.12436 7.14872 6.20669 6.25309 7.60788L6.67434 7.87714C7.63196 6.37108 8.11875 5.2271 8.11875 4.47567L8.12194 4.47708ZM2.68015 7.53667C2.55863 7.34394 2.44314 7.15653 2.33791 6.97584L1.9064 7.22951C2.01481 7.41444 2.13314 7.60788 2.25785 7.8077L2.68015 7.53667ZM2.29009 6.89436L2.23801 6.80366L1.80365 7.05237L1.8568 7.14554L2.29009 6.89436ZM2.22596 6.78205C1.65627 5.78155 1.35513 4.98371 1.35513 4.47567C1.35513 4.17453 1.39835 3.87516 1.48338 3.58642L1.00368 3.44541C0.905193 3.77915 0.854885 4.12528 0.855239 4.47319C0.855239 5.07618 1.16984 5.93567 1.79161 7.02757L2.22596 6.78205ZM7.50867 2.46263C7.48812 2.43181 7.46616 2.39851 7.44455 2.36946L7.03535 2.65465C7.05413 2.68087 7.07326 2.7078 7.09133 2.73508L7.50867 2.46263ZM2.36732 2.17389L2.02579 1.8026C1.85148 1.9638 1.69312 2.14201 1.55389 2.33438L1.95777 2.62985C2.07893 2.46369 2.21604 2.30994 2.36767 2.1707L2.36732 2.17389ZM7.38396 2.28726C7.24012 2.09772 7.07786 1.9227 6.90037 1.76434L6.5677 2.13811C6.7211 2.27415 6.86104 2.42472 6.98504 2.58769L7.38396 2.28726ZM2.50726 2.04848L2.19124 1.66302C2.16183 1.68675 2.13278 1.7112 2.10373 1.73635L2.43286 2.11402C2.45731 2.08993 2.48246 2.06867 2.50726 2.04848ZM4.48664 1.34203C4.8884 1.34133 5.28626 1.41856 5.65861 1.56878L5.84602 1.10431C4.62658 0.613984 3.23744 0.819114 2.21214 1.6414L2.52568 2.03112C3.08084 1.58295 3.77311 1.34026 4.48664 1.3431V1.34203ZM4.72649 9.03245C4.86927 8.82839 5.00708 8.62609 5.13817 8.43053C5.67207 7.64862 6.15567 6.83342 6.58506 5.98987C7.08141 4.98406 7.12463 4.54723 7.12853 4.47035V4.45618C7.12853 2.99689 5.94558 1.81394 4.48628 1.81394C3.02699 1.81394 1.84404 2.99689 1.84404 4.45618V4.47035C1.84404 4.54759 1.89081 4.98406 2.3868 5.98987C2.8169 6.83342 3.3005 7.64862 3.83476 8.43053C3.96336 8.62326 4.10401 8.82874 4.24643 9.03245L4.48522 9.3754L4.72649 9.03245ZM3.0316 3.00362C3.83547 2.19975 5.13887 2.20011 5.94274 3.00398C6.32537 3.3866 6.54183 3.90456 6.54538 4.44555C6.53971 4.49374 6.48125 4.87707 6.06178 5.73018C5.64373 6.55177 5.17289 7.34571 4.6528 8.10671C4.59895 8.18749 4.54368 8.26933 4.48699 8.35223C4.43102 8.26933 4.37504 8.18784 4.32119 8.10671C3.80146 7.34536 3.33061 6.55177 2.91221 5.73018C2.48636 4.86644 2.43357 4.48346 2.42932 4.44555C2.43109 3.90421 2.64791 3.38589 3.0316 3.00362Z" fill="url(#paint0_linear_0_471)"/>
+<defs>
+<linearGradient id="paint0_linear_0_471" x1="-0.000253536" y1="5.88509" x2="8.97608" y2="5.88509" gradientUnits="userSpaceOnUse">
+<stop offset="0.2" stop-color="#4498B6"/>
+<stop offset="0.49" stop-color="#273265"/>
+<stop offset="1" stop-color="#C93732"/>
+</linearGradient>
+</defs>
+</svg>
+`;
+
 var MiniMap = `<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g filter="url(#filter0_d_24181_220540)">
     <mask id="mask0_24181_220540" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="33" height="32">
@@ -383,7 +4802,7 @@ var Store = `<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="
 </svg>
     `;
 
-const sallaBulletDeliveryCss = "@supports (interpolate-size: allow-keywords) and (block-size: calc-size(auto, size)) {\n  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body, .s-bullet-delivery-inner {\n    @apply [interpolate-size:allow-keywords];\n  }\n  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body {\n    @apply [overflow:clip] [transition:block-size_500ms_ease];\n  }\n  .s-bullet-delivery-inner {\n    @apply [overflow:clip] [transition:block-size_500ms_ease];\n    block-size: calc-size(auto, size);\n  }\n}\n\n/* Allow searchable dropdown popover to paint outside the modal body */\n.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open) {\n  overflow: visible !important;\n}\n\n@keyframes s-bullet-delivery-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}";
+const sallaBulletDeliveryCss = "@supports (interpolate-size: allow-keywords) and (block-size: calc-size(auto, size)) {\n  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body, .s-bullet-delivery-inner {\n    @apply [interpolate-size:allow-keywords];\n  }\n  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body {\n    @apply [overflow:clip] [transition:block-size_500ms_ease];\n  }\n  .s-bullet-delivery-inner {\n    @apply [overflow:clip] [transition:block-size_500ms_ease];\n    block-size: calc-size(auto, size);\n  }\n}\n\n/* Allow searchable dropdown popover to paint outside the modal body */\n.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open) {\n  overflow: visible !important;\n}\n\n.s-bullet-delivery-map-container {\n  width: 100%;\n  height: 450px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin-bottom: 12px;\n}\n.s-bullet-delivery-map-container gmap-map {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.s-bullet-delivery-address-confirm {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  padding: 0 24px;\n}\n\n.s-bullet-delivery-address-confirm-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.s-bullet-delivery-address-confirm-edit {\n  border: 1px solid #eee;\n  border-radius: 8px;\n  padding: 6px 12px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  color: #333;\n  background: white;\n  cursor: pointer;\n  white-space: nowrap;\n  height: 32px;\n  flex-shrink: 0;\n  align-self: center;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.s-bullet-delivery-address-confirm-details {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1;\n  min-width: 0;\n}\n\n.s-bullet-delivery-address-confirm-label {\n  font-size: 12px;\n  color: #666;\n}\n\n.s-bullet-delivery-address-confirm-text {\n  font-size: 14px;\n  font-weight: 700;\n  color: #333;\n  margin: 0;\n  word-break: break-word;\n}\n\n.s-bullet-delivery-address-confirm-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  border: 1px solid #eee;\n  border-radius: 140px;\n  padding: 4px 8px;\n  font-size: 12px;\n  color: #333;\n  margin-top: 4px;\n}\n\n.s-bullet-delivery-address-confirm-tag-icon {\n  width: 9px;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n.s-bullet-delivery-address-confirm-tag-icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.s-bullet-delivery-address-confirm-description {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.s-bullet-delivery-address-confirm-description-label {\n  font-size: 14px;\n  font-weight: 500;\n  color: #444;\n}\n\n.s-bullet-delivery-address-confirm-description-optional {\n  font-weight: 400;\n  color: #999;\n  margin-inline-start: 4px;\n}\n\n.s-bullet-delivery-address-confirm-description-input {\n  width: 100%;\n  border: 1px solid #eee;\n  border-radius: 8px;\n  padding: 10px 12px;\n  font-size: 14px;\n}\n\n.s-bullet-delivery-login-prompt {\n  display: block;\n  width: 100%;\n  text-align: center;\n  background: none;\n  border: none;\n  color: var(--color-primary, #004956);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  padding: 12px 0;\n}\n\n@keyframes s-bullet-delivery-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}";
 
 const BRANCH_SEARCH_DEBOUNCE_MS = 1000;
 const GEOLOCATION_TIMEOUT = 10000;
@@ -437,6 +4856,7 @@ const SallaBulletDelivery = class {
         this.bulletDeliveryMobileSelectHandler = null;
         /** True after saved addresses have been loaded (lazy: only when address tab is shown). */
         this.savedAddressesLoaded = false;
+        this.gmapRef = null;
         // Core state
         this.activeTab = "address";
         this.isLoggedIn = false;
@@ -487,6 +4907,13 @@ const SallaBulletDelivery = class {
         this.displayedDistricts = [];
         /** Shown when scopes/allocation returns 422 (address outside delivery coverage). Only on delivery tab. */
         this.allocationOutOfCoverageMessage = null;
+        // Map state
+        this.mapLocationData = null;
+        this.addressToken = null;
+        this.loadingToken = false;
+        this.mapReady = false;
+        this.mapStep = 'map';
+        this.addressDescription = '';
         this.newAddressForm = {
             ...SallaBulletDelivery.INITIAL_ADDRESS_FORM,
         };
@@ -561,6 +4988,28 @@ const SallaBulletDelivery = class {
             this.displayedDistricts = this.districts;
             this.searchingDistricts = false;
         };
+        this.handleMapLocationChanged = (event) => {
+            const detail = event.detail;
+            if (!detail?.position?.lat || !detail?.position?.lng)
+                return;
+            this.mapLocationData = {
+                lat: detail.position.lat,
+                lng: detail.position.lng,
+                shortAddress: detail.place?.placeId ?? detail.place?.place_id ?? undefined,
+                formattedAddress: detail.place?.formattedAddress ?? detail.place?.formatted_address ?? undefined,
+            };
+            setTimeout(() => {
+                const marker = this.gmapRef?.locationMarker;
+                if (marker)
+                    marker.gmpDraggable = false;
+            }, 100);
+        };
+        this.handleMapReady = () => {
+            this.mapReady = true;
+            if (this.gmapRef && typeof this.gmapRef.resize === 'function') {
+                this.gmapRef.resize();
+            }
+        };
         /**
          * Submit add-address form: create address via API then switch back to list.
          */
@@ -568,9 +5017,12 @@ const SallaBulletDelivery = class {
             e.preventDefault();
             if (this.savingAddress)
                 return;
-            if (!this.selectedCountry || !this.selectedCity)
+            const hasMap = this.hasMapLocation();
+            const hasDropdowns = this.selectedCountry && this.selectedCity;
+            if (!hasMap && !hasDropdowns)
                 return;
-            if (!requireRegionAndDistrictForSA(this.selectedCountry?.code, this.selectedRegion?.id, this.selectedDistrict?.id ?? (this.districtName?.trim() || null)))
+            if (!hasMap &&
+                !requireRegionAndDistrictForSA(this.selectedCountry?.code, this.selectedRegion?.id, this.selectedDistrict?.id ?? (this.districtName?.trim() || null)))
                 return;
             this.savingAddress = true;
             try {
@@ -586,14 +5038,29 @@ const SallaBulletDelivery = class {
                     this.addressCreated.emit({ address: latest });
                     this.viewMode = "main";
                     this.districtName = "";
+                    this.mapLocationData = null;
+                    this.mapStep = 'map';
+                    this.addressDescription = '';
                 }
                 else {
-                    Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                    if (!this.isLoggedIn) {
+                        Salla.notify?.error(Salla.lang.get('pages.checkout.login_to_use_saved_addresses'));
+                        this.handleLogin();
+                    }
+                    else {
+                        Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                    }
                 }
             }
             catch (error) {
                 console.error("SallaBulletDelivery: Error saving address", error);
-                Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                if (!this.isLoggedIn) {
+                    Salla.notify?.error(Salla.lang.get('pages.checkout.login_to_use_saved_addresses'));
+                    this.handleLogin();
+                }
+                else {
+                    Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                }
             }
             finally {
                 this.savingAddress = false;
@@ -704,6 +5171,8 @@ const SallaBulletDelivery = class {
             else {
                 this.activeTab = "address";
             }
+            // Fetch address token for map (fire-and-forget, non-blocking)
+            this.fetchAddressToken();
             // Load countries always; load saved addresses only when address tab is active (lazy tab data).
             if (this.isLoggedIn && this.activeTab === "address") {
                 this.loadingSavedAddresses = true;
@@ -1430,6 +5899,8 @@ const SallaBulletDelivery = class {
      */
     async handleAddNewAddress() {
         this.viewMode = "add-address";
+        this.mapLocationData = null;
+        this.fetchAddressToken();
         const intent = this.getStoredIntent();
         const sessionCountryId = getIntentCountryId(intent);
         if (sessionCountryId && this.countries.length > 0) {
@@ -1448,11 +5919,56 @@ const SallaBulletDelivery = class {
     }
     handleBackToAddressList() {
         this.viewMode = "main";
+        this.mapLocationData = null;
+        this.mapStep = 'map';
+        this.addressDescription = '';
     }
+    // ─── Map methods ───
+    async fetchAddressToken() {
+        if (this.addressToken || this.loadingToken)
+            return;
+        this.loadingToken = true;
+        try {
+            const mapsKey = salla.config.get('store.settings.keys.maps');
+            if (mapsKey) {
+                ee({
+                    key: mapsKey,
+                    libraries: ['marker', 'places'],
+                    language: salla.config.get('user.language_code') || 'ar',
+                }).catch(err => log('Failed to load Google Maps SDK', err));
+            }
+            this.addressToken = await bulletDeliveryAPI.getAddressToken();
+        }
+        catch {
+            log('SallaBulletDelivery: Failed to fetch address token');
+        }
+        finally {
+            this.loadingToken = false;
+        }
+    }
+    hasMapLocation() {
+        return this.mapLocationData?.lat != null && this.mapLocationData?.lng != null;
+    }
+    // TODO: replace with actual setting key once dashboard setting is built
+    get isMapSettingEnabled() {
+        return Salla.config.get('store.settings.bullet_delivery.settings.map_enabled');
+    }
+    get isMapModeAvailable() {
+        return this.isMapSettingEnabled && !!salla.config.get('store.settings.keys.maps') && !!this.addressToken;
+    }
+    // ─── End Map methods ───
     /**
      * Build address/location payload from guest-form state (same fields as add-address).
      */
     buildAddressLocationPayload() {
+        if (this.isMapModeAvailable && this.hasMapLocation()) {
+            return {
+                lat: this.mapLocationData.lat,
+                lng: this.mapLocationData.lng,
+                ...(this.mapLocationData.shortAddress && { short_address: this.mapLocationData.shortAddress }),
+                ...(this.addressDescription?.trim() && { description: this.addressDescription.trim() }),
+            };
+        }
         const districtName = this.selectedDistrict?.name ?? this.districtName?.trim() ?? "";
         return buildAddressLocationPayloadFromSelection({
             countryId: this.selectedCountry?.id ?? 0,
@@ -1461,6 +5977,9 @@ const SallaBulletDelivery = class {
             cityId: this.selectedCity?.id,
             districtId: this.selectedDistrict?.id,
             description: districtName,
+            lat: this.mapLocationData?.lat,
+            lng: this.mapLocationData?.lng,
+            shortAddress: this.mapLocationData?.shortAddress,
         });
     }
     async handleTabChange(tab) {
@@ -1469,6 +5988,9 @@ const SallaBulletDelivery = class {
         this.tabChanging = true;
         try {
             this.activeTab = tab;
+            if (this.viewMode === 'add-address') {
+                this.viewMode = 'main';
+            }
             this.showCartWillBeClearedBanner = false;
             this.allocationOutOfCoverageMessage = null;
             this.resetSearchState();
@@ -2214,7 +6736,21 @@ const SallaBulletDelivery = class {
                 }
             } }, index.h("input", { type: "radio", name: "saved_address", class: "s-bullet-delivery-radio", checked: selected, disabled: disabled, onClick: (e) => e.stopPropagation() }), index.h("span", { class: "s-bullet-delivery-address-map-icon", innerHTML: MiniMap, "aria-hidden": "true" }), index.h("div", { class: "s-bullet-delivery-address-content" }, index.h("div", { class: "s-bullet-delivery-address-lines" }, index.h("span", { class: "s-bullet-delivery-address-line1" }, line1), index.h("span", { class: "s-bullet-delivery-address-line2" }, line2)))));
     }
+    renderMapSection() {
+        const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
+        return (index.h("div", { class: "s-bullet-delivery-map-container" }, index.h("gmap-map", { ref: (el) => (this.gmapRef = el), zoom: 16, "map-id": "DEMO_MAP_ID", "enable-autocomplete": true, "enable-geolocation": true, "show-location-marker": true, language: Salla.lang.getLocale?.() ?? document.documentElement.lang ?? 'ar', "geolocation-button-label": Salla.lang.get('pages.checkout.current_location'), "autocomplete-placeholder": Salla.lang.get('pages.checkout.search_for_address'), "autocomplete-hint": isSA ? Salla.lang.get('pages.checkout.short_address_format_validation') : undefined, "autocomplete-country": this.selectedCountry?.code?.toLowerCase(), "autocomplete-resolve": false, "autocomplete-auth-token": this.addressToken, "location-marker-background": "#4285F4", "location-marker-border-color": "#1967D2", "location-marker-glyph-color": "#FFFFFF", "location-marker-scale": 1.3, "onGmap-location-changed": this.handleMapLocationChanged, "onGmap-ready": this.handleMapReady })));
+    }
+    renderAddressConfirmation() {
+        const address = this.mapLocationData?.formattedAddress ?? '';
+        const shortCode = this.mapLocationData?.shortAddress;
+        return (index.h("div", { class: "s-bullet-delivery-address-confirm" }, index.h("div", { class: "s-bullet-delivery-address-confirm-card" }, index.h("div", { class: "s-bullet-delivery-address-confirm-details" }, index.h("span", { class: "s-bullet-delivery-address-confirm-label" }, Salla.lang.get('pages.checkout.selected_address')), index.h("p", { class: "s-bullet-delivery-address-confirm-text" }, address), shortCode && (index.h("span", { class: "s-bullet-delivery-address-confirm-tag" }, shortCode, index.h("span", { class: "s-bullet-delivery-address-confirm-tag-icon", innerHTML: LocationTag })))), index.h("button", { type: "button", class: "s-bullet-delivery-address-confirm-edit", onClick: () => { this.mapStep = 'map'; } }, Salla.lang.get('common.elements.edit'))), index.h("div", { class: "s-bullet-delivery-address-confirm-description" }, index.h("label", { class: "s-bullet-delivery-address-confirm-description-label" }, Salla.lang.get('pages.checkout.address_description'), index.h("span", { class: "s-bullet-delivery-address-confirm-description-optional" }, Salla.lang.get('common.elements.optional'))), index.h("input", { type: "text", class: "s-bullet-delivery-address-confirm-description-input form-input", placeholder: Salla.lang.get('pages.checkout.address_description_placeholder'), value: this.addressDescription, onInput: (e) => { this.addressDescription = e.target.value; } }))));
+    }
     renderGuestDeliveryForm() {
+        if (this.isMapModeAvailable) {
+            return this.mapStep === 'confirm' && this.hasMapLocation()
+                ? this.renderAddressConfirmation()
+                : this.renderMapSection();
+        }
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
         return [
             this.renderCountrySelect(),
@@ -2229,7 +6765,28 @@ const SallaBulletDelivery = class {
                 "s-hidden": this.activeTab !== "address",
             } }, this.isLoggedIn
             ? this.renderSavedAddresses()
-            : this.renderGuestDeliveryForm()));
+            : this.renderGuestDeliveryContent()));
+    }
+    renderGuestDeliveryContent() {
+        if (!this.isMapModeAvailable) {
+            return this.renderGuestDeliveryForm();
+        }
+        const hasMapLoc = this.hasMapLocation();
+        const isConfirmStep = this.mapStep === 'confirm' && hasMapLoc;
+        const submitLabel = isConfirmStep
+            ? (this.savingAddress
+                ? Salla.lang.get("pages.checkout.loading")
+                : Salla.lang.get("pages.checkout.confirm_address"))
+            : Salla.lang.get('pages.checkout.confirm_location');
+        const handleSubmit = (e) => {
+            e.preventDefault();
+            if (!isConfirmStep && hasMapLoc) {
+                this.mapStep = 'confirm';
+                return;
+            }
+            this.handleSubmitAddAddress(e);
+        };
+        return (index.h("form", { onSubmit: handleSubmit }, this.renderGuestDeliveryForm(), index.h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single", style: { padding: '24px' } }, index.h("salla-button", { type: "submit", loading: this.savingAddress, disabled: !hasMapLoc || this.savingAddress, width: "wide" }, submitLabel), !this.isLoggedIn && (index.h("button", { type: "button", class: "s-bullet-delivery-login-prompt", onClick: () => this.handleLogin() }, Salla.lang.get('pages.checkout.login_to_use_saved_addresses'))))));
     }
     renderBranchSearch() {
         return (index.h("div", { class: "s-bullet-delivery-branch-search" }, index.h("div", { class: "s-bullet-delivery-search-row" }, index.h("div", { class: "s-bullet-delivery-search s-bullet-delivery-branch-search-wrap" }, index.h("span", { class: "s-bullet-delivery-search-icon s-bullet-delivery-branch-search-icon", innerHTML: search.Search, "aria-hidden": "true" }), index.h("input", { type: "text", class: "s-bullet-delivery-branch-search-input form-input", placeholder: Salla.lang.get("pages.checkout.search_for_city_or_branch"), value: this.branchSearchQuery, onInput: (e) => this.handleBranchSearch(e), autocomplete: "off" })), index.h("button", { type: "button", class: {
@@ -2268,23 +6825,53 @@ const SallaBulletDelivery = class {
                 "s-hidden": this.activeTab !== "branch",
             } }, this.renderCountrySelect(), this.renderBranchSearch(), this.renderBranchList()));
     }
-    /** Add-address form: same fields as guest form (country, region, city, district) only. */
+    /** Add-address form: map two-step flow or dropdown fallback. */
     renderAddAddressForm() {
-        const title = Salla.lang.get("pages.checkout.add_new_address");
+        Salla.lang.get("pages.checkout.add_new_address");
+        const mapMode = this.isMapModeAvailable;
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
-        const canSubmit = this.selectedCountry &&
-            this.selectedCity &&
-            (!isSA || this.selectedRegion) &&
-            (!isSA ||
-                !!this.selectedDistrict ||
-                !!(this.districtName && this.districtName.trim().length > 0));
-        const submitLabel = this.savingAddress
-            ? Salla.lang.get("pages.checkout.loading")
-            : Salla.lang.get("pages.checkout.confirm_address");
-        const hasAddressesToGoBack = this.savedAddresses.length > 0 || hasSessionAddressIntent(this.getStoredIntent());
-        return (index.h("div", { class: "s-bullet-delivery-add-address" }, index.h("div", { class: "s-bullet-delivery-add-address-header" }, hasAddressesToGoBack ? (index.h("button", { type: "button", class: "s-bullet-delivery-add-address-title", onClick: () => this.handleBackToAddressList(), onKeyDown: (e) => e.key === "Enter" && this.handleBackToAddressList() }, index.h("span", { innerHTML: this.isRTL ? keyboard_arrow_right.ArrowRightIcon : keyboard_arrow_right.ArrowLeftIcon, "aria-hidden": "true" }), index.h("span", { class: "s-bullet-delivery-add-address-title-text" }, title))) : (index.h("span", { class: "s-bullet-delivery-add-address-title" }, index.h("span", { class: "s-bullet-delivery-add-address-title-text" }, title)))), index.h("form", { class: "s-bullet-delivery-add-address-form", onSubmit: (e) => this.handleSubmitAddAddress(e) }, this.renderGuestDeliveryForm(), index.h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single" }, index.h("salla-button", { type: "submit", loading: this.savingAddress, disabled: !canSubmit || this.savingAddress, class: "s-bullet-delivery-add-address-submit" }, submitLabel)))));
+        const hasMapLoc = this.hasMapLocation();
+        let canSubmit;
+        let submitLabel;
+        if (mapMode) {
+            if (this.mapStep === 'map') {
+                canSubmit = hasMapLoc;
+                submitLabel = Salla.lang.get('pages.checkout.confirm_location');
+            }
+            else {
+                canSubmit = hasMapLoc;
+                submitLabel = this.savingAddress
+                    ? Salla.lang.get("pages.checkout.loading")
+                    : Salla.lang.get("pages.checkout.confirm_address");
+            }
+        }
+        else {
+            const canSubmitDropdowns = this.selectedCountry &&
+                this.selectedCity &&
+                (!isSA || this.selectedRegion) &&
+                (!isSA ||
+                    !!this.selectedDistrict ||
+                    !!(this.districtName && this.districtName.trim().length > 0));
+            canSubmit = hasMapLoc || canSubmitDropdowns;
+            submitLabel = this.savingAddress
+                ? Salla.lang.get("pages.checkout.loading")
+                : Salla.lang.get("pages.checkout.confirm_address");
+        }
+        this.savedAddresses.length > 0 || hasSessionAddressIntent(this.getStoredIntent());
+        const handleFormSubmit = (e) => {
+            e.preventDefault();
+            if (mapMode && this.mapStep === 'map' && hasMapLoc) {
+                this.mapStep = 'confirm';
+                return;
+            }
+            this.handleSubmitAddAddress(e);
+        };
+        return (index.h("div", { class: "s-bullet-delivery-add-address" }, index.h("form", { class: "s-bullet-delivery-add-address-form", onSubmit: handleFormSubmit }, this.renderGuestDeliveryForm(), index.h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single" }, index.h("salla-button", { type: "submit", loading: this.savingAddress, disabled: !canSubmit || this.savingAddress, class: "s-bullet-delivery-add-address-submit" }, submitLabel)))));
     }
     renderFooter() {
+        if (this.activeTab === "address" && !this.isLoggedIn && this.isMapModeAvailable) {
+            return null;
+        }
         const showAddAddressInFooter = this.activeTab === "address" && this.isLoggedIn;
         return (index.h("div", { class: "s-bullet-delivery-footer" }, index.h("salla-button", { ref: (btn) => {
                 this.confirmBtn = btn;
@@ -2300,7 +6887,7 @@ const SallaBulletDelivery = class {
         const activeTabView = this.activeTab === "branch" && this.supportsPickup
             ? this.renderPickupTab()
             : this.renderDeliveryTab();
-        return (index.h("div", null, index.h("div", { class: "s-bullet-delivery-header" }, index.h("h2", { class: "s-bullet-delivery-title" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.add_address_for_order_delivery') : Salla.lang.get('blocks.home.how_prefer_to_receive_order')), index.h("p", { class: "s-bullet-delivery-subtitle" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.products_available_for_delivery_shown_while_shopping') : Salla.lang.get('blocks.home.products_available_for_delivery_or_pickup_shown_while_shopping'))), this.renderTabs(), this.showCartWillBeClearedBanner &&
+        return (index.h("div", null, this.showCartWillBeClearedBanner &&
             this.renderAlert(Salla.lang.get("blocks.scope.empty_cart_warning")), this.allocationOutOfCoverageMessage &&
             this.renderAllocationOutOfCoverageAlert(), activeTabView, !isAddressEmptyState && this.renderFooter()));
     }
@@ -2429,7 +7016,7 @@ const SallaBulletDelivery = class {
             return null;
         return (index.h(index.Host, { class: "s-bullet-delivery" }, index.h("salla-modal", { ref: (modal) => {
                 this.modal = modal;
-            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, index.h("div", { class: "s-bullet-delivery-inner" }, this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm()))));
+            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, index.h("div", { class: "s-bullet-delivery-inner" }, index.h("div", { class: "s-bullet-delivery-header" }, index.h("h2", { class: "s-bullet-delivery-title" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.add_address_for_order_delivery') : Salla.lang.get('blocks.home.how_prefer_to_receive_order')), index.h("p", { class: "s-bullet-delivery-subtitle" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.products_available_for_delivery_shown_while_shopping') : Salla.lang.get('blocks.home.products_available_for_delivery_or_pickup_shown_while_shopping'))), this.renderTabs(), this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm()))));
     }
     componentDidLoad() {
         // Mark component as ready