pjc-fields 0.0.60 → 0.0.62

package/fesm2022/pjc-fields.mjs

@@ -1492,6 +1492,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-datePicker\n        [inputId]=\"id()\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        dateFormat=\"dd/mm/yy\"\n        [showTime]=\"true\"\n        [hourFormat]=\"'24'\"\n        [showIcon]=\"true\"\n        [showClear]=\"true\"\n        [minDate]=\"minDate()\"\n        [maxDate]=\"maxDate()\"\n        [disabled]=\"disabled\"\n        [readonlyInput]=\"readonly()\"\n        placeholder=\"dd/mm/aaaa HH:MM\"\n        appendTo=\"body\"\n        class=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      ></p-datePicker>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-datePicker\n      [inputId]=\"id()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      dateFormat=\"dd/mm/yy\"\n      [showTime]=\"true\"\n      [hourFormat]=\"'24'\"\n      [showIcon]=\"true\"\n      [showClear]=\"true\"\n      [minDate]=\"minDate()\"\n      [maxDate]=\"maxDate()\"\n      [disabled]=\"disabled\"\n      [readonlyInput]=\"readonly()\"\n      placeholder=\"dd/mm/aaaa HH:MM\"\n      appendTo=\"body\"\n      class=\"w-full\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    ></p-datePicker>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }] } });
 
