@elle96/ng-json-schema-manager 0.1.2 → 0.1.4

package/index.d.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, FormGroup, FormArray, FormControl } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { OnChanges, OnDestroy, EventEmitter, SimpleChanges, OnInit } from '@angular/core';
+import { OnChanges, OnDestroy, EventEmitter, ChangeDetectorRef, SimpleChanges, OnInit } from '@angular/core';
 import { ErrorObject } from 'ajv';
 
 type JsonSchemaType = 'string' | 'number' | 'integer' | 'boolean' | 'object' | 'array' | 'null';
@@ -123,10 +123,20 @@ declare class JsonSchemaValidationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<JsonSchemaValidationService>;
 }
 
+declare class JsonSchemaStylesService {
+    private platformId;
+    private injected;
+    constructor(platformId: object);
+    inject(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonSchemaStylesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<JsonSchemaStylesService>;
+}
+
 declare class JsonSchemaFormComponent implements OnChanges, OnDestroy {
     private readonly schemaService;
     private readonly resolver;
     private readonly validation;
+    private readonly cdr;
     schema: JsonSchema;
     value?: unknown;
     data?: unknown;
@@ -141,21 +151,36 @@ declare class JsonSchemaFormComponent implements OnChanges, OnDestroy {
     errorsMap: Map<string, string[]>;
     schemaErrorList: SchemaError[];
     loading: boolean;
+    /** When true, all field errors are shown regardless of touched/dirty state. */
+    showErrors: boolean;
     private valueSub?;
-    constructor(schemaService: JsonSchemaFormService, resolver: JsonSchemaResolverService, validation: JsonSchemaValidationService);
+    constructor(schemaService: JsonSchemaFormService, resolver: JsonSchemaResolverService, validation: JsonSchemaValidationService, cdr: ChangeDetectorRef, stylesService: JsonSchemaStylesService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    /**
+     * Marks all fields as touched and forces error display across the entire form.
+     * Call this from an external "Save" or "Submit" button to show all validation errors at once.
+     * Returns true if the form is valid, false otherwise.
+     */
+    validate(): boolean;
     private buildForm;
     private updateErrors;
+    /**
+     * Recursively coerces string values to numbers/booleans where the schema declares
+     * type "number" or "integer". This is needed because <input type="number"> always
+     * returns a string to Angular's FormControl, but Ajv validates against the JSON type.
+     */
+    private normalizeValue;
     onRootReplaced(control: AbstractControl): void;
     private attachValueSub;
     static ɵfac: i0.ɵɵFactoryDeclaration<JsonSchemaFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<JsonSchemaFormComponent, "jsm-json-schema-form", never, { "schema": { "alias": "schema"; "required": true; }; "value": { "alias": "value"; "required": false; }; "data": { "alias": "data"; "required": false; }; "allowAdditionalProperties": { "alias": "allowAdditionalProperties"; "required": false; }; }, { "formReady": "formReady"; "valueChange": "valueChange"; "schemaReady": "schemaReady"; "schemaErrors": "schemaErrors"; }, never, never, true, never>;
 }
 
-declare class JsonSchemaNodeComponent implements OnInit {
+declare class JsonSchemaNodeComponent implements OnInit, OnDestroy {
     private readonly schemaService;
     private readonly validation;
+    private readonly cdr;
     schema: JsonSchema;
     control: AbstractControl;
     label: string;
@@ -165,20 +190,23 @@ declare class JsonSchemaNodeComponent implements OnInit {
     parent?: FormGroup | FormArray;
     controlKey?: string | number;
     allowAdditionalProperties: boolean;
+    /** When true, errors are shown regardless of touched/dirty state (e.g. triggered by an external save button). */
+    showErrors: boolean;
     controlReplaced: EventEmitter<AbstractControl<any, any, any>>;
     selectedOneOf: number;
     selectedAnyOf: Set<number>;
     newPropertyKey: string;
     propertyError: string;
-    constructor(schemaService: JsonSchemaFormService, validation: JsonSchemaValidationService);
+    /** Tracks whether this primitive control has been touched (for OnPush CD). */
+    isTouched: boolean;
+    private valueSub?;
+    constructor(schemaService: JsonSchemaFormService, validation: JsonSchemaValidationService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
-    /**
-     * Determina se un figlio di un object è "semplice" (primitive/enum/bool),
-     * quindi può stare in griglia 2-col, oppure "complesso" (object/array/combinator)
-     * che deve occupare la larghezza piena.
-     */
+    ngOnDestroy(): void;
+    /** Called on blur of primitive inputs to trigger CD after Angular marks the control as touched. */
+    onBlur(): void;
     isSimpleChild(key: string): boolean;
-    badgeClass(badge: string): Record<string, boolean>;
+    badgeClass(badge: string): string;
     get nodeKind(): 'oneOf' | 'anyOf' | 'allOf' | 'object' | 'array' | 'primitive';
     get resolvedType(): JsonSchema['type'] | 'enum';
     get inputKind(): 'text' | 'textarea' | 'select' | 'checkbox';
@@ -192,6 +220,8 @@ declare class JsonSchemaNodeComponent implements OnInit {
     get complexKeys(): string[];
     get canAddProperty(): boolean;
     get errorsForPath(): string[];
+    /** Combined errors: Ajv errors from errorsMap + Angular validator errors on the control. */
+    get allErrors(): string[];
     get metaBadges(): string[];
     get activeVariant(): JsonSchema | null;
     get mergedAllOf(): JsonSchema[];
@@ -214,7 +244,7 @@ declare class JsonSchemaNodeComponent implements OnInit {
     private applyDependencies;
     private mergeSchemas;
     static ɵfac: i0.ɵɵFactoryDeclaration<JsonSchemaNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<JsonSchemaNodeComponent, "jsm-schema-node", never, { "schema": { "alias": "schema"; "required": true; }; "control": { "alias": "control"; "required": true; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "path": { "alias": "path"; "required": false; }; "errorsMap": { "alias": "errorsMap"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "controlKey": { "alias": "controlKey"; "required": false; }; "allowAdditionalProperties": { "alias": "allowAdditionalProperties"; "required": false; }; }, { "controlReplaced": "controlReplaced"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonSchemaNodeComponent, "jsm-schema-node", never, { "schema": { "alias": "schema"; "required": true; }; "control": { "alias": "control"; "required": true; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "path": { "alias": "path"; "required": false; }; "errorsMap": { "alias": "errorsMap"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "controlKey": { "alias": "controlKey"; "required": false; }; "allowAdditionalProperties": { "alias": "allowAdditionalProperties"; "required": false; }; "showErrors": { "alias": "showErrors"; "required": false; }; }, { "controlReplaced": "controlReplaced"; }, never, never, true, never>;
 }
 
 declare class JsonSchemaFormModule {
@@ -223,5 +253,5 @@ declare class JsonSchemaFormModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<JsonSchemaFormModule>;
 }
 
-export { JsonSchemaFormComponent, JsonSchemaFormModule, JsonSchemaFormService, JsonSchemaNodeComponent, JsonSchemaResolverService, JsonSchemaValidationService };
+export { JsonSchemaFormComponent, JsonSchemaFormModule, JsonSchemaFormService, JsonSchemaNodeComponent, JsonSchemaResolverService, JsonSchemaStylesService, JsonSchemaValidationService };
 export type { JsonSchema, JsonSchemaArray, JsonSchemaBase, JsonSchemaCombinators, JsonSchemaDraft, JsonSchemaObject, JsonSchemaPrimitive, JsonSchemaType, SchemaError, SchemaFieldContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elle96/ng-json-schema-manager",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Angular JSON Schema form renderer with Tailwind styling, external $ref support, and reactive forms.",
   "homepage": "https://luigiellebalotta.github.io/json-schema-manager/",
   "repository": {