@gipisistemas/ngx-core 1.0.25 → 1.0.27

package/components/form-wrapper/form-wrapper.scss

@@ -99,7 +99,7 @@
             width: 100% !important;
             background-color: $white-100 !important;
 
-            @include breakpoints.tablet-view {
+            @include breakpoints.compact-view {
                 max-height: 100% !important;
             }
 

package/components/password-requirements/password-requirements.scss

@@ -20,7 +20,7 @@
         padding: 0.4rem 0;
         width: 100%;
 
-        @include media.tablet-view {
+        @include media.compact-view {
             gap: 3.2rem;
             padding: 0.6rem 0;
         }

package/components/select/select.scss

@@ -51,16 +51,18 @@
             gap: 0.4rem;
             max-width: 14rem;
             max-height: 2rem;
+            min-width: 0;
             padding: 0.2rem 0.8rem;
             border-radius: 0.6rem;
             background-color: #e0e1e2;
             font-size: 1.2rem;
             color: $font-color;
             font-weight: 600;
-            flex-shrink: 0;
+            flex: 0 1 auto;
         }
 
         .g-select-value-chip-label {
+            flex: 1 1 auto;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -79,6 +81,7 @@
             background: transparent;
             color: $font-color;
             cursor: pointer;
+            flex-shrink: 0;
 
             > span {
                 font-size: 1.4rem;
@@ -91,17 +94,6 @@
             }
         }
 
-        .g-select-value-chip-ellipsis {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            min-width: 2.4rem;
-            padding: 0 0.6rem;
-            font-size: $font-size;
-            color: $font-color;
-            flex-shrink: 0;
-        }
-
         .select-input-multiple-hidden {
             display: none;
         }

package/fesm2022/gipisistemas-ngx-core.mjs

@@ -704,7 +704,8 @@ class StringUtil {
         }
     }
     /**
-     * Trunca uma string para um tamanho máximo especificado e adiciona um sufixo (por padrão, '...') caso o limite seja ultrapassado.
+     * Trunca uma string para um tamanho máximo especificado e adiciona um sufixo (por padrão, '...')
+     * caso o limite seja ultrapassado.
      *
      * @param inp A string que será truncada.
      * @param maxLength O tamanho máximo da string antes do truncamento. (padrão é 50)
@@ -1414,9 +1415,9 @@ class ArrayUtil {
 
 class CssUtil {
     static { this.BREAKPOINT_MOBILE_PX = 639.98; }
-    static { this.BREAKPOINT_MOBILE = '(max-width: 639.98px)'; }
-    static { this.BREAKPOINT_TABLET = '(min-width: 640px) and (max-width: 1279.98px)'; }
-    static { this.BREAKPOINT_DESKTOP = '(min-width: 1280px)'; }
+    static { this.BREAKPOINT_MOBILE = '(max-width: 767.98px)'; }
+    static { this.BREAKPOINT_TABLET = '(min-width: 768px) and (max-width: 1366.98px)'; }
+    static { this.BREAKPOINT_DESKTOP = '(min-width: 1367px)'; }
     static { this.BREAKPOINTS = {
         sm: this.BREAKPOINT_MOBILE,
         md: this.BREAKPOINT_TABLET,
@@ -1829,7 +1830,8 @@ class CurrencyUtil {
      * @param inp Número a ser formatado.
      * @param options Configurações de formatação:
      *   - `digitsInfo` (opcional): Define o formato dos dígitos, como `1.2-2` (mínimo 1 inteiro, 2 casas decimais).
-     *   - `isPercent` (opcional): Se `true`, formata como porcentagem (ex: `0.5` → `50%`); caso contrário, como moeda (`R$`).
+     *   - `isPercent` (opcional): Se `true`, formata como porcentagem (ex: `0.5` → `50%`); caso contrário,
+     * como moeda (`R$`).
      *
      * @returns Uma string com o número formatado como moeda ou porcentagem.
      */
