@sd-angular/core 19.0.9 → 19.0.11

package/README.md

@@ -250,8 +250,8 @@ import { SdSection } from '@sd-angular/core/components/section';
 | `subTitle` | `string` | — | Tiêu đề phụ |
 | `icon` | `string` | — | Icon Material |
 | `iconColor` | `Color` | `'primary'` | Màu icon |
-| `collapsible` | `boolean` | `false` | Cho phép thu gọn |
-| `collapsable` | `boolean` | `false` | Deprecated alias của `collapsible` |
+| `collapsible` | `boolean` | `false` | Cho phép thu gọn |
+| `collapsable` | `boolean` | `false` | Deprecated alias của `collapsible` |
 | `collapsed` | `boolean` | `false` | Trạng thái ban đầu thu gọn |
 | `hideHeader` | `boolean` | `false` | Ẩn phần header |
 
@@ -260,7 +260,7 @@ import { SdSection } from '@sd-angular/core/components/section';
   <!-- nội dung -->
 </sd-section>
 
-<sd-section title="Cài đặt nâng cao" icon="settings" collapsible [collapsed]="true">
+<sd-section title="Cài đặt nâng cao" icon="settings" collapsible [collapsed]="true">
   <!-- nội dung ẩn mặc định -->
 </sd-section>
 ```
@@ -365,13 +365,13 @@ option: SdTableOption<Product> = {
     });
     return { items: res.data, total: res.total };
   },
-  columns: [
-    { field: 'code', type: 'string', title: 'Mã', width: '120px' },
-    { field: 'name', type: 'string', title: 'Tên', sortable: true },
-    { field: 'status', type: 'values', title: 'Trạng thái',
-      useBadge: (val) => ({ color: val === 'ACTIVE' ? 'success' : 'secondary', title: val })
-    },
-  ],
+  columns: [
+    { field: 'code', type: 'string', title: 'Mã', width: '120px' },
+    { field: 'name', type: 'string', title: 'Tên', sortable: true },
+    { field: 'status', type: 'values', title: 'Trạng thái',
+      useBadge: (val) => ({ color: val === 'ACTIVE' ? 'success' : 'secondary', title: val })
+    },
+  ],
   command: {
     align: 'right',
     commands: [
@@ -408,15 +408,15 @@ import { SdAvatar } from '@sd-angular/core/components/avatar';
 | `SdTabRouter` | `@sd-angular/core/components/tab-router` | Tab navigation với Angular Router |
 | `SdSideDrawer` | `@sd-angular/core/components/side-drawer` | Drawer layout trái/phải |
 | `SdUploadFile` | `@sd-angular/core/components/upload-file` | Upload file |
-| `SdQuickAction` | `@sd-angular/core/components/quick-action` | Nút action dạng icon |
-| `SdHistory` | `@sd-angular/core/components/history` | Lịch sử thay đổi |
-| `SdImportExcel` | `@sd-angular/core/components/import-excel` | Wizard import Excel |
-| `SdTree` | `@sd-angular/core/components/tree` | Tree static/lazy với selection, command, filter và custom item template |
-| `SdOrgChart` | `@sd-angular/core/components/org-chart` | Sơ đồ tổ chức dạng cây, hỗ trợ custom node template |
-| `SdQueryBar` | `@sd-angular/core/components/query-bar` | Thanh lọc/search theo cấu hình option |
-| `SdQueryBuilder` | `@sd-angular/core/components/query-builder` | Visual query builder |
-| `SdSplitter` | `@sd-angular/core/components/splitter` | Layout chia vùng kéo giãn |
-| `SdCodeEditor` | `@sd-angular/core/components/code-editor` | Code editor (PrismJS) |
+| `SdQuickAction` | `@sd-angular/core/components/quick-action` | Nút action dạng icon |
+| `SdHistory` | `@sd-angular/core/components/history` | Lịch sử thay đổi |
+| `SdImportExcel` | `@sd-angular/core/components/import-excel` | Wizard import Excel |
+| `SdTree` | `@sd-angular/core/components/tree` | Tree static/lazy với selection, command, filter và custom item template |
+| `SdOrgChart` | `@sd-angular/core/components/org-chart` | Sơ đồ tổ chức dạng cây, hỗ trợ custom node template |
+| `SdQueryBar` | `@sd-angular/core/components/query-bar` | Thanh lọc/search theo cấu hình option |
+| `SdQueryBuilder` | `@sd-angular/core/components/query-builder` | Visual query builder |
+| `SdSplitter` | `@sd-angular/core/components/splitter` | Layout chia vùng kéo giãn |
+| `SdCodeEditor` | `@sd-angular/core/components/code-editor` | Code editor (PrismJS) |
 | `SdMiniEditor` | `@sd-angular/core/components/mini-editor` | Rich text editor nhỏ |
 | `SdDocumentBuilder` | `@sd-angular/core/components/document-builder` | Document builder |
 | `SdAnchorMain` | `@sd-angular/core/components/anchor` | Anchor / mục lục cuộn trang |
@@ -667,7 +667,7 @@ import { Color } from '@sd-angular/core/utilities';
 @Component({
   selector: 'sd-my-component',
   templateUrl: './my-component.component.html',
-  styleUrls: ['./my-component.component.scss'],
+  styleUrl: './my-component.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [],
@@ -729,4 +729,4 @@ Core UI components expose runtime state via lowercase `data-*` attributes for e2
 
 ## License
 
-Internal use only — © SD Team
+Internal use only — © SD Team

package/assets/STYLE-GUIDE.md

@@ -19,12 +19,12 @@
 11. [Cursor, vertical-align, misc](#11-cursor-vertical-align-misc)
 12. [Elevation (mat-elevation-z0–z8)](#12-elevation-mat-elevation-z0z8)
 13. [Reset / Reboot baseline](#13-reset--reboot-baseline)
-14. [Custom theme](#14-custom-theme)
-15. [Fonts & Images shipped](#15-fonts--images-shipped)
-16. [What is NOT shipped](#16-what-is-not-shipped) — anti-confusion cho AI
-17. [AI rendering guardrails](#17-ai-rendering-guardrails) — ưu tiên Core UI trước khi viết CSS mới
-
----
+14. [Custom theme](#14-custom-theme)
+15. [Fonts & Images shipped](#15-fonts--images-shipped)
+16. [What is NOT shipped](#16-what-is-not-shipped) — anti-confusion cho AI
+17. [AI rendering guardrails](#17-ai-rendering-guardrails) — ưu tiên Core UI trước khi viết CSS mới
+
+---
 
 ## 1. Cài đặt vào Angular
 
@@ -605,16 +605,16 @@ Tham chiếu qua `core/image.scss` utility hoặc trực tiếp `assets/images/<
 | `alert`              | dùng `<sd-notify>` service |
 | `modal`              | dùng `<sd-modal>` |
 
