@salla.sa/twilight-components 2.14.573 → 2.14.574

package/dist/esm/salla-bullet-delivery_3.entry.js

@@ -1,4411 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h as h$4, H as Host, a as getElement } from './index-DSEA3vdh.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BXNtVhVe.js';
 import { a as isSaudiArabia, b as bulletDeliveryAPI, r as requireRegionAndDistrictForSA, g as getIntentLatitude, c as getIntentLongitude, h as hasSessionAddressIntent, d as getIntentCityId, e as getIntentCountryId, f as getIntentRegionId, j as getIntentDistrictId, k as filterBranches, l as findNearestBranch, m as getGeolocationErrorMessage, n as buildAddressLocationPayloadFromSelection, o as clearApiCache, p as getIntentSubtitle, q as getIntentBranchId, i as isMapOriginIntent, s as isBranchSelectable, t as getIntentCountryCode } from './helpers-CV6uPJEJ.js';
 import { L as Location } from './location-BO5AoBAP.js';
 import { S as Search } from './search-BscTeWDc.js';
 
-/**
- * @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 import('./index.esm-BkPzCq-C.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"
@@ -5710,11 +1310,17 @@ const SallaBulletDelivery = class {
         try {
             const mapsKey = salla.config.get('store.settings.keys.maps');
             if (mapsKey) {
-                ee({
+                const bootMaps = () => import('./index-wXSgmenB.js')
+                    .then(({ load }) => load({
                     key: mapsKey,
                     libraries: ['marker', 'places'],
                     language: salla.config.get('user.language_code') || 'ar',
-                }).catch(err => log('Failed to load Google Maps SDK', err));
+                }))
+                    .catch(err => log('Failed to load Google Maps SDK', err));
+                if (document.readyState === 'complete')
+                    bootMaps();
+                else
+                    window.addEventListener('load', bootMaps, { once: true });
             }
             this.addressToken = await bulletDeliveryAPI.getAddressToken();
         }
@@ -6551,16 +2157,16 @@ const SallaBulletDelivery = class {
         // tab is shown only when bullet delivery supports delivery (`isSupportsDelivery`).
         if (!this.supportsPickup)
             return null;
-        return (h$4("div", { class: "s-bullet-delivery-tabs" }, this.isSupportsDelivery && (h$4("button", { type: "button", class: {
+        return (h("div", { class: "s-bullet-delivery-tabs" }, this.isSupportsDelivery && (h("button", { type: "button", class: {
                 "s-bullet-delivery-tab": true,
                 "s-bullet-delivery-tab--active": this.activeTab === "address",
-            }, onClick: () => this.handleTabChange("address") }, h$4("span", { class: "s-bullet-delivery-tab-icon", innerHTML: Location, "aria-hidden": "true" }), h$4("span", null, Salla.lang.get("mobile_app.strings.delivery")))), h$4("button", { type: "button", class: {
+            }, onClick: () => this.handleTabChange("address") }, h("span", { class: "s-bullet-delivery-tab-icon", innerHTML: Location, "aria-hidden": "true" }), h("span", null, Salla.lang.get("mobile_app.strings.delivery")))), h("button", { type: "button", class: {
                 "s-bullet-delivery-tab": true,
                 "s-bullet-delivery-tab--active": this.activeTab === "branch",
-            }, onClick: () => this.handleTabChange("branch") }, h$4("span", { class: "s-bullet-delivery-tab-icon", innerHTML: Store, "aria-hidden": "true" }), h$4("span", null, Salla.lang.get("mobile_app.strings.pickup")))));
+            }, onClick: () => this.handleTabChange("branch") }, h("span", { class: "s-bullet-delivery-tab-icon", innerHTML: Store, "aria-hidden": "true" }), h("span", null, Salla.lang.get("mobile_app.strings.pickup")))));
     }
     renderAlert(message) {
-        return (h$4("div", { class: "s-bullet-delivery-allocation-out-of-coverage", role: "alert" }, h$4("span", { class: "s-bullet-delivery-allocation-out-of-coverage-icon", "aria-hidden": "true" }, h$4("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true" }, h$4("title", null, "Information"), h$4("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", "stroke-width": "1.5", fill: "currentColor" }), h$4("text", { x: "10", y: "14", "text-anchor": "middle", fill: "white", "font-size": "12", "font-weight": "bold" }, "i"))), h$4("span", { class: "s-bullet-delivery-allocation-out-of-coverage-text", style: { textAlign: this.isRTL ? 'right' : 'left' } }, message)));
+        return (h("div", { class: "s-bullet-delivery-allocation-out-of-coverage", role: "alert" }, h("span", { class: "s-bullet-delivery-allocation-out-of-coverage-icon", "aria-hidden": "true" }, h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-hidden": "true" }, h("title", null, "Information"), h("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", "stroke-width": "1.5", fill: "currentColor" }), h("text", { x: "10", y: "14", "text-anchor": "middle", fill: "white", "font-size": "12", "font-weight": "bold" }, "i"))), h("span", { class: "s-bullet-delivery-allocation-out-of-coverage-text", style: { textAlign: this.isRTL ? 'right' : 'left' } }, message)));
     }
     renderAllocationOutOfCoverageAlert() {
         const message = this.allocationOutOfCoverageMessage ||
@@ -6576,20 +2182,20 @@ const SallaBulletDelivery = class {
         if (this.supportsPickup) {
             return this.renderAlert([
                 `${message} ${Salla.lang.getWithDefault('pages.cart.choose_another_address_pickup', 'Choose another address or')} `,
-                h$4("button", { type: "button", class: "underline !text-blue-600", onClick: () => this.handleTabChange('branch') }, Salla.lang.getWithDefault('pages.cart.branch_pickup', 'pick up from a branch')),
+                h("button", { type: "button", class: "underline !text-blue-600", onClick: () => this.handleTabChange('branch') }, Salla.lang.getWithDefault('pages.cart.branch_pickup', 'pick up from a branch')),
             ]);
         }
         return this.renderAlert(`${message} ${Salla.lang.getWithDefault('pages.cart.choose_another_address', 'Choose another address')}`);
     }
     renderCountrySelect() {
-        return (h$4("div", { class: "s-bullet-delivery-field" }, h$4("salla-searchable-dropdown", { label: Salla.lang.get("blocks.buy_as_gift.receiver_country"), placeholder: Salla.lang.get("pages.checkout.select_country"), items: this.displayedCountries, selectedItem: this.selectedCountry, loading: this.loadingCountries, searching: this.searchingCountries, disabled: this.countries.length <= 1, required: true, inputId: "bullet-delivery-country", searchQuery: this.countrySearchQuery, clientSearch: true, onItemSelected: (e) => this.handleCountrySelected(e.detail), onSearchInput: (e) => this.handleCountrySearch(e.detail), onDropdownClosed: () => this.handleCountryDropdownClosed() })));
+        return (h("div", { class: "s-bullet-delivery-field" }, h("salla-searchable-dropdown", { label: Salla.lang.get("blocks.buy_as_gift.receiver_country"), placeholder: Salla.lang.get("pages.checkout.select_country"), items: this.displayedCountries, selectedItem: this.selectedCountry, loading: this.loadingCountries, searching: this.searchingCountries, disabled: this.countries.length <= 1, required: true, inputId: "bullet-delivery-country", searchQuery: this.countrySearchQuery, clientSearch: true, onItemSelected: (e) => this.handleCountrySelected(e.detail), onSearchInput: (e) => this.handleCountrySearch(e.detail), onDropdownClosed: () => this.handleCountryDropdownClosed() })));
     }
     /** Region select (SA only): shown when SA is selected; city and district disabled until region selected. */
     renderRegionSelect() {
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
         if (!isSA || !this.selectedCountry)
             return null;
-        return (h$4("div", { class: "s-bullet-delivery-field" }, h$4("salla-searchable-dropdown", { label: Salla.lang.get("pages.checkout.region_field"), placeholder: Salla.lang.get("pages.checkout.select_region"), items: this.displayedRegions, selectedItem: this.selectedRegion, loading: this.loadingRegions, searching: this.searchingRegions, disabled: this.loadingRegions || this.regions.length === 0, required: true, inputId: "bullet-delivery-region", searchQuery: this.regionSearchQuery, clientSearch: true, onItemSelected: (e) => this.handleRegionSelected(e.detail), onSearchInput: (e) => this.handleRegionSearch(e.detail), onDropdownClosed: () => this.handleRegionDropdownClosed() })));
+        return (h("div", { class: "s-bullet-delivery-field" }, h("salla-searchable-dropdown", { label: Salla.lang.get("pages.checkout.region_field"), placeholder: Salla.lang.get("pages.checkout.select_region"), items: this.displayedRegions, selectedItem: this.selectedRegion, loading: this.loadingRegions, searching: this.searchingRegions, disabled: this.loadingRegions || this.regions.length === 0, required: true, inputId: "bullet-delivery-region", searchQuery: this.regionSearchQuery, clientSearch: true, onItemSelected: (e) => this.handleRegionSelected(e.detail), onSearchInput: (e) => this.handleRegionSearch(e.detail), onDropdownClosed: () => this.handleRegionDropdownClosed() })));
     }
     renderCityDistrictSelects() {
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
@@ -6606,14 +2212,14 @@ const SallaBulletDelivery = class {
             (isSA && !this.selectedRegion) ||
             !this.selectedCity ||
             this.loadingDistricts;
-        return (h$4("div", { class: "s-bullet-delivery-field-row" }, h$4("div", { class: "s-bullet-delivery-field" }, h$4("salla-searchable-dropdown", { label: Salla.lang.get("blocks.buy_as_gift.receiver_city"), placeholder: Salla.lang.get("pages.checkout.select_city"), items: this.displayedCities, selectedItem: this.selectedCity, loading: this.loadingCities, searching: this.searchingCities, disabled: cityDisabled, required: true, inputId: "bullet-delivery-city", searchQuery: this.citySearchQuery, onItemSelected: (e) => this.handleCitySelected(e.detail), onSearchInput: (e) => this.handleCitySearch(e.detail), onDropdownClosed: () => this.handleCityDropdownClosed(), dropUp: true })), showDistrict && (h$4("div", { class: "s-bullet-delivery-field" }, showDistrictInput ? (h$4("div", null, h$4("label", { class: "s-bullet-delivery-label", htmlFor: "bullet-delivery-district" }, Salla.lang.get("pages.checkout.district_field"), h$4("span", { class: "text-red-500" }, " *")), h$4("input", { id: "bullet-delivery-district", type: "text", class: "form-input", placeholder: Salla.lang.get("pages.checkout.select_district"), value: this.districtName, disabled: districtDisabled, onInput: (e) => {
+        return (h("div", { class: "s-bullet-delivery-field-row" }, h("div", { class: "s-bullet-delivery-field" }, h("salla-searchable-dropdown", { label: Salla.lang.get("blocks.buy_as_gift.receiver_city"), placeholder: Salla.lang.get("pages.checkout.select_city"), items: this.displayedCities, selectedItem: this.selectedCity, loading: this.loadingCities, searching: this.searchingCities, disabled: cityDisabled, required: true, inputId: "bullet-delivery-city", searchQuery: this.citySearchQuery, onItemSelected: (e) => this.handleCitySelected(e.detail), onSearchInput: (e) => this.handleCitySearch(e.detail), onDropdownClosed: () => this.handleCityDropdownClosed(), dropUp: true })), showDistrict && (h("div", { class: "s-bullet-delivery-field" }, showDistrictInput ? (h("div", null, h("label", { class: "s-bullet-delivery-label", htmlFor: "bullet-delivery-district" }, Salla.lang.get("pages.checkout.district_field"), h("span", { class: "text-red-500" }, " *")), h("input", { id: "bullet-delivery-district", type: "text", class: "form-input", placeholder: Salla.lang.get("pages.checkout.select_district"), value: this.districtName, disabled: districtDisabled, onInput: (e) => {
                 const input = e.target;
                 this.districtName = input.value;
                 this.updateNewAddressForm({ district: undefined });
-            } }))) : (h$4("salla-searchable-dropdown", { label: Salla.lang.get("pages.checkout.district_field"), placeholder: Salla.lang.get("pages.checkout.select_district"), items: this.displayedDistricts, selectedItem: this.selectedDistrict, loading: this.loadingDistricts, searching: this.searchingDistricts, disabled: districtDisabled || this.districts.length === 0, required: true, inputId: "bullet-delivery-district", searchQuery: this.districtSearchQuery, clientSearch: true, onItemSelected: (e) => this.handleDistrictSelected(e.detail), onSearchInput: (e) => this.handleDistrictSearch(e.detail), onDropdownClosed: () => this.handleDistrictDropdownClosed(), dropUp: true }))))));
+            } }))) : (h("salla-searchable-dropdown", { label: Salla.lang.get("pages.checkout.district_field"), placeholder: Salla.lang.get("pages.checkout.select_district"), items: this.displayedDistricts, selectedItem: this.selectedDistrict, loading: this.loadingDistricts, searching: this.searchingDistricts, disabled: districtDisabled || this.districts.length === 0, required: true, inputId: "bullet-delivery-district", searchQuery: this.districtSearchQuery, clientSearch: true, onItemSelected: (e) => this.handleDistrictSelected(e.detail), onSearchInput: (e) => this.handleDistrictSearch(e.detail), onDropdownClosed: () => this.handleDistrictDropdownClosed(), dropUp: true }))))));
     }
     renderSavedAddressesEmptyState() {
-        return (h$4("div", { class: "s-bullet-delivery-saved-addresses-empty" }, h$4("div", { class: "s-bullet-delivery-saved-addresses-empty-icon", "aria-hidden": "true" }, h$4("svg", { width: "28", height: "28", viewBox: "0 0 28 29", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$4("title", null, "No Saved Adresses"), h$4("path", { d: "M20.16 0C21.4613 0 22.6773 0.341333 23.808 1.024C24.9387 1.70667 25.8347 2.61333 26.496 3.744C27.1787 4.91733 27.52 6.18667 27.52 7.552C27.52 9.45067 26.8267 11.232 25.44 12.896C24.4587 14.0907 23.0827 15.2427 21.312 16.352H21.28C20.9387 16.5653 20.5653 16.672 20.16 16.672C19.7547 16.672 19.3813 16.5653 19.04 16.352H19.008C17.2373 15.2213 15.8613 14.0693 14.88 12.896C13.4933 11.232 12.8 9.45067 12.8 7.552C12.8 6.18667 13.1413 4.91733 13.824 3.744C14.4853 2.61333 15.3813 1.70667 16.512 1.024C17.6427 0.341333 18.8587 0 20.16 0ZM11.488 1.984C9.67467 2.368 8.04267 3.14667 6.592 4.32C5.14133 5.49333 4.01067 6.92267 3.2 8.608C2.34667 10.3573 1.92 12.224 1.92 14.208C1.92 14.72 1.952 15.2427 2.016 15.776L2.08 15.744C2.57067 15.488 2.94933 15.3067 3.216 15.2C3.48267 15.0933 3.73867 15.0933 3.984 15.2C4.22933 15.3067 4.4 15.488 4.496 15.744C4.592 16 4.58667 16.256 4.48 16.512C4.37333 16.768 4.19733 16.9493 3.952 17.056C3.70667 17.1627 3.36 17.3227 2.912 17.536L2.656 17.664C2.57067 17.7067 2.48533 17.7387 2.4 17.76C2.89067 19.4667 3.70133 20.9973 4.832 22.352C5.96267 23.7067 7.296 24.7573 8.832 25.504C10.432 26.272 12.1173 26.656 13.888 26.656C15.4667 26.656 16.9813 26.3467 18.432 25.728C19.8187 25.1307 21.0667 24.288 22.176 23.2C21.92 23.0507 21.7653 22.8373 21.712 22.56C21.6587 22.2827 21.7013 22.0267 21.84 21.792C21.9787 21.5573 22.176 21.408 22.432 21.344C22.8373 21.2587 23.2 21.12 23.52 20.928C23.6907 20.8427 23.8613 20.8 24.032 20.8C24.8 19.5413 25.3333 18.176 25.632 16.704C25.6747 16.4267 25.808 16.2133 26.032 16.064C26.256 15.9147 26.496 15.8667 26.752 15.92C27.008 15.9733 27.2107 16.1173 27.36 16.352C27.5093 16.5867 27.552 16.832 27.488 17.088C27.0613 19.2853 26.1973 21.264 24.896 23.024C23.5947 24.784 22.0053 26.1547 20.128 27.136C18.1653 28.16 16.0853 28.672 13.888 28.672C11.3707 28.672 9.03467 28.0107 6.88 26.688C4.78933 25.408 3.12533 23.68 1.888 21.504C0.629333 19.264 0 16.832 0 14.208C0 11.904 0.490667 9.73867 1.472 7.712C2.41067 5.74933 3.728 4.09067 5.424 2.736C7.12 1.38133 9.01333 0.48 11.104 0.032C11.36 -0.032 11.6 0.0106667 11.824 0.16C12.048 0.309333 12.1867 0.522667 12.24 0.8C12.2933 1.07733 12.2453 1.328 12.096 1.552C11.9467 1.776 11.744 1.92 11.488 1.984ZM14.72 7.552C14.72 8.96 15.2533 10.304 16.32 11.584C17.1733 12.5867 18.3893 13.6 19.968 14.624C20.032 14.6453 20.096 14.656 20.16 14.656C20.224 14.656 20.288 14.6453 20.352 14.624C21.9307 13.6213 23.1467 12.608 24 11.584C25.0667 10.304 25.6 8.96 25.6 7.552C25.6 6.57067 25.3547 5.65333 24.864 4.8C24.3733 3.94667 23.7067 3.26933 22.864 2.768C22.0213 2.26667 21.12 2.016 20.16 2.016C19.2 2.016 18.2987 2.26667 17.456 2.768C16.6133 3.26933 15.9467 3.94667 15.456 4.8C14.9653 5.65333 14.72 6.57067 14.72 7.552ZM17.28 7.68C17.28 6.848 17.5627 6.13867 18.128 5.552C18.6933 4.96533 19.3707 4.672 20.16 4.672C20.9493 4.672 21.6267 4.96533 22.192 5.552C22.7573 6.13867 23.04 6.848 23.04 7.68C23.04 8.512 22.7573 9.216 22.192 9.792C21.6267 10.368 20.9493 10.656 20.16 10.656C19.3707 10.656 18.6933 10.368 18.128 9.792C17.5627 9.216 17.28 8.512 17.28 7.68ZM6.752 14.688C7.62667 14.7733 8.53333 15.0293 9.472 15.456C9.70667 15.5627 9.87733 15.744 9.984 16C10.0907 16.256 10.0907 16.512 9.984 16.768C9.87733 17.024 9.70133 17.2 9.456 17.296C9.21067 17.392 8.97067 17.3867 8.736 17.28C7.94667 16.9387 7.22133 16.736 6.56 16.672C6.28267 16.6293 6.064 16.5013 5.904 16.288C5.744 16.0747 5.68 15.8293 5.712 15.552C5.744 15.2747 5.86133 15.0507 6.064 14.88C6.26667 14.7093 6.496 14.6453 6.752 14.688ZM17.6 20.544C18.304 20.864 18.976 21.0987 19.616 21.248C19.872 21.312 20.0693 21.4613 20.208 21.696C20.3467 21.9307 20.3893 22.1813 20.336 22.448C20.2827 22.7147 20.144 22.9227 19.92 23.072C19.696 23.2213 19.4453 23.264 19.168 23.2C18.4213 23.0293 17.632 22.752 16.8 22.368C16.5653 22.2613 16.4 22.08 16.304 21.824C16.208 21.568 16.2133 21.312 16.32 21.056C16.4267 20.8 16.6027 20.624 16.848 20.528C17.0933 20.432 17.344 20.4373 17.6 20.544ZM12.832 17.44C13.0027 17.568 13.248 17.7493 13.568 17.984L14.496 18.688C14.7093 18.8587 14.8373 19.0773 14.88 19.344C14.9227 19.6107 14.8693 19.856 14.72 20.08C14.5707 20.304 14.368 20.4427 14.112 20.496C13.856 20.5493 13.6107 20.5013 13.376 20.352L11.744 19.072C11.5307 18.9227 11.4027 18.7093 11.36 18.432C11.3173 18.1547 11.3707 17.904 11.52 17.68C11.6693 17.456 11.872 17.3227 12.128 17.28C12.384 17.2373 12.6187 17.2907 12.832 17.44ZM20.16 8.672C20.416 8.672 20.64 8.576 20.832 8.384C21.024 8.192 21.12 7.95733 21.12 7.68C21.12 7.40267 21.024 7.16267 20.832 6.96C20.64 6.75733 20.416 6.656 20.16 6.656C19.904 6.656 19.68 6.75733 19.488 6.96C19.296 7.16267 19.2 7.40267 19.2 7.68C19.2 7.95733 19.296 8.192 19.488 8.384C19.68 8.576 19.904 8.672 20.16 8.672Z", fill: "#666666" }))), h$4("p", { class: "s-bullet-delivery-saved-addresses-empty-title" }, Salla.lang.get("pages.checkout.no_saved_addresses")), h$4("p", { class: "s-bullet-delivery-saved-addresses-empty-desc" }, Salla.lang.get("pages.checkout.add_address_simplify_shipping")), h$4("salla-button", { onClick: () => this.handleAddNewAddress(), onKeyUp: () => this.handleAddNewAddress() }, Salla.lang.get("pages.checkout.add_new_address"))));
+        return (h("div", { class: "s-bullet-delivery-saved-addresses-empty" }, h("div", { class: "s-bullet-delivery-saved-addresses-empty-icon", "aria-hidden": "true" }, h("svg", { width: "28", height: "28", viewBox: "0 0 28 29", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("title", null, "No Saved Adresses"), h("path", { d: "M20.16 0C21.4613 0 22.6773 0.341333 23.808 1.024C24.9387 1.70667 25.8347 2.61333 26.496 3.744C27.1787 4.91733 27.52 6.18667 27.52 7.552C27.52 9.45067 26.8267 11.232 25.44 12.896C24.4587 14.0907 23.0827 15.2427 21.312 16.352H21.28C20.9387 16.5653 20.5653 16.672 20.16 16.672C19.7547 16.672 19.3813 16.5653 19.04 16.352H19.008C17.2373 15.2213 15.8613 14.0693 14.88 12.896C13.4933 11.232 12.8 9.45067 12.8 7.552C12.8 6.18667 13.1413 4.91733 13.824 3.744C14.4853 2.61333 15.3813 1.70667 16.512 1.024C17.6427 0.341333 18.8587 0 20.16 0ZM11.488 1.984C9.67467 2.368 8.04267 3.14667 6.592 4.32C5.14133 5.49333 4.01067 6.92267 3.2 8.608C2.34667 10.3573 1.92 12.224 1.92 14.208C1.92 14.72 1.952 15.2427 2.016 15.776L2.08 15.744C2.57067 15.488 2.94933 15.3067 3.216 15.2C3.48267 15.0933 3.73867 15.0933 3.984 15.2C4.22933 15.3067 4.4 15.488 4.496 15.744C4.592 16 4.58667 16.256 4.48 16.512C4.37333 16.768 4.19733 16.9493 3.952 17.056C3.70667 17.1627 3.36 17.3227 2.912 17.536L2.656 17.664C2.57067 17.7067 2.48533 17.7387 2.4 17.76C2.89067 19.4667 3.70133 20.9973 4.832 22.352C5.96267 23.7067 7.296 24.7573 8.832 25.504C10.432 26.272 12.1173 26.656 13.888 26.656C15.4667 26.656 16.9813 26.3467 18.432 25.728C19.8187 25.1307 21.0667 24.288 22.176 23.2C21.92 23.0507 21.7653 22.8373 21.712 22.56C21.6587 22.2827 21.7013 22.0267 21.84 21.792C21.9787 21.5573 22.176 21.408 22.432 21.344C22.8373 21.2587 23.2 21.12 23.52 20.928C23.6907 20.8427 23.8613 20.8 24.032 20.8C24.8 19.5413 25.3333 18.176 25.632 16.704C25.6747 16.4267 25.808 16.2133 26.032 16.064C26.256 15.9147 26.496 15.8667 26.752 15.92C27.008 15.9733 27.2107 16.1173 27.36 16.352C27.5093 16.5867 27.552 16.832 27.488 17.088C27.0613 19.2853 26.1973 21.264 24.896 23.024C23.5947 24.784 22.0053 26.1547 20.128 27.136C18.1653 28.16 16.0853 28.672 13.888 28.672C11.3707 28.672 9.03467 28.0107 6.88 26.688C4.78933 25.408 3.12533 23.68 1.888 21.504C0.629333 19.264 0 16.832 0 14.208C0 11.904 0.490667 9.73867 1.472 7.712C2.41067 5.74933 3.728 4.09067 5.424 2.736C7.12 1.38133 9.01333 0.48 11.104 0.032C11.36 -0.032 11.6 0.0106667 11.824 0.16C12.048 0.309333 12.1867 0.522667 12.24 0.8C12.2933 1.07733 12.2453 1.328 12.096 1.552C11.9467 1.776 11.744 1.92 11.488 1.984ZM14.72 7.552C14.72 8.96 15.2533 10.304 16.32 11.584C17.1733 12.5867 18.3893 13.6 19.968 14.624C20.032 14.6453 20.096 14.656 20.16 14.656C20.224 14.656 20.288 14.6453 20.352 14.624C21.9307 13.6213 23.1467 12.608 24 11.584C25.0667 10.304 25.6 8.96 25.6 7.552C25.6 6.57067 25.3547 5.65333 24.864 4.8C24.3733 3.94667 23.7067 3.26933 22.864 2.768C22.0213 2.26667 21.12 2.016 20.16 2.016C19.2 2.016 18.2987 2.26667 17.456 2.768C16.6133 3.26933 15.9467 3.94667 15.456 4.8C14.9653 5.65333 14.72 6.57067 14.72 7.552ZM17.28 7.68C17.28 6.848 17.5627 6.13867 18.128 5.552C18.6933 4.96533 19.3707 4.672 20.16 4.672C20.9493 4.672 21.6267 4.96533 22.192 5.552C22.7573 6.13867 23.04 6.848 23.04 7.68C23.04 8.512 22.7573 9.216 22.192 9.792C21.6267 10.368 20.9493 10.656 20.16 10.656C19.3707 10.656 18.6933 10.368 18.128 9.792C17.5627 9.216 17.28 8.512 17.28 7.68ZM6.752 14.688C7.62667 14.7733 8.53333 15.0293 9.472 15.456C9.70667 15.5627 9.87733 15.744 9.984 16C10.0907 16.256 10.0907 16.512 9.984 16.768C9.87733 17.024 9.70133 17.2 9.456 17.296C9.21067 17.392 8.97067 17.3867 8.736 17.28C7.94667 16.9387 7.22133 16.736 6.56 16.672C6.28267 16.6293 6.064 16.5013 5.904 16.288C5.744 16.0747 5.68 15.8293 5.712 15.552C5.744 15.2747 5.86133 15.0507 6.064 14.88C6.26667 14.7093 6.496 14.6453 6.752 14.688ZM17.6 20.544C18.304 20.864 18.976 21.0987 19.616 21.248C19.872 21.312 20.0693 21.4613 20.208 21.696C20.3467 21.9307 20.3893 22.1813 20.336 22.448C20.2827 22.7147 20.144 22.9227 19.92 23.072C19.696 23.2213 19.4453 23.264 19.168 23.2C18.4213 23.0293 17.632 22.752 16.8 22.368C16.5653 22.2613 16.4 22.08 16.304 21.824C16.208 21.568 16.2133 21.312 16.32 21.056C16.4267 20.8 16.6027 20.624 16.848 20.528C17.0933 20.432 17.344 20.4373 17.6 20.544ZM12.832 17.44C13.0027 17.568 13.248 17.7493 13.568 17.984L14.496 18.688C14.7093 18.8587 14.8373 19.0773 14.88 19.344C14.9227 19.6107 14.8693 19.856 14.72 20.08C14.5707 20.304 14.368 20.4427 14.112 20.496C13.856 20.5493 13.6107 20.5013 13.376 20.352L11.744 19.072C11.5307 18.9227 11.4027 18.7093 11.36 18.432C11.3173 18.1547 11.3707 17.904 11.52 17.68C11.6693 17.456 11.872 17.3227 12.128 17.28C12.384 17.2373 12.6187 17.2907 12.832 17.44ZM20.16 8.672C20.416 8.672 20.64 8.576 20.832 8.384C21.024 8.192 21.12 7.95733 21.12 7.68C21.12 7.40267 21.024 7.16267 20.832 6.96C20.64 6.75733 20.416 6.656 20.16 6.656C19.904 6.656 19.68 6.75733 19.488 6.96C19.296 7.16267 19.2 7.40267 19.2 7.68C19.2 7.95733 19.296 8.192 19.488 8.384C19.68 8.576 19.904 8.672 20.16 8.672Z", fill: "#666666" }))), h("p", { class: "s-bullet-delivery-saved-addresses-empty-title" }, Salla.lang.get("pages.checkout.no_saved_addresses")), h("p", { class: "s-bullet-delivery-saved-addresses-empty-desc" }, Salla.lang.get("pages.checkout.add_address_simplify_shipping")), h("salla-button", { onClick: () => this.handleAddNewAddress(), onKeyUp: () => this.handleAddNewAddress() }, Salla.lang.get("pages.checkout.add_new_address"))));
     }
     /**
      * Save session address (guest intent) to user profile. Returns the newly saved address or null.
@@ -6681,7 +2287,7 @@ const SallaBulletDelivery = class {
         if (!this.isLoggedIn)
             return null;
         if (this.loadingSavedAddresses) {
-            return (h$4("div", { class: "s-bullet-delivery-addresses-list s-scrollbar" }, [1, 2, 3].map((v) => (h$4("div", { key: v, class: "s-bullet-delivery-address-item s-bullet-delivery-address-item--skeleton" }, h$4("salla-skeleton", { class: "s-bullet-delivery-skel-radio", height: "18px", width: "18px" }), h$4("salla-skeleton", { class: "s-bullet-delivery-skel-map", height: "36px", width: "36px" }), h$4("div", { class: "s-bullet-delivery-address-content" }, h$4("div", { class: "s-bullet-delivery-address-lines" }, h$4("salla-skeleton", { height: "18px", width: "72%" }), h$4("salla-skeleton", { height: "16px", width: "56%" }))))))));
+            return (h("div", { class: "s-bullet-delivery-addresses-list s-scrollbar" }, [1, 2, 3].map((v) => (h("div", { key: v, class: "s-bullet-delivery-address-item s-bullet-delivery-address-item--skeleton" }, h("salla-skeleton", { class: "s-bullet-delivery-skel-radio", height: "18px", width: "18px" }), h("salla-skeleton", { class: "s-bullet-delivery-skel-map", height: "36px", width: "36px" }), h("div", { class: "s-bullet-delivery-address-content" }, h("div", { class: "s-bullet-delivery-address-lines" }, h("salla-skeleton", { height: "18px", width: "72%" }), h("salla-skeleton", { height: "16px", width: "56%" }))))))));
         }
         const intent = this.getStoredIntent();
         const hasSessionAddress = hasSessionAddressIntent(intent);
@@ -6699,7 +2305,7 @@ const SallaBulletDelivery = class {
         if (this.savedAddresses.length === 0 && !hasSessionAddress) {
             return this.renderSavedAddressesEmptyState();
         }
-        return (h$4("div", { class: "s-bullet-delivery-addresses-list s-scrollbar" }, hasSessionAddress &&
+        return (h("div", { class: "s-bullet-delivery-addresses-list s-scrollbar" }, hasSessionAddress &&
             this.renderAddressRow({
                 key: "session-address",
                 line1: sessionLine1,
@@ -6732,7 +2338,7 @@ const SallaBulletDelivery = class {
     }
     renderAddressRow(options) {
         const { key, line1, line2, selected, disabled = false, onClick } = options;
-        return (h$4("button", { key: key, class: {
+        return (h("button", { key: key, class: {
                 "s-bullet-delivery-address-item": true,
                 "s-bullet-delivery-address-item--selected": selected,
                 "s-bullet-delivery-address-item--disabled": disabled,
@@ -6742,7 +2348,7 @@ const SallaBulletDelivery = class {
                     if (!disabled)
                         onClick();
                 }
-            } }, h$4("input", { type: "radio", name: "saved_address", class: "s-bullet-delivery-radio", checked: selected, disabled: disabled }), h$4("span", { class: "s-bullet-delivery-address-map-icon", innerHTML: MiniMap, "aria-hidden": "true" }), h$4("div", { class: "s-bullet-delivery-address-content" }, h$4("div", { class: "s-bullet-delivery-address-lines" }, h$4("span", { class: "s-bullet-delivery-address-line1", style: { textAlign: this.isRTL ? 'right' : 'left' } }, line1), h$4("span", { class: "s-bullet-delivery-address-line2", style: { textAlign: this.isRTL ? 'right' : 'left' } }, line2)))));
+            } }, h("input", { type: "radio", name: "saved_address", class: "s-bullet-delivery-radio", checked: selected, disabled: disabled }), h("span", { class: "s-bullet-delivery-address-map-icon", innerHTML: MiniMap, "aria-hidden": "true" }), h("div", { class: "s-bullet-delivery-address-content" }, h("div", { class: "s-bullet-delivery-address-lines" }, h("span", { class: "s-bullet-delivery-address-line1", style: { textAlign: this.isRTL ? 'right' : 'left' } }, line1), h("span", { class: "s-bullet-delivery-address-line2", style: { textAlign: this.isRTL ? 'right' : 'left' } }, line2)))));
     }
     renderMapSection() {
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
@@ -6752,12 +2358,12 @@ const SallaBulletDelivery = class {
         // map never opens "empty": before a selection the marker sits on the IP/Riyadh default and is
         // dragged/replaced once auto-geolocation or the user picks a real position.
         const center = hasLoc ? { lat: loc.lat, lng: loc.lng } : this.mapInitialCenter;
-        return (h$4("div", { class: "s-bullet-delivery-map-container" }, h$4("gmap-map", { ref: (el) => (this.gmapRef = el), center: center, zoom: 16, "min-zoom": 4, "max-zoom": 21, "map-id": "DEMO_MAP_ID", "enable-autocomplete": true, "enable-geolocation": true, "show-location-marker": true, "location-marker-position": hasLoc ? { lat: loc.lat, lng: loc.lng, accuracy: 50 } : { ...center, accuracy: 50 }, 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 })));
+        return (h("div", { class: "s-bullet-delivery-map-container" }, h("gmap-map", { ref: (el) => (this.gmapRef = el), center: center, zoom: 16, "min-zoom": 4, "max-zoom": 21, "map-id": "DEMO_MAP_ID", "enable-autocomplete": true, "enable-geolocation": true, "show-location-marker": true, "location-marker-position": hasLoc ? { lat: loc.lat, lng: loc.lng, accuracy: 50 } : { ...center, accuracy: 50 }, 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 (h$4("div", { class: "s-bullet-delivery-address-confirm" }, h$4("div", { class: "s-bullet-delivery-address-confirm-card" }, h$4("div", { class: "s-bullet-delivery-address-confirm-details" }, h$4("span", { class: "s-bullet-delivery-address-confirm-label" }, Salla.lang.get('pages.checkout.selected_address')), h$4("p", { class: "s-bullet-delivery-address-confirm-text" }, address), shortCode && (h$4("span", { class: "s-bullet-delivery-address-confirm-tag" }, shortCode, h$4("span", { class: "s-bullet-delivery-address-confirm-tag-icon", innerHTML: LocationTag })))), h$4("button", { type: "button", class: "s-bullet-delivery-address-confirm-edit", onClick: () => { this.mapStep = 'map'; } }, Salla.lang.get('common.elements.edit'))), h$4("div", { class: "s-bullet-delivery-address-confirm-description" }, h$4("label", { class: "s-bullet-delivery-address-confirm-description-label" }, Salla.lang.get('pages.checkout.address_description'), h$4("span", { class: "s-bullet-delivery-address-confirm-description-optional" }, Salla.lang.get('common.elements.optional'))), h$4("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; } }))));
+        return (h("div", { class: "s-bullet-delivery-address-confirm" }, h("div", { class: "s-bullet-delivery-address-confirm-card" }, h("div", { class: "s-bullet-delivery-address-confirm-details" }, h("span", { class: "s-bullet-delivery-address-confirm-label" }, Salla.lang.get('pages.checkout.selected_address')), h("p", { class: "s-bullet-delivery-address-confirm-text" }, address), shortCode && (h("span", { class: "s-bullet-delivery-address-confirm-tag" }, shortCode, h("span", { class: "s-bullet-delivery-address-confirm-tag-icon", innerHTML: LocationTag })))), h("button", { type: "button", class: "s-bullet-delivery-address-confirm-edit", onClick: () => { this.mapStep = 'map'; } }, Salla.lang.get('common.elements.edit'))), h("div", { class: "s-bullet-delivery-address-confirm-description" }, h("label", { class: "s-bullet-delivery-address-confirm-description-label" }, Salla.lang.get('pages.checkout.address_description'), h("span", { class: "s-bullet-delivery-address-confirm-description-optional" }, Salla.lang.get('common.elements.optional'))), 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) {
@@ -6773,7 +2379,7 @@ const SallaBulletDelivery = class {
         ];
     }
     renderDeliveryTab() {
-        return (h$4("div", { class: {
+        return (h("div", { class: {
                 "s-bullet-delivery-content": true,
                 "s-bullet-delivery-content--active": this.activeTab === "address",
                 "s-hidden": this.activeTab !== "address",
@@ -6801,14 +2407,14 @@ const SallaBulletDelivery = class {
             }
             this.handleConfirm();
         };
-        return (h$4("form", { onSubmit: handleSubmit }, this.renderGuestDeliveryForm(), h$4("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single", style: { padding: '24px' } }, h$4("salla-button", { type: "submit", loading: this.confirming, disabled: isConfirmStep ? this.confirming : !canAdvanceToConfirm, width: "wide" }, submitLabel), !this.isLoggedIn && (h$4("button", { type: "button", class: "s-bullet-delivery-login-prompt", onClick: () => this.handleLogin() }, Salla.lang.get('pages.checkout.login_to_use_saved_addresses'))))));
+        return (h("form", { onSubmit: handleSubmit }, this.renderGuestDeliveryForm(), h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single", style: { padding: '24px' } }, h("salla-button", { type: "submit", loading: this.confirming, disabled: isConfirmStep ? this.confirming : !canAdvanceToConfirm, width: "wide" }, submitLabel), !this.isLoggedIn && (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 (h$4("div", { class: "s-bullet-delivery-branch-search" }, h$4("div", { class: "s-bullet-delivery-search-row" }, h$4("div", { class: "s-bullet-delivery-search s-bullet-delivery-branch-search-wrap" }, h$4("span", { class: "s-bullet-delivery-search-icon s-bullet-delivery-branch-search-icon", innerHTML: Search, "aria-hidden": "true" }), h$4("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" })), h$4("button", { type: "button", class: {
+        return (h("div", { class: "s-bullet-delivery-branch-search" }, h("div", { class: "s-bullet-delivery-search-row" }, h("div", { class: "s-bullet-delivery-search s-bullet-delivery-branch-search-wrap" }, h("span", { class: "s-bullet-delivery-search-icon s-bullet-delivery-branch-search-icon", innerHTML: Search, "aria-hidden": "true" }), 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" })), h("button", { type: "button", class: {
                 "s-bullet-delivery-location-btn": true,
                 "s-bullet-delivery-location-btn--full": true,
                 "s-bullet-delivery-location-btn--loading": this.loadingNearestBranch,
-            }, onClick: () => this.handleFindNearestBranch(), disabled: this.loadingNearestBranch }, this.loadingNearestBranch ? (h$4("span", { class: "s-bullet-delivery-location-icon", "aria-hidden": "true" }, h$4("salla-skeleton", { height: "18px", width: "18px" }))) : (h$4("span", { class: "s-bullet-delivery-location-icon", innerHTML: GPS, "aria-hidden": "true" })), h$4("span", null, Salla.lang.get("pages.checkout.nearest_to_my_location")))), this.locationError && this.activeTab === "branch" && (h$4("span", { class: "s-bullet-delivery-error" }, this.locationError))));
+            }, onClick: () => this.handleFindNearestBranch(), disabled: this.loadingNearestBranch }, this.loadingNearestBranch ? (h("span", { class: "s-bullet-delivery-location-icon", "aria-hidden": "true" }, h("salla-skeleton", { height: "18px", width: "18px" }))) : (h("span", { class: "s-bullet-delivery-location-icon", innerHTML: GPS, "aria-hidden": "true" })), h("span", null, Salla.lang.get("pages.checkout.nearest_to_my_location")))), this.locationError && this.activeTab === "branch" && (h("span", { class: "s-bullet-delivery-error" }, this.locationError))));
     }
     /** Renders a branch's `preparation_time_range` as a localized "from - to <unit>" label. */
     getPreparationTimeLabel(range) {
@@ -6829,19 +2435,19 @@ const SallaBulletDelivery = class {
     }
     renderBranchList() {
         if (this.loadingBranches) {
-            return (h$4("div", { class: "s-bullet-delivery-branches-wrap" }, h$4("div", { class: "s-bullet-delivery-branches-loading" }, [1, 2, 3, 4].map((v) => (h$4("div", { key: v, class: "s-bullet-delivery-branch-skeleton" }, h$4("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-radio", type: "circle", height: "16px", width: "16px" }), h$4("div", { class: "s-bullet-delivery-branch-skeleton-icon" }, h$4("salla-skeleton", { height: "34px", width: "34px" })), h$4("div", { class: "s-bullet-delivery-branch-skeleton-content" }, h$4("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-title", height: "12px", width: "124px" })), h$4("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-time", height: "12px", width: "88px" }), h$4("div", { class: "s-bullet-delivery-branch-skeleton-map" }, h$4("salla-skeleton", { height: "32px", width: "32px" }))))))));
+            return (h("div", { class: "s-bullet-delivery-branches-wrap" }, h("div", { class: "s-bullet-delivery-branches-loading" }, [1, 2, 3, 4].map((v) => (h("div", { key: v, class: "s-bullet-delivery-branch-skeleton" }, h("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-radio", type: "circle", height: "16px", width: "16px" }), h("div", { class: "s-bullet-delivery-branch-skeleton-icon" }, h("salla-skeleton", { height: "34px", width: "34px" })), h("div", { class: "s-bullet-delivery-branch-skeleton-content" }, h("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-title", height: "12px", width: "124px" })), h("salla-skeleton", { class: "s-bullet-delivery-branch-skeleton-time", height: "12px", width: "88px" }), h("div", { class: "s-bullet-delivery-branch-skeleton-map" }, h("salla-skeleton", { height: "32px", width: "32px" }))))))));
         }
         if (this.filteredBranches.length === 0) {
-            return (h$4("salla-placeholder", { alignment: "center", class: "s-bullet-delivery-placeholder" }, h$4("span", { slot: "title" }, Salla.lang.get("pages.checkout.no_pickup_branches_found"))));
+            return (h("salla-placeholder", { alignment: "center", class: "s-bullet-delivery-placeholder" }, h("span", { slot: "title" }, Salla.lang.get("pages.checkout.no_pickup_branches_found"))));
         }