@@ -2167,17 +2169,25 @@ class DocumentUtil {
         return index === input.length - 1;
     }
     /**
-     * Verifica se um valor é considerado vazio.
-     * @param inp O valor a ser verificado.
-     * @returns O valor sem formatação.
+     * Remove caracteres de formatação de um CPF/CNPJ.
+     *
+     * Caso o valor contenha letras, mantém apenas caracteres alfanuméricos.
+     * Caso contrário, mantém apenas números.
+     *
+     * @param value O valor que terá a formatação removida.
+     * @returns O valor sem caracteres de formatação.
+     *
      * @example
-     * DocumentUtil.isEmpty('123-123'); // Retorna `123123`.
+     * DocumentUtil.clearFormat('00.123.123/0001-12'); // Retorna: '00123123000112'
+     * DocumentUtil.clearFormat('XH.BYE.J7E/0001-67'); // Retorna: 'XHBYEJ7E000167'
      */
     static clearFormat(value) {
         if (StringUtil.isEmpty(value)) {
             return '';
         }
-        return value.replace(/\D/g, '');
+        return /[a-zA-Z]/.test(value)
+            ? value.replace(/[^a-zA-Z0-9]/g, '')
+            : value.replace(/\D/g, '');
     }
     /**
      * Formata um CPF.
@@ -2267,97 +2277,132 @@ class DocumentUtil {
         return true;
     }
     /**
-     * Formata um CNPJ.
-     * @param cnpj O CNPJ a ser formatado.
-     * @param pad Se `true`, o CNPJ será preenchido com zeros à esquerda.
-     * @returns O CNPJ formatado.
+     * Formata um CNPJ numérico ou alfanumérico.
+     *
+     * A função remove automaticamente caracteres de formatação antes de aplicar
+     * a máscara padrão de CNPJ: `00.000.000/0000-00`.
+     *
+     * Também suporta:
+     * - CNPJ alfanumérico;
+     * - preenchimento automático com zeros à esquerda (`pad`);
+     * - formatação parcial para utilização em campos de digitação (`allowPartial`).
+     *
+     * Quando `allowPartial` estiver ativado, a máscara será aplicada
+     * gradualmente conforme a quantidade de caracteres informados.
+     *
+     * Caso `allowPartial` esteja desativado, apenas valores com 14 caracteres
+     * serão formatados. Caso contrário, será retornada uma string vazia.
+     *
+     * @param cnpj O CNPJ que será formatado.
+     * @param options Opções de formatação.
+     * @param options.pad Define se o valor deve ser preenchido com zeros à esquerda até atingir 14 caracteres.
+     * @param options.allowPartial Define se a máscara parcial deve ser aplicada durante a digitação.
+     *
+     * @returns O CNPJ formatado ou uma string vazia caso o valor seja inválido.
+     *
      * @example
-     * DocumentUtil.formatCnpj('00123123000112'); // Retorna `00.123.123/0001-12`.
-     * DocumentUtil.formatCnpj('123123000112', true); // Retorna `00.123.123/0001-12`.
+     * DocumentUtil.formatCnpj('12345678000190'); // Retorna: '12.345.678/0001-90'
+     * DocumentUtil.formatCnpj('12ABC3450001XX'); // Retorna: '12.ABC.345/0001-XX'
+     * DocumentUtil.formatCnpj('1234567890', { pad: true }); // Retorna: '00.001.234/5678-90'
+     * DocumentUtil.formatCnpj('12ABC345', { allowPartial: true }); // Retorna: '12.ABC.345'
+     * DocumentUtil.formatCnpj('123'); // Retorna: ''
      */
