@lion/ui 0.15.2 → 0.15.4

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

@@ -8,6 +8,11 @@ export default {
   fileNameDescriptionLabel: 'Název souboru: ',
   generalValidatorMessage: '"{validatorMessage}", pro {listOfErroneousFiles}.',
   noFilesSelected: 'Nebyly vybrány žádné soubory.',
+  noFilesUploaded: 'Nebyly nahrány žádné soubory.',
+  fileSelected: 'Zvolené soubor: ',
+  fileUploaded: 'Nahraný soubor: ',
+  filesSelected: 'Zvolené soubory: {numberOfFiles} souborů.',
+  filesUploaded: 'Nahrané soubory: {numberOfFiles} souborů.',
   numberOfFiles: '{numberOfFiles} soubory/souborů.',
   removeButtonLabel: 'Odebrat soubor {fileName}',
   selectTextDuplicateFileName: 'Soubor se stejným názvem byl již přítomen.',

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: 'Nombre de archivo: ',
   generalValidatorMessage: '"{validatorMessage}", para {listOfErroneousFiles}.',
   noFilesSelected: 'No se han seleccionado archivos.',
+  noFilesUploaded: 'No se han cargado archivos.',
+  fileSelected: 'Archivo seleccionado: ',
+  fileUploaded: 'Archivo cargado: ',
+  filesSelected: 'Archivos seleccionados: {numberOfFiles} archivos.',
+  filesUploaded: 'Archivos cargados: {numberOfFiles} archivos.',
   numberOfFiles: '{numberOfFiles} archivos.',
   removeButtonLabel: 'Elimine el archivo: {fileName}',
   selectTextDuplicateFileName: 'Ya había un archivo con el mismo nombre de archivo.',

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

@@ -8,6 +8,11 @@ export default {
   fileNameDescriptionLabel: 'Nom de fichier: ',
   generalValidatorMessage: '"{validatorMessage}", pour {listOfErroneousFiles}.',
   noFilesSelected: 'Aucun fichier sélectionné.',
+  noFilesUploaded: 'Aucun fichier téléchargé.',
+  fileSelected: 'Fichier sélectionnés : ',
+  fileUploaded: 'Fichier téléchargé : ',
+  filesSelected: 'Fichiers sélectionnés : {numberOfFiles} fichiers.',
+  filesUploaded: 'Fichiers téléchargés : {numberOfFiles} fichiers.',
   numberOfFiles: '{numberOfFiles} fichiers.',
   removeButtonLabel: 'Supprimer le fichier {fileName}',
   selectTextDuplicateFileName: 'Un fichier portant le même nom de fichier était déjà présent.',

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: 'Fájlnév: ',
   generalValidatorMessage: '"{validatorMessage}", ehhez: {listOfErroneousFiles}.',
   noFilesSelected: 'Nincs fájl kiválasztva.',
+  noFilesUploaded: 'Nincs feltöltött fájl.',
+  fileSelected: 'Kiválasztott fájl: ',
+  fileUploaded: 'Feltöltött fájl: ',
+  filesSelected: 'Kiválasztott fájlok: {numberOfFiles} fájl.',
+  filesUploaded: 'Feltöltött fájlok: {numberOfFiles} fájl.',
   numberOfFiles: '{numberOfFiles} fájl.',
   removeButtonLabel: 'A(z) {fileName} fájl eltávolítása',
   selectTextDuplicateFileName: 'Már volt ilyen nevű fájl.',

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

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

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

@@ -0,0 +1,19 @@
+export default {
+  allowedFileSize: 'Unggah file dengan ukuran maks. {maxSize}.',
+  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?
+  fileNameDescriptionLabel: 'Nama file: ',
+  generalValidatorMessage: '"{validatorMessage}", untuk {listOfErroneousFiles}.',
+  noFilesSelected: 'Tidak ada file yang dipilih.',
+  noFilesUploaded: 'Tidak ada file yang diunggah.',
+  fileSelected: 'File yang dipilih: ',
+  fileUploaded: 'File yang diunggah: ',
+  filesSelected: 'File yang dipilih: {numberOfFiles} file.',
+  filesUploaded: 'File yang diunggah: {numberOfFiles} file.',
+  removeButtonLabel: 'Hapus file {fileName}',
+  selectTextDuplicateFileName: 'File dengan nama file yang sama sudah ada.',
+  selectTextMultipleFile: 'Pilih beberapa file',
+  selectTextSingleFile: 'Pilih berkas',
+};

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: 'Nome file: ',
   generalValidatorMessage: '"{validatorMessage}", per {listOfErroneousFiles}.',
   noFilesSelected: 'Nessun file selezionato.',
+  noFilesUploaded: 'Nessun file caricato.',
+  fileSelected: 'File selezionati: ',
+  fileUploaded: 'File caricato: ',
+  filesSelected: 'File selezionati: {numberOfFiles} file.',
+  filesUploaded: 'File caricati: {numberOfFiles} file.',
   numberOfFiles: '{numberOfFiles} file.',
   removeButtonLabel: 'Rimuovere il file {fileName}',
   selectTextDuplicateFileName: 'Un file con lo stesso nome file era già presente.',

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: 'Nazwa pliku: ',
   generalValidatorMessage: '"{validatorMessage}", dla {listOfErroneousFiles}.',
   noFilesSelected: 'Nie wybrano żadnych plików.',
+  noFilesUploaded: 'Nie przesłano plików.',
+  fileSelected: 'Wybrane plik: ',
+  fileUploaded: 'Przesłany plik: ',
+  filesSelected: 'Wybrane pliki: Liczba plików: {numberOfFiles}.',
+  filesUploaded: 'Przesłane pliki: Liczba plików: {numberOfFiles}.',
   numberOfFiles: 'Liczba plików: {numberOfFiles}.',
   removeButtonLabel: 'Usuń plik {fileName}',
   selectTextDuplicateFileName: 'Plik o tej samej nazwie już istnieje.',

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: 'Nume fişier: ',
   generalValidatorMessage: '"{validatorMessage}", pentru {listOfErroneousFiles}.',
   noFilesSelected: 'Niciun fișier selectat.',
+  noFilesUploaded: 'Nu au fost încărcate fișiere.',
+  fileSelected: 'Fișier selectate: ',
+  fileUploaded: 'Fișier încărcat: ',
+  filesSelected: 'Fișiere selectate: {numberOfFiles} fișiere.',
+  filesUploaded: 'Fișiere încărcate: {numberOfFiles} fișiere.',
   numberOfFiles: '{numberOfFiles} fișiere.',
   removeButtonLabel: 'Eliminaţi fişierul {filename}',
   selectTextDuplicateFileName: 'Există deja un fişier cu acelaşi nume de fişier.',

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: 'Názov súboru: ',
   generalValidatorMessage: '"{validatorMessage}", pre {listOfErroneousFiles}.',
   noFilesSelected: 'Neboli vybrané žiadne súbory.',
+  noFilesUploaded: 'Nenahrali sa žiadne súbory.',
+  fileSelected: 'Zvolené súbor: ',
+  fileUploaded: 'Nahratý súbor: ',
+  filesSelected: 'Zvolené súbory: {numberOfFiles} súbory/-ov.',
+  filesUploaded: 'Nahraté súbory: {numberOfFiles} súbory/-ov.',
   numberOfFiles: 'Počet súborov: {numberOfFiles}.',
   removeButtonLabel: 'Odstrániť súbor {fileName}',
   selectTextDuplicateFileName: 'Súbor s rovnakým názvom súboru už existoval.',

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: 'Ім’я файлу: ',
   generalValidatorMessage: '"{validatorMessage}", для {listOfErroneousFiles}.',
   noFilesSelected: 'Не вибрано жодного файлу.',
+  noFilesUploaded: 'Файли не завантажено.',
+  fileSelected: 'Вибрані файл: ',
+  fileUploaded: 'Завантажений файл: ',
+  filesSelected: 'Вибрані файли: {numberOfFiles} файли(-ів).',
+  filesUploaded: 'Завантажені файли: {numberOfFiles} файли(-ів).',
   numberOfFiles: '{numberOfFiles} файли(-ів).',
   removeButtonLabel: 'Видалення файлу {fileName}',
   selectTextDuplicateFileName: 'Файл із такою назвою вже існував.',

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

@@ -7,6 +7,11 @@ export default {
   fileNameDescriptionLabel: '文件名: ',
   generalValidatorMessage: '"{validatorMessage}", 例如 {listOfErroneousFiles}。',
   noFilesSelected: '未选择任何文件。',
+  noFilesUploaded: '未上传任何文件。',
+  fileSelected: '已选择文件： ',
+  fileUploaded: '已上传文件： ',
+  filesSelected: '已选择文件：{numberOfFiles} 个文件。',
+  filesUploaded: '已上传文件：{numberOfFiles} 个文件。',
   numberOfFiles: '{numberOfFiles}  个文件。',
   removeButtonLabel: '删除 {fileName} 文件',
   selectTextDuplicateFileName: '已存在具有相同文件名的文件。',

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

@@ -1,4 +1,4 @@
-import { html, css, render } from 'lit';
+import { html, css, render, nothing } from 'lit';
 import { formatNumber, LocalizeMixin, parseNumber } from '@lion/ui/localize-no-side-effects.js';
 import { LionInput } from '@lion/ui/input.js';
 import { IsNumber, MinNumber, MaxNumber } from '@lion/ui/form-core.js';
@@ -96,8 +96,6 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
 
     this._increment = this._increment.bind(this);
     this._decrement = this._decrement.bind(this);
-    this._onEnterButton = this._onEnterButton.bind(this);
-    this._onLeaveButton = this._onLeaveButton.bind(this);
   }
 
   connectedCallback() {
@@ -244,6 +242,26 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       this._inputNode.removeAttribute('aria-valuenow');
       this._inputNode.removeAttribute('aria-valuetext');
     }
+    this._destroyOutputContent();
+  }
+
+  _destroyOutputContent() {
+    const outputElement = /** @type {HTMLElement} */ (
+      this.shadowRoot?.querySelector('.input-stepper__value')
+    );
+
+    const timeoutValue = outputElement?.dataset?.selfDestruct
+      ? Number(outputElement.dataset.selfDestruct)
+      : 2000;
+    clearTimeout(this.timer);
+    if (outputElement) {
+      this.timer = setTimeout(() => {
+        if (outputElement.parentNode) {
+          this.__valueText = nothing;
+          this.requestUpdate();
+        }
+      }, timeoutValue);
+    }
   }
 
   /**
@@ -267,12 +285,19 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
   _increment() {
     const { step, min, max } = this.values;
     const stepMin = min !== Infinity ? min : 0;
+    const epsilon = 1e-10; // Tolerance for floating-point comparison
 
-    let newValue = this.currentValue + step;
+    let newValue;
 
-    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);
+    const remainder = (this.currentValue - stepMin) % step;
+    const isAligned = Math.abs(remainder) < epsilon || Math.abs(remainder - step) < epsilon;
+
+    if (!isAligned) {
+      // If the value is not aligned to step, align it to the next valid step
+      newValue = Math.ceil((this.currentValue - stepMin) / step) * step + stepMin;
+    } else {
+      // If the value is aligned, just add the step
+      newValue = this.currentValue + step;
     }
 
     if (newValue <= max || max === Infinity) {
@@ -289,12 +314,19 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
   _decrement() {
     const { step, max, min } = this.values;
     const stepMin = min !== Infinity ? min : 0;
+    const epsilon = 1e-10; // Tolerance for floating-point comparison
+
+    let newValue;
 
-    let newValue = this.currentValue - step;
+    const remainder = (this.currentValue - stepMin) % step;
+    const isAligned = Math.abs(remainder) < epsilon || Math.abs(remainder - step) < epsilon;
 
-    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 (!isAligned) {
+      // If the value is not aligned to step, align it to the previous valid step
+      newValue = Math.floor((this.currentValue - stepMin) / step) * step + stepMin;
+    } else {
+      // If the value is aligned, just subtract the step
+      newValue = this.currentValue - step;
     }
 
     if (newValue >= min || min === Infinity) {
@@ -380,10 +412,8 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       <button
         ?disabled=${this.disabled || this.readOnly}
         @click=${this._decrement}
-        @focus=${this._onEnterButton}
-        @blur=${this._onLeaveButton}
         type="button"
-        aria-label="${this.msgLit('lion-input-stepper:decrease')}"
+        aria-label="${this.msgLit('lion-input-stepper:decrease')} ${this.fieldName}"
       >
         ${this._decrementorSignTemplate()}
       </button>
@@ -400,10 +430,8 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       <button
         ?disabled=${this.disabled || this.readOnly}
         @click=${this._increment}
-        @focus=${this._onEnterButton}
-        @blur=${this._onLeaveButton}
         type="button"
-        aria-label="${this.msgLit('lion-input-stepper:increase')}"
+        aria-label="${this.msgLit('lion-input-stepper:increase')} ${this.fieldName}"
       >
         ${this._incrementorSignTemplate()}
       </button>
@@ -413,7 +441,9 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
   /** @protected */
   _inputGroupTemplate() {
     return html`
-      <div class="input-stepper__value">${this.__valueText}</div>
+      <output for="${this._inputId}" data-self-destruct="2000" class="input-stepper__value"
+        >${this.__valueText}</output
+      >
       <div class="input-group">
         ${this._inputGroupBeforeTemplate()}
         <div class="input-group__container">
@@ -424,38 +454,4 @@ export class LionInputStepper extends LocalizeMixin(LionInput) {
       </div>
     `;
   }
-
-  /**
-   * @protected
-   * @param {Event} ev
-   */
-  // eslint-disable-next-line no-unused-vars
-  _onEnterButton(ev) {
-    const valueNode = /** @type {HTMLElement} */ (
-      this.shadowRoot?.querySelector('.input-stepper__value')
-    );
-    valueNode.setAttribute('aria-live', 'assertive');
-  }
-
-  /**
-   * Redispatch leave event on host when catching leave event
-   * on the incrementor and decrementor button.
-   *
-   * This redispatched leave event will be caught by
-   * InteractionStateMixin to set "touched" state to true.
-   *
-   * Interacting with the buttons is "user interactions"
-   * the same way as focusing + blurring the field (native input)
-   *
-   * @protected
-   * @param {Event} ev
-   */
-  // eslint-disable-next-line no-unused-vars
-  _onLeaveButton(ev) {
-    const valueNode = /** @type {HTMLElement} */ (
-      this.shadowRoot?.querySelector('.input-stepper__value')
-    );
-    valueNode.removeAttribute('aria-live');
-    this.dispatchEvent(new Event(this._leaveEvent));
-  }
 }

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

@@ -1,20 +1,3 @@
-import {
-  runInteractionStateMixinSuite,
-  runFormatMixinSuite,
-} from '@lion/ui/form-core-test-suites.js';
+import { runInputStepperIntegrationSuite } from '../test-suites/lion-input-stepper.integration.suite.js';
 
-import '@lion/ui/define/lion-input-stepper.js';
-
-const tagString = 'lion-input-stepper';
-
-describe('<lion-input-stepper> integrations', () => {
-  runInteractionStateMixinSuite({
-    tagString,
-    allowedModelValueTypes: [Number],
-  });
-
-  runFormatMixinSuite({
-    tagString,
-    modelValueType: Number,
-  });
-});
+runInputStepperIntegrationSuite();