@lion/ui 0.11.5 → 0.12.0

package/README.md

@@ -44,7 +44,7 @@ They provide an unopinionated, white-label layer that can be extended to your ow
 - **High Performance:** Focused on great performance in all relevant browsers with a minimal number of dependencies.
 - **Accessibility:** Aimed at compliance with the WCAG 2.2 AA standard to create components that are accessible for everybody.
 - **Flexibility:** Provides solutions through Web Components and JavaScript classes which can be used, adopted and extended to fit all needs.
-- **Modern Code:** Lion is distributed as pure es modules.
+- **Modern Code:** Lion is distributed as pure ES modules.
 - **Exposes functions/classes and Web Components:** Ships a functionality in its most appropriate form.
 
 > Note: Our demo examples might look simple and not very stylish. This is on purpose. They are designed to be basic so you can easily add your own styles to them to match your intended design, without dealing with styles that are already there.

package/components/input-amount/src/parsers.js

@@ -31,7 +31,7 @@ function round(value, decimals) {
  * @param {FormatNumberOptions} [givenOptions] Locale Options
  */
 export function parseAmount(value, givenOptions) {
-  const unmatchedInput = value.match(/[^0-9,.\- ]/g);
+  const unmatchedInput = value.match(/[^0-9,.\-\u2212 ]/g);
   // for the full paste behavior documentation:
   // ./docs/components/input-amount/use-cases.md#paste-behavior
   if (unmatchedInput && givenOptions?.mode !== 'pasted') {

package/components/input-amount/test/parsers.test.js

@@ -71,4 +71,9 @@ describe('parseAmount()', async () => {
       parseAmount('123.456,78', { mode: 'user-edited', viewValueStates: ['formatted'] }),
     ).to.equal(123456.78);
   });
+
+  it('parses negative numbers', async () => {
+    expect(parseAmount('−15.00')).to.equal(-15);
+    expect(parseAmount('-333.33')).to.equal(-333.33);
+  });
 });

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"}