@ng-atomic/components 3.2.4 → 3.2.5

package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs

@@ -18,10 +18,10 @@ TextInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Te
         i0.ɵɵelement(0, "molecules-text-input-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
-    } }, directives: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-7hgQ: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-7hgQ);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
+    } }, directives: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-MPnG: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-MPnG);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  type=\"text\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-7hgQ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-7hgQ);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  type=\"text\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-MPnG: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-MPnG);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
     }], null, { label: [{
             type: Input
         }], placeholder: [{

package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs

@@ -14,10 +14,10 @@ TextareaSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Tex
         i0.ɵɵelement(0, "molecules-textarea-field", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("label", ctx.label);
-    } }, directives: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-lKzP: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-lKzP);box-sizing:border-box}[_nghost-%COMP%]   molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, directives: [i1.TextareaFieldMolecule], styles: ["[_nghost-%COMP%]{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-AZ4J: var(--vertical-padding)}[_nghost-%COMP%]{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-AZ4J);box-sizing:border-box}[_nghost-%COMP%]   molecules-textarea-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaSectionOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-lKzP: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-lKzP);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+        args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-AZ4J: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-AZ4J);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
     }], null, { label: [{
             type: Input
         }] }); })();

package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs

@@ -27,10 +27,10 @@ TopNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TopNav
         i0.ɵɵtextInterpolate1(" ", ctx.title || "", " ");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("actionItems", ctx.actionItems);
