@lion/ui 0.11.3 → 0.11.5

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

@@ -4,10 +4,15 @@ export default {
   allowedFileValidatorComplex:
     'Upload een {allowedTypesArray} of {allowedTypesLastItem}-bestand van maximaal {maxSize}.',
   dragAndDropText: 'Sleep uw bestanden hierheen of',
-  fileNameDescriptionLabel: 'Bestandsnaam: {fileName}',
+  fileNameDescriptionLabel: 'Bestandsnaam: ',
   generalValidatorMessage: '"{validatorMessage}", voor {listOfErroneousFiles}.',
   noFilesSelected: 'Geen bestanden geselecteerd.',
   numberOfFiles: '{numberOfFiles} bestanden.',
+  noFilesUploaded: 'Geen bestanden geüpload.',
+  fileSelected: 'Geselecteerd bestand: ',
+  fileUploaded: 'Geüpload bestand: ',
+  filesSelected: 'Geselecteerde bestanden: {numberOfFiles} bestanden.',
+  filesUploaded: 'Geüploade bestanden: {numberOfFiles} bestanden.',
   removeButtonLabel: 'Verwijder het bestand {fileName}',
   selectTextDuplicateFileName: 'Er bestaat al een bestand met dezelfde bestandsnaam.',
   selectTextMultipleFile: 'Selecteer bestanden',

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

@@ -4,7 +4,7 @@ export default {
   allowedFileValidatorComplex:
     'Prześlij plik {allowedTypesArray} lub {allowedTypesLastItem} o maks. rozmiarze {maxSize}.',
   dragAndDropText: 'Przeciągnij i upuść pliki tutaj lub',
-  fileNameDescriptionLabel: 'Nazwa pliku: {fileName}',
+  fileNameDescriptionLabel: 'Nazwa pliku: ',
   generalValidatorMessage: '"{validatorMessage}", dla {listOfErroneousFiles}.',
   noFilesSelected: 'Nie wybrano żadnych plików.',
   numberOfFiles: 'Liczba plików: {numberOfFiles}.',

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

@@ -4,7 +4,7 @@ export default {
   allowedFileValidatorComplex:
     'Încărcaţi un fişier {allowedTypesArray} sau {allowedTypesLastItem} de max. {maxSize}.',
   dragAndDropText: 'Glisaţi şi fixaţi fişierele aici sau',
-  fileNameDescriptionLabel: 'Nume fişier: {fileName}',
+  fileNameDescriptionLabel: 'Nume fişier: ',
   generalValidatorMessage: '"{validatorMessage}", pentru {listOfErroneousFiles}.',
   noFilesSelected: 'Niciun fișier selectat.',
   numberOfFiles: '{numberOfFiles} fișiere.',

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

@@ -4,10 +4,14 @@ export default {
   allowedFileValidatorComplex:
     'Загрузите файл {allowedTypesArray} или {allowedTypesLastItem} размером не более {maxSize}.',
   dragAndDropText: 'Перетащите файлы сюда или',
-  fileNameDescriptionLabel: 'Название файла: {fileName}',
+  fileNameDescriptionLabel: 'Название файла: ',
   generalValidatorMessage: '"{validatorMessage}", для {listOfErroneousFiles}.',
-  noFilesSelected: 'Файлы не выбраны.',
-  numberOfFiles: 'Файлов: {numberOfFiles}.',
+  noFilesSelected: 'Не выбрано ни одного файла.',
+  noFilesUploaded: 'Не загружено ни одного файла.',
+  fileSelected: 'Выбранный файл: ',
+  fileUploaded: 'Загруженный файл: ',
+  filesSelected: 'Выбранные файлы: {numberOfFiles} файлов.',
+  filesUploaded: 'Загруженные файлы: {numberOfFiles} файлов.',
   removeButtonLabel: 'Удалить файл {fileName}',
   selectTextDuplicateFileName: 'Файл с таким названием уже существует.',
   selectTextMultipleFile: 'Выберите файлы',

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

@@ -4,7 +4,7 @@ export default {
   allowedFileValidatorComplex:
     'Nahrajte súbor {allowedTypesArray} alebo {allowedTypesLastItem} s maximálnou veľkosťou {maxSize}.',
   dragAndDropText: 'Súbory presuňte sem alebo',
-  fileNameDescriptionLabel: 'Názov súboru: {fileName}',
+  fileNameDescriptionLabel: 'Názov súboru: ',
   generalValidatorMessage: '"{validatorMessage}", pre {listOfErroneousFiles}.',
   noFilesSelected: 'Neboli vybrané žiadne súbory.',
   numberOfFiles: 'Počet súborov: {numberOfFiles}.',

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

@@ -4,7 +4,7 @@ export default {
   allowedFileValidatorComplex:
     'Завантажте файл {allowedTypesArray} або {allowedTypesLastItem} розміром до {maxSize}.',
   dragAndDropText: 'Перетягніть файли сюди або',
-  fileNameDescriptionLabel: 'Ім’я файлу: {fileName}',
+  fileNameDescriptionLabel: 'Ім’я файлу: ',
   generalValidatorMessage: '"{validatorMessage}", для {listOfErroneousFiles}.',
   noFilesSelected: 'Не вибрано жодного файлу.',
   numberOfFiles: '{numberOfFiles} файли(-ів).',

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

@@ -4,7 +4,7 @@ export default {
   allowedFileValidatorComplex:
     '请上传最大 {maxSize} 的 {allowedTypesArray} 或 {allowedTypesLastItem} 文件。',
   dragAndDropText: '将您的文件拖放到此处，或',
-  fileNameDescriptionLabel: '文件名: {fileName}',
+  fileNameDescriptionLabel: '文件名: ',
   generalValidatorMessage: '"{validatorMessage}", 例如 {listOfErroneousFiles}。',
   noFilesSelected: '未选择任何文件。',
   numberOfFiles: '{numberOfFiles}  个文件。',

package/components/input-stepper/src/LionInputStepper.js

@@ -266,7 +266,15 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
    */
   __increment() {
     const { step, min, max } = this.values;
-    const newValue = this.currentValue + step;
+    const stepMin = min !== Infinity ? min : 0;
+
+    let newValue = this.currentValue + step;
+
+    if ((this.currentValue + stepMin) % step !== 0) {
+      // If the value is not aligned to step, align it to the nearest step
+      newValue = Math.floor(this.currentValue / step) * step + step + (stepMin % step);
+    }
+
     if (newValue <= max || max === Infinity) {
       this.modelValue = newValue < min && min !== Infinity ? `${min}` : `${newValue}`;
       this.__toggleSpinnerButtonsState();
@@ -279,8 +287,16 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
    * @private
    */
   __decrement() {
-    const { step, min, max } = this.values;
-    const newValue = this.currentValue - step;
+    const { step, max, min } = this.values;
+    const stepMin = min !== Infinity ? min : 0;
+
+    let newValue = this.currentValue - step;
+
+    if ((this.currentValue + stepMin) % step !== 0) {
+      // If the value is not aligned to step, align it to the nearest step
+      newValue = Math.floor(this.currentValue / step) * step + (stepMin % step);
+    }
+
     if (newValue >= min || min === Infinity) {
       this.modelValue = newValue > max && max !== Infinity ? `${max}` : `${newValue}`;
       this.__toggleSpinnerButtonsState();

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

@@ -265,6 +265,100 @@ describe('<lion-input-stepper>', () => {
       await nextFrame();
       expect(incrementButton?.getAttribute('disabled')).to.equal('true');
     });
+
+    describe('It align to steps', () => {
+      it('aligns the value to the nearest step when incrementing', async () => {
+        let el = await fixture(
+          html`<lion-input-stepper step="10" min="0" max="100" value="55"></lion-input-stepper>`,
+        );
+        let incrementButton = el.querySelector('[slot=suffix]');
+        incrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(60, 'Fail + : (0 > 100 by 10; val 55)');
+
+        // min 1
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="1" max="100" value="55"></lion-input-stepper>`,
+        );
+        incrementButton = el.querySelector('[slot=suffix]');
+        incrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(61, 'Fail + : (1 > 100 by 10; val 55)');
+
+        // min 34
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="34" max="100" value="55"></lion-input-stepper>`,
+        );
+        incrementButton = el.querySelector('[slot=suffix]');
+        incrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(64, 'Fail + : (34 > 100 by 10; val 55)');
+
+        // min -23
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="-23" max="100" value="55"></lion-input-stepper>`,
+        );
+        incrementButton = el.querySelector('[slot=suffix]');
+        incrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(57, 'Fail + : (-23 > 100 by 10; val 55)'); // -23 > -13 > -3 > 7 > ... > 57
+
+        // min -23
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="-23" max="100" value="-9"></lion-input-stepper>`,
+        );
+        incrementButton = el.querySelector('[slot=suffix]');
+        incrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(-3, 'Fail + : (-23 > 100 by 10; val 55)'); // -23 > -13 > -3 > 7
+      });
+
+      it('aligns the value to the nearest step when decrementing', async () => {
+        let el = await fixture(
+          html`<lion-input-stepper step="10" min="0" max="100" value="55"></lion-input-stepper>`,
+        );
+        let decrementButton = el.querySelector('[slot=prefix]');
+        decrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(50, 'Fail - : (0 > 100 by 10; val 55)');
+
+        // min 1
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="1" max="100" value="55"></lion-input-stepper>`,
+        );
+        decrementButton = el.querySelector('[slot=prefix]');
+        decrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(51, 'Fail - : (1 > 100 by 10; val 55)');
+
+        // min 34
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="34" max="100" value="55"></lion-input-stepper>`,
+        );
+        decrementButton = el.querySelector('[slot=prefix]');
+        decrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(54, 'Fail - : (34 > 100 by 10; val 55)');
+
+        // min -23
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="-23" max="100" value="55"></lion-input-stepper>`,
+        );
+        decrementButton = el.querySelector('[slot=prefix]');
+        decrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(47, 'Fail - : (-23 > 100 by 10; val 55)'); // -23 > -13 > -3 > 7 > ... > 47
+
+        // min -23
+        el = await fixture(
+          html`<lion-input-stepper step="10" min="-23" max="100" value="-9"></lion-input-stepper>`,
+        );
+        decrementButton = el.querySelector('[slot=prefix]');
+        decrementButton?.dispatchEvent(new Event('click'));
+        await el.updateComplete;
+        expect(el.modelValue).to.equal(-13, 'Fail - : (-23 > 100 by 10; val 55)'); // -23 > -13 > -3 > 7
+      });
+    });
   });
 
   describe('Accessibility', () => {

package/components/overlays/translations/tr-TR.js

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

package/components/overlays/translations/tr.js

@@ -0,0 +1,4 @@
+export default {
+  back: 'Geri',
+  close: 'Kapat',
+};

package/components/pagination/src/LionPagination.js

@@ -73,6 +73,8 @@ export class LionPagination extends LocalizeMixin(LitElement) {
               return import('@lion/ui/pagination-translations/ru.js');
             case 'sk-SK':
               return import('@lion/ui/pagination-translations/sk.js');
+            case 'tr-TR':
+              return import('@lion/ui/pagination-translations/tr.js');
             case 'uk-UA':
               return import('@lion/ui/pagination-translations/uk.js');
             case 'zh-CN':

package/components/pagination/translations/tr.js

@@ -0,0 +1,6 @@
+export default {
+  label: 'Sayfa gezintisi',
+  previous: 'Önceki sayfa',
+  next: 'Sonraki sayfa',
+  page: '{page}. sayfa',
+};

package/components/validate-messages/src/getLocalizedMessage.js

@@ -85,6 +85,10 @@ export async function loadValidateNamespace({ localize }) {
             return import('@lion/ui/validate-messages-translations/sk-SK.js');
           case 'sk':
             return import('@lion/ui/validate-messages-translations/sk.js');
+          case 'tr-TR':
+            return import('@lion/ui/validate-messages-translations/tr-TR.js');
+          case 'tr':
+            return import('@lion/ui/validate-messages-translations/tr.js');
           case 'uk-UA':
             return import('@lion/ui/validate-messages-translations/uk-UA.js');
           case 'uk':

package/components/validate-messages/translations/tr-TR.js

@@ -0,0 +1,13 @@
+import tr from './tr.js';
+
+export default {
+  ...tr,
+  error: {
+    ...tr.error,
+    IsDate: 'Lütfen geçerli bir tarih girin (GG/AA/YYYY).',
+  },
+  warning: {
+    ...tr.warning,
+    IsDate: 'Lütfen geçerli bir tarih girin (GG/AA/YYYY).',
+  },
+};

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

@@ -0,0 +1,56 @@
+export default {
+  error: {
+    Required: '{fieldName} alanını doldurun.',
+    _RequiredUpload: '{fieldName} dosyasını yükleyin.',
+    _RequiredSelect: '{fieldName} seçin.',
+    EqualsLength: '{fieldName} alanı tam olarak {params} karakter olmalıdır.',
+    MinLength: '{fieldName} alanı en az {params} karakter olmalıdır.',
+    MaxLength: '{fieldName} alanı en fazla {params} karakter olmalıdır.',
+    MinMaxLength: '{fieldName} alanı {params.min} ile {params.max} karakter arasında olmalıdır.',
+    Pattern: 'Geçerli bir {fieldName} girin.',
+    IsNumber: 'Geçerli bir {fieldName} girin.',
+    MinNumber: '{fieldName}, {params} veya daha büyük olmalıdır.',
+    MaxNumber: '{fieldName}, {params} veya daha küçük olmalıdır.',
+    MinMaxNumber: '{fieldName}, {params.min} ile {params.max} arasında olmalıdır.',
+    IsDate: 'Geçerli bir tarih girin (GG/AA/YYYY).',
+    MinDate: '{fieldName}, {params, date, YYYYMMDD} veya daha sonraki bir tarih olmalıdır.',
+    MaxDate: '{fieldName}, {params, date, YYYYMMDD} veya daha önceki bir tarih olmalıdır.',
+    MinMaxDate:
+      '{fieldName}, {params.min, date, YYYYMMDD} ile {params.max, date, YYYYMMDD} arasında olmalıdır.',
+    IsDateDisabled: 'Bu tarih kullanılamaz. Lütfen başka bir tarih seçin.',
+    IsEmail: 'Geçerli bir {fieldName} girin ("ad@örnek.com" formatında).',
+    MatchesOption: 'Eşleşen sonuç bulunamadı. Farklı bir anahtar kelime ya da kategori deneyin.',
+  },
+  warning: {
+    Required: '{fieldName} alanını doldurun.',
+    _RequiredUpload: '{fieldName} dosyasını yükleyin.',
+    _RequiredSelect: '{fieldName} seçin.',
+    EqualsLength: '{fieldName} alanı tam olarak {params} karakter olmalıdır.',
+    MinLength: '{fieldName} alanı en az {params} karakter olmalıdır.',
+    MaxLength: '{fieldName} alanı en fazla {params} karakter olmalıdır.',
+    MinMaxLength: '{fieldName} alanı {params.min} ile {params.max} karakter arasında olmalıdır.',
+    IsNumber: 'Geçerli bir {fieldName} girin.',
+    MinNumber: '{fieldName}, {params} veya daha büyük olmalıdır.',
+    MaxNumber: '{fieldName}, {params} veya daha küçük olmalıdır.',
+    MinMaxNumber: '{fieldName}, {params.min} ile {params.max} arasında olmalıdır.',
+    IsDate: 'Geçerli bir tarih girin (GG/AA/YYYY).',
+    MinDate: '{fieldName}, {params, date, YYYYMMDD} veya daha sonraki bir tarih olmalıdır.',
+    MaxDate: '{fieldName}, {params, date, YYYYMMDD} veya daha önceki bir tarih olmalıdır.',
+    MinMaxDate:
+      '{fieldName}, {params.min, date, YYYYMMDD} ile {params.max, date, YYYYMMDD} arasında olmalıdır.',
+    IsDateDisabled: 'Bu tarih kullanılamaz. Lütfen başka bir tarih seçin.',
+    IsEmail: 'Geçerli bir {fieldName} girin ("ad@örnek.com" formatında).',
+    MatchesOption: 'Eşleşen sonuç bulunamadı. Farklı bir anahtar kelime ya da kategori deneyin.',
+  },
+  success: {
+    DefaultOk: 'Tamam',
+    RandomOk:
+      'success.DefaultOk,success.Correct,success.Succeeded,success.Ok,success.ThisIsRight,success.Changed,success.OkCorrect',
+    Correct: 'Doğru',
+    Succeeded: 'Başarılı',
+    Ok: 'Tamam!',
+    ThisIsRight: 'Bu doğru.',
+    Changed: 'Değiştirildi!',
+    OkCorrect: 'Tamam, doğru.',
+  },
+};