@verisoft/ui-govcz 0.0.1

package/src/lib/components/gov-text-field/gov-text-field.component.html

@@ -0,0 +1,58 @@
+<gov-form-control>
+    @if (label) {
+    <gov-form-label 
+        [slot]="labelSlot"
+        [size]="size"
+    >
+        {{ label }}
+    </gov-form-label>
+    }
+    <gov-form-group>
+        <gov-form-input [type]="type"
+            [formControl]="formControl"
+            [minlength]="minlength" 
+            [maxlength]="maxlength" 
+            [size]='size'  
+            [name]='name' 
+            [role]='role'
+            [required]="required"
+            [readonly]="readonly"
+            [invalid]="ngControl?.errors ? true : false"
+        >
+            @if (icon) {
+            <gov-icon
+                [name]="icon"
+                [slot]="iconPos === 'left' ? 'icon-start' : 'icon-end'"
+            />
+            } @if (prefix) {
+            <p slot="prefix">
+                {{ prefix }}
+            </p>
+            } @if (sufix) {
+            <p slot="sufix">
+                {{ sufix }}
+            </p>
+            }
+        </gov-form-input>
+    </gov-form-group>
+    @if (ngControl && ngControl.errors) {
+    <gov-form-message
+        [slot]="errorSlot"
+        color="error"
+    >
+        {{ngControl.errors | error}}
+        <gov-icon 
+            type="components"
+            name="exclamation-triangle-fill"
+            slot="icon"
+        />
+    </gov-form-message>
+    } @if (message) {
+    <gov-form-message
+        [slot]="messageSlot"
+        color="neutral"
+    >
+        {{ message }}
+    </gov-form-message>
+    }
+</gov-form-control>

package/src/lib/components/gov-text-field/gov-text-field.component.ts

@@ -0,0 +1,70 @@
+import { CommonModule } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  Optional,
+  Self,
+} from '@angular/core';
+import {
+  ControlValueAccessor,
+  NgControl,
+  ReactiveFormsModule,
+} from '@angular/forms';
+import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
+import {
+  TextfieldCore,
+  TEXTFIELD_COMPONENT_TOKEN,
+  FieldType,
+  BaseFormInputComponent,
+  ErrorPipe,
+  FieldSizeType,
+  FieldSize,
+  IconPositionType,
+  IconPosition,
+  SlotPositionType,
+  SlotPosition
+} from '@verisoft/ui-core';
+@Component({
+  selector: 'v-textfield',
+  standalone: true,
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    GovDesignSystemModule,
+    ErrorPipe,
+  ],
+  templateUrl: './gov-text-field.component.html',
+  styleUrl: './gov-text-field.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [
+    {
+      provide: TEXTFIELD_COMPONENT_TOKEN,
+      useExisting: TextfieldComponent,
+    },
+  ],
+})
+export class TextfieldComponent
+  extends BaseFormInputComponent
+  implements ControlValueAccessor, TextfieldCore
+{
+  @Input() floatLabel!: boolean;
+  @Input() type = FieldType.text;
+  @Input() minlength = 0;
+  @Input() maxlength = 524288;
+  @Input() prefix!: string;
+  @Input() sufix!: string;
+  @Input() message!: string;
+  @Input() name! : string;
+  @Input() role! : string;
+  @Input() size: FieldSizeType = FieldSize.medium;
+  @Input() icon!: string;
+  @Input() iconPos: IconPositionType = IconPosition.right;
+  @Input() labelSlot: SlotPositionType = SlotPosition.top;
+  @Input() errorSlot: SlotPositionType = SlotPosition.bottom;
+  @Input() messageSlot: SlotPositionType = SlotPosition.bottom;
+
+  constructor(@Optional() @Self() ngControl: NgControl) {
+    super(ngControl);
+  }
+}

package/src/lib/components/gov-text-field/index.ts

@@ -0,0 +1 @@
+export * from './gov-text-field.component';

package/src/lib/components/index.ts

@@ -0,0 +1,11 @@
+export * from './gov-button';
+export * from './gov-checkbox';
+export * from './gov-breadcrumb';
+export * from './gov-header';
+export * from './gov-checkbox';
+export * from './gov-password';
+export * from './gov-radiobutton';
+export * from './gov-switch';
+export * from './gov-multiselect';
+export * from './gov-text-field';
+export * from './gov-loader';

package/src/lib/index.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './init.service';

package/src/lib/init.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { defineCustomElements } from "@gov-design-system-ce/components/loader";
+
+@Injectable({
+    providedIn: 'root',
+})
+export class GovInitService {
+    /* the rest of settings is set in `gov-config.d.ts` */
+    constructor() {
+        defineCustomElements(window);
+    }
+}