@rxap/schematic-angular 16.2.0-dev.0 → 16.2.0-dev.10

package/src/lib/type-import.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NormalizeTypeImport = void 0;
-function NormalizeTypeImport(typeImport) {
-    var _a, _b, _c, _d, _e;
-    let name;
-    let moduleSpecifier = null;
-    let namedImport = null;
-    let namespaceImport = null;
-    let isTypeOnly = false;
-    let defaultImport = null;
-    if (typeof typeImport === 'string') {
-        // name:moduleSpecifier:namedImport
-        // IconConfig:@rxap/utilities
-        const fragments = typeImport.split(':');
-        name = fragments[0];
-        moduleSpecifier = fragments[1] || null; // use || instead of ?? because the moduleSpecifier can be an empty string
-        namedImport = fragments[2] || null; // use || instead of ?? because the namedImport can be an empty string
-    }
-    else {
-        name = typeImport.name;
-        moduleSpecifier = (_a = typeImport.moduleSpecifier) !== null && _a !== void 0 ? _a : moduleSpecifier;
-        namedImport = (_b = typeImport.namedImport) !== null && _b !== void 0 ? _b : namedImport;
-        namespaceImport = (_c = typeImport.namespaceImport) !== null && _c !== void 0 ? _c : namespaceImport;
-        isTypeOnly = (_d = typeImport.isTypeOnly) !== null && _d !== void 0 ? _d : isTypeOnly;
-        defaultImport = (_e = typeImport.defaultImport) !== null && _e !== void 0 ? _e : defaultImport;
-    }
-    return Object.freeze({
-        name,
-        moduleSpecifier,
-        namedImport,
-        namespaceImport,
-        isTypeOnly,
-        defaultImport,
-    });
-}
-exports.NormalizeTypeImport = NormalizeTypeImport;
-//# sourceMappingURL=type-import.js.map

package/src/lib/type-import.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"type-import.js","sourceRoot":"","sources":["../../../../../../packages/schematic/angular/src/lib/type-import.ts"],"names":[],"mappings":";;;AAKA,SAAgB,mBAAmB,CAAC,UAAyC;;IAC3E,IAAI,IAAY,CAAC;IACjB,IAAI,eAAe,GAAkB,IAAI,CAAC;IAC1C,IAAI,WAAW,GAAkB,IAAI,CAAC;IACtC,IAAI,eAAe,GAAkB,IAAI,CAAC;IAC1C,IAAI,UAAU,GAAG,KAAK,CAAC;IACvB,IAAI,aAAa,GAAkB,IAAI,CAAC;IACxC,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;QAClC,mCAAmC;QACnC,6BAA6B;QAC7B,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QACpB,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,0EAA0E;QAClH,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,sEAAsE;KAC3G;SAAM;QACL,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QACvB,eAAe,GAAG,MAAA,UAAU,CAAC,eAAe,mCAAI,eAAe,CAAC;QAChE,WAAW,GAAG,MAAA,UAAU,CAAC,WAAW,mCAAI,WAAW,CAAC;QACpD,eAAe,GAAG,MAAA,UAAU,CAAC,eAAe,mCAAI,eAAe,CAAC;QAChE,UAAU,GAAG,MAAA,UAAU,CAAC,UAAU,mCAAI,UAAU,CAAC;QACjD,aAAa,GAAG,MAAA,UAAU,CAAC,aAAa,mCAAI,aAAa,CAAC;KAC3D;IACD,OAAO,MAAM,CAAC,MAAM,CAAC;QACnB,IAAI;QACJ,eAAe;QACf,WAAW;QACX,eAAe;QACf,UAAU;QACV,aAAa;KACd,CAAC,CAAC;AACL,CAAC;AA9BD,kDA8BC"}

package/src/schematics/accordion/accordion-component/files/component/__componentName__.component.html.template

