@lion/ui 0.7.8 → 0.8.0

package/components/combobox/test/validators.test.js

@@ -25,13 +25,13 @@ describe('MatchesOption validation', () => {
     config.node = el;
     const validator = new MatchesOption();
 
-    mimicUserTyping(el, 'Artichoke');
+    await mimicUserTyping(el, 'Artichoke');
     await el.updateComplete;
 
     isEnabled = validator.execute('Artichoke', undefined, config);
     expect(isEnabled).to.be.false;
 
-    mimicUserTyping(el, 'Foo');
+    await mimicUserTyping(el, 'Foo');
     await el.updateComplete;
 
     isEnabled = validator.execute('Foo', undefined, config);

package/components/combobox/test-helpers/combobox-helpers.js

@@ -1,4 +1,5 @@
 import { getListboxMembers } from '@lion/ui/listbox-test-helpers.js';
+import { sendKeys } from '@web/test-runner-commands';
 
 /**
  * @typedef {import('@lion/ui/combobox.js').LionCombobox} LionCombobox
@@ -34,17 +35,15 @@ export function getComboboxMembers(el) {
 
 /**
  * @param {LionCombobox} el
- * @param {string} value
+ * @param {string} keys
  */
-// TODO: add keys that actually make sense...
-export function mimicUserTyping(el, value) {
+export async function mimicUserTyping(el, keys) {
   const { _inputNode } = getComboboxMembers(el);
-  _inputNode.dispatchEvent(new Event('focusin', { bubbles: true }));
-  // eslint-disable-next-line no-param-reassign
-  _inputNode.value = value;
-  _inputNode.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
-  _inputNode.dispatchEvent(new KeyboardEvent('keyup', { key: value }));
-  _inputNode.dispatchEvent(new KeyboardEvent('keydown', { key: value }));
+  _inputNode.value = '';
+  _inputNode.focus();
+  await sendKeys({
+    type: keys,
+  });
 }
 
 /**

package/components/core/src/browserDetection.js

@@ -9,11 +9,19 @@ function checkChrome(flavor = 'google-chrome') {
     return flavor === 'google-chrome';
   }
 
-  const isChromium = /** @type {window & { chrome?: boolean}} */ (globalThis).chrome;
+  // eslint-disable-next-line prefer-destructuring
+  const navigator = /** @type {Navigator & {userAgentData: {brands:{brand:string}[]}}} */ (
+    globalThis.navigator
+  );
+
+  const isChromium =
+    !!navigator.userAgentData &&
+    navigator.userAgentData.brands.some(data => data.brand === 'Chromium');
 
   if (flavor === 'chromium') {
     return isChromium;
   }
+
   const winNav = globalThis.navigator;
   const vendorName = winNav?.vendor;
   const isOpera =

package/components/form-core/test-suites/NativeTextFieldMixin.suite.js

@@ -4,11 +4,7 @@ import { defineCE, expect, fixture, html, triggerFocusFor, unsafeStatic } from '
 import { sendKeys } from '@web/test-runner-commands';
 import { spy } from 'sinon';
 import { NativeTextFieldMixin } from '@lion/ui/form-core.js';
-
-const isSafari = (() => {
-  const ua = navigator.userAgent.toLowerCase();
-  return ua.indexOf('safari') !== -1 && ua.indexOf('chrome') === -1;
-})();
+import { browserDetection } from '@lion/ui/core.js';
 
 /**
  * @typedef {import('../types/FormControlMixinTypes.js').FormControlHost} FormControlHost
@@ -54,10 +50,6 @@ export function runNativeTextFieldMixinSuite(customConfig) {
     });
 
     it('move focus to a next focusable element after writing some text', async () => {
-      if (isSafari) {
-        // TODO: This test is broken on Safari, to be fixed later
-        return;
-      }
       const el = /** @type {NativeTextFieldClass} */ (await fixture(html`<${tag}></${tag}>`));
       // @ts-ignore [allow-protected] in test
       const setValueAndPreserveCaretSpy = spy(el, '_setValueAndPreserveCaret');
@@ -71,8 +63,15 @@ export function runNativeTextFieldMixinSuite(customConfig) {
       await sendKeys({
         press: 'Tab',
       });
-      expect(document.activeElement).to.not.equal(_inputNode);
+
       expect(setValueAndPreserveCaretSpy.calledOnce).to.be.false;
+
+      // TODO: This seems to work in practice, but not in the test. Investigate.
+      if (browserDetection.isMacSafari || browserDetection.isFirefox) {
+        return;
+      }
+
+      expect(document.activeElement).to.not.equal(_inputNode);
     });
   });
 }

package/components/validate-messages/translations/cs.js