-    static formatCnpj(cnpj, pad) {
-        let digits = NumberUtil.onlyNumbers(cnpj);
+    static formatCnpj(cnpj, options) {
+        const pad = options?.pad ?? false;
+        const allowPartial = options?.allowPartial ?? false;
+        let cleanCnpj = this.clearFormat(cnpj).toUpperCase();
         if (pad) {
-            digits = digits.padStart(14, '0');
+            cleanCnpj = cleanCnpj.padStart(14, '0');
         }
-        const DOT_INDEXES = [1, 4];
-        const SLASH_INDEXES = [7];
-        const HYPHEN_INDEXES = [11];
-        return digits
-            .slice(0, 14)
-            .split('')
-            .reduce((acc, digit, index) => {
-            const result = `${acc}${digit}`;
-            if (!this._isLastChar(index, digits)) {
-                if (DOT_INDEXES.includes(index))
-                    return `${result}.`;
-                if (SLASH_INDEXES.includes(index))
-                    return `${result}/`;
-                if (HYPHEN_INDEXES.includes(index))
-                    return `${result}-`;
+        cleanCnpj = cleanCnpj.slice(0, 14);
+        const size = cleanCnpj.length;
+        if (allowPartial) {
+            if (size <= 2) {
+                return cleanCnpj;
             }
-            return result;
-        }, '');
+            if (size <= 5) {
+                return `${cleanCnpj.slice(0, 2)}.${cleanCnpj.slice(2)}`;
+            }
+            if (size <= 8) {
+                return `${cleanCnpj.slice(0, 2)}.${cleanCnpj.slice(2, 5)}.${cleanCnpj.slice(5)}`;
+            }
+            if (size <= 12) {
+                return `${cleanCnpj.slice(0, 2)}.${cleanCnpj.slice(2, 5)}.${cleanCnpj.slice(5, 8)}/${cleanCnpj.slice(8)}`;
+            }
+        }
+        else if (size !== 14) {
+            return '';
+        }
+        return cleanCnpj.replace(/(.{2})(.{3})(.{3})(.{4})(.{1,2})/, '$1.$2.$3/$4-$5');
     }
     /**
-     * Verifica se um CNPJ é válido.
-     * @param cnpj O CNPJ a ser verificado.
-     * @returns `true` se o CNPJ for válido, caso contrário, `false`.
+     * Valida um CNPJ numérico ou alfanumérico.
+     *
+     * A função aceita CNPJ com ou sem máscara, remove os caracteres de formatação
+     * e valida o dígito verificador conforme a regra oficial baseada no valor ASCII
+     * do caractere subtraído de 48 (`charCodeAt(0) - 48`).
+     *
+     * Regras aplicadas:
+     * - aceita CNPJ numérico e alfanumérico;
+     * - aceita valores com máscara, como `12.345.678/0001-90`;
+     * - aceita letras minúsculas, convertendo internamente para maiúsculas;
+     * - exige exatamente 14 caracteres após a limpeza;
+     * - exige que os 2 últimos caracteres sejam dígitos verificadores numéricos;
+     * - rejeita sequências inválidas repetidas, como `00000000000000`, `11111111111111`, `AAAAAAAAAAAA00`, entre outras;
+     * - rejeita caracteres não permitidos.
+     *
+     * @param cnpj O CNPJ que será validado.
+     * @returns `true` se o CNPJ for válido, caso contrário `false`.
+     *
      * @example
-     * DocumentUtil.isValidCnpj('12.345.678/0001-09'); // Retorna `true`.
-     * DocumentUtil.isValidCnpj('12345678000109'); // Retorna `true`.
-     * DocumentUtil.isValidCnpj('1234567800010'); // Retorna `false`.
-     * DocumentUtil.isValidCnpj('123456780001090'); // Retorna `false`.
+     * DocumentUtil.isValidCnpj('12.345.678/0001-90'); // Retorna: true ou false conforme os dígitos verificadores.
+     * DocumentUtil.isValidCnpj('12ABC3450001XX'); // Retorna: false, pois os dois últimos caracteres devem ser números.
+     * DocumentUtil.isValidCnpj('AAAAAAAAAAAA00'); // Retorna: false.
      */
     static isValidCnpj(cnpj) {
         if (StringUtil.isEmpty(cnpj)) {
             return false;
         }
-        cnpj = NumberUtil.onlyNumbers(cnpj);
-        if (StringUtil.isEmpty(cnpj) ||
-            cnpj.length !== 14 ||
-            cnpj === '00000000000000' ||
-            cnpj === '11111111111111' ||
-            cnpj === '22222222222222' ||
-            cnpj === '33333333333333' ||
-            cnpj === '44444444444444' ||
-            cnpj === '55555555555555' ||
-            cnpj === '66666666666666' ||
-            cnpj === '77777777777777' ||
-            cnpj === '88888888888888' ||
-            cnpj === '99999999999999') {
+        if (/[^A-Z0-9./-]/i.test(cnpj)) {
             return false;
         }
-        let length = cnpj.length - 2;
-        let numbers = cnpj.substring(0, length);
-        const digits = cnpj.substring(length);
-        let sum = 0;
-        let pos = length - 7;
-        for (let i = length; i >= 1; i--) {
-            sum += +numbers.charAt(length - i) * pos--;
-            if (pos < 2) {
-                pos = 9;
-            }
+        const cleanCnpj = this.clearFormat(cnpj).toUpperCase();
+        if (!/^[A-Z0-9]{12}\d{2}$/.test(cleanCnpj)) {
+            return false;
         }
-        let resultado = sum % 11 < 2 ? 0 : 11 - (sum % 11);
-        if (resultado !== +digits.charAt(0)) {
+        if (/^([A-Z0-9])\1{13}$/.test(cleanCnpj)) {
             return false;
         }
-        length = length + 1;
-        numbers = cnpj.substring(0, length);
-        sum = 0;
-        pos = length - 7;
-        for (let i = length; i >= 1; i--) {
-            sum += +numbers.charAt(length - i) * pos--;
-            if (pos < 2) {
-                pos = 9;
-            }
+        if (/^([A-Z0-9])\1{11}\d{2}$/.test(cleanCnpj)) {
+            return false;
         }
-        resultado = sum % 11 < 2 ? 0 : 11 - (sum % 11);
-        if (resultado !== +digits.charAt(1)) {
+        let size = 12;
+        let numbers = cleanCnpj.substring(0, size);
+        const digits = cleanCnpj.substring(size);
+        let sum = 0;
+        let weight = 2;
+        for (let i = size - 1; i >= 0; i--) {
+            const charValue = numbers.charCodeAt(i) - 48;
+            sum += charValue * weight;
+            weight = weight === 9 ? 2 : weight + 1;
+        }
+        let remainder = sum % 11;
+        let result = remainder < 2 ? 0 : 11 - remainder;
+        if (result !== parseInt(digits.charAt(0), 10)) {
             return false;
         }
-        return true;
+        size = 13;
+        numbers = cleanCnpj.substring(0, size);
+        sum = 0;
+        weight = 2;
+        for (let i = size - 1; i >= 0; i--) {
+            const charValue = numbers.charCodeAt(i) - 48;
+            sum += charValue * weight;
+            weight = weight === 9 ? 2 : weight + 1;
+        }
+        remainder = sum % 11;
+        result = remainder < 2 ? 0 : 11 - remainder;
+        return result === parseInt(digits.charAt(1), 10);
     }
     /**
      * Formata um CEP.
@@ -4151,7 +4196,7 @@ class BaseCrudService extends BaseService {
      * deleteAll(['123e4567-e89b-12d3-a456-426614174000', '987e6543-e21b-12d3-a456-426614174001'])
      *    .subscribe(isDeleted => console.log(isDeleted));
      */
-    deleteAll(idList, version) {
+    deleteAll(idList, version = 'v2') {
         for (const uuid of idList) {
             if (!UUIDUtil.isValid(uuid)) {
                 return of(false);
@@ -5480,7 +5525,7 @@ class BaseListComponent extends BaseComponent {
             cancel: () => this.loading.set(false),
         });
     }
-    deleteAllRegister(idList, permission, fetchAgain = true, version) {
+    deleteAllRegister(idList, permission, fetchAgain = true, version = 'v2') {
         try {
             idList = this.handleEntityIdList(idList);
             if (ArrayUtil.isEmpty(idList)) {
@@ -14338,12 +14383,6 @@ class Select extends BaseControlValueAccessor {
             }
             return this.valueAsArray().slice(0, this.visibleSelectedCount());
         }, ...(ngDevMode ? [{ debugName: "visibleSelectedValues" }] : []));
-        this.hasHiddenSelectedValues = computed(() => {
-            if (!this.multiple()) {
-                return false;
-            }
-            return this.hiddenSelectedCount() > 0;
-        }, ...(ngDevMode ? [{ debugName: "hasHiddenSelectedValues" }] : []));
         this.hiddenSelectedCount = computed(() => {
             if (!this.multiple()) {
                 return 0;
@@ -14808,29 +14847,23 @@ class Select extends BaseControlValueAccessor {
         const actionsWidth = actions?.offsetWidth ?? 0;
         const availableWidth = Math.max(wrapperWidth - actionsWidth - 24, 0);
         if (availableWidth <= 0) {
-            this.visibleSelectedCount.set(0);
+            this.visibleSelectedCount.set(1);
             return;
         }
         const chipGap = 4;
-        const ellipsisWidth = 28;
         let usedWidth = 0;
         let visibleCount = 0;
-        for (let i = 0; i < selected.length; i++) {
-            const label = this.getOptionLabelByValue(selected[i]);
+        for (const selectedValue of selected) {
+            const label = this.getOptionLabelByValue(selectedValue);
             const chipWidth = this._measureChipWidth(label, input);
-            const remainingItems = selected.length - (i + 1);
-            const needsEllipsis = remainingItems > 0;
-            const projectedWidth = usedWidth +
-                (visibleCount > 0 ? chipGap : 0) +
-                chipWidth +
-                (needsEllipsis ? chipGap + ellipsisWidth : 0);
+            const projectedWidth = usedWidth + (visibleCount > 0 ? chipGap : 0) + chipWidth;
             if (projectedWidth > availableWidth) {
                 break;
             }
             usedWidth += (visibleCount > 0 ? chipGap : 0) + chipWidth;
             visibleCount++;
         }
-        this.visibleSelectedCount.set(visibleCount);
+        this.visibleSelectedCount.set(Math.max(visibleCount, 1));
     }
     _measureChipWidth(label, input) {
         if (!this._measureCanvas) {
@@ -15001,9 +15034,6 @@ class Select extends BaseControlValueAccessor {
                             </button>
                         </span>
                     }
-                    @if (hasHiddenSelectedValues()) {
-                        <span class="g-select-value-chip-ellipsis">...</span>
-                    }
                 </div>
             }
 
@@ -15242,9 +15272,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             </button>
                         </span>
                     }
-                    @if (hasHiddenSelectedValues()) {
-                        <span class="g-select-value-chip-ellipsis">...</span>
-                    }
                 </div>
             }
 
@@ -16355,8 +16382,8 @@ const SELECTORS = `
 const BREAKPOINTS = {
     base: '(min-width: 0px)',
     sm: '(max-width: 767px)',
-    md: '(min-width: 768px) and (max-width: 1279px)',
-    lg: '(min-width: 1280px)',
+    md: '(min-width: 768px) and (max-width: 1366px)',
+    lg: '(min-width: 1367px)',
 };
 class FlexLayoutDirective {
     constructor() {
@@ -19629,7 +19656,7 @@ class Sidenav {
         this._changeDetectorRef.detectChanges();
     }
     _getViewportSize(width) {
-        if (width <= 640) {
+        if (width <= 767) {
             return 'mobile';
         }
         if (width < 1366) {
@@ -23046,7 +23073,7 @@ class TreeTable {
         return this._data;
     }
     constructor() {
-        this.matPaginatorRef = viewChild.required(MatPaginator);
+        this.matPaginatorRef = viewChild(MatPaginator, ...(ngDevMode ? [{ debugName: "matPaginatorRef" }] : []));
         this.actionsRef = contentChild('actions', ...(ngDevMode ? [{ debugName: "actionsRef" }] : []));
         this.menuContextRef = contentChild('menuContext', ...(ngDevMode ? [{ debugName: "menuContextRef" }] : []));
         this._uniqueId = inject(_IdGenerator).getId('gipi-tree-table-');
@@ -23103,22 +23130,22 @@ class TreeTable {
         this.onPage = output();
     }
     ngOnInit() {
-        const matPaginatorRef = this.matPaginatorRef();
-        if (!ObjectUtil.isEmpty(matPaginatorRef)) {
-            matPaginatorRef.page
-                .pipe(takeUntilDestroyed(this._destroyRef))
-                .subscribe(() => this._emitPaginator());
-        }
+        this.matPaginatorRef()
+            ?.page.pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => this._emitPaginator());
     }
     _emitPaginator() {
-        const pageEvent = {
-            pageIndex: this.matPaginatorRef().pageIndex,
-            previousPageIndex: this.matPaginatorRef().pageIndex - 1,
-            pageSize: this.matPaginatorRef().pageSize,
-            length: this.matPaginatorRef().length,
-            pageSizeOptions: this.matPaginatorRef().pageSizeOptions,
-        };
-        this.onPage.emit(pageEvent);
+        const paginator = this.matPaginatorRef();
+        if (!paginator) {
+            return;
+        }
+        this.onPage.emit({
+            pageIndex: paginator.pageIndex,
+            previousPageIndex: paginator.pageIndex - 1,
+            pageSize: paginator.pageSize,
+            length: paginator.length,
+            pageSizeOptions: paginator.pageSizeOptions,
+        });
     }
     _getNodeChildren(node) {
         const propertyChildren = this.propertyTree;