+class PjcDetalhesComponent {
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    layout = input('column', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    displayValue = computed(() => {
+        const v = this.value();
+        return v !== null && v !== undefined ? String(v) : 'Não Informado';
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcDetalhesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcDetalhesComponent, isStandalone: true, selector: "pjc-detalhes", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (layout() === 'column') {\n  <div class=\"pjc-detalhes pjc-detalhes--column\">\n    @if (label()) {\n      <span class=\"pjc-detalhes__label\">{{ label() }}</span>\n    }\n    <span class=\"pjc-detalhes__value\" [class.pjc-detalhes__value--empty]=\"value() === null || value() === undefined\">\n      {{ displayValue() }}\n    </span>\n  </div>\n} @else {\n  <div class=\"pjc-detalhes pjc-detalhes--row\">\n    @if (label()) {\n      <span class=\"pjc-detalhes__label\">{{ label() }}:&nbsp;</span>\n    }\n    <span class=\"pjc-detalhes__value\" [class.pjc-detalhes__value--empty]=\"value() === null || value() === undefined\">\n      {{ displayValue() }}\n    </span>\n  </div>\n}\n", styles: [".pjc-detalhes{display:flex}.pjc-detalhes--column{flex-direction:column}.pjc-detalhes--row{flex-direction:row;align-items:baseline;flex-wrap:wrap}.pjc-detalhes__label{font-weight:600;font-size:.875rem;color:var(--p-text-color)}.pjc-detalhes__value{font-size:.875rem;color:var(--p-text-color)}.pjc-detalhes__value--empty{font-style:italic;color:var(--p-text-muted-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcDetalhesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pjc-detalhes', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (layout() === 'column') {\n  <div class=\"pjc-detalhes pjc-detalhes--column\">\n    @if (label()) {\n      <span class=\"pjc-detalhes__label\">{{ label() }}</span>\n    }\n    <span class=\"pjc-detalhes__value\" [class.pjc-detalhes__value--empty]=\"value() === null || value() === undefined\">\n      {{ displayValue() }}\n    </span>\n  </div>\n} @else {\n  <div class=\"pjc-detalhes pjc-detalhes--row\">\n    @if (label()) {\n      <span class=\"pjc-detalhes__label\">{{ label() }}:&nbsp;</span>\n    }\n    <span class=\"pjc-detalhes__value\" [class.pjc-detalhes__value--empty]=\"value() === null || value() === undefined\">\n      {{ displayValue() }}\n    </span>\n  </div>\n}\n", styles: [".pjc-detalhes{display:flex}.pjc-detalhes--column{flex-direction:column}.pjc-detalhes--row{flex-direction:row;align-items:baseline;flex-wrap:wrap}.pjc-detalhes__label{font-weight:600;font-size:.875rem;color:var(--p-text-color)}.pjc-detalhes__value{font-size:.875rem;color:var(--p-text-color)}.pjc-detalhes__value--empty{font-style:italic;color:var(--p-text-muted-color)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }] } });
+
 class PjcEmailFieldComponent {
     label = input('E-mail', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     placeholder = input('Digite o e-mail', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
@@ -2772,6 +2788,155 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             args: [{ selector: 'lib-pjc-fields', imports: [], template: ` <p>pjc-fields works!</p> ` }]
         }] });
 
+const unidadesM = ['', 'um', 'dois', 'três', 'quatro', 'cinco', 'seis', 'sete', 'oito', 'nove'];
+const unidadesF = ['', 'uma', 'duas', 'três', 'quatro', 'cinco', 'seis', 'sete', 'oito', 'nove'];
+const dezenasEspeciais = [
+    'dez',
+    'onze',
+    'doze',
+    'treze',
+    'quatorze',
+    'quinze',
+    'dezesseis',
+    'dezessete',
+    'dezoito',
+    'dezenove',
+];
+const dezenas = [
+    '',
+    '',
+    'vinte',
+    'trinta',
+    'quarenta',
+    'cinquenta',
+    'sessenta',
+    'setenta',
+    'oitenta',
+    'noventa',
+];
+const centenasM = [
+    '',
+    'cento',
+    'duzentos',
+    'trezentos',
+    'quatrocentos',
+    'quinhentos',
+    'seiscentos',
+    'setecentos',
+    'oitocentos',
+    'novecentos',
+];
+const centenasF = [
+    '',
+    'cento',
+    'duzentas',
+    'trezentas',
+    'quatrocentas',
+    'quinhentas',
+    'seiscentas',
+    'setecentas',
+    'oitocentas',
+    'novecentas',
+];
+const configUnidades = {
+    // Nota: "Grama" (peso) é substantivo masculino ("dois gramas").
+    grama: { singular: 'grama', plural: 'gramas', feminino: false },
+    kilo: { singular: 'quilo', plural: 'quilos', feminino: false },
+    unidade: { singular: 'unidade', plural: 'unidades', feminino: true },
+    miligrama: { singular: 'miligrama', plural: 'miligramas', feminino: false },
+    litro: { singular: 'litro', plural: 'litros', feminino: false },
+    mililitro: { singular: 'mililitro', plural: 'mililitros', feminino: false },
+    centigrama: { singular: 'centigrama', plural: 'centigramas', feminino: false },
+};
+class PjcUtils {
+    /**
+     * Converte um número inteiro para extenso.
+     */
+    static numeroPorExtenso(numero, isFeminino = false) {
+        if (numero === 0)
+            return 'zero';
+        const partes = [];
+        let temp = Math.floor(Math.abs(numero));
+        while (temp > 0) {
+            partes.push(temp % 1000);
+            temp = Math.floor(temp / 1000);
+        }
+        const grandezasSingular = ['', 'mil', 'milhão', 'bilhão'];
+        const grandezasPlural = ['', 'mil', 'milhões', 'bilhões'];
+        const resultado = [];
+        for (let i = 0; i < partes.length; i++) {
+            const valor = partes[i];
+            if (valor === 0)
+                continue;
+            if (i === 1 && valor === 1) {
+                resultado.unshift('mil');
+            }
+            else {
+                const strGrupo = PjcUtils.traduzirGrupo(valor, isFeminino);
+                const grandeza = valor === 1 ? grandezasSingular[i] : grandezasPlural[i];
+                resultado.unshift(grandeza ? `${strGrupo} ${grandeza}` : strGrupo);
+            }
+        }
+        // Junta as casas maiores com vírgula e a última com "e"
+        return resultado
+            .join(', ')
+            .replace(/,([^,]*)$/, ' e$1')
+            .trim();
+    }
+    static traduzirGrupo(n, isFeminino) {
+        if (n === 100)
+            return 'cem';
+        const u = isFeminino ? unidadesF : unidadesM;
+        const c = isFeminino ? centenasF : centenasM;
+        const centena = Math.floor(n / 100);
+        const dezena = Math.floor((n % 100) / 10);
+        const unidade = n % 10;
+        const partes = [];
+        if (centena > 0)
+            partes.push(c[centena]);
+        partes.push(PjcUtils.traduzirDezenaUnidade(dezena, unidade, u));
+        return partes.filter(Boolean).join(' e ');
+    }
+    static traduzirDezenaUnidade(dezena, unidade, u) {
+        if (dezena === 0 && unidade === 0)
+            return '';
+        if (dezena === 1)
+            return dezenasEspeciais[unidade];
+        const partes = [];
+        if (dezena > 1)
+            partes.push(dezenas[dezena]);
+        if (unidade > 0)
+            partes.push(u[unidade]);
+        return partes.join(' e ');
+    }
+    /**
+     * Converte valor monetário para extenso.
+     */
+    static valorMonetarioPorExtenso(valor, currencyName = 'real', currencyNamePlural = 'reais', centavoSingular = 'centavo', centavoPlural = 'centavos') {
+        const inteiros = Math.floor(valor);
+        const centavos = Math.round((valor - inteiros) * 100);
+        const partes = [];
+        if (inteiros > 0) {
+            const moeda = inteiros === 1 ? currencyName : currencyNamePlural;
+            partes.push(`${PjcUtils.numeroPorExtenso(inteiros)} ${moeda}`);
+        }
+        if (centavos > 0) {
+            const cent = centavos === 1 ? centavoSingular : centavoPlural;
+            partes.push(`${PjcUtils.numeroPorExtenso(centavos)} ${cent}`);
+        }
+        return partes.join(' e ') || `zero ${currencyNamePlural}`;
+    }
+    /**
+     * Converte unidade de medida para extenso, respeitando gênero.
+     */
+    static unidadeMedidaPorExtenso(valor, unidade) {
+        const config = configUnidades[unidade];
+        const textoNumero = PjcUtils.numeroPorExtenso(valor, config.feminino);
+        const textoUnidade = valor === 1 ? config.singular : config.plural;
+        return `${textoNumero} ${textoUnidade}`;
+    }
+}
+
 /*
  * Public API Surface of pjc-fields
  */
@@ -2780,5 +2945,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ESTADOS, PJC_CIDADE_SERVICE, PJC_ENUM_SERVICE, PjcCepFieldComponent, PjcChassiFieldComponent, PjcChassiInputDirective, PjcCidadeFieldComponent, PjcCidadeService, PjcCnhFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcDataHoraFieldComponent, PjcEmailFieldComponent, PjcEnumFieldComponent, PjcEnumService, PjcErroValidacaoComponent, PjcFields, PjcHoraFieldComponent, PjcImeiFieldComponent, PjcIntegerFieldComponent, PjcMoedaFieldComponent, PjcNumeroCartaoFieldComponent, PjcPasswordFieldComponent, PjcPlacaFieldComponent, PjcRenavamFieldComponent, PjcTelefoneFieldComponent, PjcTipoPessoaFieldComponent, PjcUfFieldComponent, PjcUppercaseFieldComponent, PjcValidators, TIPOS_PESSOA };
+export { ESTADOS, PJC_CIDADE_SERVICE, PJC_ENUM_SERVICE, PjcCepFieldComponent, PjcChassiFieldComponent, PjcChassiInputDirective, PjcCidadeFieldComponent, PjcCidadeService, PjcCnhFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcDataHoraFieldComponent, PjcDetalhesComponent, PjcEmailFieldComponent, PjcEnumFieldComponent, PjcEnumService, PjcErroValidacaoComponent, PjcFields, PjcHoraFieldComponent, PjcImeiFieldComponent, PjcIntegerFieldComponent, PjcMoedaFieldComponent, PjcNumeroCartaoFieldComponent, PjcPasswordFieldComponent, PjcPlacaFieldComponent, PjcRenavamFieldComponent, PjcTelefoneFieldComponent, PjcTipoPessoaFieldComponent, PjcUfFieldComponent, PjcUppercaseFieldComponent, PjcUtils, PjcValidators, TIPOS_PESSOA };
 //# sourceMappingURL=pjc-fields.mjs.map