ngx-wapp-components 3.2.11-alpha.9 → 3.2.11

package/src/lib/edit/w-edit-checkbox/w-edit-checkbox.component.ts

@@ -1,83 +0,0 @@
-import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
-import { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { SizeType } from '../../shared/enums/enum';
-
-@Component({
-    selector: 'w-edit-checkbox',
-    templateUrl: './w-edit-checkbox.component.html',
-    styleUrls: ['./w-edit-checkbox.component.scss'],
-    providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => WEditCheckboxComponent),
-            multi: true
-        }
-    ],
-    standalone: false
-})
-export class WEditCheckboxComponent {
-  @Input('label') label: string = '';
-  @Input('showLabel') showLabel: boolean = true;
-  @Input('helpDescription') helpDescription: string = '';
-  @Input('disabled') isDisabled: boolean = false;
-  @Input('size') size: string = 'small';
-  @Input('hasAlign') hasAlign: boolean = true;
-  @Input('tooltip') tooltip!: string;
-  @Input() tooltipPosition?: string;
-  @Input('layout') layout: string = "horizontal";
-
-  @Input('formControl') formControl!: FormControl | null;
-
-  @Output('checkboxState')
-    checkboxState: EventEmitter<boolean> = new EventEmitter<boolean>();
-
-  value: boolean = false;
-  isTouched : boolean = false;
-
-  onChange = (_:any) => { }
-  onTouch = () => { }
-
-  writeValue(value: any): void {
-    this.value = value;
-  }
-
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouch = fn;
-  }
-
-  setDisabledState(isDisabled: boolean): void {
-    this.isDisabled = isDisabled;
-  }
-
-  onInput(obj: any){
-    this.value = obj;
-    this.checkboxState.emit(this.value);
-    this.onTouch();
-    this.onChange(this.value);
-  }
-
-  onValueChanged() {
-    this.onChange(this.value);
-    this.onTouch();
-  }
-
-  getSize(value: number): string {
-    return SizeType[value];
-  }
-
-  get sizeType(): typeof SizeType {
-    return SizeType;
-  }
-
-  isRequiredValid(): boolean {
-    return !(this.formControl?.hasError('required'));
-  }
-
-  isRequiredValidNgModel(): boolean {
-    return !(this.value == null);
-  }
-}

package/src/lib/edit/w-edit-input-colorpicker/w-edit-input-colorpicker.component.html

@@ -1,38 +0,0 @@
-@if (formControl) {
-  <div class="w-edit-input-colorpicker">
-    <w-edit-input-text class="flex"
-      [(ngModel)]="value"
-      (ngModelChange)="test($event)"
-      [label]="label"
-      [required]="required"
-      [requiredErrorDescription]="requiredErrorDescription"
-      [disabled]="disabled"
-      [tooltip]="tooltip"
-      [tooltipPosition]="tooltipPosition" >
-    </w-edit-input-text>
-    <p-colorpicker class="w-colorpicker flex"
-      [formControl]="formControl"
-      (onChange)="onValueChange($event)"
-      [format]="format"
-      [appendTo]="'body'">
-    </p-colorpicker>
-  </div>
-} @else {
-  <div class="w-edit-input-colorpicker">
-    <w-edit-input-text class="flex" [label]="label"
-      [required]="required"
-      [requiredErrorDescription]="requiredErrorDescription"
-      [disabled]="disabled"
-      [tooltip]="tooltip"
-      [tooltipPosition]="tooltipPosition"
-      [(ngModel)]="value"
-      (ngModelChange)="onTextValue()" >
-    </w-edit-input-text>
-    <p-colorpicker class="w-colorpicker flex"
-      [(ngModel)]="value"
-      (onChange)="onValue()"
-      [format]="format"
-      [appendTo]="'body'">
-    </p-colorpicker>
-  </div>
-}

package/src/lib/edit/w-edit-input-colorpicker/w-edit-input-colorpicker.component.scss

@@ -1,35 +0,0 @@
-@import './../../../styles/variables'; 
-
-.w-edit-input-colorpicker {
-    display: flex; 
-    gap: 12px;
-    width: 100%;
-}
-
-.w-edit-input-colorpicker > w-edit-input-text {
-    flex: 1 1 0%; 
-    min-width: 0; 
-    flex-direction: column;
-}
-
-.w-edit-input-colorpicker > p-colorPicker {
-    flex: 0 0 28px; 
-    margin-left: auto; 
-    align-items: end;
-}
-
-::ng-deep .w-colorpicker {
-    &.p-colorpicker {
-        .p-colorpicker-preview {
-            width: 28px; 
-            height: 28px; 
-
-            &.p-inputtext{
-                @extend .w-input-small-placeholder-text;
-                border-radius: $defaultBorderRadius;
-                border-width: $defaultBorderWidth;
-                border: $defaultBorderWidth solid $black200;
-            }
-        } 
-    }
-}