-> Lưu ý lớn nhất: **spacing scale đã đổi từ Bootstrap multiplier (1=4px, 2=8px…) sang px tuyệt đối**. `mb-3` trong Bootstrap = 16px; trong `@sd-angular/core` `mb-3` = **3px**. Reading code cũ cần convert (× 4) cẩn thận hoặc thay bằng `mb-16`.
-
----
-
-## 17. AI rendering guardrails
-
-Khi sinh UI mới, agent phải rà docs Core UI trước và ưu tiên component/utility đã có thay vì tự tạo class SCSS trong component.
-
-- **Spacing layout dùng bội số 4px**: ưu tiên `4`, `8`, `12`, `16`, `24`, `32`... cho margin, padding, gap, gutter. Không sinh spacing lẻ như `3px`, `5px`, `7px` trừ khi có yêu cầu pixel-perfect rõ ràng.
-- **Hạn chế class CSS cục bộ**: trước khi viết `.field-label`, `.status-pill`, `.detail-row`, `.cell-input`..., kiểm tra có utility class hoặc component `sd-*` phù hợp không. Chỉ thêm SCSS mới khi Core UI không có pattern tương đương.
-- **View/read-only label + value**: dùng `<sd-view>` hoặc `[viewed]="true"` trên form component. Không tự dựng cặp label/value bằng class riêng cho các màn hình DETAIL.
-- **Trạng thái, nhãn, counter**: dùng `<sd-badge>` hoặc `useBadge` của `<sd-table>`. Không tự viết badge/pill/status class trong component nếu chỉ để thể hiện trạng thái.
-- **Input trong table hoặc vùng dense**: trong `<sd-table>`, inline filter, editable cell, toolbar/cell dày đặc, truyền `size="sm"` cho các form component hỗ trợ size như `<sd-input>`, `<sd-select>`, `<sd-autocomplete>`, `<sd-date>`, `<sd-date-range>`, `<sd-datetime>`, `<sd-input-number>`, `<sd-textarea>`, `<sd-chip>`, `<sd-chip-calendar>`, `<sd-input-color>`.
+> Lưu ý lớn nhất: **spacing scale đã đổi từ Bootstrap multiplier (1=4px, 2=8px…) sang px tuyệt đối**. `mb-3` trong Bootstrap = 16px; trong `@sd-angular/core` `mb-3` = **3px**. Reading code cũ cần convert (× 4) cẩn thận hoặc thay bằng `mb-16`.
+
+---
+
+## 17. AI rendering guardrails
+
+Khi sinh UI mới, agent phải rà docs Core UI trước và ưu tiên component/utility đã có thay vì tự tạo class SCSS trong component.
+
+- **Spacing layout dùng bội số 4px**: ưu tiên `4`, `8`, `12`, `16`, `24`, `32`... cho margin, padding, gap, gutter. Không sinh spacing lẻ như `3px`, `5px`, `7px` trừ khi có yêu cầu pixel-perfect rõ ràng.
+- **Hạn chế class CSS cục bộ**: trước khi viết `.field-label`, `.status-pill`, `.detail-row`, `.cell-input`..., kiểm tra có utility class hoặc component `sd-*` phù hợp không. Chỉ thêm SCSS mới khi Core UI không có pattern tương đương.
+- **View/read-only label + value**: dùng `<sd-view>` hoặc `[viewed]="true"` trên form component. Không tự dựng cặp label/value bằng class riêng cho các màn hình DETAIL.
+- **Trạng thái, nhãn, counter**: dùng `<sd-badge>` hoặc `useBadge` của `<sd-table>`. Không tự viết badge/pill/status class trong component nếu chỉ để thể hiện trạng thái.
+- **Input trong table hoặc vùng dense**: trong `<sd-table>`, inline filter, editable cell, toolbar/cell dày đặc, truyền `size="sm"` cho các form component hỗ trợ size như `<sd-input>`, `<sd-select>`, `<sd-autocomplete>`, `<sd-date>`, `<sd-date-range>`, `<sd-datetime>`, `<sd-input-number>`, `<sd-textarea>`, `<sd-chip>`, `<sd-chip-calendar>`, `<sd-input-color>`.