@@ -1,8 +1,8 @@
 export default {
   error: {
     Required: 'Zadejte rovněž {fieldName}.',
-    _RequiredUpload: 'Nahrajte {fieldname}.',
-    _RequiredSelect: 'Vyberte rovněž {fieldname}.',
+    _RequiredUpload: 'Nahrajte {fieldName}.',
+    _RequiredSelect: 'Vyberte rovněž {fieldName}.',
     EqualsLength: 'Zadejte správné {fieldName}, přesně {params} znaků.',
     MinLength: 'Zadejte správné {fieldName} (alespoň {params}).',
     MaxLength: 'Zadejte správné {fieldName} (až {params} znaků).',
@@ -23,8 +23,8 @@ export default {
   },
   warning: {
     Required: 'Zadejte rovněž {fieldName}.',
-    _RequiredUpload: 'Nahrajte {fieldname}.',
-    _RequiredSelect: 'Vyberte rovněž {fieldname}.',
+    _RequiredUpload: 'Nahrajte {fieldName}.',
+    _RequiredSelect: 'Vyberte rovněž {fieldName}.',
     EqualsLength: 'Zadejte správné {fieldName}, přesně {params} znaků.',
     MinLength: 'Zadejte správné {fieldName} (alespoň {params}).',
     MaxLength: 'Zadejte správné {fieldName} (až {params} znaků).',

package/components/validate-messages/translations/es.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Introduzca también un/a {fieldName}.',
     _RequiredUpload: 'Cargue un {fieldName}.',
-    _RequiredSelect: 'Seleccione también un/a {fieldname}.',
+    _RequiredSelect: 'Seleccione también un/a {fieldName}.',
     EqualsLength: 'Introduzca un/a {fieldName} correcto/a de exactamente {params} caracteres.',
     MinLength: 'Introduzca un/a {fieldName} correcto/a (de al menos {params} caracteres).',
     MaxLength: 'Introduzca un/a {fieldName} correcto/a (hasta {params} caracteres).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Introduzca también un/a {fieldName}.',
     _RequiredUpload: 'Cargue un {fieldName}.',
-    _RequiredSelect: 'Seleccione también un/a {fieldname}.',
+    _RequiredSelect: 'Seleccione también un/a {fieldName}.',
     EqualsLength: 'Introduzca un/a {fieldName} correcto/a de exactamente {params} caracteres.',
     MinLength: 'Introduzca un/a {fieldName} correcto/a (de al menos {params} caracteres).',
     MaxLength: 'Introduzca un/a {fieldName} correcto/a (hasta {params} caracteres).',

package/components/validate-messages/translations/hu.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Továbbá adjon meg egy {fieldName} értéket.',
     _RequiredUpload: 'Töltsön fel egy {fieldName} elemet.',
-    _RequiredSelect: 'Továbbá válasszon ki egy {fieldname} értéket.',
+    _RequiredSelect: 'Továbbá válasszon ki egy {fieldName} értéket.',
     EqualsLength: 'Adjon meg egy helyes {fieldName} értéket (pontosan {params} karakter).',
     MinLength: 'Adjon meg egy helyes {fieldName} értéket (legalább {params}).',
     MaxLength: 'Adjon meg egy helyes {fieldName} értéket (legfeljebb {params} karakter).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Továbbá adjon meg egy {fieldName} értéket.',
     _RequiredUpload: 'Töltsön fel egy {fieldName} elemet.',
-    _RequiredSelect: 'Továbbá válasszon ki egy {fieldname} értéket.',
+    _RequiredSelect: 'Továbbá válasszon ki egy {fieldName} értéket.',
     EqualsLength: 'Adjon meg egy helyes {fieldName} értéket (pontosan {params} karakter).',
     MinLength: 'Adjon meg egy helyes {fieldName} értéket (legalább {params}).',
     MaxLength: 'Adjon meg egy helyes {fieldName} értéket (legfeljebb {params} karakter).',

package/components/validate-messages/translations/it.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Inserire anche un(a) {fieldName}.',
     _RequiredUpload: 'Caricare un {fieldName}.',
-    _RequiredSelect: 'Selezionare anche un(a) {fieldname}.',
+    _RequiredSelect: 'Selezionare anche un(a) {fieldName}.',
     EqualsLength: 'Inserire un(a) {fieldName} corretto(a) di esattamente {params} caratteri.',
     MinLength: 'Inserire un(a) {fieldName} corretto(a) (almeno {params}).',
     MaxLength: 'Inserire un(a) {fieldName} corretto(a) (fino a {params} caratteri).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Inserire anche un(a) {fieldName}.',
     _RequiredUpload: 'Caricare un {fieldName}.',
-    _RequiredSelect: 'Selezionare anche un(a) {fieldname}.',
+    _RequiredSelect: 'Selezionare anche un(a) {fieldName}.',
     EqualsLength: 'Inserire un(a) {fieldName} corretto(a) di esattamente {params} caratteri.',
     MinLength: 'Inserire un(a) {fieldName} corretto(a) (almeno {params}).',
     MaxLength: 'Inserire un(a) {fieldName} corretto(a) (fino a {params} caratteri).',

package/components/validate-messages/translations/nl.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Vul een {fieldName} in.',
     _RequiredUpload: 'Upload een {fieldName}.',
-    _RequiredSelect: 'Selecteer een {fieldname}.',
+    _RequiredSelect: 'Selecteer een {fieldName}.',
     EqualsLength: 'Vul een {fieldName} in gelijk aan {params} karakters.',
     MinLength: 'Vul een {fieldName} in van minimaal {params} karakters.',
     MaxLength: 'Vul een {fieldName} in van maximaal {params} karakters.',
@@ -25,7 +25,7 @@ export default {
   warning: {
     Required: 'Vul een {fieldName} in.',
     _RequiredUpload: 'Upload een {fieldName}.',
-    _RequiredSelect: 'Selecteer een {fieldname}.',
+    _RequiredSelect: 'Selecteer een {fieldName}.',
     EqualsLength: 'Vul een {fieldName} in gelijk aan {params} karakters.',
     MinLength: 'Vul een {fieldName} in van minimaal {params} karakters.',
     MaxLength: 'Vul een {fieldName} in van maximaal {params} karakters.',

package/components/validate-messages/translations/pl.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Proszę również podać wartość {fieldName}.',
     _RequiredUpload: 'Prześlij plik {fieldName}.',
-    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldname}.',
+    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldName}.',
     EqualsLength: 'Wprowadź prawidłową wartość w polu {fieldName} (maks. liczba znaków: {params}).',
     MinLength: 'Proszę podać prawidłową wartość {fieldName} (co najmniej {params} znaków).',
     MaxLength: 'Proszę podać prawidłową wartość {fieldName} (maks. {params} znaków).',
@@ -25,7 +25,7 @@ export default {
   warning: {
     Required: 'Proszę również podać wartość {fieldName}.',
     _RequiredUpload: 'Prześlij plik {fieldName}.',
-    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldname}.',
+    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldName}.',
     EqualsLength: 'Wprowadź prawidłową wartość w polu {fieldName} (maks. liczba znaków: {params}).',
     MinLength: 'Proszę podać prawidłową wartość {fieldName} (co najmniej {params} znaków).',
     MaxLength: 'Proszę podać prawidłową wartość {fieldName} (maks. {params} znaków).',

package/components/validate-messages/translations/ru.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Введите значение поля {fieldName}.',
     _RequiredUpload: 'Загрузите {fieldName}.',
-    _RequiredSelect: 'Также выберите значение поля {fieldname}.',
+    _RequiredSelect: 'Также выберите значение поля {fieldName}.',
     EqualsLength: 'Введите корректное значение поля {fieldName} — ровно {params} симв.',
     MinLength: 'Введите корректное значение поля {fieldName} (не менее {params}).',
     MaxLength: 'Введите корректное значение поля {fieldName} (до {params} симв.).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Введите значение поля {fieldName}.',
     _RequiredUpload: 'Загрузите {fieldName}.',
-    _RequiredSelect: 'Также выберите значение поля {fieldname}.',
+    _RequiredSelect: 'Также выберите значение поля {fieldName}.',
     EqualsLength: 'Введите корректное значение поля {fieldName} — ровно {paramsn} симв.',
     MinLength: 'Введите корректное значение поля {fieldName} (не менее {params}).',
     MaxLength: 'Введите корректное значение поля {fieldName} (до {params} симв.).',

package/components/validate-messages/translations/sk.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Uveďte aj {fieldName}.',
     _RequiredUpload: 'Nahrajte pole {fieldName}.',
-    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldname}.',
+    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldName}.',
     EqualsLength: 'Do poľa {fieldName} zadajte platnú hodnotu v dĺžke presne {params} znaky/-ov.',
     MinLength: 'Uveďte správne {fieldName} (najmenej {params}).',
     MaxLength: 'Uveďte správne {fieldName} (maximálne {params} znakov).',
@@ -24,7 +24,7 @@ export default {
   warning: {
     Required: 'Uveďte aj {fieldName}.',
     _RequiredUpload: 'Nahrajte pole {fieldName}.',
-    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldname}.',
+    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldName}.',
     EqualsLength: 'Do poľa {fieldName} zadajte platnú hodnotu v dĺžke presne {params} znaky/-ov.',
     MinLength: 'Uveďte správne {fieldName} (najmenej {params}).',
     MaxLength: 'Uveďte správne {fieldName} (maximálne {params} znakov).',

package/components/validate-messages/translations/uk.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Уведіть також значення {fieldName}.',
     _RequiredUpload: 'Завантажте {fieldName}.',
-    _RequiredSelect: 'Виберіть також {fieldname}.',
+    _RequiredSelect: 'Виберіть також {fieldName}.',
     EqualsLength:
       'Введіть правильне значення {fieldName}, кількість символів має бути точно {params}.',
     MinLength: 'Уведіть правильне значення {fieldName} (щонайменше {params}).',
@@ -27,7 +27,7 @@ export default {
   warning: {
     Required: 'Уведіть також значення {fieldName}.',
     _RequiredUpload: 'Завантажте {fieldName}.',
-    _RequiredSelect: 'Виберіть також {fieldname}.',
+    _RequiredSelect: 'Виберіть також {fieldName}.',
     EqualsLength:
       'Введіть правильне значення {fieldName}, кількість символів має бути точно {params}.',
     MinLength: 'Уведіть правильне значення {fieldName} (щонайменше {params}).',