-    } }, directives: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-NiLe: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-NiLe);font-size:1.25rem;line-height:21px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]   atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
+    } }, directives: [i1.MatToolbar, i2.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--primary-500-SCOPED-IN-top-navigator-EhSk: var(--primary-500)}[_nghost-%COMP%]{width:100%;height:56px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]{color:var(--primary-500-SCOPED-IN-top-navigator-EhSk);font-size:1.25rem;line-height:21px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   .title-container[_ngcontent-%COMP%]   atoms-kurakatsu-logo[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]   atoms-user-icon[_ngcontent-%COMP%]{width:32px;height:32px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TopNavigatorOrganism, [{
         type: Component,
-        args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-NiLe: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-NiLe);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
+        args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-EhSk: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-EhSk);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
     }], null, { title: [{
             type: Input
         }], actionItems: [{

package/fesm2020/ng-atomic-components-templates-entrance.mjs

@@ -59,10 +59,10 @@ EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTe
         i0.ɵɵproperty("ngIf", ctx.isPasswordSectionShown);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("actionItems", ctx.actionItems);
-    } }, directives: [i1.CardFrame, i2.AutoLayoutFrame, i3.HeadingOrganism, i4.NgIf, i5.TextInputSectionOrganism, i6.ActionButtonsSectionOrganism, i7.SocialLoginSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-vnbf: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-vnbf: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-vnbf);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-vnbf)}"], changeDetection: 0 });
+    } }, directives: [i1.CardFrame, i2.AutoLayoutFrame, i3.HeadingOrganism, i4.NgIf, i5.TextInputSectionOrganism, i6.ActionButtonsSectionOrganism, i7.SocialLoginSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-pbdX: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-pbdX: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pbdX);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-pbdX)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-vnbf: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-vnbf: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-vnbf);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-vnbf)}\n"] }]
+        args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-pbdX: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-pbdX: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pbdX);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-pbdX)}\n"] }]
     }], null, { form: [{
             type: Input
         }], isEmailSectionShown: [{

package/fesm2020/ng-atomic-components-templates-menu.mjs

@@ -26,10 +26,10 @@ MenuTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuTemplate,
     } if (rf & 2) {
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("actionItems", ctx.actionItems);
-    } }, directives: [i1.MenuOrganism], styles: ["[_nghost-%COMP%]{--primary-color: blue;--primary-color-SCOPED-IN-menu-2QM7: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-2QM7: var(--width);--height: 100%;--height-SCOPED-IN-menu-2QM7: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-2QM7);height:var(--height-SCOPED-IN-menu-2QM7);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-2QM7)}[_nghost-%COMP%]   organisms-menu[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-2QM7)}"], changeDetection: 0 });
+    } }, directives: [i1.MenuOrganism], styles: ["[_nghost-%COMP%]{--primary-color: blue;--primary-color-SCOPED-IN-menu-eFT9: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-eFT9: var(--width);--height: 100%;--height-SCOPED-IN-menu-eFT9: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-eFT9);height:var(--height-SCOPED-IN-menu-eFT9);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-eFT9)}[_nghost-%COMP%]   organisms-menu[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-eFT9)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-2QM7: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-2QM7: var(--width);--height: 100%;--height-SCOPED-IN-menu-2QM7: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-2QM7);height:var(--height-SCOPED-IN-menu-2QM7);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-2QM7)}:host organisms-menu{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-2QM7)}\n"] }]
+        args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-eFT9: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-eFT9: var(--width);--height: 100%;--height-SCOPED-IN-menu-eFT9: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-eFT9);height:var(--height-SCOPED-IN-menu-eFT9);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-eFT9)}:host organisms-menu{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-eFT9)}\n"] }]
     }], null, { actionItems: [{
             type: Input
         }], actionItemClick: [{

package/fesm2020/ng-atomic-components-templates-smart-crud.mjs

@@ -123,10 +123,10 @@ SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrud
         i0.ɵɵproperty("ngForOf", ctx.controls)("ngForTrackBy", ctx.trackByIndex);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("actionItems", ctx.actionItems);
-    } }, directives: [i1.ScrollFrame, i2.BackNavigatorOrganism, i3.AutoLayoutFrame, i4.NgForOf, i4.NgSwitch, i4.NgSwitchCase, i5.SelectInputSectionOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i4.NgSwitchDefault, i8.ActionButtonsSectionOrganism], pipes: [i9.SmartFieldPipe, i10.DomainPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Znwa: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Znwa: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Znwa: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Znwa);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Znwa)}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Znwa)}"], changeDetection: 0 });
+    } }, directives: [i1.ScrollFrame, i2.BackNavigatorOrganism, i3.AutoLayoutFrame, i4.NgForOf, i4.NgSwitch, i4.NgSwitchCase, i5.SelectInputSectionOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i4.NgSwitchDefault, i8.ActionButtonsSectionOrganism], pipes: [i9.SmartFieldPipe, i10.DomainPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-y3hA: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-y3hA: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-y3hA: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-y3hA);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-y3hA)}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-y3hA)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartCrudTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Znwa: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Znwa: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Znwa: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Znwa);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Znwa)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Znwa)}\n"] }]
+        args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-y3hA: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-y3hA: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-y3hA: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-y3hA);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-y3hA)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-y3hA)}\n"] }]
     }], null, { canBack: [{
             type: Input
         }], name: [{

package/fesm2020/ng-atomic-components-templates-smart-index.mjs

@@ -79,10 +79,10 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
         i0.ɵɵproperty("items", ctx.items)("actionItems", ctx.actionItems)("columns", ctx.properties)("selectedIdSet", ctx.selectedIdSet)("sortKey", ctx.sortKey)("sortOrder", ctx.sortOrder);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.page);
-    } }, directives: [i1.ScrollFrame, i2.BackNavigatorOrganism, i3.AutoLayoutFrame, i4.SmartTableOrganism, i5.NgIf, i6.PaginatorOrganism], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-Qm4e: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
+    } }, directives: [i1.ScrollFrame, i2.BackNavigatorOrganism, i3.AutoLayoutFrame, i4.SmartTableOrganism, i5.NgIf, i6.PaginatorOrganism], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-d2TN: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-Qm4e: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+        args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-d2TN: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
     }], null, { canBack: [{
             type: Input
         }], queryControl: [{

package/molecules/chips-input-field/chips-input-field.molecule.d.ts

@@ -8,7 +8,7 @@ export declare class ChipsInputFieldMolecule {
     private cd;
     chipsManager: ChipsManager;
     appearance: MatFormFieldAppearance;
-    control: FormControl<string, any>;
+    control: FormControl<string>;
     label: string;
     hint: string;
     placeholder: string;

package/molecules/chips-input-field/chips-input-field.molecule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chips-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAoB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;;AAGxE,qBAOa,uBAAuB;IAuBhC,OAAO,CAAC,EAAE;IACH,YAAY,EAAE,YAAY;IArBnC,UAAU,EAAE,sBAAsB,CAAa;IAG/C,OAAO,2BAA+B;IAGtC,KAAK,SAAW;IAGhB,IAAI,SAAU;IAGd,WAAW,SAAiB;IAG5B,UAAU,yBAAkC;IAE5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA8B;gBAG7C,EAAE,EAAE,iBAAiB,EACtB,YAAY,EAAE,YAAY;IAGnC,QAAQ,IAAI,IAAI;IAQhB,WAAW,IAAI,IAAI;IAInB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAMlD,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCA7ChB,uBAAuB;2CAAvB,uBAAuB;CAiDnC"}
+{"version":3,"file":"chips-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAoB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;;AAGxE,qBAOa,uBAAuB;IAuBhC,OAAO,CAAC,EAAE;IACH,YAAY,EAAE,YAAY;IArBnC,UAAU,EAAE,sBAAsB,CAAa;IAG/C,OAAO,sBAA+B;IAGtC,KAAK,SAAW;IAGhB,IAAI,SAAU;IAGd,WAAW,SAAiB;IAG5B,UAAU,yBAAkC;IAE5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA8B;gBAG7C,EAAE,EAAE,iBAAiB,EACtB,YAAY,EAAE,YAAY;IAGnC,QAAQ,IAAI,IAAI;IAQhB,WAAW,IAAI,IAAI;IAInB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAMlD,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCA7ChB,uBAAuB;2CAAvB,uBAAuB;CAiDnC"}

package/molecules/date-input-field/date-input-field.molecule.d.ts

@@ -2,7 +2,7 @@ import { FormControl } from '@ngneat/reactive-forms';
 import { Dayjs } from 'dayjs';
 import * as i0 from "@angular/core";
 export declare class DateInputFieldMolecule {
-    control: FormControl<Dayjs, any>;
+    control: FormControl<Dayjs>;
     private _control;
     label: string;
     placeholder: string;

package/molecules/date-input-field/date-input-field.molecule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/date-input-field/date-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;;AAG9B,qBAOa,sBAAsB;IACjC,OAAO,0BAA4B;IAGnC,OAAO,CAAC,QAAQ,CAA4B;IAG5C,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,IAAI,IAAI;yCAfL,sBAAsB;2CAAtB,sBAAsB;CAuBlC"}
+{"version":3,"file":"date-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/date-input-field/date-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;;AAG9B,qBAOa,sBAAsB;IACjC,OAAO,qBAA4B;IAGnC,OAAO,CAAC,QAAQ,CAA4B;IAG5C,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,IAAI,IAAI;yCAfL,sBAAsB;2CAAtB,sBAAsB;CAuBlC"}

package/molecules/select-input-field/select-input-field.molecule.d.ts

@@ -6,7 +6,7 @@ export interface Option<T> {
 }
 export declare class SelectInputFieldMolecule<T> {
     label: string;
-    control: FormControl<T, any>;
+    control: FormControl<T>;
     options: Option<T>[];
     value: (item: Option<T>) => T;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputFieldMolecule<any>, never>;

package/molecules/select-input-field/select-input-field.molecule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/select-input-field/select-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;CACV;AAED,qBAOa,wBAAwB,CAAC,CAAC;IAGrC,KAAK,EAAE,MAAM,CAAM;IAGnB,OAAO,sBAAwB;IAG/B,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAM;IAE1B,KAAK,SAAU,OAAO,CAAC,CAAC,OAAiB;yCAX9B,wBAAwB;2CAAxB,wBAAwB;CAapC"}
+{"version":3,"file":"select-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/select-input-field/select-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;CACV;AAED,qBAOa,wBAAwB,CAAC,CAAC;IAGrC,KAAK,EAAE,MAAM,CAAM;IAGnB,OAAO,iBAAwB;IAG/B,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAM;IAE1B,KAAK,SAAU,OAAO,CAAC,CAAC,OAAiB;yCAX9B,wBAAwB;2CAAxB,wBAAwB;CAapC"}

package/molecules/text-input-field/text-input-field.molecule.d.ts

@@ -4,7 +4,7 @@ export declare class TextInputFieldMolecule {
     type: 'text' | 'number' | 'password';
     name?: string;
     label: string;
-    control: FormControl<string | number, any>;
+    control: FormControl<string | number>;
     placeholder: string;
     hint?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputFieldMolecule, never>;

package/molecules/text-input-field/text-input-field.molecule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAOa,sBAAsB;IAGjC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAU;IAG9C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,SAAW;IAGhB,OAAO,oCAAsC;IAG7C,WAAW,SAAiB;IAG5B,IAAI,CAAC,EAAE,MAAM,CAAC;yCAlBH,sBAAsB;2CAAtB,sBAAsB;CAoBlC"}
+{"version":3,"file":"text-input-field.molecule.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAOa,sBAAsB;IAGjC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAU;IAG9C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,SAAW;IAGhB,OAAO,+BAAsC;IAG7C,WAAW,SAAiB;IAG5B,IAAI,CAAC,EAAE,MAAM,CAAC;yCAlBH,sBAAsB;2CAAtB,sBAAsB;CAoBlC"}

package/organisms/card-input-section/card-input-section.organism.d.ts

@@ -1,7 +1,7 @@
 import { FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 export declare class CardInputSectionOrganism {
-    control: FormControl<string, any>;
+    control: FormControl<string>;
     label: string;
     placeholder: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardInputSectionOrganism, never>;

package/organisms/card-input-section/card-input-section.organism.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/card-input-section/card-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAMa,wBAAwB;IAGnC,OAAO,2BAAuB;IAG9B,KAAK,SAAW;IAGhB,WAAW,SAAyB;yCATzB,wBAAwB;2CAAxB,wBAAwB;CAWpC"}
+{"version":3,"file":"card-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/card-input-section/card-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAMa,wBAAwB;IAGnC,OAAO,sBAAuB;IAG9B,KAAK,SAAW;IAGhB,WAAW,SAAyB;yCATzB,wBAAwB;2CAAxB,wBAAwB;CAWpC"}

package/organisms/date-input-section/date-input-section.organism.d.ts

@@ -2,7 +2,7 @@ import { FormControl } from '@ngneat/reactive-forms';
 import dayjs from 'dayjs';
 import * as i0 from "@angular/core";
 export declare class DateInputSectionOrganism {
-    control: FormControl<dayjs.Dayjs, any>;
+    control: FormControl<dayjs.Dayjs>;
     label: string;
     placeholder: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputSectionOrganism, never>;

package/organisms/date-input-section/date-input-section.organism.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/date-input-section/date-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;;AAE1B,qBAOa,wBAAwB;IAEnC,OAAO,gCAAkC;IAGzC,KAAK,SAAM;IAGX,WAAW,SAAM;yCARN,wBAAwB;2CAAxB,wBAAwB;CASpC"}
+{"version":3,"file":"date-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/date-input-section/date-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;;AAE1B,qBAOa,wBAAwB;IAEnC,OAAO,2BAAkC;IAGzC,KAAK,SAAM;IAGX,WAAW,SAAM;yCARN,wBAAwB;2CAAxB,wBAAwB;CASpC"}

package/organisms/paginator/paginator.organism.d.ts

@@ -3,7 +3,7 @@ import { PageEvent } from '@angular/material/paginator';
 import { FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 export declare class PaginatorOrganism {
-    control: FormControl<string, any>;
+    control: FormControl<string>;
     placeholder: string;
     page: PageEvent;
     pageSizeOptions: number[];

package/organisms/paginator/paginator.organism.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/paginator/paginator.organism.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAOa,iBAAiB;IAG5B,OAAO,2BAA+B;IAGtC,WAAW,SAAM;IAGjB,IAAI,EAAG,SAAS,CAAC;IAGjB,eAAe,EAAE,MAAM,EAAE,CAAoB;IAG7C,UAAU,0BAAiC;yCAfhC,iBAAiB;2CAAjB,iBAAiB;CAiB7B"}
+{"version":3,"file":"paginator.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/paginator/paginator.organism.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAOa,iBAAiB;IAG5B,OAAO,sBAA+B;IAGtC,WAAW,SAAM;IAGjB,IAAI,EAAG,SAAS,CAAC;IAGjB,eAAe,EAAE,MAAM,EAAE,CAAoB;IAG7C,UAAU,0BAAiC;yCAfhC,iBAAiB;2CAAjB,iBAAiB;CAiB7B"}

package/organisms/select-input-section/select-input-section.organism.d.ts

@@ -2,7 +2,7 @@ import { FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 export declare class SelectInputSectionOrganism<T> {
     label: string;
-    control: FormControl<T, any>;
+    control: FormControl<T>;
     options: {
         name: string;
         value: T;

package/organisms/select-input-section/select-input-section.organism.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/select-input-section/select-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAMa,0BAA0B,CAAC,CAAC;IAGvC,KAAK,EAAE,MAAM,CAAM;IAGnB,OAAO,sBAAwB;IAG/B,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC,CAAA;KAAC,EAAE,CAAM;yCAT9B,0BAA0B;2CAA1B,0BAA0B;CAWtC"}
+{"version":3,"file":"select-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/select-input-section/select-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAMa,0BAA0B,CAAC,CAAC;IAGvC,KAAK,EAAE,MAAM,CAAM;IAGnB,OAAO,iBAAwB;IAG/B,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC,CAAA;KAAC,EAAE,CAAM;yCAT9B,0BAA0B;2CAA1B,0BAA0B;CAWtC"}

package/organisms/text-input-section/text-input-section.organism.d.ts

@@ -5,7 +5,7 @@ export declare class TextInputSectionOrganism {
     placeholder: string;
     type: 'text' | 'number' | 'password';
     hint?: string;
-    control: FormControl<string, any>;
+    control: FormControl<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputSectionOrganism, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextInputSectionOrganism, "organisms-text-input-section", never, { "label": "label"; "placeholder": "placeholder"; "type": "type"; "hint": "hint"; "control": "control"; }, {}, never, never>;
 }

package/organisms/text-input-section/text-input-section.organism.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/text-input-section/text-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAKa,wBAAwB;IAGnC,KAAK,SAAW;IAGhB,WAAW,SAAiB;IAG5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAU;IAG9C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,2BAAuB;yCAfnB,wBAAwB;2CAAxB,wBAAwB;CAiBpC"}
+{"version":3,"file":"text-input-section.organism.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/organisms/text-input-section/text-input-section.organism.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,qBAKa,wBAAwB;IAGnC,KAAK,SAAW;IAGhB,WAAW,SAAiB;IAG5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAU;IAG9C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,sBAAuB;yCAfnB,wBAAwB;2CAAxB,wBAAwB;CAiBpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "3.2.4",
+  "version": "3.2.5",
   "license": "MIT",
   "module": "fesm2015/ng-atomic-components.mjs",
   "es2020": "fesm2020/ng-atomic-components.mjs",
@@ -357,13 +357,13 @@
     "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   },
   "peerDependencies": {
-    "@ng-atomic/elements": "3.2.4",
+    "@ng-atomic/elements": "3.2.5",
     "@angular/cdk": "13.3.9",
-    "@ngneat/reactive-forms": "^1.7.5",
+    "@ngneat/reactive-forms": "^4.1.0",
     "rxjs": "^7.0.0",
-    "@ng-atomic/common": "3.2.4",
+    "@ng-atomic/common": "3.2.5",
     "@angular/forms": "13.3.11",
-    "@ng-atomic/storybook": "3.2.4",
+    "@ng-atomic/storybook": "3.2.5",
     "@angular/animations": "13.3.11",
     "resize-observer-polyfill": "^1.5.1",
     "@angular/router": "13.3.11",

package/templates/entrance/entrance.template.d.ts

@@ -3,9 +3,9 @@ import { FormGroup, FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 export declare class EntranceTemplate {
     form: FormGroup<{
-        email: string | FormControl<string, any>;
-        password: string | FormControl<string, any>;
-    }, any>;
+        email: FormControl<string>;
+        password: FormControl<string>;
+    }>;
     isEmailSectionShown: boolean;
     isPasswordSectionShown: boolean;
     actionItems: any[];

package/templates/entrance/entrance.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entrance.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/entrance/entrance.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,wBAAwB,CAAC;;AAE/D,qBAOa,gBAAgB;IAE3B,IAAI;;;YAGD;IAGH,mBAAmB,UAAQ;IAG3B,sBAAsB,UAAQ;IAG9B,WAAW,QAAM;IAGjB,iBAAiB,qBAA4B;IAG7C,2BAA2B,qBAA4B;yCApB5C,gBAAgB;2CAAhB,gBAAgB;CAqB5B"}
+{"version":3,"file":"entrance.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/entrance/entrance.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,wBAAwB,CAAC;;AAE/D,qBAOa,gBAAgB;IAE3B,IAAI;;;OAGD;IAGH,mBAAmB,UAAQ;IAG3B,sBAAsB,UAAQ;IAG9B,WAAW,QAAM;IAGjB,iBAAiB,qBAA4B;IAG7C,2BAA2B,qBAA4B;yCApB5C,gBAAgB;2CAAhB,gBAAgB;CAqB5B"}

package/templates/smart-crud/smart-crud.template.d.ts

@@ -14,7 +14,7 @@ export declare class SmartCrudTemplate {
     updateButtonClick: EventEmitter<void>;
     get title(): string;
     get actionItems(): ActionItem[];
-    get controls(): [string, import("@ngneat/reactive-forms").AbstractControl<any, any>][];
+    get controls(): [string, unknown][];
     trackByIndex: (index: number) => number;
     onActionButtonClick([{ id }]: [ActionItem]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartCrudTemplate, never>;

package/templates/smart-crud/smart-crud.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smart-crud.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/smart-crud/smart-crud.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;;AAEnD,qBAOa,iBAAiB;IAG5B,OAAO,UAAS;IAGhB,IAAI,EAAE,MAAM,CAAM;IAGlB,IAAI,EAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IAGtB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAGrC,eAAe,EAAE,UAAU,EAAE,CAAM;IAGnC,eAAe,qCAAuC;IAGtD,eAAe,oBAAsB;IAGrC,iBAAiB,qBAA4B;IAG7C,iBAAiB,qBAA4B;IAE7C,IAAI,KAAK,IAAI,MAAM,CAKlB;IAED,IAAI,WAAW,IAAI,UAAU,EAAE,CAK9B;IAED,IAAI,QAAQ,2EAEX;IAED,YAAY,UAAW,MAAM,YAAW;IAExC,mBAAmB,CAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,IAAI;yCAjDpC,iBAAiB;2CAAjB,iBAAiB;CAuD7B"}
+{"version":3,"file":"smart-crud.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/smart-crud/smart-crud.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;;AAEnD,qBAOa,iBAAiB;IAG5B,OAAO,UAAS;IAGhB,IAAI,EAAE,MAAM,CAAM;IAGlB,IAAI,EAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IAGtB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAGrC,eAAe,EAAE,UAAU,EAAE,CAAM;IAGnC,eAAe,qCAAuC;IAGtD,eAAe,oBAAsB;IAGrC,iBAAiB,qBAA4B;IAG7C,iBAAiB,qBAA4B;IAE7C,IAAI,KAAK,IAAI,MAAM,CAKlB;IAED,IAAI,WAAW,IAAI,UAAU,EAAE,CAK9B;IAED,IAAI,QAAQ,wBAEX;IAED,YAAY,UAAW,MAAM,YAAW;IAExC,mBAAmB,CAAC,CAAC,EAAC,EAAE,EAAC,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,IAAI;yCAjDpC,iBAAiB;2CAAjB,iBAAiB;CAuD7B"}

package/templates/smart-index/smart-index.template.d.ts

@@ -13,7 +13,7 @@ export declare class Page {
 }
 export declare class SmartIndexTemplate<T> {
     canBack: boolean;
-    queryControl: FormControl<string, any>;
+    queryControl: FormControl<string>;
     title: string;
     description?: string;
     items: T[];

package/templates/smart-index/smart-index.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"smart-index.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/smart-index/smart-index.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,MAAM,WAAW,IAAK,SAAQ,SAAS;CAAI;AAE3C,qBAAa,IAAI;IACf,MAAM,CAAC,OAAO,CAAC,KAAK,GAAE,SAAqD,GAAG,IAAI;IAIlF,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;CAGrC;AAED,qBAOa,kBAAkB,CAAC,CAAC;IAG/B,OAAO,UAAS;IAGhB,YAAY,2BAA6B;IAGzC,KAAK,EAAE,MAAM,CAAM;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,KAAK,EAAE,CAAC,EAAE,CAAM;IAGhB,WAAW,EAAE,UAAU,EAAE,CAAM;IAG/B,eAAe,EAAE,UAAU,EAAE,CAAM;IAGnC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAO;IAG9B,aAAa,cAAqB;IAGlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,IAAI,CAAC,EAAE,SAAS,CAId;IAGF,eAAe,EAAE,MAAM,EAAE,CAAoB;IAG7C,gBAAgB,SAAM;IAGtB,eAAe,oBAAsB;IAGrC,eAAe,oBAAsB;IAGrC,aAAa,kBAAyB;IAGtC,UAAU,0BAAiC;IAG3C,gBAAgB,uBAA8B;yCA7DnC,kBAAkB;2CAAlB,kBAAkB;CA+D9B"}
+{"version":3,"file":"smart-index.template.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/templates/smart-index/smart-index.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;AAErD,MAAM,WAAW,IAAK,SAAQ,SAAS;CAAI;AAE3C,qBAAa,IAAI;IACf,MAAM,CAAC,OAAO,CAAC,KAAK,GAAE,SAAqD,GAAG,IAAI;IAIlF,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;CAGrC;AAED,qBAOa,kBAAkB,CAAC,CAAC;IAG/B,OAAO,UAAS;IAGhB,YAAY,sBAA6B;IAGzC,KAAK,EAAE,MAAM,CAAM;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,KAAK,EAAE,CAAC,EAAE,CAAM;IAGhB,WAAW,EAAE,UAAU,EAAE,CAAM;IAG/B,eAAe,EAAE,UAAU,EAAE,CAAM;IAGnC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAO;IAG9B,aAAa,cAAqB;IAGlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,IAAI,CAAC,EAAE,SAAS,CAId;IAGF,eAAe,EAAE,MAAM,EAAE,CAAoB;IAG7C,gBAAgB,SAAM;IAGtB,eAAe,oBAAsB;IAGrC,eAAe,oBAAsB;IAGrC,aAAa,kBAAyB;IAGtC,UAAU,0BAAiC;IAG3C,gBAAgB,uBAA8B;yCA7DnC,kBAAkB;2CAAlB,kBAAkB;CA+D9B"}