@@ -1,79 +0,0 @@
-<ng-template #errorTemplate let-error let-refresh="refresh">
-  <rxap-data-source-error [error]="error" [refresh]="refresh"></rxap-data-source-error>
-</ng-template>
-<div *rxapDataSource="let accordion from accordionDataSource; errorTemplate: errorTemplate" class="flex flex-col gap-y-6">
-  <<%= prefix %>-accordion-header [data]="accordion"></<%= prefix %>-accordion-header>
-  <ng-template #divider>
-    <mat-divider></mat-divider>
-  </ng-template>
-  <mat-progress-bar *ngIf="accordionDataSource.loading$ | async; else divider" mode="indeterminate"></mat-progress-bar>
-  <mat-accordion [rxapPersistentAccordion]="accordionDataSource.lastUuid" <% if (multiple) { %>multi<% } %>>
-    <% for (let index = 0; index < itemList.length; index++) { %>
-    <% item = itemList[index] %>
-    <% if (item.type === 'switch') { %>
-    <ng-container [ngSwitch]="accordion.<%= item.switch.property.path %>">
-      <% for (const caseItem of item.switch.case) { %>
-      <% if (item.switch.property.type === 'string') { %>
-      <ng-template [ngSwitchCase]="'<%= caseItem.test %>'">
-      <% } else { %>
-      <ng-template [ngSwitchCase]="<%= caseItem.test %>">
-      <% } %>
-        <% for (const innerItem of caseItem.itemList) { %>
-          <mat-expansion-panel>
-
-            <mat-expansion-panel-header>
-              <mat-panel-title i18n><%= classify(item.name) %> <%= classify(innerItem.name) %></mat-panel-title>
-              <% if (innerItem.description) { %>
-              <mat-panel-description i18n><%= innerItem.description %></mat-panel-description>
-              <% } %>
-            </mat-expansion-panel-header>
-
-            <ng-template matExpansionPanelContent>
-              <<%= prefix %>-<%= item.name %>-<%= innerItem.name %>-panel></<%= prefix %>-<%= item.name %>-<%= innerItem.name %>-panel>
-            </ng-template>
-
-          </mat-expansion-panel>
-        <% } %>
-      </ng-template>
-      <% } %>
-      <% if (item.switch.defaultCase) { %>
-      <% for (const innerItem of item.switch.defaultCase.itemList) { %>
-       <ng-template ngSwitchDefault>
-        <mat-expansion-panel>
-
-          <mat-expansion-panel-header>
-            <mat-panel-title i18n><%= classify(item.name) %> <%= classify(innerItem.name) %></mat-panel-title>
-            <% if (innerItem.description) { %>
-            <mat-panel-description i18n><%= innerItem.description %></mat-panel-description>
-            <% } %>
-          </mat-expansion-panel-header>
-
-          <ng-template matExpansionPanelContent>
-            <<%= prefix %>-<%= item.name %>-<%= innerItem.name %>-panel></<%= prefix %>-<%= item.name %>-<%= innerItem.name %>-panel>
-          </ng-template>
-
-        </mat-expansion-panel>
-      </ng-template>
-      <% } %>
-      <% } %>
-    </ng-container>
-    <% } else { %>
-    <mat-expansion-panel>
-
-      <mat-expansion-panel-header>
-        <mat-panel-title i18n><%= classify(item.name) %></mat-panel-title>
-        <% if (item.description) { %>
-        <mat-panel-description i18n><%= item.description %></mat-panel-description>
-        <% } %>
-      </mat-expansion-panel-header>
-
-      <ng-template matExpansionPanelContent>
-        <<%= prefix %>-<%= item.name %>-panel></<%= prefix %>-<%= item.name %>-panel>
-      </ng-template>
-
-    </mat-expansion-panel>
-    <% } %>
-    <% } %>
-    <!-- NEXT_INDEX[<%= itemList.length %>] -->
-  </mat-accordion>
-</div>

package/src/schematics/accordion/accordion-component/files/component/__componentName__.component.ts.template