package/src/lib/edit/w-edit-input-colorpicker/w-edit-input-colorpicker.component.spec.ts

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

package/src/lib/edit/w-edit-input-colorpicker/w-edit-input-colorpicker.component.ts

@@ -1,79 +0,0 @@
-import { Component, EventEmitter, forwardRef, Input, OnInit, Output } from '@angular/core';
-import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-
-@Component({
-    selector: 'w-edit-input-colorpicker',
-    templateUrl: './w-edit-input-colorpicker.component.html',
-    styleUrls: ['./w-edit-input-colorpicker.component.scss'],
-    providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => WEditInputColorpickerComponent),
-            multi: true
-        }
-    ],
-    standalone: false
-})
-export class WEditInputColorpickerComponent implements OnInit, ControlValueAccessor {
-  @Input('label') label!: string; 
-  value: string = "#ffffff";
-  @Input('formControl') formControl!: FormControl | null;
-  @Output('onChange') onChangeEvent: EventEmitter<any> = new EventEmitter();
-  @Input('format') format: 'hex' | 'rgb' | 'hsb' = "hex"; 
-  @Input('placeholder') placeholder: string = "";
-  @Input('required') required: boolean = false;
-  @Input('requiredErrorDescription') requiredErrorDescription: string = "Data is required";
-  @Input('disabled') disabled: boolean = false;
-  @Input('tooltip') tooltip!: string;
-  @Input() tooltipPosition?: string;
-
-  onChange: any = () => {};
-  onTouch: any = () => {};
-  
-  ngOnInit(): void {
-    if(this.formControl){
-      this.setValue();
-    }
-  }
-
-  writeValue(value: any): void {
-    this.value = value;
-  }
-
-  registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouch = fn; 
-  }
-  
-  onValue(){
-    this.onChange(this.value); 
-    this.onTouch(); 
-
-    this.onChangeEvent.emit(this.value);
-  }
-
-  onValueChange(value: any){
-    this.onChangeEvent.emit(value); 
-  }
-
-  onTextValue(){
-    if(this.value){ 
-      this.onChange(this.value)
-    }else{
-      this.onChange(null);
-    }
-  }
-
-  setValue(){
-    this.formControl?.valueChanges.subscribe(value => {
-      this.value = value;
-    })
-  }
-
-  test(value: any){
-    this.formControl?.setValue(value);
-  }
-}

package/src/lib/edit/w-edit-input-number/w-edit-input-number.component.html

