matcha-components 20.136.0 → 20.142.0

package/fesm2022/matcha-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, HostBinding, Input, Component, ContentChildren, ElementRef, Renderer2, Inject, ViewEncapsulation, ChangeDetectionStrategy, HostListener, ContentChild, Directive, forwardRef, ViewChild, InjectionToken, inject, Injectable, TemplateRef, Optional, NgModule, createComponent, PLATFORM_ID, Pipe } from '@angular/core';
+import { EventEmitter, Output, HostBinding, Input, Component, ContentChildren, ElementRef, Renderer2, Inject, ViewEncapsulation, ChangeDetectionStrategy, HostListener, ContentChild, Directive, forwardRef, ViewChild, InjectionToken, inject, Injectable, TemplateRef, Optional, NgModule, createComponent, Pipe, PLATFORM_ID } from '@angular/core';
 import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild, sequence, group } from '@angular/animations';
 import { Subscription, Subject, fromEvent, BehaviorSubject, of } from 'rxjs';
 import { debounceTime, takeUntil, filter, startWith, map, distinctUntilChanged } from 'rxjs/operators';
@@ -9584,31 +9584,26 @@ class MatchaPaginatorComponent {
             }
             return pages;
         }
+        // Se tiver até 5 páginas, mostra todas
         if (total <= 5) {
             for (let i = 1; i <= total; i++) {
                 pages.push(i);
             }
         }
         else {
-            if (current <= 3) {
+            // Janela deslizante: sempre mostra 3 páginas com a atual no meio
+            // Exemplo: < 1 2 3 ... 999 > -> usuário clica no 3 -> < 2 3 4 ... 999 >
+            if (current <= 2) {
+                // Início: mostra [1, 2, 3, ..., total]
                 pages.push(1, 2, 3, '...', total);
             }
-            else if (current >= total - 2) {
-                for (let i = total - 4; i <= total; i++) {
-                    pages.push(i);
-                }
+            else if (current >= total - 1) {
+                // Final: mostra [1, ..., total-2, total-1, total]
+                pages.push(1, '...', total - 2, total - 1, total);
             }
             else {
-                const startPage = current - 1;
-                for (let i = startPage; i <= current + 2 && i <= total; i++) {
-                    pages.push(i);
-                }
-                if (current + 2 < total - 1) {
-                    pages.push('...');
-                }
-                if (current + 2 < total) {
-                    pages.push(total);
-                }
+                // Meio: mostra [1, ..., current-1, current, current+1, ..., total]
+                pages.push(1, '...', current - 1, current, current + 1, '...', total);
             }
         }
         return pages;
@@ -11777,6 +11772,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
+class MatchaMaskPipe {
+    constructor() {
+        this.defaultOptions = inject(MATCHA_MASK_CONFIG);
+        this._maskService = inject(MatchaMaskService);
+        this._maskExpressionArray = [];
+        this.mask = '';
+    }
+    transform(value, mask, { patterns, ...config } = {}) {
+        let processedValue = value;
+        const currentConfig = {
+            maskExpression: mask,
+            ...this.defaultOptions,
+            ...config,
+            patterns: {
+                ...this._maskService.patterns,
+                ...patterns,
+            },
+        };
+        Object.entries(currentConfig).forEach(([key, val]) => {
+            this._maskService[key] = val;
+        });
+        if (mask.includes('||')) {
+            const maskParts = mask.split('||');
+            if (maskParts.length > 1) {
+                this._maskExpressionArray = maskParts.sort((a, b) => a.length - b.length);
+                this._setMask(`${processedValue}`);
+                return this._maskService.applyMask(`${processedValue}`, this.mask);
+            }
+            else {
+                this._maskExpressionArray = [];
+                return this._maskService.applyMask(`${processedValue}`, this.mask);
+            }
+        }
+        if (mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)) {
+            return this._maskService.applyMask(`${processedValue}`, this._maskService._repeatPatternSymbols(mask));
+        }
+        if (mask.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
+            if (config.decimalMarker) {
+                this._maskService.decimalMarker = config.decimalMarker;
+            }
+            if (config.thousandSeparator) {
+                this._maskService.thousandSeparator = config.thousandSeparator;
+            }
+            if (config.leadZero) {
+                this._maskService.leadZero = config.leadZero;
+            }
+            processedValue = String(processedValue);
+            const localeDecimalMarker = this._maskService.currentLocaleDecimalMarker();
+            if (!Array.isArray(this._maskService.decimalMarker)) {
+                processedValue =
+                    this._maskService.decimalMarker !== localeDecimalMarker
+                        ? processedValue.replace(localeDecimalMarker, this._maskService.decimalMarker)
+                        : processedValue;
+            }
+            if (this._maskService.leadZero &&
+                processedValue &&
+                this._maskService.dropSpecialCharacters !== false) {
+                processedValue = this._maskService._checkPrecision(mask, processedValue);
+            }
+            if (this._maskService.decimalMarker === "," /* MaskExpression.COMMA */) {
+                processedValue = processedValue.replace("." /* MaskExpression.DOT */, "," /* MaskExpression.COMMA */);
+            }
+            this._maskService.isNumberValue = true;
+        }
+        if (processedValue === null || typeof processedValue === 'undefined') {
+            return this._maskService.applyMask('', mask);
+        }
+        return this._maskService.applyMask(`${processedValue}`, mask);
+    }
+    _setMask(value) {
+        if (this._maskExpressionArray.length > 0) {
+            this._maskExpressionArray.some((mask) => {
+                const test = this._maskService.removeMask(value)?.length <=
+                    this._maskService.removeMask(mask)?.length;
+                if (value && test) {
+                    this.mask = mask;
+                    return test;
+                }
+                else {
+                    this.mask =
+                        this._maskExpressionArray[this._maskExpressionArray.length - 1] ??
+                            "" /* MaskExpression.EMPTY_STRING */;
+                }
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, isStandalone: false, name: "matchaMask" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    // Usar 'matchaMask' para evitar conflito com o pipe 'mask' legado (ex: ngx-mask)
+                    name: 'matchaMask',
+                    pure: true,
+                    standalone: false,
+                }]
+        }] });
+
 const compatibleOptions = {
     specialCharacters: ['/', '(', ')', '.', ':', '-', ' ', '+', ',', '@', '[', ']', '"', "'", '*'],
     patterns: {
@@ -11810,7 +11904,9 @@ const compatibleOptions = {
 };
 class MatchaMaskModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, declarations: [MatchaMaskCompatibleDirective], imports: [CommonModule], exports: [MatchaMaskCompatibleDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, declarations: [MatchaMaskCompatibleDirective,
+            MatchaMaskPipe], imports: [CommonModule], exports: [MatchaMaskCompatibleDirective,
+            MatchaMaskPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskModule, providers: [
             MatchaMaskService,
             { provide: MATCHA_MASK_CONFIG, useValue: compatibleOptions }
@@ -11820,13 +11916,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             type: NgModule,
             args: [{
                     declarations: [
-                        MatchaMaskCompatibleDirective
+                        MatchaMaskCompatibleDirective,
+                        MatchaMaskPipe
                     ],
                     imports: [
                         CommonModule
                     ],
                     exports: [
-                        MatchaMaskCompatibleDirective
+                        MatchaMaskCompatibleDirective,
+                        MatchaMaskPipe
                     ],
                     providers: [
                         MatchaMaskService,
@@ -13534,104 +13632,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
-class MatchaMaskPipe {
-    constructor() {
-        this.defaultOptions = inject(MATCHA_MASK_CONFIG);
-        this._maskService = inject(MatchaMaskService);
-        this._maskExpressionArray = [];
-        this.mask = '';
-    }
-    transform(value, mask, { patterns, ...config } = {}) {
-        let processedValue = value;
-        const currentConfig = {
-            maskExpression: mask,
-            ...this.defaultOptions,
-            ...config,
-            patterns: {
-                ...this._maskService.patterns,
-                ...patterns,
-            },
-        };
-        Object.entries(currentConfig).forEach(([key, val]) => {
-            this._maskService[key] = val;
-        });
-        if (mask.includes('||')) {
-            const maskParts = mask.split('||');
-            if (maskParts.length > 1) {
-                this._maskExpressionArray = maskParts.sort((a, b) => a.length - b.length);
-                this._setMask(`${processedValue}`);
-                return this._maskService.applyMask(`${processedValue}`, this.mask);
-            }
-            else {
-                this._maskExpressionArray = [];
-                return this._maskService.applyMask(`${processedValue}`, this.mask);
-            }
-        }
-        if (mask.includes("{" /* MaskExpression.CURLY_BRACKETS_LEFT */)) {
-            return this._maskService.applyMask(`${processedValue}`, this._maskService._repeatPatternSymbols(mask));
-        }
-        if (mask.startsWith("separator" /* MaskExpression.SEPARATOR */)) {
-            if (config.decimalMarker) {
-                this._maskService.decimalMarker = config.decimalMarker;
-            }
-            if (config.thousandSeparator) {
-                this._maskService.thousandSeparator = config.thousandSeparator;
-            }
-            if (config.leadZero) {
-                this._maskService.leadZero = config.leadZero;
-            }
-            processedValue = String(processedValue);
-            const localeDecimalMarker = this._maskService.currentLocaleDecimalMarker();
-            if (!Array.isArray(this._maskService.decimalMarker)) {
-                processedValue =
-                    this._maskService.decimalMarker !== localeDecimalMarker
-                        ? processedValue.replace(localeDecimalMarker, this._maskService.decimalMarker)
-                        : processedValue;
-            }
-            if (this._maskService.leadZero &&
-                processedValue &&
-                this._maskService.dropSpecialCharacters !== false) {
-                processedValue = this._maskService._checkPrecision(mask, processedValue);
-            }
-            if (this._maskService.decimalMarker === "," /* MaskExpression.COMMA */) {
-                processedValue = processedValue.replace("." /* MaskExpression.DOT */, "," /* MaskExpression.COMMA */);
-            }
-            this._maskService.isNumberValue = true;
-        }
-        if (processedValue === null || typeof processedValue === 'undefined') {
-            return this._maskService.applyMask('', mask);
-        }
-        return this._maskService.applyMask(`${processedValue}`, mask);
-    }
-    _setMask(value) {
-        if (this._maskExpressionArray.length > 0) {
-            this._maskExpressionArray.some((mask) => {
-                const test = this._maskService.removeMask(value)?.length <=
-                    this._maskService.removeMask(mask)?.length;
-                if (value && test) {
-                    this.mask = mask;
-                    return test;
-                }
-                else {
-                    this.mask =
-                        this._maskExpressionArray[this._maskExpressionArray.length - 1] ??
-                            "" /* MaskExpression.EMPTY_STRING */;
-                }
-            });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, isStandalone: false, name: "mask" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMaskPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'mask',
-                    pure: true,
-                    standalone: false,
-                }]
-        }] });
-
 class StepContentDirective {
     constructor(template) {
         this.template = template;