pjc-fields 0.0.60 → 0.0.61

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 */ []));
@@ -2780,5 +2796,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, PjcValidators, TIPOS_PESSOA };
 //# sourceMappingURL=pjc-fields.mjs.map