@@ -1,75 +0,0 @@
-@if (formControl != null) {
-  <div class="w-edit-input-number-field p-fluid field">
-    @if (showLabel) {
-      <w-input-label [label]="label" [required]="required" [disabled]="disabled" [size]="size" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition" [validated]="isRequiredValid()"></w-input-label>
-    }
-    @if (getSizeName(sizeType.medium) == size) {
-      <p-inputNumber
-        [ngClass]="{'w-edit-input-number-medium-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',
-                    'w-edit-input-number-medium-valid': formControl.valid && formControl.touched  && successMessage != '',
-                    'w-edit-input-number-medium-warning': formControl.invalid && formControl.touched && (formControl.hasError('min') || formControl.hasError('max'))}"
-        class="w-edit-input-number-medium w-edit-input-number-medium-height"
-        styleClass="flex flex-1"
-        [mode]="mode"
-        [minFractionDigits]="minFractionDigits" [maxFractionDigits]="maxFractionDigits"
-        [prefix]="prefix" [suffix]="suffix" [useGrouping]="useGrouping"
-        id="w-textarea" [placeholder]="placeholder"
-        [required]="required" [formControl]="formControl" >
-      </p-inputNumber>
-    }
-    @if (getSizeName(sizeType.small) == size) {
-      <p-inputNumber
-        [ngClass]="{'w-edit-input-number-small-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',
-                    'w-edit-input-number-small-valid': formControl.valid && formControl.touched  && successMessage != '',
-                    'w-edit-input-number-small-warning': formControl.invalid && formControl.touched && (formControl.hasError('min') || formControl.hasError('max'))}"
-        class="w-edit-input-number-small"
-        styleClass="flex flex-1"
-        [mode]="mode"
-        [minFractionDigits]="minFractionDigits" [maxFractionDigits]="maxFractionDigits"
-        [prefix]="prefix" [suffix]="suffix" [useGrouping]="useGrouping"
-        id="w-textarea" [placeholder]="placeholder"
-      [required]="required" [formControl]="formControl"></p-inputNumber>
-    }
-    <!-- <small *ngIf="formControl.valid && formControl.touched" class="w-input-success-alert-text">{{successMessage}}</small>-->
-    @if (formControl.invalid && formControl.hasError('max') && formControl.touched) {
-      <span
-      class="w-input-alert-message w-input-warning-alert-text p-error block">{{maxErrorDescription}}</span>
-    }
-    @if (formControl.invalid && formControl.hasError('min') && formControl.touched) {
-      <span
-      class="w-input-alert-message w-input-warning-alert-text p-error block">{{minErrorDescription}}</span>
-    }
-    @if (formControl.hasError('required') && formControl.dirty) {
-      <span
-      class="w-input-alert-message w-input-error-alert-text p-error block">{{requiredErrorDescription}}</span>
-    }
-  </div>
-} @else {
-  <div class="w-edit-input-number-field p-fluid field">
-    @if (showLabel) {
-      <w-input-label [label]="label" [required]="required" [disabled]="disabled" [size]="size" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition" [validated]="isRequiredValidNgModel()"></w-input-label>
-    }
-    @if (getSizeName(sizeType.medium) == size) {
-      <p-inputNumber [disabled]="disabled"
-        [required]="required"
-        class="w-edit-input-number-medium w-edit-input-number-medium-height"
-        styleClass="flex flex-1"
-        [mode]="mode"
-        [minFractionDigits]="minFractionDigits" [maxFractionDigits]="maxFractionDigits"
-        [min]="min" [max]="max" [prefix]="prefix" [suffix]="suffix" [useGrouping]="useGrouping"
-        id="w-textarea" [placeholder]="placeholder"
-      [required]="required" [(ngModel)]="value" (onInput)="onValueChanged($event)" [disabled]="disabled"></p-inputNumber>
-    }
-    @if (getSizeName(sizeType.small) == size) {
-      <p-inputNumber [disabled]="disabled"
-        [required]="required"
-        class="w-edit-input-number-small"
-        styleClass="flex flex-1"
-        [mode]="mode"
-        [minFractionDigits]="minFractionDigits" [maxFractionDigits]="maxFractionDigits"
-        [min]="min" [max]="max" [prefix]="prefix" [suffix]="suffix" [useGrouping]="useGrouping"
-        id="w-textarea" [placeholder]="placeholder"
-      [required]="required" [(ngModel)]="value" (onInput)="onValueChanged($event)" [disabled]="disabled"></p-inputNumber>
-    }
-  </div>
-}

package/src/lib/edit/w-edit-input-number/w-edit-input-number.component.scss

