@sdcorejs/angular 19.0.9 → 19.0.11

package/assets/scss/core/utilities/_grid.scss

@@ -1,11 +1,13 @@
+@use "sass:math";
+
 // --------------------------------------------------------------------------
-// Grid — row/col 12-column flexbox + native CSS Grid container
-//   Thuần CSS Flexbox / CSS Grid, không phụ thuộc framework ngoài.
-//   Breakpoint convention (sm/md/lg/xl) trùng Bootstrap để host app dễ migrate.
+// Grid - row/col 12-column flexbox + native CSS Grid container
+// Pure CSS Flexbox / CSS Grid, with no external framework dependency.
+// Breakpoint convention (sm/md/lg/xl) matches Bootstrap to ease host migration.
 // --------------------------------------------------------------------------
 
 // --------------------------------------------------------------------------
-// 1. Flexbox row/col  (.row, .col-{1-12})
+// 1. Flexbox row/col (.row, .col-{1-12})
 // --------------------------------------------------------------------------
 $grid-columns: 12;
 $grid-gutter: 16px;
@@ -45,13 +47,15 @@ $grid-gutter: 16px;
   > * { padding-left: 2px; padding-right: 2px; }
 }
 
-// .col-1 … .col-12
+// .col-1 ... .col-12
 @for $i from 1 through $grid-columns {
+  $col-size: math.percentage(math.div($i, $grid-columns));
+
   .col-#{$i} {
     box-sizing: border-box;
-    width: percentage(calc($i / $grid-columns));
-    flex: 0 0 percentage(calc($i / $grid-columns));
-    max-width: percentage(calc($i / $grid-columns));
+    width: $col-size;
+    flex: 0 0 $col-size;
+    max-width: $col-size;
     padding-left: calc($grid-gutter / 2);
     padding-right: calc($grid-gutter / 2);
   }
@@ -65,12 +69,12 @@ $grid-gutter: 16px;
 
 // --------------------------------------------------------------------------
 // 1b. Responsive columns
-//   col-sm-{1-12} : ≥ 576px
-//   col-md-{1-12} : ≥ 768px
-//   col-lg-{1-12} : ≥ 992px
-//   col-xl-{1-12} : ≥ 1200px
+//   col-sm-{1-12}: >= 576px
+//   col-md-{1-12}: >= 768px
+//   col-lg-{1-12}: >= 992px
+//   col-xl-{1-12}: >= 1200px
 //
