@lion/ui 0.23.0 → 0.25.0

package/components/input-file/test/lion-selected-file-list.test.js

@@ -7,10 +7,9 @@ import sinon from 'sinon';
  * @typedef {import('../types/input-file.js').InputFile} InputFile
  * @typedef {import('lit').TemplateResult} TemplateResult
  */
-const fixture = /** @type {(arg: TemplateResult|string) => Promise<LionSelectedFileList>} */ (
-  _fixture
-);
-
+const fixture =
+  /** @type {(arg: TemplateResult|string) => Promise<LionSelectedFileList>} */
+  _fixture;
 describe('lion-selected-file-list', () => {
   /**
    * @type {Partial<InputFile>}
@@ -57,14 +56,17 @@ describe('lion-selected-file-list', () => {
       status: 'FAIL',
     },
     status: 'FAIL',
-    validationFeedback: [{ message: 'foobar', type: 'error' }],
+    validationFeedback: [
+      {
+        message: 'foobar',
+        type: 'error',
+      },
+    ],
   };
-
   it('when empty show nothing', async () => {
     const el = await fixture(html`<lion-selected-file-list></lion-selected-file-list>`);
     expect(el.children.length).to.equal(0);
   });
-
   it('can have 1 item', async () => {
     const el = await fixture(html`
       <lion-selected-file-list .fileList="${[fileSuccess]}"></lion-selected-file-list>
@@ -72,7 +74,6 @@ describe('lion-selected-file-list', () => {
     const fileItems = el.shadowRoot?.querySelectorAll('.selected__list__item');
     expect(fileItems?.length).to.equal(1);
   });
-
   it('shows a list when multiple', async () => {
     const el = await fixture(html`
       <lion-selected-file-list
@@ -85,7 +86,6 @@ describe('lion-selected-file-list', () => {
     const fileList = el.shadowRoot?.querySelector('.selected__list');
     expect(fileList?.tagName).to.equal('UL');
   });
-
   it('displays an anchor when status="SUCCESS" and a downloadUrl is available', async () => {
     const el = await fixture(html`
       <lion-selected-file-list
@@ -101,7 +101,6 @@ describe('lion-selected-file-list', () => {
     // @ts-ignore
     expect(fileItems[2].querySelector('.selected__list__item__label__link')).to.not.exist;
   });
-
   it('displays a feedback message when status="FAIL"', async () => {
     const el = await fixture(html`
       <lion-selected-file-list .fileList="${[fileFail]}"></lion-selected-file-list>
@@ -113,7 +112,6 @@ describe('lion-selected-file-list', () => {
     expect(feedback).to.exist;
     expect(el.shadowRoot?.textContent).to.include('foobar');
   });
-
   it('should call removeFile method on click of remove button', async () => {
     const el = await fixture(html`
       <lion-selected-file-list .fileList="${[fileSuccess, fileLoading]}"></lion-selected-file-list>
@@ -123,12 +121,11 @@ describe('lion-selected-file-list', () => {
      * @type {HTMLButtonElement | null | undefined}
      */
     const removeButton = el.shadowRoot?.querySelector('.selected__list__item__remove-button');
-    const removeFileSpy = sinon.spy(el, /** @type {keyof LionSelectedFileList} */ ('_removeFile'));
+    const removeFileSpy = sinon.spy(el, /** @type {keyof LionSelectedFileList} */ '_removeFile');
     removeButton?.click();
     expect(removeFileSpy).have.been.calledOnce;
     removeFileSpy.restore();
   });
