@falcon-ng/tailwind 0.0.2 → 0.0.3

package/src/lib/component/radio/radio.component.html

@@ -1,13 +0,0 @@
-<div [ngStyle]="control.style" [ngClass]="control.class"
-     [formGroup]="formGroup">
-  <label class="radio-label-padding">{{control.label | titlecase}}</label>
-  <mat-radio-group [attr.aria-label]="control.label"
-                   [labelPosition]="control.appearance"
-                   [formControlName]="control.formControlName != undefined ? control.formControlName : 'default'"
-                   [ngStyle]="control.style" [ngClass]="control.class"
-                   (change)="radioGroupChangeEvent($event)">
-    <mat-radio-button [ngClass]="control.class"
-                      *ngFor="let item of control.options" [value]="item.value">{{item.viewValue | titlecase}}
-    </mat-radio-button>
-  </mat-radio-group>
-</div>

package/src/lib/component/radio/radio.component.scss

@@ -1,14 +0,0 @@
-.radio-group-column {
-  display: flex;
-  flex-direction: column;
-  margin: 15px 0;
-}
-.radio-group-row {
-  display: flex;
-  flex-direction: row;
-  margin: 15px 0;
-}
-
-.radio-button {
-  margin: 5px;
-}

package/src/lib/component/radio/radio.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RadioComponent } from './radio.component';
-
-describe('RadioComponent', () => {
-  let component: RadioComponent;
-  let fixture: ComponentFixture<RadioComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ RadioComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(RadioComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/radio/radio.component.ts

@@ -1,29 +0,0 @@
-import {Component, EventEmitter, Output} from '@angular/core';
-import {FormControl, FormGroup} from '@angular/forms';
-import {MatRadioChange} from "@angular/material/radio";
-import {BaseControl} from "../../base-control";
-
-@Component({
-  selector: 'falcon-radio',
-  templateUrl: './radio.component.html',
-  styleUrls: ['./radio.component.scss'],
-})
-export class RadioComponent {
-  control!: BaseControl<string>;
-  formGroup!: FormGroup;
-  @Output() radioGroupChange: EventEmitter<MatRadioChange> =
-    new EventEmitter<MatRadioChange>();
-
-  ngOnInit(): void {
-    console.log(this.control.options)
-    if (this.formGroup === undefined) {
-      this.formGroup = new FormGroup({
-        default: new FormControl(),
-      });
-    }
-  }
-
-  radioGroupChangeEvent($event: any) {
-    this.radioGroupChange.emit($event.value);
-  }
-}

package/src/lib/component/rich-text-editor/rich-text-editor.component.html

@@ -1,10 +0,0 @@
-<ng-container [formGroup]="formGroup">
-  <mat-label>{{control.label}}</mat-label>
-  <angular-editor [formControlName]="control.formControlName" [config]="control.editorProperty">
-  </angular-editor>
-  <mat-hint>{{control.hint.text}}</mat-hint>
-  <ng-container *ngFor="let validation of control.validations;" ngProjectAs="mat-error">
-    <mat-error *ngIf="formGroup.get(control.formControlName)?.hasError(validation.name)">{{validation.message}}
-    </mat-error>
-  </ng-container>
-</ng-container>

package/src/lib/component/rich-text-editor/rich-text-editor.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RichTextEditorComponent } from './rich-text-editor.component';
-
-describe('RichTextEditorComponent', () => {
-  let component: RichTextEditorComponent;
-  let fixture: ComponentFixture<RichTextEditorComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ RichTextEditorComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(RichTextEditorComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/rich-text-editor/rich-text-editor.component.ts

@@ -1,13 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {BaseControl} from "../../base-control";
-import {FormGroup} from "@angular/forms";
-
-@Component({
-  selector: 'lib-rich-text-editor',
-  templateUrl: './rich-text-editor.component.html',
-  styleUrls: ['./rich-text-editor.component.scss']
-})
-export class RichTextEditorComponent {
-  control!: BaseControl<string>;
-  formGroup!: FormGroup;
-}

package/src/lib/component/select/select.component.html

@@ -1,25 +0,0 @@
-<mat-form-field [appearance]="control.appearance" [formGroup]="formGroup" [floatLabel]="control.floatLabel"
-  [ngStyle]="control.style" [ngClass]="control.class">
-  <mat-label>{{control.label}}</mat-label>
-  <mat-select [multiple]="control.selectProperty.multiple" (selectionChange)="selectChange($event)"
-    [formControlName]="control.formControlName != undefined ? control.formControlName : 'default'"
-    [placeholder]="control.placeHolder" [ngStyle]="control.style" [ngClass]="control.class" [(value)]="control.value">
-    <mat-option *ngFor="let item of control.options" [value]="item.key" [disabled]="item.disabled">
-      {{item.value}}
-    </mat-option>
-  </mat-select>
-  <mat-hint *ngIf="control.hint?.show">
-    <ng-container *ngIf="control.hint?.link?.isLink; else elseBlock">
-      <ng-container *ngIf="control.hint?.link?.queryParams !== undefined; else withoutQueryBlock">
-        <a [routerLink]="[control.hint.link?.routerLink]" [queryParams]="{ query: control.hint.link?.queryParams }"
-          routerLinkActive="router-link-active">{{control.hint.text}}</a>
-      </ng-container>
-    </ng-container>
-    <ng-template #elseBlock>
-      <span>{{control.hint.text}}</span>
-    </ng-template>
-    <ng-template #withoutQueryBlock>
-      <a [routerLink]="[control.hint.link?.routerLink]" routerLinkActive="router-link-active">{{control.hint.text}}</a>
-    </ng-template>
-  </mat-hint>
-</mat-form-field>

package/src/lib/component/select/select.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SelectComponent } from './select.component';
-
-describe('SelectComponent', () => {
-  let component: SelectComponent;
-  let fixture: ComponentFixture<SelectComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SelectComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(SelectComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/select/select.component.ts

@@ -1,32 +0,0 @@
-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
-import { BaseControl } from '../../base-control';
-import { FormControl, FormGroup } from '@angular/forms';
-import { MatSelectChange } from '@angular/material/select';
-
-@Component({
-  selector: 'falcon-select',
-  templateUrl: './select.component.html',
-  styleUrls: ['./select.component.scss'],
-})
-export class SelectComponent implements OnInit {
-  control!: BaseControl<string>;
-  formGroup!: FormGroup;
-  @Output() selectionChange: EventEmitter<MatSelectChange> =
-    new EventEmitter<MatSelectChange>();
-
-  constructor() {}
-
-  ngOnInit(): void {
-    if (this.formGroup === undefined) {
-      this.formGroup = new FormGroup({
-        default: new FormControl(),
-      });
-    }
-  }
-
-  selectChange($event: any) {
-    this.selectionChange.emit($event.value);
-    if (this.control.event !== undefined)
-      this.control.event.change?.emit($event);
-  }
-}

package/src/lib/component/slide-toggle/slide-toggle.component.html

@@ -1,7 +0,0 @@
-<div [formGroup]="formGroup">
-  <mat-slide-toggle [labelPosition]="control.appearance"
-                    [ngStyle]="control.style" [ngClass]="control.class"
-                    [formControlName]="control.formControlName" [color]="control.color">
-    {{control.label}}
-  </mat-slide-toggle>
-</div>

package/src/lib/component/slide-toggle/slide-toggle.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SlideToggleComponent } from './slide-toggle.component';
-
-describe('SlideToggleComponent', () => {
-  let component: SlideToggleComponent;
-  let fixture: ComponentFixture<SlideToggleComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SlideToggleComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(SlideToggleComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/slide-toggle/slide-toggle.component.ts

@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-import {BaseControl} from "../../base-control";
-import {FormGroup} from "@angular/forms";
-
-@Component({
-  selector: 'falcon-slide-toggle',
-  templateUrl: './slide-toggle.component.html',
-  styleUrls: ['./slide-toggle.component.scss'],
-})
-export class SlideToggleComponent {
-  control!: BaseControl<string>;
-  formGroup!: FormGroup;
-}

package/src/lib/component/slider/slider.component.html

@@ -1,11 +0,0 @@
-<div [ngStyle]="control.style" [ngClass]="control.class" [formGroup]="formGroup">
-<mat-label>{{control.label}}</mat-label>&nbsp;&nbsp;&nbsp;
-  <mat-slider
-    [ngStyle]="control.style" [ngClass]="control.class"
-    [color]="control.color"
-    [max]="control.sliderProperty.max"
-    [min]="control.sliderProperty.min"
-    [step]="control.sliderProperty.step">
-    <input matSliderThumb [formControlName]="control.formControlName">
-  </mat-slider>
-</div>

package/src/lib/component/slider/slider.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SliderComponent } from './slider.component';
-
-describe('SliderComponent', () => {
-  let component: SliderComponent;
-  let fixture: ComponentFixture<SliderComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SliderComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(SliderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/slider/slider.component.ts

@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-import {BaseControl} from "../../base-control";
-import {FormGroup} from "@angular/forms";
-
-@Component({
-  selector: 'falcon-slider',
-  templateUrl: './slider.component.html',
-  styleUrls: ['./slider.component.scss'],
-})
-export class SliderComponent {
-  control!: BaseControl<string>;
-  formGroup!: FormGroup;
-}

package/src/lib/component/snack-bar/snack-bar.component.html

@@ -1 +0,0 @@
-<span>Pizza party!!! 🍕</span>

package/src/lib/component/snack-bar/snack-bar.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SnackBarComponent } from './snack-bar.component';
-
-describe('SnackBarComponent', () => {
-  let component: SnackBarComponent;
-  let fixture: ComponentFixture<SnackBarComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ SnackBarComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(SnackBarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/snack-bar/snack-bar.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-snack-bar',
-  templateUrl: './snack-bar.component.html',
-  styleUrls: ['./snack-bar.component.scss']
-})
-export class SnackBarComponent {
-
-}

package/src/lib/component/table/table.component.html

@@ -1,82 +0,0 @@
-<div class="flex justify-end">
-  <mat-form-field *ngIf="matTableConfig?.filter">
-    <mat-label>Filter</mat-label>
-    <input matInput (keyup)="applyFilter($event)" #input>
-  </mat-form-field>
-</div>
-<falcon-progress-bar *ngIf="matTableConfig?.progressBar" [mode]="'indeterminate'"></falcon-progress-bar>
-<div class="mat-elevation-z8">
-  <table mat-table [dataSource]="matTableConfig.dataSource" matSort>
-    <ng-container *ngFor="let column of matTableConfig?.columns" matColumnDef={{column.columnDef}}>
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ column.header }}</th>
-      <ng-container *ngIf="column?.link?.isLink; else elseBlock">
-        <td mat-cell *matCellDef="let element">
-          <a [routerLink]="column?.link?.routerLink(element)">
-            {{column?.cell(element) !== undefined ? column?.cell(element) : '' }}
-          </a>
-        </td>
-      </ng-container>
-      <ng-template #elseBlock>
-        <td mat-cell *matCellDef="let element">
-          {{ column.cell(element) !== undefined ? column.cell(element) : ''}}
-        </td>
-      </ng-template>
-
-    </ng-container>
-
-    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-    <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="mat-row-element example-expanded-row"></tr>
-
-    &lt;!&ndash; Row shown when there is no matching data. &ndash;&gt;
-    <tr class="mat-row" *matNoDataRow>
-      <td class="mat-cell" colspan="columns.length">No data matching the filter</td>
-    </tr>
-
-    <ng-container matColumnDef="action">
-      <th mat-header-cell *matHeaderCellDef style="text-align: center;"></th>
-      <td mat-cell *matCellDef="let element">
-
-        <div *ngIf="matTableConfig?.action?.isMenu; else nonMenuBlock">
-
-          <button mat-icon-button matTooltip="Action" [matMenuTriggerFor]="tableActionMenu"
-                  aria-label="Table action menu">
-            <mat-icon color="primary">more_horiz</mat-icon>
-          </button>
-          <mat-menu #tableActionMenu="matMenu">
-            <a [routerLink]="item?.link?.routerLink" mat-menu-item
-               *ngFor="let item of matTableConfig?.action?.menu" [disabled]="item.disabled">
-              <mat-icon [color]="item?.icon?.iconColor">{{item?.icon?.iconText}}</mat-icon>
-              <span>{{item.text}}</span>
-            </a>
-          </mat-menu>
-        </div>
-        <ng-template #nonMenuBlock>
-          <div class="flex justify-between">
-            <div>
-              <button *ngIf="matTableConfig?.action?.view" mat-icon-button aria-label="view button"
-                      color="primary" matTooltip="View" (click)="tableAction(element, 0)">
-                <mat-icon>visibility</mat-icon>
-              </button>
-              <button *ngIf="matTableConfig?.action?.edit" mat-icon-button aria-label="edit button"
-                      color="primary" matTooltip="Edit" (click)="tableAction(element, 1)">
-                <mat-icon>create</mat-icon>
-              </button>
-              <button *ngIf="matTableConfig?.action?.delete" mat-icon-button aria-label="Delete button"
-                      color="warn" matTooltip="Delete" (click)="tableAction(element, 2)">
-                <mat-icon>delete</mat-icon>
-              </button>
-            </div>
-            <button *ngIf="matTableConfig?.action?.arrowRight" mat-icon-button aria-label="Arrow button"
-                    color="primary" matTooltip="Expand" (click)="tableAction(element, 3)">
-              <mat-icon>chevron_right</mat-icon>
-            </button>
-          </div>
-        </ng-template>
-      </td>
-    </ng-container>
-
-  </table>
-  <mat-paginator *ngIf="matTableConfig?.paginationConfig?.pagination" (page)="page($event)"
-                 [pageSizeOptions]="matTableConfig.paginationConfig?.pageSizeOptions!" showFirstLastButtons>
-  </mat-paginator>
-</div>

package/src/lib/component/table/table.component.scss

@@ -1,17 +0,0 @@
-table {
-  text-align: center !important;
-  width: 100%;
-}
-.mat-form-field {
-  font-size: 14px;
-}
-
-:host ::ng-deep {
-  .mat-sort-header-container {
-    display: flex;
-    justify-content: center;
-  }
-.mat-row:hover {
-    background-color: whitesmoke;
-  }
-}

package/src/lib/component/table/table.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { TableComponent } from './table.component';
-
-describe('TableComponent', () => {
-  let component: TableComponent;
-  let fixture: ComponentFixture<TableComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ TableComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(TableComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/table/table.component.ts

@@ -1,54 +0,0 @@
-import {Component, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';
-import {MatTableConfig} from "../../model/interface";
-import {MatPaginator, PageEvent} from "@angular/material/paginator";
-import {MatSort} from "@angular/material/sort";
-import {MatTableDataSource} from "@angular/material/table";
-import {TableAction} from "../../model/enum";
-
-@Component({
-  selector: 'falcon-table',
-  templateUrl: './table.component.html',
-  styleUrls: ['./table.component.scss']
-})
-export class TableComponent implements OnInit {
-  @Input() matTableConfig!: MatTableConfig;
-  @ViewChild(MatPaginator, { static: false }) paginator!: MatPaginator;
-  @ViewChild(MatSort, { static: false }) sort!: MatSort;
-  @Output() pageEvent = new EventEmitter<PageEvent>();
-  @Input() displayedColumns!: string[];
-  @Output() tableActionRowEvent = new EventEmitter<any>();
-  ngOnInit(): void {
-    const cols = this.matTableConfig.columns?.map((c) => c.columnDef);
-    if (this.displayedColumns !== undefined)
-      this.displayedColumns.unshift(...cols as string[]);
-    else this.displayedColumns = cols as string[];
-  }
-  ngAfterViewInit() {
-    setTimeout(() => {
-      this.matTableConfig.dataSource = new MatTableDataSource(
-              this.matTableConfig.dataSource,
-              );
-      this.matTableConfig.dataSource.paginator = this.paginator;
-      this.matTableConfig.dataSource.sort = this.sort;
-    });
-  }
-  applyFilter(event: Event) {
-    const filterValue = (event.target as HTMLInputElement).value;
-    this.matTableConfig.dataSource.filter = filterValue
-    .trim()
-    .toLowerCase();
-
-    if (this.matTableConfig.dataSource.paginator) {
-      this.matTableConfig.dataSource.paginator.firstPage();
-    }
-  }
-
-  public page(e: any) {
-    this.pageEvent.emit(e);
-  }
-
-  public tableAction($item: any, action: TableAction) {
-    const item = Object.assign($item, { action: action });
-    this.tableActionRowEvent.next(item);
-  }
-}

package/src/lib/component/textarea/textarea.component.html

@@ -1,22 +0,0 @@
-<mat-form-field [appearance]="control.appearance" [formGroup]="formGroup" [floatLabel]="control.floatLabel"
-  [ngStyle]="control.style" [ngClass]="control.class" class="textarea-form">
-  <mat-label>{{control.label}}</mat-label>
-
-  <textarea matInput [formControlName]="control.formControlName" [placeholder]="control.placeHolder"
-    [ngStyle]="control.style" [ngClass]="control.class"
-    [cdkTextareaAutosize]="control.textAreaProperty.cdkTextareaAutosize"
-    [cdkAutosizeMinRows]="control.textAreaProperty.cdkAutosizeMinRows"
-    [cdkAutosizeMaxRows]="control.textAreaProperty.cdkAutosizeMaxRows" [rows]="control.textAreaProperty.rows"
-    [cols]="control.textAreaProperty.cols"></textarea>
-
-  <span matPrefix [ngClass]="{'material-icons': control.prefix.isIcon}">{{control.prefix.text}}</span>
-  <span matSuffix [ngClass]="{'material-icons': control.suffix.isIcon}">{{control.suffix.text}}</span>
-
-
-  <mat-hint>{{control.hint.text}}</mat-hint>
-
-  <ng-container *ngFor="let validation of control.validations;" ngProjectAs="mat-error">
-    <mat-error *ngIf="formGroup.get(control.formControlName)?.hasError(validation.name)">{{validation.message}}
-    </mat-error>
-  </ng-container>
-</mat-form-field>

package/src/lib/component/textarea/textarea.component.scss

@@ -1,3 +0,0 @@
-.textarea-form{
-  width: 100%;
-}

package/src/lib/component/textarea/textarea.component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { TextareaComponent } from './textarea.component';
-
-describe('TextareaComponent', () => {
-  let component: TextareaComponent;
-  let fixture: ComponentFixture<TextareaComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ TextareaComponent ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(TextareaComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/component/textarea/textarea.component.ts

@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseControl } from '../../base-control';
-import { FormGroup } from '@angular/forms';
-
-@Component({
-  selector: 'falcon-textarea',
-  templateUrl: './textarea.component.html',
-  styleUrls: ['./textarea.component.scss'],
-})
-export class TextareaComponent {
-  control!: BaseControl<string>;
-  formGroup!: FormGroup;
-}

package/src/lib/component/textbox/textbox.component.html

@@ -1,27 +0,0 @@
-<mat-form-field [formGroup]="formGroup" [appearance]="control.appearance" class="textbox-form">
-  <mat-label>{{control.label}}</mat-label>
-  <input matInput [type]="control.type" [formControlName]="control.formControlName" [class]="control.class"
-         [required]="formGroup.get(control.formControlName)?.errors !== null && formGroup.get(control.formControlName)?.errors?.['required']">
-
-  <span matPrefix [matTooltip]="control.prefix.toolTipText!"
-        [ngClass]="{'material-icons': control.prefix.isIcon}">{{control.prefix.text}}&nbsp;&nbsp;</span>
-  <span matSuffix [matTooltip]="control.suffix.toolTipText!"
-        [ngClass]="{'material-icons': control.suffix.isIcon}">{{control.suffix.text}}&nbsp;&nbsp;</span>
-  <mat-hint *ngIf="control.hint.link?.isLink; else elseBlock">
-    <ng-container *ngIf="control.hint.link?.queryParams !== undefined; else withoutQueryBlock">
-      <a [routerLink]="[control.hint.link?.routerLink]" [queryParams]="{ query: control.hint.link?.queryParams }"
-         routerLinkActive="router-link-active">{{control.hint.text}}</a>
-    </ng-container>
-  </mat-hint>
-  <ng-template #elseBlock>
-    <mat-hint>{{control.hint.text}}</mat-hint>
-  </ng-template>
-  <ng-template #withoutQueryBlock>
-    <a [routerLink]="[control.hint.link?.routerLink]" routerLinkActive="router-link-active">{{control.hint.text}}</a>
-  </ng-template>
-
-  <ng-container *ngFor="let validation of control.validations;" ngProjectAs="mat-error">
-    <mat-error *ngIf="formGroup.get(control.formControlName)?.hasError(validation.name)">{{validation.message}}
-    </mat-error>
-  </ng-container>
-</mat-form-field>

package/src/lib/component/textbox/textbox.component.scss

@@ -1,3 +0,0 @@
-.textbox-form {
-  width: 100%;
-}