@lion/ui 0.11.5 → 0.11.6

package/components/input-tel/src/LionInputTel.js

@@ -27,6 +27,7 @@ export class LionInputTel extends LocalizeMixin(LionInput) {
     formatStrategy: { type: String, attribute: 'format-strategy' },
     formatCountryCodeStyle: { type: String, attribute: 'format-country-code-style' },
     activeRegion: { type: String },
+    preferredRegions: { type: Array },
     _phoneUtil: { type: Object, state: true },
   };
 
@@ -156,6 +157,12 @@ export class LionInputTel extends LocalizeMixin(LionInput) {
      */
     this.allowedRegions = [];
 
+    /**
+     * Regions that will be shown on top of the dropdown
+     * @type {RegionCode[]}
+     */
+    this.preferredRegions = [];
+
     /** @private */
     this.__isPhoneNumberValidatorInstance = new PhoneNumber();
     /**  @configures ValidateMixin */
@@ -326,13 +333,19 @@ export class LionInputTel extends LocalizeMixin(LionInput) {
       return;
     }
 
-    // 3. Try to get the region from locale
+    // 3. Get the first region in the list of preferred regions
+    if (this.preferredRegions?.length > 0) {
+      this._setActiveRegion(this.preferredRegions[0]);
+      return;
+    }
+
+    // 4. Try to get the region from locale
     if (this._langIso && this._allowedOrAllRegions.includes(this._langIso)) {
       this._setActiveRegion(this._langIso);
       return;
     }
 
-    // 4. Not derivable
+    // 5. Not derivable
     this._setActiveRegion(undefined);
   }
 }

package/components/input-tel/test-suites/LionInputTel.suite.js

@@ -100,6 +100,20 @@ function runActiveRegionTests({ tag, phoneUtilLoadedAfterInit }) {
       expect(el.activeRegion).to.equal('NL');
     });
 