-
   it('should fire file-remove-requested event with removed file data', async () => {
     const el = await fixture(html`
       <lion-selected-file-list .fileList="${[fileSuccess, fileLoading]}"></lion-selected-file-list>
@@ -148,12 +145,10 @@ describe('lion-selected-file-list', () => {
         status: el.fileList[0].status,
       },
     };
-
     setTimeout(() => {
       // @ts-ignore ignore file typing
       el._removeFile(removedFile);
     });
-
     const removeFileEvent = await oneEvent(el, 'file-remove-requested');
     expect(removeFileEvent).to.exist;
     expect(removeFileEvent.detail.removedFile).to.deep.equal({
@@ -173,7 +168,6 @@ describe('lion-selected-file-list', () => {
       status: 'SUCCESS',
     });
   });
-
   describe('Accessibility', async () => {
     it('is accessible', async () => {
       const el = await fixture(
@@ -183,23 +177,20 @@ describe('lion-selected-file-list', () => {
       );
       await expect(el).to.be.accessible();
     });
-
     it(`adds aria-live="polite" to the feedback slot on focus, aria-live="assertive" to the feedback slot on blur,
         so error messages appearing on blur will be read before those of the next input`, async () => {
       const el = await fixture(html`
         <lion-selected-file-list .fileList="${[fileFail]}"></lion-selected-file-list>
       `);
       const fileFeedback = el?.shadowRoot?.querySelectorAll('[id^="file-feedback"]')[0];
-      const removeButton = /** @type {HTMLButtonElement} */ (
-        el.shadowRoot?.querySelector('.selected__list__item__remove-button')
-      );
+      const removeButton =
+        /** @type {HTMLButtonElement} */
+        el.shadowRoot?.querySelector('.selected__list__item__remove-button');
       // @ts-ignore
       expect(fileFeedback.getAttribute('aria-live')).to.equal('assertive');
-
       removeButton?.focus();
       // @ts-ignore
       expect(fileFeedback.getAttribute('aria-live')).to.equal('polite');
-
       removeButton?.blur();
       // @ts-ignore
       expect(fileFeedback.getAttribute('aria-live')).to.equal('assertive');

package/components/input-file/translations/bg-BG.js

@@ -1,5 +1,4 @@
 import bg from './bg.js';
-
 export default {
   ...bg,
 };

package/components/input-file/translations/cs-CZ.js

@@ -1,5 +1,4 @@
 import cs from './cs.js';
-
 export default {
   ...cs,
 };

package/components/input-file/translations/de-DE.js

@@ -1,5 +1,4 @@
 import de from './de.js';
-
 export default {
   ...de,
 };

package/components/input-file/translations/en-AU.js

@@ -1,5 +1,4 @@
 import en from './en.js';
-
 export default {
   ...en,
 };

package/components/input-file/translations/en-GB.js

@@ -1,5 +1,4 @@
 import en from './en.js';
-
 export default {
   ...en,
 };

package/components/input-file/translations/en-PH.js

@@ -1,5 +1,4 @@
 import en from './en.js';
-
 export default {
   ...en,
 };

package/components/input-file/translations/en-US.js

@@ -1,5 +1,4 @@
 import en from './en.js';
-
 export default {
   ...en,
 };

package/components/input-file/translations/en.js

@@ -3,7 +3,8 @@ export default {
   allowedFileValidatorSimple: 'Please select a(n) {allowedType} file with max {maxSize}.',
   allowedFileValidatorComplex:
     'Please select a {allowedTypesArray} or {allowedTypesLastItem} file with max {maxSize}.',
-  dragAndDropText: 'Drag & Drop your files here or', // TODO: or what? Why is Drag & Drop capitalized?
+  dragAndDropText: 'Drag & Drop your files here or',
+  // TODO: or what? Why is Drag & Drop capitalized?
   fileNameDescriptionLabel: 'File name: ',
   generalValidatorMessage: '"{validatorMessage}", for {listOfErroneousFiles}.',
   noFilesSelected: 'No files selected.',

package/components/input-file/translations/es-ES.js

@@ -1,5 +1,4 @@
 import es from './es.js';
-
 export default {
   ...es,
 };

package/components/input-file/translations/fr-BE.js

@@ -1,5 +1,4 @@
 import fr from './fr.js';
-
 export default {
   ...fr,
 };

package/components/input-file/translations/fr-FR.js

@@ -1,5 +1,4 @@
 import fr from './fr.js';
-
 export default {
   ...fr,
 };

package/components/input-file/translations/hu-HU.js

@@ -1,5 +1,4 @@
 import hu from './hu.js';
-
 export default {
   ...hu,
 };

package/components/input-file/translations/id-ID.js

@@ -1,5 +1,4 @@
 import id from './id.js';
-
 export default {
   ...id,
 };

package/components/input-file/translations/id.js

@@ -3,7 +3,8 @@ export default {
   allowedFileValidatorSimple: 'Unggah file {allowedType} dengan ukuran maks. {maxSize}.',
   allowedFileValidatorComplex:
     'Unggah file {allowedTypesArray}, atau {allowedTypesLastItem} dengan ukuran maks. {maxSize}.',
-  dragAndDropText: 'Seret & Jatuhkan file di sini atau', // TODO: or what? Why is Drag & Drop capitalized?
+  dragAndDropText: 'Seret & Jatuhkan file di sini atau',
+  // TODO: or what? Why is Drag & Drop capitalized?
   fileNameDescriptionLabel: 'Nama file: ',
   generalValidatorMessage: '"{validatorMessage}", untuk {listOfErroneousFiles}.',
   noFilesSelected: 'Tidak ada file yang dipilih.',

package/components/input-file/translations/it-IT.js

@@ -1,5 +1,4 @@
 import it from './it.js';
-
 export default {
   ...it,
 };

package/components/input-file/translations/nl-BE.js

@@ -1,5 +1,4 @@
 import nl from './nl.js';
-
 export default {
   ...nl,
 };

package/components/input-file/translations/nl-NL.js

@@ -1,5 +1,4 @@
 import nl from './nl.js';
-
 export default {
   ...nl,
 };

package/components/input-file/translations/pl-PL.js

@@ -1,5 +1,4 @@
 import pl from './pl.js';
-
 export default {
   ...pl,
 };

package/components/input-file/translations/ro-RO.js

@@ -1,5 +1,4 @@
 import ro from './ro.js';
-
 export default {
   ...ro,
 };

package/components/input-file/translations/ru-RU.js

@@ -1,5 +1,4 @@
 import ru from './ru.js';
-
 export default {
   ...ru,
 };

package/components/input-file/translations/sk-SK.js

@@ -1,5 +1,4 @@
 import sk from './sk.js';
-
 export default {
   ...sk,
 };

package/components/input-file/translations/uk-UA.js

@@ -1,5 +1,4 @@
 import uk from './uk.js';
-
 export default {
   ...uk,
 };

package/components/input-file/translations/zh-CN.js

@@ -1,5 +1,4 @@
 import zh from './zh.js';
-
 export default {
   ...zh,
 };

package/components/input-iban/src/validators.js

@@ -3,7 +3,6 @@
 import { getLocalizeManager } from '@lion/ui/localize-no-side-effects.js';
 import { Unparseable, Validator } from '@lion/ui/form-core.js';
 import { isValidIBAN } from 'ibantools';
-
 let loaded = false;
 const loadTranslations = async () => {
   const localizeManager = getLocalizeManager();
@@ -12,7 +11,7 @@ const loadTranslations = async () => {
   }
   await localizeManager.loadNamespace(
     {
-      'lion-validate+iban': /** @param {string} locale */ locale => {
+      'lion-validate+iban': /** @param {string} locale */ (locale) => {
         switch (locale) {
           case 'bg-BG':
             return import('@lion/ui/input-iban-translations/bg-BG.js');
@@ -87,11 +86,12 @@ const loadTranslations = async () => {
         }
       },
     },
-    { locale: localizeManager.locale },
+    {
+      locale: localizeManager.locale,
+    },
   );
   loaded = true;
 };
-
 export class IsIBAN extends Validator {
   static get validatorName() {
     return 'IsIBAN';
@@ -119,7 +119,6 @@ export class IsIBAN extends Validator {
     return localizeManager.msg('lion-validate+iban:error.IsIBAN', data);
   }
 }
-
 export class IsCountryIBAN extends IsIBAN {
   static get validatorName() {
     return 'IsCountryIBAN';
@@ -138,7 +137,7 @@ export class IsCountryIBAN extends IsIBAN {
       }
     } else if (Array.isArray(this.param)) {
       isInvalid = !this.param.some(
-        country => String(modelValue.slice(0, 2)) === country.toUpperCase(),
+        (country) => String(modelValue.slice(0, 2)) === country.toUpperCase(),
       );
     }
     if (notIBAN) {
@@ -159,7 +158,6 @@ export class IsCountryIBAN extends IsIBAN {
    */
   static async getMessage(data) {
     const localizeManager = getLocalizeManager();
-
     await loadTranslations();
     // If modelValue is Unparseable, the IsIBAN message is the more appropriate feedback
     return data?.modelValue instanceof Unparseable
@@ -167,7 +165,6 @@ export class IsCountryIBAN extends IsIBAN {
       : localizeManager.msg('lion-validate+iban:error.IsCountryIBAN', data);
   }
 }
-
 export class IsNotCountryIBAN extends IsIBAN {
   static get validatorName() {
     return 'IsNotCountryIBAN';
@@ -186,10 +183,9 @@ export class IsNotCountryIBAN extends IsIBAN {
       }
     } else if (Array.isArray(this.param)) {
       isInvalid = this.param.some(
-        country => String(modelValue.slice(0, 2)) === country.toUpperCase(),
+        (country) => String(modelValue.slice(0, 2)) === country.toUpperCase(),
       );
     }
-
     if (notIBAN) {
       isInvalid = true;
     }
@@ -208,7 +204,6 @@ export class IsNotCountryIBAN extends IsIBAN {
    */
   static async getMessage(data) {
     const localizeManager = getLocalizeManager();
-
     await loadTranslations();
     const _data = {
       ...data,

package/components/input-iban/test/formatters.test.js

@@ -1,12 +1,9 @@
 import { expect } from '@open-wc/testing';
-
 import { formatIBAN } from '@lion/ui/input-iban.js';
-
 describe('formatIBAN', () => {
   it('formats the IBAN', () => {
     expect(formatIBAN('NL17INGB0002822608')).to.equal('NL17 INGB 0002 8226 08');
   });
-
   it('returns `` if no value is given', () => {
     expect(formatIBAN('')).to.equal('');
   });

package/components/input-iban/test/lion-input-iban-integrations.test.js

@@ -1,8 +1,6 @@
 import '@lion/ui/define/lion-input-iban.js';
 import { runFormatMixinSuite } from '@lion/ui/form-core-test-suites.js';
-
 const tagString = 'lion-input-iban';
-
 describe('<lion-input-iban> integrations', () => {
   runFormatMixinSuite({
     tagString,

package/components/input-iban/test/lion-input-iban.test.js

@@ -8,25 +8,21 @@ import '@lion/ui/define/lion-input-iban.js';
  * @typedef {import('../src/LionInputIban.js').LionInputIban} LionInputIban
  * @typedef {import('lit').TemplateResult} TemplateResult
  */
-const fixture = /** @type {(arg: TemplateResult|string) => Promise<LionInputIban>} */ (_fixture);
-
+const fixture = /** @type {(arg: TemplateResult|string) => Promise<LionInputIban>} */ _fixture;
 describe('<lion-input-iban>', () => {
   it('uses formatIBAN for formatting', async () => {
     const el = await fixture(`<lion-input-iban></lion-input-iban>`);
     expect(el.formatter).to.equal(formatIBAN);
   });
-
   it('uses parseIBAN for parsing', async () => {
     const el = await fixture(`<lion-input-iban></lion-input-iban>`);
     expect(el.parser).to.equal(parseIBAN);
   });
-
   it('has a type = text', async () => {
     const el = await fixture(`<lion-input-iban></lion-input-iban>`);
     const { _inputNode } = getInputMembers(el);
     expect(_inputNode.type).to.equal('text');
   });
-
   it('has validator "IsIBAN" applied by default', async () => {
     const el = await fixture(`<lion-input-iban></lion-input-iban>`);
     el.modelValue = 'FOO';
@@ -38,7 +34,6 @@ describe('<lion-input-iban>', () => {
     expect(el.validationStates).to.have.property('error');
     expect(el.validationStates.error).not.to.have.property('IsIBAN');
   });
-
   it('can apply validator "IsCountryIBAN" to restrict countries', async () => {
     const el = await fixture(html`
       <lion-input-iban .validators=${[new IsCountryIBAN('NL')]}> </lion-input-iban>
@@ -57,21 +52,18 @@ describe('<lion-input-iban>', () => {
     expect(el.validationStates.error).to.have.property('IsIBAN');
     expect(el.validationStates.error).to.have.property('IsCountryIBAN');
   });
-
   it('is accessible', async () => {
     const el = await fixture(
       `<lion-input-iban><label slot="label">Label</label></lion-input-iban>`,
     );
     await expect(el).to.be.accessible();
   });
-
   it('is accessible when readonly', async () => {
     const el = await fixture(
       `<lion-input-iban readonly><label slot="label">Label</label></lion-input-iban>`,
     );
     await expect(el).to.be.accessible();
   });
-
   it('is accessible when disabled', async () => {
     const el = await fixture(
       `<lion-input-iban disabled><label slot="label">Label</label></lion-input-iban>`,

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

@@ -1,7 +1,5 @@
 import { expect } from '@open-wc/testing';
-
 import { parseIBAN } from '@lion/ui/input-iban.js';
-
 describe('parseIBAN', () => {
   it('parses formatted value by trimming spaces and making uppercase', () => {
     expect(parseIBAN(' nl17 InGB 0002 8226 08 ')).to.equal('NL17INGB0002822608');

package/components/input-iban/test/validators.test.js

@@ -1,9 +1,6 @@
 import { expect } from '@open-wc/testing';
-
 import { IsIBAN, IsCountryIBAN, IsNotCountryIBAN } from '@lion/ui/input-iban.js';
-
 import '@lion/ui/define/lion-input-iban.js';
-
 describe('IBAN validation', () => {
   it('provides IsIBAN to check for valid IBAN', () => {
     const validator = new IsIBAN();
@@ -11,7 +8,6 @@ describe('IBAN validation', () => {
     expect(validator.execute('DE89370400440532013000')).to.be.false;
     expect(validator.execute('foo')).to.be.true;
   });
-
   it('provides IsCountryIBAN to limit IBANs from specific countries', () => {
     const nlValidator = new IsCountryIBAN('NL');
     const deValidator = new IsCountryIBAN('DE');
@@ -20,7 +16,6 @@ describe('IBAN validation', () => {
     expect(nlValidator.execute('DE89370400440532013000')).to.be.true;
     expect(deValidator.execute('NL17INGB0002822608')).to.be.true;
   });
-
   it('accepts an array for IsCountryIBAN to enforce IBANs from multiple countries', () => {
     const nlValidator = new IsCountryIBAN(['NL', 'FR']);
     const deValidator = new IsCountryIBAN(['DE', 'SK']);
@@ -28,13 +23,11 @@ describe('IBAN validation', () => {
     expect(nlValidator.execute('FR1420041010050500013M02606')).to.be.false;
     expect(nlValidator.execute('DE89370400440532013000')).to.be.true;
     expect(nlValidator.execute('SK3112000000198742637541')).to.be.true;
-
     expect(deValidator.execute('NL17INGB0002822608')).to.be.true;
     expect(deValidator.execute('FR1420041010050500013M02606')).to.be.true;
     expect(deValidator.execute('DE89370400440532013000')).to.be.false;
     expect(deValidator.execute('SK3112000000198742637541')).to.be.false;
   });
-
   it('provides IsNotCountryIBAN to prevent IBANs from specific countries', () => {
     const nlValidator = new IsNotCountryIBAN('NL');
     const deValidator = new IsNotCountryIBAN('DE');
@@ -43,7 +36,6 @@ describe('IBAN validation', () => {
     expect(nlValidator.execute('DE89370400440532013000')).to.be.false;
     expect(deValidator.execute('NL17INGB0002822608')).to.be.false;
   });
-
   it('accepts an array for IsNotCountryIBAN to prevent IBANs from multiple countries', () => {
     const nlValidator = new IsNotCountryIBAN(['NL', 'FR']);
     const deValidator = new IsNotCountryIBAN(['DE', 'SK']);
@@ -51,22 +43,18 @@ describe('IBAN validation', () => {
     expect(nlValidator.execute('FR1420041010050500013M02606')).to.be.true;
     expect(nlValidator.execute('DE89370400440532013000')).to.be.false;
     expect(nlValidator.execute('SK3112000000198742637541')).to.be.false;
-
     expect(deValidator.execute('NL17INGB0002822608')).to.be.false;
     expect(deValidator.execute('FR1420041010050500013M02606')).to.be.false;
     expect(deValidator.execute('DE89370400440532013000')).to.be.true;
     expect(deValidator.execute('SK3112000000198742637541')).to.be.true;
   });
-
   it('allows providing lower cased country isos', () => {
     const nlValidator = new IsCountryIBAN('nl');
     expect(nlValidator.execute('NL17INGB0002822608')).to.be.false;
     expect(nlValidator.execute('DE89370400440532013000')).to.be.true;
-
     const deValidator = new IsNotCountryIBAN('de');
     expect(deValidator.execute('DE89370400440532013000')).to.be.true;
     expect(deValidator.execute('NL17INGB0002822608')).to.be.false;
-
     const deskValidator = new IsNotCountryIBAN(['de', 'sk']);
     expect(deskValidator.execute('NL17INGB0002822608')).to.be.false;
     expect(deskValidator.execute('FR1420041010050500013M02606')).to.be.false;

package/components/input-iban/translations/bg-BG.js

@@ -1,5 +1,4 @@
 import bg from './bg.js';
-
 export default {
   ...bg,
 };

package/components/input-iban/translations/cs-CZ.js

@@ -1,5 +1,4 @@
 import cs from './cs.js';
-
 export default {
   ...cs,
 };

package/components/input-iban/translations/de-DE.js

@@ -1,5 +1,4 @@
 import de from './de.js';
-
 export default {
   ...de,
 };

package/components/input-iban/translations/en-AU.js

@@ -1,5 +1,4 @@
 import en from './en.js';
-
 export default {
   ...en,
 };

package/components/input-iban/translations/en-GB.js

@@ -1,5 +1,4 @@
 import en from './en.js';
-
 export default {
   ...en,
 };

package/components/input-iban/translations/en-US.js

@@ -1,5 +1,4 @@
 import en from './en.js';
-
 export default {
   ...en,
 };

package/components/input-iban/translations/es-ES.js

@@ -1,5 +1,4 @@
 import es from './es.js';
-
 export default {
   ...es,
 };

package/components/input-iban/translations/fr-BE.js

@@ -1,5 +1,4 @@
 import fr from './fr.js';
-
 export default {
   ...fr,
 };

package/components/input-iban/translations/fr-FR.js

@@ -1,5 +1,4 @@
 import fr from './fr.js';
-
 export default {
   ...fr,
 };

package/components/input-iban/translations/hu-HU.js

@@ -1,5 +1,4 @@
 import hu from './hu.js';
-
 export default {
   ...hu,
 };

package/components/input-iban/translations/it-IT.js

@@ -1,5 +1,4 @@
 import it from './it.js';
-
 export default {
   ...it,
 };

package/components/input-iban/translations/nl-BE.js

@@ -1,5 +1,4 @@
 import nl from './nl.js';
-
 export default {
   ...nl,
 };

package/components/input-iban/translations/nl-NL.js

@@ -1,5 +1,4 @@
 import nl from './nl.js';
-
 export default {
   ...nl,
 };

package/components/input-iban/translations/pl-PL.js

@@ -1,5 +1,4 @@
 import pl from './pl.js';
-
 export default {
   ...pl,
 };

package/components/input-iban/translations/ro-RO.js

@@ -1,5 +1,4 @@
 import ro from './ro.js';
-
 export default {
   ...ro,
 };

package/components/input-iban/translations/ru-RU.js

@@ -1,5 +1,4 @@
 import ru from './ru.js';
-
 export default {
   ...ru,
 };