@@ -1,54 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { <%= classify(componentName) %>DataSource } from './<%= componentName %>.data-source';
-import { ACCORDION_DATA_SOURCE } from '@rxap/data-source/accordion';
-import { CommonModule } from '@angular/common';
-<% for (const item of itemList) { %>
-import { <%= classify(item.name) %>PanelComponent } from './<%= item.name %>-panel/<%= item.name %>-panel.component';
-<% } %>
-import { DataSourceDirective } from '@rxap/data-source/directive';
-import { NavigateBackButtonComponent } from '@rxap/components';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { PersistentAccordionDirective } from '@rxap/material-directives/expansion';
-import { DataSourceErrorComponent } from '@rxap/data-source';
-import { AccordionHeaderComponent } from './accordion-header/accordion-header.component';
-
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    <% for (const item of itemList) { %>
-    <%= classify(item.name) %>PanelComponent,
-    <% } %>
-    DataSourceErrorComponent,
-    DataSourceDirective,
-    NavigateBackButtonComponent,
-    MatProgressBarModule,
-    MatDividerModule,
-    MatExpansionModule,
-    PersistentAccordionDirective,
-    CommonModule,
-    AccordionHeaderComponent,
-  ],
-  providers: [
-    <%= classify(componentName) %>DataSource,
-    {
-      provide: ACCORDION_DATA_SOURCE,
-      useExisting: <%= classify(componentName) %>DataSource
-    },
-  ],
-})
-export class <%= classify(componentName) %>Component {
-
-  constructor(
-    public readonly accordionDataSource: <%= classify(componentName) %>DataSource,
-  ) {}
-
-}
-
-<% if (exportDefault) { %>export default <%= classify(componentName) %>Component<% } %>

package/src/schematics/accordion/accordion-component/files/header-component/accordion-header.component.html.template

@@ -1,5 +0,0 @@
-<rxap-navigate-back-button>
-  <ng-container>
-    <h1>{{ data.name }}</h1>
-  </ng-container>
-</rxap-navigate-back-button>

package/src/schematics/accordion/accordion-component/files/header-component/accordion-header.component.ts.template

@@ -1,14 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { NavigateBackButtonComponent } from '@rxap/components';
-
-@Component({
-  selector: '<%= prefix %>-accordion-header',
-  templateUrl: './accordion-header.component.html',
-  styleUrls: [ './accordion-header.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    NavigateBackButtonComponent,
-  ],
-})
-export class AccordionHeaderComponent {}

package/src/schematics/accordion/accordion-item-component/files/component/__componentName__.component.ts.template

@@ -1,30 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { <%= classify(name) %>PanelDataSource } from './<%= name %>-panel.data-source';
-import { DataSourceDirective } from '@rxap/data-source/directive';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { DataSourceErrorComponent } from '@rxap/data-source';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    DataSourceDirective,
-    MatProgressBarModule,
-    CommonModule,
-    DataSourceErrorComponent,
-  ],
-  standalone: true,
-  providers: [
-    <%= classify(name) %>PanelDataSource,
-  ],
-})
-export class <%= classify(componentName) %>Component {
-
-  constructor(
-    public readonly panelDataSource: <%= classify(name) %>PanelDataSource,
-  ) {}
-
-}

package/src/schematics/accordion/item/accordion-item-data-grid-component/files/data-grid/__componentName__.component.ts.template

@@ -1,14 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { <%= classify(name) %>DataGridComponent } from './<%= name %>-data-grid/<%= name %>-data-grid.component';
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    <%= classify(name) %>DataGridComponent,
-  ],
-})
-export class <%= classify(componentName) %>Component { }

package/src/schematics/accordion/item/accordion-item-data-grid-component/files/data-grid-collection/__componentName__.component.ts.template

@@ -1,32 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { <%= classify(name) %>DataGridDataSource } from './<%= name %>-data-grid/<%= name %>-data-grid.data-source';
-import { CommonModule } from '@angular/common';
-import { <%= classify(name) %>DataGridComponent } from './<%= name %>-data-grid/<%= name %>-data-grid.component';
-import { DataSourceDirective } from '@rxap/data-source/directive';
-import { DataSourceErrorComponent } from '@rxap/data-source';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    <%= classify(name) %>DataGridComponent,
-    DataSourceDirective,
-    CommonModule,
-    DataSourceErrorComponent,
-    MatProgressBarModule,
-  ],
-  providers: [
-    <%= classify(name) %>DataGridDataSource,
-  ],
-})
-export class <%= classify(componentName) %>Component {
-
-  constructor(
-    public readonly dataGridDataSource: <%= classify(name) %>DataGridDataSource,
-  ) {}
-
-}

package/src/schematics/accordion/item/accordion-item-table-component/files/component/__componentName__.component.ts.template

