@rlucan/ui 19.0.3 → 19.0.4

package/fesm2022/rlucan-ui.mjs

@@ -3281,6 +3281,7 @@ class AutoCompleteComponent extends UiBaseComponent {
         this.idAttribute = 'id';
         this.panelClass = '';
         this.clearButton = false;
+        this.removeDiacritics = false;
         this.filteredOptions = [];
         this.filteredMaxItemsShown = this.SHOWN_USERS_DELTA;
         // skipBlur = false;
@@ -3298,7 +3299,9 @@ class AutoCompleteComponent extends UiBaseComponent {
         return this.options.map(o => ({
             ...o,
             unselectable: this.optionDisabled(o),
-            searchString: `${this.optionFormatter(o)}`.toLowerCase()
+            searchString: this.removeDiacritics
+                ? `${this.optionFormatter(o)}`.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase()
+                : `${this.optionFormatter(o)}`.toLowerCase()
         }));
     }
     filterOptions(text) {
@@ -3332,7 +3335,9 @@ class AutoCompleteComponent extends UiBaseComponent {
         //   }
         // });
         this.inputControl.valueChanges.pipe(debounceTime(200)).subscribe(v => {
-            const lcv = v.toLowerCase();
+            const lcv = this.removeDiacritics
+                ? v.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase()
+                : v.toLowerCase();
             this.filteredOptions = this.filterOptions(lcv);
             if (this.filteredOptions.length > 0) {
                 this.focusedOption = this.filteredOptions[0];
@@ -3611,7 +3616,7 @@ class AutoCompleteComponent extends UiBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.ControlContainer, host: true, optional: true, skipSelf: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AutoCompleteComponent, isStandalone: false, selector: "ui-auto-complete", inputs: { templates: "templates", options: "options", multiple: "multiple", allowNew: "allowNew", displayAttribute: "displayAttribute", idAttribute: "idAttribute", panelClass: "panelClass", clearButton: "clearButton", optionDisabled: "optionDisabled", optionFormatter: "optionFormatter" }, providers: [{
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AutoCompleteComponent, isStandalone: false, selector: "ui-auto-complete", inputs: { templates: "templates", options: "options", multiple: "multiple", allowNew: "allowNew", displayAttribute: "displayAttribute", idAttribute: "idAttribute", panelClass: "panelClass", clearButton: "clearButton", removeDiacritics: "removeDiacritics", optionDisabled: "optionDisabled", optionFormatter: "optionFormatter" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
                 useExisting: AutoCompleteComponent
@@ -3646,6 +3651,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 type: Input
             }], clearButton: [{
                 type: Input
+            }], removeDiacritics: [{
+                type: Input
             }], input: [{
                 type: ViewChild,
                 args: ['input']