-//   Mobile-first: mặc định width: 100%, áp dụng kích thước khi đủ rộng.
+// Mobile-first: default width is 100%; column size applies from breakpoint up.
 // --------------------------------------------------------------------------
 $grid-breakpoints: (
   'sm': 576px,
@@ -79,7 +83,7 @@ $grid-breakpoints: (
   'xl': 1200px,
 );
 
-// col-{bp} — chiếm hết chiều rộng tại breakpoint đó
+// col-{bp} - full-width flexible column at the breakpoint
 @each $bp, $min-width in $grid-breakpoints {
   @media (min-width: $min-width) {
     .col-#{$bp} {
@@ -90,15 +94,17 @@ $grid-breakpoints: (
   }
 }
 
-// col-{bp}-{1-12} — chiếm n/12 chiều rộng tại breakpoint đó
+// col-{bp}-{1-12} - n/12 column width at the breakpoint
 @each $bp, $min-width in $grid-breakpoints {
   @media (min-width: $min-width) {
     @for $i from 1 through $grid-columns {
+      $col-size: math.percentage(math.div($i, $grid-columns));
+
       .col-#{$bp}-#{$i} {
         box-sizing: border-box;
-        width: percentage(calc($i / $grid-columns));
-        flex: 0 0 percentage(calc($i / $grid-columns));
-        max-width: percentage(calc($i / $grid-columns));
+        width: $col-size;
+        flex: 0 0 $col-size;
+        max-width: $col-size;
         padding-left: calc($grid-gutter / 2);
         padding-right: calc($grid-gutter / 2);
       }
@@ -107,7 +113,7 @@ $grid-breakpoints: (
 }
 
 // --------------------------------------------------------------------------
-// 2. CSS Grid container  (.grid-container)
+// 2. CSS Grid container (.grid-container)
 //    grid-container + grid-cols-{1-12} + col-span-{1-12}
 // --------------------------------------------------------------------------
 .grid-container {

package/assets/scss/themes/default.scss

@@ -17,8 +17,8 @@ $default-theme: (
   error: #F82C13,
   error-light: #FED5D0,
   error-dark: #BA200E,
-  secondary: #212121,
-  secondary-light: #E9E9E9,
+  secondary: #757575,
+  secondary-light: #F2F2F2,
   secondary-dark: #000000,
   light: #f8f9fa,
   dark: #343a40,

package/components/anchor/src/models/sd-anchor.model.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, InputSignal } from "@angular/core";
+import { ElementRef, InputSignal } from '@angular/core';
 export interface IAnchorItem {
     id: string;
     title: InputSignal<string>;

package/components/badge/src/badge.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
+import { type SdIconSet } from '@sdcorejs/angular/modules/icon';
 import { Color, Size } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
 import * as i0 from "@angular/core";
 export type SdBadgeType = 'tag' | 'round' | 'icon';
 export declare class SdBadge {
@@ -13,7 +13,7 @@ export declare class SdBadge {
     info: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     warning: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     error: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: import("@angular/core").InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     title: import("@angular/core").InputSignal<string | number | null | undefined>;
     description: import("@angular/core").InputSignal<string | null | undefined>;
     tooltip: import("@angular/core").InputSignal<string | null | undefined>;
@@ -42,11 +42,8 @@ export declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
+    iconCssSize: import("@angular/core").Signal<"18px" | "24px" | "16px">;
     containerSizeClasses: import("@angular/core").Signal<{
         'c-badge--sm': boolean;
         'c-badge--md': boolean;
@@ -62,10 +59,6 @@ export declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
     containerCombinedClasses: import("@angular/core").Signal<{
         'c-badge--sm': boolean;
@@ -88,10 +81,6 @@ export declare class SdBadge {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
-        'material-icons': boolean;
-        'material-icons-outlined': boolean;
-        'material-icons-round': boolean;
-        'material-icons-sharp': boolean;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdBadge, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdBadge, "sd-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;

package/components/button/src/button.component.d.ts

@@ -1,18 +1,19 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { Color } from '@sdcorejs/utils/models';
-import { MaterialIconFontSet } from '@sdcorejs/angular/utilities/models';
+import { type SdIconSet } from '@sdcorejs/angular/modules/icon';
 import * as i0 from "@angular/core";
 export type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
 export type SdButtonSize = 'sm' | 'md' | 'lg';
 export type SdButtonHtmlType = 'button' | 'submit' | 'reset';
+export type SdButtonColor = Color | 'black';
 export declare class SdButton implements OnInit, OnDestroy {
     #private;
     private el;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     type: import("@angular/core").InputSignalWithTransform<SdButtonType, SdButtonType | null | undefined>;
-    color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<SdButtonColor, SdButtonColor | null | undefined>;
     size: import("@angular/core").InputSignalWithTransform<SdButtonSize, SdButtonSize | null | undefined>;
-    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    fontSet: import("@angular/core").InputSignalWithTransform<SdIconSet | undefined, SdIconSet | null | undefined>;
     title: import("@angular/core").InputSignal<string | null | undefined>;
     width: import("@angular/core").InputSignal<string | null | undefined>;
     tooltip: import("@angular/core").InputSignal<string | null | undefined>;
@@ -28,6 +29,7 @@ export declare class SdButton implements OnInit, OnDestroy {
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
+        'c-black': boolean;
         'c-disabled': boolean;
         'c-block': boolean;
     }>;

package/components/document-builder/src/document-builder.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { ClassicEditor, ModelRange } from 'ckeditor5';
 import { VariablePlugin, CkCommentPlugin } from './plugins';
 import { DocumentBuilderOption, SdDocumentBuilderHeading, SdDocumentBuilderOption } from './document-builder.model';
 import * as i0 from "@angular/core";
-export declare class SdDocumentBuilder {
+export declare class SdDocumentBuilder implements OnInit, OnDestroy {
     #private;
     option: SdDocumentBuilderOption;
     disabled: boolean;

package/components/document-builder/src/plugins/paste-handler/filters/parse.d.ts

@@ -27,7 +27,7 @@ export interface PasteOfficeHtmlParseResult {
     /**
      * Array of native `CSSStyleSheet` objects, each representing separate `style` tag from the source HTML.
      */
-    styles: Array<CSSStyleSheet>;
+    styles: CSSStyleSheet[];
     /**
      * All `style` tags contents combined in the order of occurrence into one string.
      */

package/components/editor/src/plugins/image-upload/utils/batch.utils.d.ts

@@ -6,9 +6,9 @@ export declare const getBatchConfig: (option: SdEditorOption) => {
     maxConcurrent: number;
 };
 export declare const getActiveBlobUrls: (editor: ClassicEditor) => Set<string>;
-export declare const filterActivePendingFiles: (pendingFiles: Map<string, File>, activeBlobUrls: Set<string>) => Array<[string, File]>;
-export declare const runBatchUploads: (toUpload: Array<[string, File]>, uploadFn: SdEditorUploadFileFuncUpload, batchSize: number, maxConcurrent: number) => Promise<{
+export declare const filterActivePendingFiles: (pendingFiles: Map<string, File>, activeBlobUrls: Set<string>) => [string, File][];
+export declare const runBatchUploads: (toUpload: [string, File][], uploadFn: SdEditorUploadFileFuncUpload, batchSize: number, maxConcurrent: number) => Promise<{
     replacements: Map<string, SdEditorUploadFileDetail>;
-    failedBatches: Array<[string, File][]>;
+    failedBatches: [string, File][][];
 }>;
 export declare const applyReplacementsToEditor: (editor: ClassicEditor, replacements: Map<string, SdEditorUploadFileDetail>) => void;

package/components/form-generic/src/components/form-builder/components/attribute-expression/attribute-expression.component.d.ts

@@ -1,23 +1,27 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { Attribute, SdFormGenericComponent, SdFormGenericExpression, SdFormGenericGroup, SdFormGenericVariable } from '../../../../models';
+import { SdModal } from '@sdcorejs/angular/components/modal';
+import { SdQueryBuilderField } from '@sdcorejs/angular/components/query-builder';
+import { Filter } from '@sdcorejs/utils/models';
+import { SdFormGenericComponent, SdFormGenericExpression, SdFormGenericGroup, SdFormGenericVariable } from '../../../../models';
 import { FormGenericService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare class AttributeExpression {
     #private;
-    private ref;
-    private formGenericService;
+    private readonly ref;
+    private readonly formGenericService;
+    readonly modal: import("@angular/core").Signal<SdModal | undefined>;
     components: (SdFormGenericComponent | SdFormGenericGroup)[];
     variables: SdFormGenericVariable[];
-    attributes: Attribute[];
     label?: string;
+    queryFields: SdQueryBuilderField[];
+    draftFilter: Filter | null;
     model?: SdFormGenericExpression;
     set _model(model: SdFormGenericExpression | undefined);
     modelChange: EventEmitter<SdFormGenericExpression>;
     sdChange: EventEmitter<SdFormGenericExpression>;
     constructor(ref: ChangeDetectorRef, formGenericService: FormGenericService);
-    ngOnInit(): void;
     onEdit: () => Promise<void>;
-    onChange: (value: any) => void;
+    onAccept: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeExpression, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeExpression, "attribute-expression", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "label": { "alias": "label"; "required": false; }; "_model": { "alias": "model"; "required": true; }; }, { "modelChange": "modelChange"; "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/attribute-expression/form-expression-query-adapter.d.ts

@@ -0,0 +1,6 @@
+import { SdQueryBuilderField } from '@sdcorejs/angular/components/query-builder';
+import { Filter } from '@sdcorejs/utils/models';
+import { Attribute, SdFormGenericExpression } from '../../../../models';
+export declare function formAttributesToQueryFields(attributes: Attribute[]): SdQueryBuilderField[];
+export declare function formExpressionToFilter(expression: SdFormGenericExpression | undefined | null): Filter | null;
+export declare function filterToFormExpression(filter: Filter | null | undefined): SdFormGenericExpression;

package/components/form-generic/src/components/form-builder/components/attribute-parameter/attribute-parameter.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdFormGenericComponent, SdFormGenericGroup } from '../../../../models';
 import * as i0 from "@angular/core";
-export declare class AttributeParameter {
+export declare class AttributeParameter implements OnInit {
     #private;
     private ref;
     modal?: SdModal;

package/components/form-generic/src/components/form-builder/components/attribute-selection/attribute-selection.component.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
 import { SdFormGenericComponent, SdFormGenericDefinitionSelection, SdFormGenericGroup, SdFormGenericSelectionStaticItem, SdFormGenericTableColumn, SdFormGenericValues, SdFormGenericVariable } from '../../../../models';
 import { FormGenericService } from '../../../../services';
 import * as i0 from "@angular/core";
-export declare class AttributeSelection {
+export declare class AttributeSelection implements OnInit {
     private ref;
     private formGenericService;
     components: (SdFormGenericComponent | SdFormGenericGroup)[];

package/components/form-generic/src/components/form-builder/components/attribute-selection/components/build-queries/build-queries.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdFormGenericComponent, SdFormGenericDefinitionSelection, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../../models';
 import * as i0 from "@angular/core";
-export declare class BuildQueries {
+export declare class BuildQueries implements OnInit, OnDestroy {
     #private;
     private ref;
     modal?: SdModal;

package/components/form-generic/src/components/form-builder/components/attribute-selection/components/build-variables/build-variables.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdFormGenericComponent, SdFormGenericDefinitionSelection, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../../models';
 import * as i0 from "@angular/core";
-export declare class BuildVariables {
+export declare class BuildVariables implements OnInit, OnDestroy {
     #private;
     private ref;
     modal?: SdModal;

package/components/form-generic/src/components/form-builder/components/attribute-table/attribute-table.component.d.ts

@@ -1,11 +1,9 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
-import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { SdFormGenericComponent, SdFormGenericDefinitionTable, SdFormGenericGroup, SdFormGenericTableColumn, SdFormGenericVariable } from '../../../../models';
 import * as i0 from "@angular/core";
 export declare class AttributeTable {
-    private formGenericConfiguration;
     modal?: SdModal;
     form: FormGroup<{}>;
     components: (SdFormGenericComponent | SdFormGenericGroup)[];
@@ -13,6 +11,7 @@ export declare class AttributeTable {
     columnsKey?: string;
     set _columnsKey(columnsKey: string | undefined | null);
     columnsKeyChange: EventEmitter<string>;
+    private readonly formGenericConfiguration;
     tables: SdFormGenericDefinitionTable[];
     types: {
         value: string;
@@ -22,7 +21,6 @@ export declare class AttributeTable {
     set _columns(columns: SdFormGenericTableColumn[] | undefined | null);
     columnsChange: EventEmitter<SdFormGenericTableColumn[]>;
     column?: SdFormGenericTableColumn;
-    constructor(formGenericConfiguration: ISdFormGenericConfiguration | null);
     onChangeColumnsKey: (value: any) => void;
     addColumn: () => void;
     readonly columnTypeIcons: Record<string, string>;
@@ -31,6 +29,6 @@ export declare class AttributeTable {
     editColumn: (idx: number) => void;
     removeColumn: (idx: number) => void;
     onConfirm: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTable, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTable, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeTable, "attribute-table", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "_columnsKey": { "alias": "columnsKey"; "required": true; }; "_columns": { "alias": "columns"; "required": true; }; }, { "columnsKeyChange": "columnsKeyChange"; "columnsChange": "columnsChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/attribute-template/attribute-template.component.d.ts

@@ -1,15 +1,13 @@
 import { EventEmitter } from '@angular/core';
-import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { SdFormGenericComponent, SdFormGenericTemplate } from '../../../../models';
 import * as i0 from "@angular/core";
 export declare class AttributeTemplate {
-    private formGenericConfiguration;
     templates: SdFormGenericTemplate[];
     component: SdFormGenericComponent;
     set _component(component: SdFormGenericComponent);
     sdChange: EventEmitter<SdFormGenericComponent>;
-    constructor(formGenericConfiguration: ISdFormGenericConfiguration | null);
+    private readonly formGenericConfiguration;
     onChange: (value: string | number | null) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTemplate, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTemplate, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeTemplate, "attribute-template", never, { "_component": { "alias": "component"; "required": true; }; }, { "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/checkbox/attribute/checkbox-attribute.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericCheckbox, SdFormGenericComponent, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../models';
 import { FormGroup } from '@angular/forms';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class CheckboxAttribute {
+export declare class CheckboxAttribute implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/chip-calendar/attribute/chip-calendar-attribute.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdFormGenericChipCalendar, SdFormGenericComponent, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class ChipCalendarAttribute {
+export declare class ChipCalendarAttribute implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/chip-calendar/control/chip-calendar-control.component.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericChipCalendar } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class ChipCalendarControl {
+export declare class ChipCalendarControl implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/chip-string/attribute/chip-string-attribute.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdFormGenericChipString, SdFormGenericComponent, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class ChipStringAttribute {
+export declare class ChipStringAttribute implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/chip-string/control/chip-string-control.component.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericChipString } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class ChipStringControl {
+export declare class ChipStringControl implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/configure-validation/configure-validation.component.d.ts

@@ -1,14 +1,11 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter, AfterViewInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
-import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { Attribute } from '../../../../models';
 import { SdFormGenericValidation, SdFormGenericValidationFunction } from '../../../../models/form-generic-validation.model';
 import { SdFormGeneric } from '../../../../models/form-generic.model';
 import * as i0 from "@angular/core";
-export declare class ConfigureValidationComponent {
-    private ref;
-    private formGenericConfiguration;
+export declare class ConfigureValidationComponent implements AfterViewInit, OnDestroy {
     modal?: SdModal;
     form: FormGroup<{}>;
     attributes: Attribute[];
@@ -19,13 +16,15 @@ export declare class ConfigureValidationComponent {
         display: string;
     }[];
     accept: EventEmitter<SdFormGenericValidation[]>;
-    constructor(ref: ChangeDetectorRef, formGenericConfiguration: ISdFormGenericConfiguration | null);
+    private readonly ref;
+    private readonly formGenericConfiguration;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     open: (formGeneric: SdFormGeneric) => void;
     addValidation: (type: SdFormGenericValidation["type"]) => void;
     removaValidation: (index: number) => void;
     updateValidations: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigureValidationComponent, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigureValidationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfigureValidationComponent, "configure-validation", never, {}, { "accept": "accept"; }, never, never, true, never>;
 }

package/components/form-generic/src/components/form-builder/components/datetime/attribute/datetime-attribute.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericComponent, SdFormGenericDatetime, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../models';
 import { FormGroup } from '@angular/forms';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class DatetimeAttribute {
+export declare class DatetimeAttribute implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/datetime/control/datetime-control.component.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericDatetime } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class DatetimeControl {
+export declare class DatetimeControl implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/expression-builder/expression-builder.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { Attribute, SdFormGenericExpression, SdFormGenericExpressionCondition } from '../../../../models';
 import * as i0 from "@angular/core";
-export declare class ExpressionBuilderComponent {
+export declare class ExpressionBuilderComponent implements OnInit {
     private ref;
     modal?: SdModal;
     form: FormGroup<{}>;

package/components/form-generic/src/components/form-builder/components/html/attribute/components/build-queries/build-queries.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sdcorejs/angular/components/modal';
 import { SdFormGenericComponent, SdFormGenericGroup, SdFormGenericVariable } from '../../../../../../../models';
 import * as i0 from "@angular/core";
-export declare class BuildQueries {
+export declare class BuildQueries implements OnInit, OnDestroy {
     private ref;
     modal?: SdModal;
     form: FormGroup<{}>;

package/components/form-generic/src/components/form-builder/components/html/control/html-control.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericHtml } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import { FormGenericService } from '../../../../../services';
 import * as i0 from "@angular/core";
-export declare class HtmlControl {
+export declare class HtmlControl implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/number/attribute/number-attribute.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericComponent, SdFormGenericGroup, SdFormGenericNumber, SdFormGenericVariable } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class NumberAttribute {
+export declare class NumberAttribute implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/number/control/number-control.component.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericNumber } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class NumberControl {
+export declare class NumberControl implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/radio/attribute/radio-attribute.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericComponent, SdFormGenericGroup, SdFormGenericRadio, SdFormGenericVariable } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class RadioAttribute {
+export declare class RadioAttribute implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/radio/control/radio-control.component.d.ts

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericRadio } from '../../../../../models';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class RadioControl {
+export declare class RadioControl implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;

package/components/form-generic/src/components/form-builder/components/select/attribute/select-attribute.component.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { SdFormGenericComponent, SdFormGenericGroup, SdFormGenericSelect, SdFormGenericVariable } from '../../../../../models';
 import { FormGroup } from '@angular/forms';
 import { BuilderService } from '../../../services';
 import * as i0 from "@angular/core";
-export declare class SelectAttribute {
+export declare class SelectAttribute implements AfterViewInit, OnDestroy {
     #private;
     private ref;
     private builderService;