@@ -1,35 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { throwIfEmpty } from '@rxap/rxjs';
-<% if (hasSharedModifier) { %>
-import { <%= classify(name) %>TableComponent } from '<%= scope %>/shared/feature/<%= feature %>/<%= name %>-table/<%= name %>-table.component';
-<% } else { %>
-import { <%= classify(name) %>TableComponent } from './<%= name %>-table/<%= name %>-table.component';
-<% } %>
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    <%= classify(name) %>TableComponent,
-  ],
-})
-export class <%= classify(componentName) %>Component {
-
-  public readonly parameters$: Observable<{ uuid: string }>;
-
-  constructor(private readonly route: ActivatedRoute) {
-    this.parameters$ = this.route.params.pipe(
-      map(({ uuid }) => uuid),
-      throwIfEmpty('Could not extract the uuid from route'),
-      map((uuid) => ({ uuid })),
-    );
-  }
-
-
-}

package/src/schematics/accordion/item/accordion-item-tree-table-component/files/component/__componentName__.component.ts.template

@@ -1,34 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { throwIfEmpty } from '@rxap/rxjs';
-<% if (hasSharedModifier) { %>
-import { <%= classify(name) %>TreeTableComponent } from '<%= scope %>/shared/feature/<%= feature %>/<%= name %>-tree-table/<%= name %>-tree-table.component';
-<% } else { %>
-import { <%= classify(name) %>TreeTableComponent } from './<%= name %>-tree-table/<%= name %>-tree-table.component';
-<% } %>
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    <%= classify(name) %>TreeTableComponent,
-  ],
-})
-export class <%= classify(componentName) %>Component {
-
-  public readonly parameters$: Observable<{ uuid: string }>;
-
-  constructor(private readonly route: ActivatedRoute) {
-    this.parameters$ = this.route.params.pipe(
-      map(({ uuid }) => uuid),
-      throwIfEmpty('Could not extract the uuid from route'),
-      map((uuid) => ({ uuid })),
-    );
-  }
-
-}

package/src/schematics/data-grid-component/files/form/__componentName__.component.html.template

@@ -1,42 +0,0 @@
-<mat-card>
-  <% if (title) { %>
-  <mat-card-header>
-    <mat-card-title></mat-card-title>
-    <% if (subtitle) { %><mat-card-subtitle></mat-card-subtitle><% } %>
-  </mat-card-header>
-  <% } %>
-  <mat-card-content>
-    <div class="p-4">
-      <form #form="rxapForm" rxapForm>
-        <% if (collection) { %>
-        <rxap-data-grid [data]="data" mode="form">
-        <% } else { %>
-        <rxap-data-grid [dataSource]="dataGridDataSource" mode="form">
-        <% } %>
-        <% for (const item of itemList) { %>
-          <ng-container rxapDataGridRowDef="<%= item.name %>">
-            <% if (item.header) { %>
-            <th *rxapDataGridHeaderCellDef i18n><%= item.header %></th>
-            <% } %>
-            <ng-template rxapDataGridEditCellDef>
-              <% if (item.type === 'string') { %>
-              <mat-form-field class="w-full">
-                <input matInput formControlName="<%= item.name %>">
-              </mat-form-field>
-              <% } else if (item.type === 'number') { %>
-              <mat-form-field class="w-full">
-                <input matInput formControlName="<%= item.name %>" type="number">
-              </mat-form-field>
-              <% } else if (item.type === 'boolean') { %>
-              <mat-slide-toggle formControlName="<%= item.name %>"></mat-slide-toggle>
-              <% } else {%>
-              <!-- TODO: <%= item.name %> -->
-              <% } %>
-            </ng-template>
-          </ng-container>
-        <% } %>
-        </rxap-data-grid>
-      </form>
-    </div>
-  </mat-card-content>
-</mat-card>

package/src/schematics/data-grid-component/files/form/__componentName__.component.ts.template