+    it('.modelValue takes precedence over .preferredRegions when both preconfigured and .modelValue updated', async () => {
+      const el = await fixture(
+        html` <${tag} .preferredRegions="${[
+          'DE',
+          'BE',
+        ]}" .modelValue="${'+31612345678'}" ></${tag}> `,
+      );
+      if (resolvePhoneUtilLoaded) {
+        resolvePhoneUtilLoaded(undefined);
+        await el.updateComplete;
+      }
+      expect(el.activeRegion).to.equal('NL');
+    });
+
     it('deducts it from value when modelValue is unparseable', async () => {
       const modelValue = new Unparseable('+316');
       const el = await fixture(html` <${tag} .modelValue=${modelValue}></${tag}> `);
@@ -122,7 +136,18 @@ function runActiveRegionTests({ tag, phoneUtilLoadedAfterInit }) {
       expect(el.activeRegion).to.equal('NL');
     });
 
-    // 3. **locale**: try to get the region from locale (`html[lang]` attribute)
+    // 3. **preferred-region**: get the first element in the preferred regions list
+    it('deducts it from the .preferredRegions when provided', async () => {
+      const el = await fixture(html` <${tag} .preferredRegions="${['DE', 'NL']}"></${tag}> `);
+      if (resolvePhoneUtilLoaded) {
+        resolvePhoneUtilLoaded(undefined);
+        await el.updateComplete;
+      }
+      // Region code for country code '+49' is 'DE'
+      expect(el.activeRegion).to.equal('DE');
+    });
+
+    // 4. **locale**: try to get the region from locale (`html[lang]` attribute)
     it('automatically bases it on current locale when nothing preconfigured', async () => {
       const el = await fixture(html` <${tag}></${tag}> `);
       if (resolvePhoneUtilLoaded) {

package/components/input-tel-dropdown/src/LionInputTelDropdown.js

@@ -4,6 +4,7 @@ import { ref, createRef } from 'lit/directives/ref.js';
 import { LionInputTel } from '@lion/ui/input-tel.js';
 import { getLocalizeManager } from '@lion/ui/localize-no-side-effects.js';
 import { getFlagSymbol } from './getFlagSymbol.js';
+import { regionCodeToLocale } from './regionCodeToLocale.js';
 
 /**
  * Note: one could consider to implement LionInputTelDropdown as a
@@ -41,14 +42,6 @@ import { getFlagSymbol } from './getFlagSymbol.js';
  * `e164` format that contains all info (both region code and national phone number).
  */
 export class LionInputTelDropdown extends LionInputTel {
-  /**
-   * @configure LitElement
-   * @type {any}
-   */
-  static properties = {
-    preferredRegions: { type: Array },
-  };
-
   refs = {
     /** @type {DropdownRef} */
     dropdown: /** @type {DropdownRef} */ (createRef()),
@@ -193,8 +186,7 @@ export class LionInputTelDropdown extends LionInputTel {
   onLocaleUpdated() {
     super.onLocaleUpdated();
 
-    // @ts-expect-error relatively new platform api
-    this.__namesForLocale = new Intl.DisplayNames([this._langIso], {
+    this.__namesForLocale = new Intl.DisplayNames([this._localizeManager.locale], {
       type: 'region',
     });
     this.__createRegionMeta();
@@ -214,11 +206,6 @@ export class LionInputTelDropdown extends LionInputTel {
   constructor() {
     super();
 
-    /**
-     * Regions that will be shown on top of the dropdown
-     * @type {string[]}
-     */
-    this.preferredRegions = [];
     /**
      * Group label for all countries, when preferredCountries are shown
      * @protected
@@ -408,7 +395,7 @@ export class LionInputTelDropdown extends LionInputTel {
     this.__regionMetaListPreferred = [];
     this._allowedOrAllRegions.forEach(regionCode => {
       // @ts-ignore relatively new platform api
-      const namesForRegion = new Intl.DisplayNames([regionCode.toLowerCase()], {
+      const namesForRegion = new Intl.DisplayNames([regionCodeToLocale(regionCode)], {
         type: 'region',
       });
       const countryCode =

package/components/input-tel-dropdown/src/regionCodeToLocale.js

@@ -0,0 +1,10 @@
+/**
+ * Get the full locale for a region.
+ * As we don't know the language for that region, we first set it as 'und', which stands for 'undetermined'.
+ * @param {string} regionCode
+ */
+export function regionCodeToLocale(regionCode) {
+  const locale = new Intl.Locale('und', { region: regionCode }); // Set language as undetermined.
+  const maximizedLocale = locale.maximize(); // Determine the most likely full locale for a region with an undetermined language.
+  return maximizedLocale.baseName;
+}

package/components/input-tel-dropdown/test/regionCodeToLocale.test.js

@@ -0,0 +1,10 @@
+import { expect } from '@open-wc/testing';
+import { regionCodeToLocale } from '../src/regionCodeToLocale.js';
+
+describe('regionCodeToLocale', () => {
+  it('returns the most likely locale basename for a region', () => {
+    expect(regionCodeToLocale('NL')).to.equal('nl-Latn-NL');
+    expect(regionCodeToLocale('FR')).to.equal('fr-Latn-FR');
+    expect(regionCodeToLocale('DE')).to.equal('de-Latn-DE');
+  });
+});

package/components/input-tel-dropdown/test-suites/LionInputTelDropdown.suite.js

@@ -133,7 +133,7 @@ export function runInputTelDropdownSuite({ klass } = { klass: LionInputTelDropdo
                   countryCode: 63,
                   flagSymbol: '🇵🇭',
                   nameForLocale: 'Philippines',
-                  nameForRegion: 'Philippines',
+                  nameForRegion: 'Pilipinas',
                   regionCode: 'PH',
                 },
               ],
@@ -239,6 +239,74 @@ export function runInputTelDropdownSuite({ klass } = { klass: LionInputTelDropdo
         restorePhoneUtilManager();
         spy.restore();
       });
+
+      it('has the correct nameForLocale, based on browser language', async () => {
+        const el = fixtureSync(html` <${tag}
+          .modelValue="${'+31612345678'}"
+          .allowedRegions="${['NL', 'PH']}"
+          .preferredRegions="${['PH']}"
+          ></${tag}> `);
+        const spy = sinon.spy(
+          /** @type {typeof LionInputTelDropdown} */ (el.constructor).templates,
+          'dropdown',
+        );
+        // @ts-ignore
+        const originalLocale = el._localizeManager.locale;
+        // @ts-ignore
+        el._localizeManager.locale = 'fr-BE';
+        await el.updateComplete;
+        const dropdownNode = el.refs.dropdown.value;
+        const templateDataForDropdown = /** @type {TemplateDataForDropdownInputTel} */ (
+          spy.args[0][0]
+        );
+        expect(templateDataForDropdown).to.eql(
+          /** @type {TemplateDataForDropdownInputTel} */ ({
+            data: {
+              activeRegion: 'NL',
+              regionMetaList: [
+                {
+                  countryCode: 31,
+                  flagSymbol: '🇳🇱',
+                  nameForLocale: 'Pays-Bas',
+                  nameForRegion: 'Nederland',
+                  regionCode: 'NL',
+                },
+              ],
+              regionMetaListPreferred: [
+                {
+                  countryCode: 63,
+                  flagSymbol: '🇵🇭',
+                  nameForLocale: 'Philippines',
+                  nameForRegion: 'Pilipinas',
+                  regionCode: 'PH',
+                },
+              ],
+            },
+            refs: {
+              dropdown: {
+                labels: {
+                  allCountries: 'Tous les pays',
+                  preferredCountries: 'Pays suggérés',
+                  selectCountry: 'Sélectionnez un pays',
+                },
+                listeners: {
+                  // @ts-expect-error [allow-protected]
+                  change: el._onDropdownValueChange,
+                  // @ts-expect-error [allow-protected]
+                  'model-value-changed': el._onDropdownValueChange,
+                },
+                props: { style: 'height: 100%;' },
+                ref: { value: dropdownNode },
+              },
+              // @ts-expect-error [allow-protected]
+              input: el._inputNode,
+            },
+          }),
+        );
+        spy.restore();
+        // @ts-ignore
+        el._localizeManager.locale = originalLocale; // restore the locale back to original
+      });
     });
 
     describe('On dropdown value change', () => {

package/custom-elements.json

@@ -97081,11 +97081,15 @@
               "name": "preferredRegions",
               "privacy": "public",
               "type": {
-                "text": "string[]"
+                "text": "RegionCode[]"
               },
               "description": "Regions that will be shown on top of the dropdown",
               "default": "[]",
-              "attribute": "preferredRegions"
+              "attribute": "preferredRegions",
+              "inheritedFrom": {
+                "name": "LionInputTel",
+                "module": "components/input-tel/src/LionInputTel.js"
+              }
             },
             {
               "kind": "field",
@@ -99277,16 +99281,13 @@
               }
             }
           ],
+          "superclass": {
+            "name": "LionInputTel",
+            "package": "@lion/ui/input-tel.js"
+          },
+          "tagName": "lion-input-tel-dropdown",
+          "customElement": true,
           "attributes": [
-            {
-              "name": "preferredRegions",
-              "type": {
-                "text": "string[]"
-              },
-              "description": "Regions that will be shown on top of the dropdown",
-              "default": "[]",
-              "fieldName": "preferredRegions"
-            },
             {
               "name": "allowedRegions",
               "type": {
@@ -99339,6 +99340,19 @@
                 "module": "components/input-tel/src/LionInputTel.js"
               }
             },
+            {
+              "name": "preferredRegions",
+              "type": {
+                "text": "RegionCode[]"
+              },
+              "description": "Regions that will be shown on top of the dropdown",
+              "default": "[]",
+              "fieldName": "preferredRegions",
+              "inheritedFrom": {
+                "name": "LionInputTel",
+                "module": "components/input-tel/src/LionInputTel.js"
+              }
+            },
             {
               "name": "_phoneUtil",
               "type": {
@@ -99605,12 +99619,6 @@
               }
             }
           ],
-          "superclass": {
-            "name": "LionInputTel",
-            "package": "@lion/ui/input-tel.js"
-          },
-          "tagName": "lion-input-tel-dropdown",
-          "customElement": true,
           "events": [
             {
               "name": "model-value-changed",
@@ -100655,6 +100663,17 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "preferredRegions",
+              "privacy": "public",
+              "type": {
+                "text": "RegionCode[]"
+              },
+              "description": "Regions that will be shown on top of the dropdown",
+              "default": "[]",
+              "attribute": "preferredRegions"
+            },
             {
               "kind": "field",
               "name": "prefilled",
@@ -102750,6 +102769,15 @@
               "readonly": true,
               "fieldName": "activeRegion"
             },
+            {
+              "name": "preferredRegions",
+              "type": {
+                "text": "RegionCode[]"
+              },
+              "description": "Regions that will be shown on top of the dropdown",
+              "default": "[]",
+              "fieldName": "preferredRegions"
+            },
             {
               "name": "_phoneUtil",
               "type": {
@@ -145405,6 +145433,35 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-tel-dropdown/src/regionCodeToLocale.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "regionCodeToLocale",
+          "parameters": [
+            {
+              "name": "regionCode",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Get the full locale for a region.\nAs we don't know the language for that region, we first set it as 'und', which stands for 'undetermined'."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "regionCodeToLocale",
+          "declaration": {
+            "name": "regionCodeToLocale",
+            "module": "components/input-tel-dropdown/src/regionCodeToLocale.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/input-tel/src/parsers.js",

package/dist-types/components/input-tel/src/LionInputTel.d.ts

@@ -26,6 +26,9 @@ export class LionInputTel extends LionInputTel_base {
         activeRegion: {
             type: StringConstructor;
         };
+        preferredRegions: {
+            type: ArrayConstructor;
+        };
         _phoneUtil: {
             type: ObjectConstructor;
             state: boolean;
@@ -105,6 +108,11 @@ export class LionInputTel extends LionInputTel_base {
      * @type {RegionCode[]}
      */
     allowedRegions: RegionCode[];
+    /**
+     * Regions that will be shown on top of the dropdown
+     * @type {RegionCode[]}
+     */
+    preferredRegions: RegionCode[];
     /** @private */
     private __isPhoneNumberValidatorInstance;
     /**

package/dist-types/components/input-tel/src/LionInputTel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputTel.d.ts","sourceRoot":"","sources":["../../../../components/input-tel/src/LionInputTel.js"],"names":[],"mappings":";AAWA;;;;;;;GAOG;AAEH;IACE;;OAEG;IACH;;;;;;;;;;;;;;;;;;;MAME;IAEF,kGAGE;IAgBF,mFAAsB;IAdtB;;;;;;;OAOG;IACH,gFAEC;IAoCD,6CAA+B;IA9B/B;;;;;;;;;;;;;;;;OAgBG;IACH,0CASC;IAMD;;;;OAIG;IACH,qCAFW,UAAU,GAAC,SAAS,QAM9B;IAFC,mEAA8B;IAIhC;;;;OAIG;IACH,qEAMC;IAED;;;;OAIG;IAEH,6DAEC;IAED;;;;OAIG;IAGH,wBAEC;IAQC;;;;;OAKG;IACH,gBAFU,iBAAiB,CAEU;IAErC;;;;OAIG;IACH,wBAFU,MAAM,CAEuB;IAEvC;;;;OAIG;IACH,gBAFU,UAAU,EAAE,CAEE;IAExB,eAAe;IACf,yCAAyD;IAKzD;;;OAGG;IACH,sBAFU,kBAAkB,GAAC,IAAI,CAIzB;IA2BN,oDAAkD;IAiCpD;;;OAGG;IACH,uEAEC;IAIH;;;;OAIG;IACH,sBAHW,MAAM,GACJ,MAAM,CAQlB;IAED;;;;OAIG;IACH,kBAHW,MAAM,GACJ,MAAM,CAMlB;IAED;;;;;;;OAOG;IACH,wBANW,MAAM;QAEU,aAAa,EAA7B,MAAM;QACU,iBAAiB,EAAjC,MAAM;QACJ;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;KAAE,GAAG,SAAS,CAUlE;IAaD;;OAEG;IACH,0CAOC;IAED;;OAEG;IACH,gCA4BC;CACF;yBArUY,OAAO,mBAAmB,EAAE,UAAU;gCACtC,OAAO,qBAAqB,EAAE,iBAAiB;+BAC/C,OAAO,qBAAqB,EAAE,gBAAgB;4BAC9C,OAAO,2CAA2C,EAAE,aAAa;iCACjE,0CAAiC;+BACjC,aAAa,GAAG;IAAC,UAAU,EAAE,UAAU,CAAC;IAAC,cAAc,EAAE,iBAAiB,CAAC;IAAC,sBAAsB,EAAE,MAAM,CAAC;CAAC"}
+{"version":3,"file":"LionInputTel.d.ts","sourceRoot":"","sources":["../../../../components/input-tel/src/LionInputTel.js"],"names":[],"mappings":";AAWA;;;;;;;GAOG;AAEH;IACE;;OAEG;IACH;;;;;;;;;;;;;;;;;;;;;;MAOE;IAEF,kGAGE;IAgBF,mFAAsB;IAdtB;;;;;;;OAOG;IACH,gFAEC;IAoCD,6CAA+B;IA9B/B;;;;;;;;;;;;;;;;OAgBG;IACH,0CASC;IAMD;;;;OAIG;IACH,qCAFW,UAAU,GAAC,SAAS,QAM9B;IAFC,mEAA8B;IAIhC;;;;OAIG;IACH,qEAMC;IAED;;;;OAIG;IAEH,6DAEC;IAED;;;;OAIG;IAGH,wBAEC;IAQC;;;;;OAKG;IACH,gBAFU,iBAAiB,CAEU;IAErC;;;;OAIG;IACH,wBAFU,MAAM,CAEuB;IAEvC;;;;OAIG;IACH,gBAFU,UAAU,EAAE,CAEE;IAExB;;;OAGG;IACH,kBAFU,UAAU,EAAE,CAEI;IAE1B,eAAe;IACf,yCAAyD;IAKzD;;;OAGG;IACH,sBAFU,kBAAkB,GAAC,IAAI,CAIzB;IA2BN,oDAAkD;IAiCpD;;;OAGG;IACH,uEAEC;IAIH;;;;OAIG;IACH,sBAHW,MAAM,GACJ,MAAM,CAQlB;IAED;;;;OAIG;IACH,kBAHW,MAAM,GACJ,MAAM,CAMlB;IAED;;;;;;;OAOG;IACH,wBANW,MAAM;QAEU,aAAa,EAA7B,MAAM;QACU,iBAAiB,EAAjC,MAAM;QACJ;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;KAAE,GAAG,SAAS,CAUlE;IAaD;;OAEG;IACH,0CAOC;IAED;;OAEG;IACH,gCAkCC;CACF;yBAlVY,OAAO,mBAAmB,EAAE,UAAU;gCACtC,OAAO,qBAAqB,EAAE,iBAAiB;+BAC/C,OAAO,qBAAqB,EAAE,gBAAgB;4BAC9C,OAAO,2CAA2C,EAAE,aAAa;iCACjE,0CAAiC;+BACjC,aAAa,GAAG;IAAC,UAAU,EAAE,UAAU,CAAC;IAAC,cAAc,EAAE,iBAAiB,CAAC;IAAC,sBAAsB,EAAE,MAAM,CAAC;CAAC"}

package/dist-types/components/input-tel/test-suites/LionInputTel.suite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputTel.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-tel/test-suites/LionInputTel.suite.js"],"names":[],"mappings":"AAwJA;;GAEG;AAEH,6CAHW;IAAE,KAAK,EAAC,YAAY,CAAA;CAAE,QAkThC;6BA1bY,OAAO,KAAK,EAAE,cAAc;yBAC5B,OAAO,mBAAmB,EAAE,UAAU"}
+{"version":3,"file":"LionInputTel.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-tel/test-suites/LionInputTel.suite.js"],"names":[],"mappings":"AAiLA;;GAEG;AAEH,6CAHW;IAAE,KAAK,EAAC,YAAY,CAAA;CAAE,QAkThC;6BAndY,OAAO,KAAK,EAAE,cAAc;yBAC5B,OAAO,mBAAmB,EAAE,UAAU"}

package/dist-types/components/input-tel-dropdown/src/LionInputTelDropdown.d.ts

@@ -32,11 +32,6 @@
  * `e164` format that contains all info (both region code and national phone number).
  */
 export class LionInputTelDropdown extends LionInputTel {
-    /**
-     * @configure LitElement
-     * @type {any}
-     */
-    static properties: any;
     static templates: {
         dropdown: (templateDataForDropdown: TemplateDataForDropdownInputTel) => import("lit-html").TemplateResult<1>;
         /**
@@ -91,11 +86,6 @@ export class LionInputTelDropdown extends LionInputTel {
         input: () => HTMLInputElement;
     };
     __namesForLocale: Intl.DisplayNames | undefined;
-    /**
-     * Regions that will be shown on top of the dropdown
-     * @type {string[]}
-     */
-    preferredRegions: string[];
     /**
      * Group label for all countries, when preferredCountries are shown
      * @protected

package/dist-types/components/input-tel-dropdown/src/LionInputTelDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputTelDropdown.d.ts","sourceRoot":"","sources":["../../../../components/input-tel-dropdown/src/LionInputTelDropdown.js"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;GAYG;AAEH;;;;;;;GAOG;AACH;IACE;;;OAGG;IACH,mBAFU,GAAG,CAIX;IAkEF;4CACwB,+BAA+B;QA0BrD;;;WAGG;kDAFQ,+BAA+B,2CAC/B,UAAU;MAMrB;IAEF;;;OAGG;IACH,0EAaE;IAtHF;QACE,0BAA0B;kBAAf,WAAW;MAEtB;IAEF;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,yFAgCC;IA0DD;;OAEG;IACH;;;;;;MAaC;IASC,gDAEE;IAkBF;;;OAGG;IACH,kBAFU,MAAM,EAAE,CAEQ;IAC1B;;;OAGG;IACH,qCAA4B;IAC5B;;;OAGG;IACH,2CAAkC;IAElC;;;;;OAKG;IACH,yBAA0B;IAE1B;;;;OAIG;IACH,kCAAmC;IA8ErC;;;OAGG;IACH,wCAFW,qBAAqB,QAoC/B;IAED;;OAEG;IACH,iCAwBC;IAlGD;;OAEG;IACH,iDAaC;IATK,4CAAkD;IAWxD;;;;;;;OAOG;IACH,gCAJW,MAAM,GACL,OAAO,CAMlB;IAuED;;;;;;;;OAQG;IACH,2BA6BC;IAED;;;;;;;;OAQG;IAEH,6CAEC;CACF;kBAxaY,OAAO,uBAAuB,EAAE,GAAG;4BACnC,OAAO,KAAK,EAAE,aAAa;yBAC3B,OAAO,2CAA2C,EAAE,UAAU;yBAC9D,OAAO,gCAAgC,EAAE,UAAU;8CACnD,OAAO,mBAAmB,EAAE,+BAA+B;oCAC3D,OAAO,mBAAmB,EAAE,qBAAqB;0BACjD,OAAO,mBAAmB,EAAE,WAAW;yBACvC,OAAO,mBAAmB,EAAE,UAAU;6BACtC,OAAO,yCAAyC,EAAE,cAAc;gCAChE,OAAO,yCAAyC,EAAE,iBAAiB;0CACnE,+BAA+B,GAAG;IAAC,IAAI,EAAE;QAAC,cAAc,EAAC,UAAU,EAAE,CAAA;KAAC,CAAA;CAAC"}
+{"version":3,"file":"LionInputTelDropdown.d.ts","sourceRoot":"","sources":["../../../../components/input-tel-dropdown/src/LionInputTelDropdown.js"],"names":[],"mappings":"AAQA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;GAYG;AAEH;;;;;;;GAOG;AACH;IAiEE;4CACwB,+BAA+B;QA0BrD;;;WAGG;kDAFQ,+BAA+B,2CAC/B,UAAU;MAMrB;IAEF;;;OAGG;IACH,0EAaE;IAtHF;QACE,0BAA0B;kBAAf,WAAW;MAEtB;IAEF;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,yFAgCC;IA0DD;;OAEG;IACH;;;;;;MAaC;IAQC,gDAEE;IAkBF;;;OAGG;IACH,qCAA4B;IAC5B;;;OAGG;IACH,2CAAkC;IAElC;;;;;OAKG;IACH,yBAA0B;IAE1B;;;;OAIG;IACH,kCAAmC;IA8ErC;;;OAGG;IACH,wCAFW,qBAAqB,QAoC/B;IAED;;OAEG;IACH,iCAwBC;IAlGD;;OAEG;IACH,iDAaC;IATK,4CAAkD;IAWxD;;;;;;;OAOG;IACH,gCAJW,MAAM,GACL,OAAO,CAMlB;IAuED;;;;;;;;OAQG;IACH,2BA6BC;IAED;;;;;;;;OAQG;IAEH,6CAEC;CACF;kBA1ZY,OAAO,uBAAuB,EAAE,GAAG;4BACnC,OAAO,KAAK,EAAE,aAAa;yBAC3B,OAAO,2CAA2C,EAAE,UAAU;yBAC9D,OAAO,gCAAgC,EAAE,UAAU;8CACnD,OAAO,mBAAmB,EAAE,+BAA+B;oCAC3D,OAAO,mBAAmB,EAAE,qBAAqB;0BACjD,OAAO,mBAAmB,EAAE,WAAW;yBACvC,OAAO,mBAAmB,EAAE,UAAU;6BACtC,OAAO,yCAAyC,EAAE,cAAc;gCAChE,OAAO,yCAAyC,EAAE,iBAAiB;0CACnE,+BAA+B,GAAG;IAAC,IAAI,EAAE;QAAC,cAAc,EAAC,UAAU,EAAE,CAAA;KAAC,CAAA;CAAC"}

package/dist-types/components/input-tel-dropdown/src/regionCodeToLocale.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Get the full locale for a region.
+ * As we don't know the language for that region, we first set it as 'und', which stands for 'undetermined'.
+ * @param {string} regionCode
+ */
+export function regionCodeToLocale(regionCode: string): string;
+//# sourceMappingURL=regionCodeToLocale.d.ts.map

package/dist-types/components/input-tel-dropdown/src/regionCodeToLocale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"regionCodeToLocale.d.ts","sourceRoot":"","sources":["../../../../components/input-tel-dropdown/src/regionCodeToLocale.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,+CAFW,MAAM,UAMhB"}

package/dist-types/components/input-tel-dropdown/test/regionCodeToLocale.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=regionCodeToLocale.test.d.ts.map

package/dist-types/components/input-tel-dropdown/test/regionCodeToLocale.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"regionCodeToLocale.test.d.ts","sourceRoot":"","sources":["../../../../components/input-tel-dropdown/test/regionCodeToLocale.test.js"],"names":[],"mappings":""}

package/dist-types/components/input-tel-dropdown/test-suites/LionInputTelDropdown.suite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputTelDropdown.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-tel-dropdown/test-suites/LionInputTelDropdown.suite.js"],"names":[],"mappings":"AAyCA;;GAEG;AAEH,qDAHW;IAAE,KAAK,EAAC,oBAAoB,CAAA;CAAE,QAkVxC;8CA1WY,OAAO,mBAAmB,EAAE,+BAA+B;8BAC3D,iBAAiB,IAAC,WAAW,GAAG;IAAC,UAAU,EAAC,MAAM,CAAA;CAAC,CAAA;6BACnD,OAAO,KAAK,EAAE,cAAc"}
+{"version":3,"file":"LionInputTelDropdown.suite.d.ts","sourceRoot":"","sources":["../../../../components/input-tel-dropdown/test-suites/LionInputTelDropdown.suite.js"],"names":[],"mappings":"AAyCA;;GAEG;AAEH,qDAHW;IAAE,KAAK,EAAC,oBAAoB,CAAA;CAAE,QAsZxC;8CA9aY,OAAO,mBAAmB,EAAE,+BAA+B;8BAC3D,iBAAiB,IAAC,WAAW,GAAG;IAAC,UAAU,EAAC,MAAM,CAAA;CAAC,CAAA;6BACnD,OAAO,KAAK,EAAE,cAAc"}