@@ -1,97 +0,0 @@
-@import '../../../styles/_variables.scss';
-
-.w-edit-input-number-field{
-  margin: $spacingZero;
-  display: grid;
-  gap: $spacingXSM !important;
-}
-
-/* SMALL */
-
-:host ::ng-deep .w-edit-input-number-small-height .p-inputtext {
-    height: $spacingXXXL !important;
-}
-
-.w-edit-input-number-small {
-    width: 100%;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext{
-    @extend .w-input-small-placeholder-text;
-    height: $simpleInputHeight !important;
-    background-color: $primaryBgColor;
-    border: $defaultBorderWidth solid $textSoftestColor;
-    border-radius: $defaultBorderRadius;
-    padding: $defaultBorderRadius;
-    width: 100%;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext::-webkit-input-placeholder { /* Chrome/Opera/Safari */
-    font-size: 0.9166666666666666rem; //11px
-    line-height: 1.0833333333333333rem; //13px
-    font-weight: 300;
-    color: $textSofterColor !important;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext::placeholder { /* Firefox 19+ */
-    @extend .light;
-    color: $textSofterColor !important;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:-ms-input-placeholder { /* IE 10+ */
-    font-size: 0.9166666666666666rem; //11px
-    line-height: 1.0833333333333333rem; //13px
-    font-weight: 300;
-    color: $textSofterColor !important;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:-moz-placeholder { /* Firefox 18- */
-    @extend .light;
-    color: $textSofterColor !important;
-}
-
-:host ::ng-deep .p-inputtext:enabled:hover {
-    @extend .hoveredInput;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:focus {
-    @extend .focusedInput;
-    border-radius: $defaultBorderRadius;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:focus::-moz-placeholder {
-    color:transparent !important;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:focus::-webkit-input-placeholder {
-    color:transparent !important;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:focus:-ms-input-placeholder {
-    color:transparent !important;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:focus:-moz-placeholder {
-    color:transparent !important;
-}
-
-:host ::ng-deep .w-edit-input-number-small .p-inputtext:disabled {
-    @extend .w-input-disabled;
-}
-
-:host ::ng-deep .w-edit-input-number-small-valid .p-inputtext {
-    @extend .input-generic-valid;
-}
-
-:host ::ng-deep .w-edit-input-number-small-valid .p-inputtext:focus{
-    @extend .input-generic-valid-focus;
-    padding-left: $spacingS;
-}
-
-:host ::ng-deep .w-edit-input-number-small-warning .p-inputtext{
-    @extend .input-generic-warning;
-}
-
-:host ::ng-deep p-inputnumber.w-edit-input-number-small.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
-    @extend .input-generic-error;
-}

package/src/lib/edit/w-edit-input-number/w-edit-input-number.component.spec.ts

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

package/src/lib/edit/w-edit-input-number/w-edit-input-number.component.ts

@@ -1,139 +0,0 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Optional, Output, Self, SimpleChanges, forwardRef } from '@angular/core';
-import { ControlValueAccessor, FormControl, FormControlName, NG_VALUE_ACCESSOR, NgControl, Validators } from '@angular/forms';
-import { SizeType } from '../../shared/enums/enum';
-import { NumberConversionService } from '../../shared/services/number-conversion.service';
-
-@Component({
-    selector: 'w-edit-input-number',
-    templateUrl: './w-edit-input-number.component.html',
-    styleUrls: ['./w-edit-input-number.component.scss'],
-    providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => WEditInputNumberComponent),
-            multi: true
-        }
-    ],
-    standalone: false
-})
-export class WEditInputNumberComponent implements OnInit, OnChanges, ControlValueAccessor {
-  value: number = 0;
-
-  @Input('label') label!: string;
-  @Input('showLabel') showLabel: boolean = true;
-  @Input('placeholder') placeholder: string = "";
-  @Input('successMessage') successMessage: string = "";
-  @Input('mode') mode: string = "decimal";
-  @Input('minFractionDigits') minFractionDigits: number = 0;
-  @Input('maxFractionDigits') maxFractionDigits: number = 0;
-
-  @Input('required') required: boolean = false;
-  @Input('requiredErrorDescription') requiredErrorDescription: string = "Data is required";
-
-  @Input('disabled') disabled: boolean = false;
-
-  @Input('min') min!: number;
-  @Input('minErrorDescription') minErrorDescription: string = "Min error";
-
-  @Input('max') max!: number;
-  @Input('maxErrorDescription') maxErrorDescription: string = "Max error";
-
-  @Input('prefix') prefix!: string;  
-  @Input('suffix') suffix!: string;  
-
-  @Input('autofocus') autofocus: boolean = false;
-  @Input('size') size: string = "small";
-
-  @Input('formControl') formControl!: FormControl | null;
-  @Input('removePaddingTop') removePaddingTop: boolean = false;
-
-  @Input('useGrouping') useGrouping: boolean = true;
-
-  @Input('tooltip') tooltip!: string;
-  @Input() tooltipPosition?: string;
-
-  private _isPercentageMode = false;
-  isTouched: boolean = false;
-  onChange = (_: number) => { }
-  onTouch = () => { }
-
-  constructor(private numberConversionService: NumberConversionService){}
-
-  ngOnInit(): void {
-    this.setPreSuffixMode(); 
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if(changes['prefix']?.previousValue !== undefined){
-      this.prefix = changes['prefix'].currentValue; 
-      this.setPreSuffixMode(); 
-    }
-
-    if(changes['suffix']?.previousValue !== undefined){
-      this.suffix = changes['suffix'].currentValue; 
-      this.setPreSuffixMode(); 
-    }
-  }
-
-  writeValue(value: any): void { 
-    if (value !== null && value !== undefined) {
-      if(this._isPercentageMode){
-        this.value = this.numberConversionService.getValueByPercentage(value); 
-      }else{
-        this.value = +value;
-      }
-    } else {
-      this.value = value;
-    }
-  }
-
-  registerOnChange(onChange: any): void {
-    this.onChange = onChange;
-  }
-
-  registerOnTouched(onTouch: any): void {
-    this.onTouch = onTouch;
-  }
-
-  setDisabledState(isDisabled: boolean): void {
-    this.disabled = isDisabled;
-  }
-
-  onValueChanged(event: any){
-    let value = event.value;
-
-    if (this._isPercentageMode && value !== null && value !== undefined) {
-      value = this.numberConversionService.getPercentageValue(value);
-    }
-
-    this.onChange(value);
-    this.onTouch();
-  }
-
-  onInputBlur(event: Event){
-    const newValue: number = +(event.target as HTMLInputElement).value;
-    this.value = newValue;
-    this.onChange(this.value);
-    this.onTouch();
-  }
-
-  getSizeName(value: number): string {
-    return SizeType[value];
-  }
-
-  get sizeType(): typeof SizeType {
-    return SizeType;
-  }
-
-  setPreSuffixMode(){
-    this._isPercentageMode = this.suffix === '%' || this.prefix === '%';
-  }
-
-  isRequiredValid(): boolean {
-    return !(this.required && this.formControl?.hasError('required'));
-  }
-
-  isRequiredValidNgModel(): boolean {
-    return !(this.required && this.value == null);
-  }
-}

package/src/lib/edit/w-edit-input-text/w-edit-input-text.component.html

@@ -1,54 +0,0 @@
-@if (formControl) {
-  <div class="w-edit-input-text-select-field p-fluid field">
-    @if (showLabel) {
-      <w-input-label [label]="label" [required]="required" [disabled]="disabled" [size]="size" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition" [validated]="isRequiredValid()"></w-input-label>
-    }
-    <span [ngClass]="{'p-input-icon-right' : inputIcon != ''}">
-      @if (inputIcon != '') {
-        <i class="w-edit-input-text-small-icon pi {{inputIcon}}"></i>
-      }
-      <input pInputText
-        [ngClass]="{'w-edit-input-text-small-error': formControl.hasError('required') && formControl.dirty && requiredErrorDescription != '',
-                    'w-edit-input-text-small-valid': formControl.valid && formControl.touched  && successMessage != '',
-                    'w-edit-input-text-small-warning': formControl.invalid && (formControl.hasError('minlength') || formControl.hasError('maxlength') || formControl.hasError('pattern'))}"
-        minlength="{{minlength}}" maxlength="{{maxlength}}" [email]="email"
-        class="w-edit-input-text-small" id="w-textarea"
-        [placeholder]="placeholder" [required]="required" [formControl]="formControl">
-    </span>
-    @if (formControl.invalid && formControl.hasError('maxlength') && formControl.touched ) {
-      <span
-      class="w-alert-message w-input-warning-alert-text p-error block">{{maxlengthErrorDescription}}</span>
-    }
-    @if (formControl.invalid && formControl.hasError('minlength') && formControl.touched ) {
-      <span
-      class="w-alert-message w-input-warning-alert-text p-error block">{{minlengthErrorDescription}}</span>
-    }
-    @if (formControl.invalid && formControl.hasError('pattern') && formControl.touched ) {
-      <span
-      class="w-alert-message w-input-warning-alert-text p-error block">{{patternErrorDescription}}</span>
-    }
-    @if (formControl.invalid && formControl.hasError('email') && formControl.dirty) {
-      <span
-      class="w-alert-message w-input-error-alert-text p-error block">{{emailErrorDescription}}</span>
-    }
-    @if (formControl.hasError('required') && formControl.dirty) {
-      <span
-      class="w-alert-message w-input-error-alert-text p-error block">{{requiredErrorDescription}}</span>
-    }
-  </div>
-} @else {
-  <div class="w-edit-input-text-select-field p-fluid field">
-    @if (showLabel) {
-      <w-input-label [label]="label" [required]="required"  [disabled]="disabled" [size]="size" [tooltip]="tooltip" [tooltipPosition]="tooltipPosition" [validated]="isRequiredValidNgModel()"></w-input-label>
-    }
-    <span [ngClass]="{'p-input-icon-right' : inputIcon != ''}">
-      @if (inputIcon != '') {
-        <i class="w-edit-input-text-small-icon pi {{inputIcon}}"></i>
-      }
-      <input pInputText minlength="{{minlength}}" maxlength="{{maxlength}}" pattern="{{pattern}}" [required]="required"
-        class="w-edit-input-text-small" id="w-textarea"
-        [placeholder]="placeholder" [required]="required" [(ngModel)]="value" (input)="onValueChanged()"
-        [disabled]="disabled" [autofocus]="autofocus">
-    </span>
-  </div>
-}