@salla.sa/ui-address-autocomplete-widget 1.0.6 → 1.1.0

package/dist/index.js

@@ -1,4 +1,4 @@
-const U = globalThis, q = U.ShadowRoot && (U.ShadyCSS === void 0 || U.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, H = /* @__PURE__ */ Symbol(), Z = /* @__PURE__ */ new WeakMap();
+const U = globalThis, B = U.ShadowRoot && (U.ShadyCSS === void 0 || U.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, H = /* @__PURE__ */ Symbol(), Z = /* @__PURE__ */ new WeakMap();
 let le = class {
   constructor(e, t, s) {
     if (this._$cssResult$ = !0, s !== H) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -7,7 +7,7 @@ let le = class {
   get styleSheet() {
     let e = this.o;
     const t = this.t;
-    if (q && e === void 0) {
+    if (B && e === void 0) {
       const s = t !== void 0 && t.length === 1;
       s && (e = Z.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && Z.set(t, e));
     }
@@ -25,12 +25,12 @@ const ue = (i) => new le(typeof i == "string" ? i : i + "", void 0, H), me = (i,
   })(r) + i[o + 1], i[0]);
   return new le(t, i, H);
 }, fe = (i, e) => {
-  if (q) i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  if (B) i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const s = document.createElement("style"), r = U.litNonce;
     r !== void 0 && s.setAttribute("nonce", r), s.textContent = t.cssText, i.appendChild(s);
   }
-}, Y = q ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
+}, Y = B ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const s of e.cssRules) t += s.cssText;
   return ue(t);
@@ -266,13 +266,13 @@ const ke = (i, e) => {
   }
   return [pe(i, o + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
-class I {
+class N {
   constructor({ strings: e, _$litType$: t }, s) {
     let r;
     this.parts = [];
     let o = 0, a = 0;
     const n = e.length - 1, l = this.parts, [m, c] = ke(e, t);
-    if (this.el = I.createElement(m, s), w.currentNode = this.el.content, t === 2 || t === 3) {
+    if (this.el = N.createElement(m, s), w.currentNode = this.el.content, t === 2 || t === 3) {
       const u = this.el.content.firstChild;
       u.replaceWith(...u.childNodes);
     }
@@ -326,7 +326,7 @@ class Pe {
     for (; l !== void 0; ) {
       if (a === l.index) {
         let m;
-        l.type === 2 ? m = new N(o, o.nextSibling, this, e) : l.type === 1 ? m = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (m = new Ie(o, this, e)), this._$AV.push(m), l = s[++n];
+        l.type === 2 ? m = new I(o, o.nextSibling, this, e) : l.type === 1 ? m = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (m = new Ne(o, this, e)), this._$AV.push(m), l = s[++n];
       }
       a !== l?.index && (o = w.nextNode(), a++);
     }
@@ -337,7 +337,7 @@ class Pe {
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, t), t += s.strings.length - 2) : s._$AI(e[t])), t++;
   }
 }
-class N {
+class I {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -368,7 +368,7 @@ class N {
     this._$AH !== f && R(this._$AH) ? this._$AA.nextSibling.data = e : this.T(_.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    const { values: t, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = I.createElement(pe(s.h, s.h[0]), this.options)), s);
+    const { values: t, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = N.createElement(pe(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === r) this._$AH.p(t);
     else {
       const o = new Pe(r, this), a = o.u(this.options);
@@ -377,13 +377,13 @@ class N {
   }
   _$AC(e) {
     let t = oe.get(e.strings);
-    return t === void 0 && oe.set(e.strings, t = new I(e)), t;
+    return t === void 0 && oe.set(e.strings, t = new N(e)), t;
   }
   k(e) {
     K(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let s, r = 0;
-    for (const o of e) r === t.length ? t.push(s = new N(this.O(C()), this.O(C()), this, this.options)) : s = t[r], s._$AI(o), r++;
+    for (const o of e) r === t.length ? t.push(s = new I(this.O(C()), this.O(C()), this, this.options)) : s = t[r], s._$AI(o), r++;
     r < t.length && (this._$AR(s && s._$AB.nextSibling, r), t.length = r);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -450,7 +450,7 @@ class Re extends M {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Ie {
+class Ne {
   constructor(e, t, s) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
   }
@@ -461,14 +461,14 @@ class Ie {
     E(this, e);
   }
 }
-const Ne = W.litHtmlPolyfillSupport;
-Ne?.(I, N), (W.litHtmlVersions ??= []).push("3.3.2");
+const Ie = W.litHtmlPolyfillSupport;
+Ie?.(N, I), (W.litHtmlVersions ??= []).push("3.3.2");
 const ze = (i, e, t) => {
   const s = t?.renderBefore ?? e;
   let r = s._$litPart$;
   if (r === void 0) {
     const o = t?.renderBefore ?? null;
-    s._$litPart$ = r = new N(e.insertBefore(C(), o), o, void 0, t ?? {});
+    s._$litPart$ = r = new I(e.insertBefore(C(), o), o, void 0, t ?? {});
   }
   return r._$AI(i), r;
 };
@@ -543,8 +543,8 @@ function Me(i, e) {
     } });
   };
 }
-const Le = { ATTRIBUTE: 1 }, Be = (i) => (...e) => ({ _$litDirective$: i, values: e });
-class qe {
+const Le = { ATTRIBUTE: 1 }, qe = (i) => (...e) => ({ _$litDirective$: i, values: e });
+class Be {
   constructor(e) {
   }
   get _$AU() {
@@ -560,7 +560,7 @@ class qe {
     return this.render(...t);
   }
 }
-const F = Be(class extends qe {
+const F = qe(class extends Be {
   constructor(i) {
     if (super(i), i.type !== Le.ATTRIBUTE || i.name !== "class" || i.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
@@ -824,7 +824,7 @@ const ne = {
     validationSaudiFormat: "Lütfen geçerli bir Suudi ulusal adresi girin (format: AAAA1234)"
   }
 };
-function B(i = "en") {
+function q(i = "en") {
   return ne[i] || ne.en;
 }
 function Ge(i) {
@@ -965,7 +965,7 @@ let d = class extends T {
       } : null;
     } catch (e) {
       console.error("Error fetching place details:", e);
-      const t = B(this.language);
+      const t = q(this.language);
       return this.error = e instanceof Error ? e.message : t.errorFetchDetails, null;
     } finally {
       this.isLoading = !1;
@@ -1080,7 +1080,7 @@ let d = class extends T {
   validate() {
     if (this.mode !== "form")
       return !0;
-    const i = B(this.language), e = this.inputValue || "";
+    const i = q(this.language), e = this.inputValue || "";
     return this.required && !e.trim() ? (this.validationError = i.validationRequired, this._internals.setValidity(
       { valueMissing: !0 },
       this.validationError,
@@ -1095,10 +1095,67 @@ let d = class extends T {
       this.inputElement
     ), !1) : (this.validationError = null, this._internals.setValidity({}), !0);
   }
+  /**
+   * 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(i) {
+    if (!i) return i;
+    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 i.split("").map((t) => e[t] ?? t).join("");
+  }
   handleInput(i) {
     if (this.disabled) return;
-    const e = i.target, t = this.inputValue;
-    this.inputValue = e.value, this.touched = !0, this.showNationalAddressIcon && (this.showNationalAddressIcon = !1), 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 = !0), this.debouncedFetch(this.inputValue), this._value = this.inputValue, this.requestUpdate("value", t), this.dispatchEvent(new CustomEvent("input", {
+    const e = i.target, t = e.selectionStart ?? 0, s = this.inputValue, r = e.value, o = this.normalizeNumerals(r);
+    o !== r && (e.value = o, requestAnimationFrame(() => {
+      e.setSelectionRange(t, t);
+    })), this.inputValue = o, this.touched = !0, this.showNationalAddressIcon && (this.showNationalAddressIcon = !1), 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 = !0), this.debouncedFetch(this.inputValue), this._value = this.inputValue, this.requestUpdate("value", s), this.dispatchEvent(new CustomEvent("input", {
       detail: { value: this.inputValue },
       bubbles: !0,
       composed: !0
@@ -1235,7 +1292,7 @@ let d = class extends T {
       "with-national-icon": this.showNationalAddressIcon
     }, t = {
       required: this.mode === "form" && this.required
-    }, s = B(this.language), r = this.dir === "auto" ? Ge(this.language) ? "rtl" : "ltr" : this.dir, o = this.placeholder || s.placeholder, a = this.name || "salla-address-search";
+    }, s = q(this.language), r = this.dir === "auto" ? Ge(this.language) ? "rtl" : "ltr" : this.dir, o = this.placeholder || s.placeholder, a = this.name || "salla-address-search";
     return g`
       <div class="wrapper ${this.className}" part="wrapper" dir="${r}">
         <div class="input-container" part="input-container">
@@ -1905,7 +1962,7 @@ export {
   je as debounce,
   We as generateSessionToken,
   Ke as getCountryCode,
-  B as getTranslations,
+  q as getTranslations,
   Ge as isRTL,
   tt as parseHighlight,
   et as throttle

package/package.json

@@ -14,11 +14,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --emitDeclarationOnly && vite build",
-    "preview": "vite preview"
-  },
   "keywords": [
     "web-component",
     "lit",
@@ -37,5 +32,10 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1"
   },
-  "version": "1.0.6"
-}
+  "version": "1.1.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --emitDeclarationOnly && vite build",
+    "preview": "vite preview"
+  }
+}