@@ -1,43 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { FormProviders, FormComponentProviders } from './form.providers';
-<% if (collection) { %>
-import { Input } from '@angular/core';
-<% } else { %>
-import { <%= classify(name) %>DataGridDataSource } from './<%= name %>-data-grid.data-source';
-<% } %>
-import { DataGridModule } from '@rxap/data-grid';
-import { RxapFormsModule } from '@rxap/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatCardModule } from '@angular/material/card';
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    DataGridModule,
-    RxapFormsModule,
-    ReactiveFormsModule,
-    MatCardModule,
-  ],
-  providers: [
-    <% if (!collection) { %>
-    <%= classify(name) %>DataGridDataSource,
-    <% } %>
-    FormProviders,
-    FormComponentProviders,
-  ],
-})
-export class <%= classify(componentName) %>Component {
-
-  <% if (collection) { %>
-  @Input() data!: any;
-  <% } else { %>
-  constructor(
-    public readonly dataGridDataSource: <%= classify(name) %>DataGridDataSource,
-  ) {}
-  <% } %>
-
-}

package/src/schematics/data-grid-component/files/plain/__componentName__.component.html.template

@@ -1,25 +0,0 @@
-<mat-card>
-  <% if (title) { %>
-  <mat-card-header>
-    <mat-card-title></mat-card-title>
-    <% if (subtitle) { %><mat-card-subtitle></mat-card-subtitle><% } %>
-  </mat-card-header>
-  <% } %>
-  <mat-card-content>
-    <div class="p-4">
-      <% if (collection) { %>
-      <rxap-data-grid [data]="data">
-      <% } else { %>
-      <rxap-data-grid [dataSource]="dataGridDataSource">
-      <% } %>
-        <% for (const item of itemList) { %>
-        <ng-container rxapDataGridRowDef="<%= item.name %>">
-          <% if (item.header) { %>
-          <th *rxapDataGridHeaderCellDef i18n><%= item.header %></th>
-          <% } %>
-        </ng-container>
-        <% } %>
-      </rxap-data-grid>
-    </div>
-  </mat-card-content>
-</mat-card>

package/src/schematics/data-grid-component/files/plain/__componentName__.component.ts.template

@@ -1,36 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-<% if (collection) { %>
-import { Input } from '@angular/core';
-<% } else { %>
-import { <%= classify(name) %>DataGridDataSource } from './<%= name %>-data-grid.data-source';
-<% } %>
-import { DataGridModule } from '@rxap/data-grid';
-import { MatCardModule } from '@angular/material/card';
-
-@Component({
-  selector: '<%= prefix %>-<%= componentName %>',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    DataGridModule,
-    MatCardModule,
-  ],
-  providers: [
-    <% if (!collection) { %>
-    <%= classify(name) %>DataGridDataSource,
-    <% } %>
-  ],
-})
-export class <%= classify(componentName) %>Component {
-
-  <% if (collection) { %>
-  @Input() data!: any;
-  <% } else { %>
-  constructor(
-    public readonly dataGridDataSource: <%= classify(name) %>DataGridDataSource,
-  ) {}
-  <% } %>
-
-}

package/src/schematics/form/form-component/files/component/__componentName__.component.ts.template

@@ -1,50 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-<% if (window) { %>
-import { RXAP_WINDOW_SETTINGS } from '@rxap/window-system';
-<% } %>
-import { FormComponentProviders, FormProviders } from './form.providers';
-import { FormControlsComponent, MaterialFormSystemModule } from '@rxap/material-form-system';
-import { ReactiveFormsModule } from '@angular/forms';
-import { RxapFormsModule } from '@rxap/forms';
-import { CommonModule } from '@angular/common';
-<% if (window) { %>
-import { FormWindowFooterDirective } from '@rxap/form-window-system';
-<% } %>
-
-@Component({
-  selector: '<%= prefix%>-<%= name %>-form',
-  templateUrl: './<%= componentName %>.component.html',
-  styleUrls: [ './<%= componentName %>.component.scss' ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    MaterialFormSystemModule,
-    FormControlsComponent,
-    RxapFormsModule,
-    <% if (window) { %>
-    FormWindowFooterDirective,
-    <% } %>
-  ],
-  providers: [
-    FormProviders,
-    FormComponentProviders,
-    {
-      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
-      useValue: {
-        appearance: 'fill',
-      },
-    },
-    <% if (window) { %>
-    {
-      provide: RXAP_WINDOW_SETTINGS,
-      useValue: {
-        title: $localize`<%= classify(name) %>`,
-      },
-    },
-    <% } %>
-  ],
-})
-export class <%= classify(componentName) %>Component {}