-        return (h$4("div", { class: "s-bullet-delivery-branches-wrap" }, h$4("ul", { class: "s-bullet-delivery-branches-list s-scrollbar" }, this.filteredBranches.map(branch => {
+        return (h("div", { class: "s-bullet-delivery-branches-wrap" }, h("ul", { class: "s-bullet-delivery-branches-list s-scrollbar" }, this.filteredBranches.map(branch => {
             const selectable = isBranchSelectable(branch);
             const readiness = branch?.pickup_readiness;
             const locationText = [branch.country?.name, branch.city?.name, branch.district?.name]
                 .filter(Boolean)
                 .join(', ');
             const preparationTimeLabel = this.getPreparationTimeLabel(branch.preparation_time_range);
-            return (h$4("li", { key: branch.id, class: {
+            return (h("li", { key: branch.id, class: {
                     's-bullet-delivery-branch-item': true,
                     's-bullet-delivery-branch-item--selected': this.selectedBranch?.id === branch.id,
                     's-bullet-delivery-branch-item--disabled': !selectable,
@@ -6851,15 +2457,15 @@ const SallaBulletDelivery = class {
                         if (selectable)
                             this.handleBranchSelect(branch);
                     }
-                } }, h$4("input", { type: "radio", name: "branch", class: "s-bullet-delivery-radio", checked: this.selectedBranch?.id === branch.id, disabled: !selectable }), h$4("span", { class: "s-bullet-delivery-branch-icon", "aria-hidden": "true" }, h$4("span", { innerHTML: Store })), h$4("div", { class: "flex flex-col" }, h$4("div", { class: "flex items-center gap-1 mb-1" }, h$4("p", { class: "s-bullet-delivery-branch-name text-start" }, branch.name), readiness?.label && (h$4("p", { class: `branch-status-badge${readiness.color ? ` ${readiness.color}` : ''}` }, readiness.label))), locationText ? (h$4("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h$4("i", { class: "sicon-location" }), "\u00A0", h$4("span", { class: "first-letter-cap" }, locationText))) : null, preparationTimeLabel ? (h$4("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h$4("i", { class: "sicon-clock" }), "\u00A0", h$4("span", { class: "first-letter-cap" }, Salla.lang.get('pages.checkout.pickup_duration'), ": ", preparationTimeLabel))) : null, readiness?.detail_line && (h$4("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h$4("i", { class: "sicon-store" }), "\u00A0", readiness.detail_line))), h$4("div", { style: {
+                } }, h("input", { type: "radio", name: "branch", class: "s-bullet-delivery-radio", checked: this.selectedBranch?.id === branch.id, disabled: !selectable }), h("span", { class: "s-bullet-delivery-branch-icon", "aria-hidden": "true" }, h("span", { innerHTML: Store })), h("div", { class: "flex flex-col" }, h("div", { class: "flex items-center gap-1 mb-1" }, h("p", { class: "s-bullet-delivery-branch-name text-start" }, branch.name), readiness?.label && (h("p", { class: `branch-status-badge${readiness.color ? ` ${readiness.color}` : ''}` }, readiness.label))), locationText ? (h("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h("i", { class: "sicon-location" }), "\u00A0", h("span", { class: "first-letter-cap" }, locationText))) : null, preparationTimeLabel ? (h("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h("i", { class: "sicon-clock" }), "\u00A0", h("span", { class: "first-letter-cap" }, Salla.lang.get('pages.checkout.pickup_duration'), ": ", preparationTimeLabel))) : null, readiness?.detail_line && (h("span", { class: "s-bullet-delivery-branch-prep", style: { fontSize: '0.8rem', lineHeight: '1.1rem', textAlign: this.isRTL ? 'right' : 'left' } }, h("i", { class: "sicon-store" }), "\u00A0", readiness.detail_line))), h("div", { style: {
                     width: 'full',
                     maxWidth: '50px',
                     marginInlineStart: 'auto',
-                } }, branch.location?.lat != null && branch.location?.lng != null && (h$4("a", { href: `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lng}`, target: "_blank", rel: "noopener noreferrer", class: "s-bullet-delivery-branch-map-link", title: Salla.lang.get('common.elements.open_in_google_maps'), onClick: e => e.stopPropagation() }, h$4("span", { class: "s-bullet-delivery-branch-map-link-icon", innerHTML: GetDirections.replace(/mask0_25437_34440/g, `mask0_branch_${branch.id}`), "aria-hidden": "true" }), h$4("span", { class: "sr-only" }, Salla.lang.get('common.elements.open_in_google_maps')))))));
+                } }, branch.location?.lat != null && branch.location?.lng != null && (h("a", { href: `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lng}`, target: "_blank", rel: "noopener noreferrer", class: "s-bullet-delivery-branch-map-link", title: Salla.lang.get('common.elements.open_in_google_maps'), onClick: e => e.stopPropagation() }, h("span", { class: "s-bullet-delivery-branch-map-link-icon", innerHTML: GetDirections.replace(/mask0_25437_34440/g, `mask0_branch_${branch.id}`), "aria-hidden": "true" }), h("span", { class: "sr-only" }, Salla.lang.get('common.elements.open_in_google_maps')))))));
         }))));
     }
     renderPickupTab() {
-        return (h$4("div", { class: {
+        return (h("div", { class: {
                 "s-bullet-delivery-content": true,
                 "s-bullet-delivery-content--active": this.activeTab === "branch",
                 "s-hidden": this.activeTab !== "branch",
@@ -6906,18 +2512,18 @@ const SallaBulletDelivery = class {
             }
             this.handleSubmitAddAddress(e);
         };
-        return (h$4("div", { class: "s-bullet-delivery-add-address" }, h$4("form", { class: "s-bullet-delivery-add-address-form", onSubmit: handleFormSubmit }, this.renderGuestDeliveryForm(), h$4("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single" }, h$4("salla-button", { type: "submit", loading: this.savingAddress, disabled: !canSubmit || this.savingAddress, class: "s-bullet-delivery-add-address-submit" }, submitLabel)))));
+        return (h("div", { class: "s-bullet-delivery-add-address" }, h("form", { class: "s-bullet-delivery-add-address-form", onSubmit: handleFormSubmit }, this.renderGuestDeliveryForm(), h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single" }, 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 (h$4("div", { class: "s-bullet-delivery-footer" }, h$4("salla-button", { ref: (btn) => {
+        return (h("div", { class: "s-bullet-delivery-footer" }, h("salla-button", { ref: (btn) => {
                 this.confirmBtn = btn;
             }, disabled: this.isConfirmDisabled(), onClick: () => this.handleConfirm(), "loader-position": "center", width: "wide" }, this.activeTab === "branch"
             ? Salla.lang.get("pages.checkout.confirm_receipt_from_the_branch")
-            : Salla.lang.get("pages.checkout.confirm_address")), showAddAddressInFooter && (h$4("salla-button", { onClick: () => this.handleAddNewAddress(), width: "wide", shape: "link" }, Salla.lang.get("pages.checkout.add_new_address"))), !this.isLoggedIn && (h$4("salla-button", { shape: "link", onClick: () => this.handleLogin() }, Salla.lang.get("pages.checkout.login_to_use_saved_addresses")))));
+            : Salla.lang.get("pages.checkout.confirm_address")), showAddAddressInFooter && (h("salla-button", { onClick: () => this.handleAddNewAddress(), width: "wide", shape: "link" }, Salla.lang.get("pages.checkout.add_new_address"))), !this.isLoggedIn && (h("salla-button", { shape: "link", onClick: () => this.handleLogin() }, Salla.lang.get("pages.checkout.login_to_use_saved_addresses")))));
     }
     renderMainView() {
         const isAddressEmptyState = this.isLoggedIn &&
@@ -6927,7 +2533,7 @@ const SallaBulletDelivery = class {
         const activeTabView = this.activeTab === "branch" && this.supportsPickup
             ? this.renderPickupTab()
             : this.renderDeliveryTab();
-        return (h$4("div", null, this.showCartWillBeClearedBanner &&
+        return (h("div", null, this.showCartWillBeClearedBanner &&
             this.renderAlert(Salla.lang.get("blocks.scope.empty_cart_warning")), this.allocationOutOfCoverageMessage &&
             this.renderAllocationOutOfCoverageAlert(), activeTabView, !isAddressEmptyState && this.renderFooter()));
     }
@@ -7070,11 +2676,11 @@ const SallaBulletDelivery = class {
     render() {
         if (this.isMobileApp || !this.isEnabled)
             return null; // no-op when disabled
-        return (h$4(Host, { class: "s-bullet-delivery" }, h$4("salla-modal", { ref: modal => {
+        return (h(Host, { class: "s-bullet-delivery" }, h("salla-modal", { ref: modal => {
                 this.modal = modal;
-            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, h$4("div", { class: "s-bullet-delivery-inner" }, h$4("div", { class: "s-bullet-delivery-header" }, h$4("h2", { class: "s-bullet-delivery-title" }, this.activeTab === 'address'
+            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, h("div", { class: "s-bullet-delivery-inner" }, h("div", { class: "s-bullet-delivery-header" }, 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.choose_branch_for_order_pickup')), h$4("p", { class: "s-bullet-delivery-subtitle" }, this.activeTab === 'address'
+            : Salla.lang.get('blocks.home.choose_branch_for_order_pickup')), 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.choose_branch_for_order_pickup_description'))), this.renderTabs(), this.viewMode === 'main' && this.renderMainView(), this.viewMode === 'add-address' && this.renderAddAddressForm()))));
     }
@@ -7258,7 +2864,7 @@ const SallaBulletDeliveryTag = class {
         if (!this.isEligible) {
             return null;
         }
-        return (h$4(Host, { class: "s-bullet-delivery-tag-wrapper" }, h$4("span", { class: "s-bullet-delivery-tag-container", "data-testid": "bd-tag" }, h$4("span", { class: "s-bullet-delivery-tag-icon", innerHTML: FlashIcon }), h$4("span", { class: "s-bullet-delivery-tag-label" }, this.getTagLabel()))));
+        return (h(Host, { class: "s-bullet-delivery-tag-wrapper" }, h("span", { class: "s-bullet-delivery-tag-container", "data-testid": "bd-tag" }, h("span", { class: "s-bullet-delivery-tag-icon", innerHTML: FlashIcon }), h("span", { class: "s-bullet-delivery-tag-label" }, this.getTagLabel()))));
     }
 };
 SallaBulletDeliveryTag.style = sallaBulletDeliveryTagCss;
@@ -7456,38 +3062,38 @@ const SallaSearchableDropdown = class {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h$4(Host, { key: 'adb5cc56df221951bb9c2cfece436ca47297e7c6', class: "s-searchable-dropdown" }, h$4("div", { key: 'c53f13b55284ea7e6288fbf47c65ea8741946dad', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h$4("label", { key: '80694c905aa7c4106047c03100bac6494bd46d65', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h$4("span", { key: '93d82dcbac374bf19fe93ea0fe283b6223392ad9', class: "s-searchable-dropdown-required" }, " *"))), h$4("div", { key: '930ae1e3c99ca272dc3ef5849a147b97c60cdaa3', class: {
+        return (h(Host, { key: 'adb5cc56df221951bb9c2cfece436ca47297e7c6', class: "s-searchable-dropdown" }, h("div", { key: 'c53f13b55284ea7e6288fbf47c65ea8741946dad', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '80694c905aa7c4106047c03100bac6494bd46d65', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '93d82dcbac374bf19fe93ea0fe283b6223392ad9', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '930ae1e3c99ca272dc3ef5849a147b97c60cdaa3', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h$4("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h$4("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h$4("i", { key: '37a5061c5c0b2b287f83d688fae1e87c89ba3638', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '37a5061c5c0b2b287f83d688fae1e87c89ba3638', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h$4("div", { key: 'a6fb5cb55a7e9d993667dbd330a01d62e32643be', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'a6fb5cb55a7e9d993667dbd330a01d62e32643be', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h$4("div", { key: 'b31a7cb0268f56ced610e729cafc75d73a535cab', class: "s-searchable-dropdown-search-wrap" }, h$4("i", { key: '4b34fe7e5f80778dacae009a7b533f7078450a86', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h$4("input", { key: '7c0179801f4250d863b74d3907cde02ddc5defdb', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h$4("div", { key: 'f857ce0cf6738ee4c30135667f914dbfef33cb48', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'b31a7cb0268f56ced610e729cafc75d73a535cab', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '4b34fe7e5f80778dacae009a7b533f7078450a86', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '7c0179801f4250d863b74d3907cde02ddc5defdb', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: 'f857ce0cf6738ee4c30135667f914dbfef33cb48', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {
-            return (h$4("div", { class: "s-searchable-dropdown-loading" }, h$4("svg", { class: "s-searchable-dropdown-spinner", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$4("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", opacity: "0.25" }), h$4("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }))));
+            return (h("div", { class: "s-searchable-dropdown-loading" }, h("svg", { class: "s-searchable-dropdown-spinner", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", opacity: "0.25" }), h("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round" }))));
         }
         const visibleItems = this.filteredItems;
         if (visibleItems.length === 0) {
-            return (h$4("div", { class: "s-searchable-dropdown-empty" }, this.noResultsText || salla?.lang?.get('common.elements.no_options') || 'No results found'));
+            return (h("div", { class: "s-searchable-dropdown-empty" }, this.noResultsText || salla?.lang?.get('common.elements.no_options') || 'No results found'));
         }
         return visibleItems.map((item, index) => {
             const isSelected = this.selectedItem?.id === item.id;
             const isFocused = this.focusedIndex === index;
-            return (h$4("button", { key: item.id, type: "button", role: "option", class: {
+            return (h("button", { key: item.id, type: "button", role: "option", class: {
                     's-searchable-dropdown-item': true,
                     's-searchable-dropdown-item--selected': isSelected,
                     's-searchable-dropdown-item--focused': isFocused && !isSelected,
-                }, "aria-selected": isSelected ? 'true' : 'false', onClick: () => this.selectItem(item) }, h$4("span", { class: {
+                }, "aria-selected": isSelected ? 'true' : 'false', onClick: () => this.selectItem(item) }, h("span", { class: {
                     's-searchable-dropdown-item-name': true,
                     's-searchable-dropdown-item-name--selected': isSelected,
-                } }, this.getDisplayName(item)), isSelected && (h$4("i", { class: "sicon-check s-searchable-dropdown-item-check", "aria-hidden": "true" }))));
+                } }, this.getDisplayName(item)), isSelected && (h("i", { class: "sicon-check s-searchable-dropdown-item-check", "aria-hidden": "true" }))));
         });
     }
     get host() { return getElement(this); }