package/assets/fonts/fonts.scss

@@ -1,116 +1,116 @@
-/* =========================================
-   1. ROBOTO (Text Font)
-   ========================================= */
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('./roboto/roboto-v50-latin_vietnamese-regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('./roboto/roboto-v50-latin_vietnamese-italic.woff2') format('woff2');
-  font-weight: 400;
-  font-style: italic;
-  font-display: swap;
-}
-
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('./roboto/roboto-v50-latin_vietnamese-500.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Roboto';
-  src: url('./roboto/roboto-v50-latin_vietnamese-600.woff2') format('woff2');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-/* =========================================
-   2. MATERIAL ICONS (Cũ - Classic)
-   ========================================= */
-
-/* Filled (Regular) */
-@font-face {
-  font-family: 'Material Icons';
-  src: url('./material-icons/material-icons-v145-latin-regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: block;
-}
-
-/* Outlined */
-@font-face {
-  font-family: 'Material Icons Outlined';
-  src: url('./material-icons/material-icons-outlined-v110-latin-regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: block;
-}
-
-/* =========================================
-   3. MATERIAL SYMBOLS (Mới - v29)
-   Đây là bộ icon thế hệ mới của Google
-   ========================================= */
-@font-face {
-  font-family: 'Material Symbols Outlined'; /* Đặt tên này để khớp với class chuẩn */
-  src: url('./material-symbols/material-symbols-v29-latin-regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: block;
-}
-
-/* =========================================
-   4. CSS CLASSES (Utility Classes)
-   ========================================= */
-
-/* Class dùng chung để tránh lặp code */
-%icon-shared-style {
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  /* 1. Hỗ trợ trình duyệt cũ (Webkit/Chrome cũ) */
-  -webkit-font-feature-settings: 'liga';
-  
-  /* 2. Thuộc tính chuẩn (Standard) - Bắt buộc phải có để hết warning */
-  font-feature-settings: 'liga';
-  /* ======================================================== */
-  /* Làm mượt font trên các nền tảng */
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* Áp dụng lại cho các class */
-.material-icons {
-  font-family: 'Material Icons';
-  @extend %icon-shared-style;
-}
-
-.material-icons-outlined {
-  font-family: 'Material Icons Outlined';
-  @extend %icon-shared-style;
-}
-
-.material-symbols-outlined {
-  font-family: 'Material Symbols Outlined';
-  @extend %icon-shared-style;
-  /* Symbols có thể cần thêm settings riêng nếu dùng variable font, 
-     nhưng với file woff2 tĩnh của bạn thì setting trên là đủ */
+/* =========================================
+   1. ROBOTO (Text Font)
+   ========================================= */
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('./roboto/roboto-v50-latin_vietnamese-regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('./roboto/roboto-v50-latin_vietnamese-italic.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('./roboto/roboto-v50-latin_vietnamese-500.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('./roboto/roboto-v50-latin_vietnamese-600.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* =========================================
+   2. MATERIAL ICONS (Cũ - Classic)
+   ========================================= */
+
+/* Filled (Regular) */
+@font-face {
+  font-family: 'Material Icons';
+  src: url('./material-icons/material-icons-v145-latin-regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+
+/* Outlined */
+@font-face {
+  font-family: 'Material Icons Outlined';
+  src: url('./material-icons/material-icons-outlined-v110-latin-regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+
+/* =========================================
+   3. MATERIAL SYMBOLS (Mới - v29)
+   Đây là bộ icon thế hệ mới của Google
+   ========================================= */
+@font-face {
+  font-family: 'Material Symbols Outlined'; /* Đặt tên này để khớp với class chuẩn */
+  src: url('./material-symbols/material-symbols-v29-latin-regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+
+/* =========================================
+   4. CSS CLASSES (Utility Classes)
+   ========================================= */
+
+/* Class dùng chung để tránh lặp code */
+%icon-shared-style {
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  /* 1. Hỗ trợ trình duyệt cũ (Webkit/Chrome cũ) */
+  -webkit-font-feature-settings: 'liga';
+  
+  /* 2. Thuộc tính chuẩn (Standard) - Bắt buộc phải có để hết warning */
+  font-feature-settings: 'liga';
+  /* ======================================================== */
+  /* Làm mượt font trên các nền tảng */
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Áp dụng lại cho các class */
+.material-icons {
+  font-family: 'Material Icons';
+  @extend %icon-shared-style;
+}
+
+.material-icons-outlined {
+  font-family: 'Material Icons Outlined';
+  @extend %icon-shared-style;
+}
+
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  @extend %icon-shared-style;
+  /* Symbols có thể cần thêm settings riêng nếu dùng variable font, 
+     nhưng với file woff2 tĩnh của bạn thì setting trên là đủ */
 }

package/assets/scss/core/scrollbar.scss

@@ -1,30 +1,30 @@
-/* scrollbar */
-/* width */
-::-webkit-scrollbar {
-  width: 7px;
-  height: 7px;
-}
-
-/* scrollbar hover*/
-/* Tăng kích thước khi hover để user dễ thao tác */
-::-webkit-scrollbar:hover {
-  width: 10px;
-  height: 10px;
-}
-
-/* Track */
-::-webkit-scrollbar-track {
-  background: #f1f1f1;
-}
-
-/* Handle */
-::-webkit-scrollbar-thumb {
-  background: #c5c5c5;
-  border-radius: 50px;
-}
-
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-  // background: #555555;
-  background: #c5c5c5;
-}
+/* scrollbar */
+/* width */
+::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+}
+
+/* scrollbar hover*/
+/* Tăng kích thước khi hover để user dễ thao tác */
+::-webkit-scrollbar:hover {
+  width: 10px;
+  height: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #c5c5c5;
+  border-radius: 50px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  // background: #555555;
+  background: #c5c5c5;
+}

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/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 '@sd-angular/core/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/configure-validation/configure-validation.component.d.ts

@@ -1,14 +1,11 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sd-angular/core/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;
     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/expression-builder/expression-builder.component.d.ts

@@ -7,7 +7,7 @@ export declare class ExpressionBuilderComponent {
     private ref;
     modal?: SdModal;
     form: FormGroup<{}>;
-    attributeOperators: Record<"string" | "number" | "boolean" | "datetime" | "values", {
+    attributeOperators: Record<"string" | "number" | "boolean" | "values" | "datetime", {
         value: import("@sd-angular/core/components/form-generic").Operator;
         symbol?: string;
         display: string;

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

@@ -11,7 +11,7 @@ export declare class TableControl {
     constructor(ref: ChangeDetectorRef, builderService: BuilderService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    columnIcon: (type: string) => "image" | "text_fields" | "123" | "calendar_month" | "radio_button_checked" | "check_box" | "attach_file";
+    columnIcon: (type: string) => "image" | "text_fields" | "123" | "check_box" | "calendar_month" | "radio_button_checked" | "attach_file";
     sampleRows: () => number[];
     cellPreview: (column: any, rowIndex: number) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableControl, never>;