@verisoft/ui-govcz 18.5.0 → 18.6.0

package/src/lib/components/header/index.ts

@@ -1 +0,0 @@
-export * from './header.component'

package/src/lib/components/input-group/index.ts

@@ -1 +0,0 @@
-export * from './input-group.component';

package/src/lib/components/input-group/input-group.component.html

@@ -1,41 +0,0 @@
-<gov-form-control>
-    @if (label) {
-    <gov-form-label 
-        [slot]="labelSlot"
-        [size]="size | govSize"
-    >
-        {{ label }}
-    </gov-form-label>
-    }
-        @if(prefix) {
-            <gov-icon
-                [name]="name"
-            />
-        }
-        <gov-form-input 
-            input-type="input-type"
-            [formControl]="formControl"
-            [minlength]="minlength" 
-            [maxlength]="maxlength" 
-            [size]='size | govSize'  
-            [name]='name' 
-            [role]='role'
-            [required]="required"
-            [readonly]="readonly"
-            [invalid]="ngControl?.errors ? true : false"
-        />
-        @if(sufix) {
-            <gov-icon
-                [name]="name"
-            />
-        }
-        <v-validation-message [ngControl]="ngControl"></v-validation-message>
-        @if (message) {
-        <gov-form-message 
-            [slot]="messageSlot" 
-            color="neutral"
-            >
-            {{ message }}
-        </gov-form-message>
-        }
-</gov-form-control>

package/src/lib/components/input-group/input-group.component.ts

@@ -1,77 +0,0 @@
-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 {
-  BaseFormInputComponent,
-  INPUT_GROUP_COMPONENT_TOKEN,
-  InputGroupCore,
-  InputGroupItem,
-  FieldSizeType,
-  FieldSize,
-  IconPositionType,
-  IconPosition,
-  SlotPositionType,
-  SlotPosition,
-  FieldTypeType,
-  FieldType,
-} from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { GovSizePipe } from '../../pipes';
-import { ErrorComponent } from '../errors';
-
-@Component({
-  selector: 'v-input-group',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    GovDesignSystemModule,
-    GovSizePipe,
-    ErrorComponent,
-  ],
-  templateUrl: './input-group.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: INPUT_GROUP_COMPONENT_TOKEN,
-      useExisting: InputGroupComponent,
-    },
-  ],
-})
-export class InputGroupComponent
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, InputGroupCore
-{
-  @Input() floatLabel!: boolean;
-  @Input() type: FieldTypeType = FieldType.text;
-  @Input() minlength = 0;
-  @Input() items!: InputGroupItem[];
-  @Input() prefix!: string;
-  @Input() sufix!: string;
-  @Input() maxlength = 524288;
-  @Input() name! : string;
-  @Input() role! : string;
-  @Input() message! : string;
-  @Input() size: FieldSizeType | undefined = FieldSize.medium;
-  @Input() icon!: string;
-  @Input() iconPos: IconPositionType = IconPosition.right;
-  @Input() labelSlot: SlotPositionType = SlotPosition.top;
-  @Input() messageSlot: SlotPositionType = SlotPosition.bottom;
-
-  icons = Icons;
-    
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-}

package/src/lib/components/loader/index.ts

@@ -1 +0,0 @@
-export * from './loader.component';

package/src/lib/components/loader/loader.component.html

@@ -1,7 +0,0 @@
-<div style="min-height: 300px;">
-  <gov-loading
-    [size]="size | govSize"
-  >
-    {{ message }}
-  </gov-loading>
-</div>

package/src/lib/components/loader/loader.component.spec.ts

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

package/src/lib/components/loader/loader.component.ts

@@ -1,33 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
-import { 
-    LOADER_COMPONENT_TOKEN, 
-    LoaderCore,
-    FieldSize,
-    FieldSizeType,
-} from '@verisoft/ui-core';
-import { GovSizePipe } from '../../pipes';
-
-@Component({
-  selector: 'v-loader',
-  standalone: true,
-  imports: [
-    CommonModule, GovDesignSystemModule, GovSizePipe
-  ],
-  templateUrl: './loader.component.html',
-  styleUrl: './loader.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    { 
-      provide: LOADER_COMPONENT_TOKEN, 
-      useExisting: LoaderComponent,
-    }
-  ],
-})
-export class LoaderComponent 
-    implements LoaderCore 
-{
-  @Input() size: FieldSizeType = FieldSize.medium;
-  @Input() message!: string;
-}

package/src/lib/components/multiselect/index.ts

@@ -1 +0,0 @@
-export * from './multiselect.component';

package/src/lib/components/multiselect/multiselect.component.html

@@ -1,21 +0,0 @@
-<gov-form-control>
-  <gov-form-label 
-    [slot]="label"
-    [size]="size | govSize"
-  >
-    {{ label }}
-  </gov-form-label>
-  <gov-form-multi-select
-    [size]="size | govSize"
-    [formControl]="formControl"
-    [required]="required"
-    [invalid]="ngControl && ngControl.errors"
-    [options]="options | govMultiselectOptions : optionLabel : optionValue"
-    [placeholder]="placeholder ?? ''"
-    (gov-focus)="onDropdownShow()"
-    (gov-remove)="onDropdownClear()"
-    (gov-change)="selectionChange($event)"
-    (lazyLoadEvent)="onLazyLoad($any($event))"
-  />
-  <v-validation-message [ngControl]="ngControl"></v-validation-message>
-</gov-form-control>

package/src/lib/components/multiselect/multiselect.component.spec.ts

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

package/src/lib/components/multiselect/multiselect.component.ts

@@ -1,119 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  EventEmitter,
-  Input,
-  OnChanges,
-  Optional,
-  Output,
-  Self,
-  SimpleChanges,
-  inject,
-  ChangeDetectorRef,
-} from '@angular/core';
-import {
-  ControlValueAccessor,
-  NgControl,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
-import {
-  FilterEvent,
-  LazyLoadEvent,
-} from '@verisoft/core';
-import {
-  BaseFormInputComponent,
-  MULTISELECT_COMPONENT_TOKEN,
-  MultiselectCore,
-  FieldSize,
-  FieldSizeType,
-  SlotPosition,
-  SlotPositionType,
-} from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { GovMultiselectOptionsPipe, GovSizePipe } from '../../pipes';
-import { ErrorComponent } from '../errors';
-
-@Component({
-  selector: 'v-multiselect',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    GovDesignSystemModule,
-    GovSizePipe,
-    GovMultiselectOptionsPipe,
-    ErrorComponent,
-  ],
-  templateUrl: './multiselect.component.html',
-  styleUrl: './multiselect.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: MULTISELECT_COMPONENT_TOKEN,
-      useExisting: MultiselectComponent,
-    },
-  ],
-})
-export class MultiselectComponent<T>
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, OnChanges, MultiselectCore<T>
-{
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-
-  @Input() options: T[] | undefined = [];
-  @Input() optionLabel!: string | undefined;
-  @Input() optionValue!: string | undefined;
-  @Input() dropdownIcon: string | undefined;
-  @Input() floatLabel: string | undefined;
-  @Input() editable = true;
-  @Input() display!: 'flex' | 'block';
-  @Input() errorSlot: SlotPositionType = SlotPosition.bottom;
-  @Input() lazy!: boolean;
-  @Input() filter!: boolean;
-  @Input() loading = false;
-  @Input() size: FieldSizeType = FieldSize.medium;
-
-  @Output() changed = new EventEmitter<any>();
-  @Output() showed = new EventEmitter<any>();
-  @Output() cleared = new EventEmitter<any>();
-  @Output() lazyLoad = new EventEmitter<LazyLoadEvent>();
-  @Output() filtered = new EventEmitter<FilterEvent>();
-
-  icons = Icons;
-
-  lazyLoadOptions: LazyLoadEvent = {
-    limit: 50,
-    offset: 0,
-  };
-
-  cdRef = inject(ChangeDetectorRef);
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes['options'] && !changes['options'].firstChange) {
-      this.cdRef.detectChanges();
-    }
-  }
-
-  onLazyLoad(event: any): void {
-    if (this.options && this.options.length - event.last <= 0) {
-      this.lazyLoadOptions.offset = event.last;
-      this.lazyLoad.emit(this.lazyLoadOptions);
-    }
-  }
-
-  selectionChange(event: any): void {
-    this.cleared.emit(event);
-  }
-
-  onDropdownShow(): void {
-    this.showed.emit();
-  }
-
-  onDropdownClear(): void {
-    this.cleared.emit();
-  }
-}

package/src/lib/components/number-input/index.ts

@@ -1 +0,0 @@
-export * from './number-input.component';

package/src/lib/components/number-input/number-input.component.html

@@ -1,48 +0,0 @@
-<gov-form-control>
-    @if (label) {
-    <gov-form-label 
-        [slot]="labelSlot"
-        [size]="size | govSize"
-    >
-        {{ label }}
-    </gov-form-label>
-    }
-    <gov-form-group>
-        <gov-form-input 
-            [attr.input-type]="type"
-            [formControl]="formControl"
-            [minlength]="minlength" 
-            [maxlength]="maxlength" 
-            [size]='size | govSize'  
-            [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>
-        <v-validation-message [ngControl]="ngControl"></v-validation-message>
-        @if (message) {
-        <gov-form-message 
-            [slot]="messageSlot" 
-            color="neutral"
-            >
-            {{ message }}
-        </gov-form-message>
-        }
-    </gov-form-group>
-</gov-form-control>

package/src/lib/components/number-input/number-input.component.ts

@@ -1,82 +0,0 @@
-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 {
-  NumberInputCore,
-  NUMBER_INPUT_COMPONENT_TOKEN,
-  FieldType,
-  BaseFormInputComponent,
-  FieldSizeType,
-  FieldSize,
-  IconPositionType,
-  IconPosition,
-  SlotPositionType,
-  SlotPosition,
-  FieldTypeType,
-} from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { GovSizePipe } from '../../pipes';
-import { ErrorComponent } from '../errors';
-@Component({
-  selector: 'v-number-input',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    GovDesignSystemModule,
-    GovSizePipe,
-    ErrorComponent,
-  ],
-  templateUrl: './number-input.component.html',
-  styleUrl: './number-input.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: NUMBER_INPUT_COMPONENT_TOKEN,
-      useExisting: NumberInputComponent,
-    },
-  ],
-})
-
-export class NumberInputComponent
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, NumberInputCore
-{  
-  @Input() mode!: string;
-  @Input() currency!: string;
-  @Input() min!: number;
-  @Input() max!: number;
-  @Input() step = 1;
-  @Input() floatLabel!: boolean;
-  @Input() type: FieldTypeType = FieldType.number;
-  @Input() minlength = 0;
-  @Input() maxlength = 524288;
-  @Input() prefix!: string;
-  @Input() sufix!: string;
-  @Input() message!: string;
-  @Input() name! : string;
-  @Input() role! : string;
-  @Input() size: FieldSizeType | undefined = 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;
-
-  icons = Icons;
-
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-}

package/src/lib/components/page-header/index.ts

@@ -1 +0,0 @@
-export * from './page-header.component';

package/src/lib/components/page-header/page-header.component.html

@@ -1,3 +0,0 @@
-<div class="d-flex gap-3 align-items-center">
-  <h2>{{ title | translate }}</h2>
-</div>

package/src/lib/components/page-header/page-header.component.scss

@@ -1,11 +0,0 @@
-h2 {
-  font-size: 1.5rem;
-  color: var(--color-neutral-700);
-  margin: 0;
-}
-
-.d-flex {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-}

package/src/lib/components/page-header/page-header.component.spec.ts

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

package/src/lib/components/page-header/page-header.component.ts

@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  Input,
-} from '@angular/core';
-import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
-import { TranslateModule } from '@ngx-translate/core';
-import { PageHeaderCore } from '@verisoft/ui-core';
-
-@Component({
-  selector: 'v-page-header',
-  standalone: true,
-  imports: [
-    CommonModule,
-    GovDesignSystemModule,
-    TranslateModule,
-  ],
-  templateUrl: './page-header.component.html',
-  styleUrl: './page-header.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class PageHeaderComponent implements PageHeaderCore {
-  @Input() title = '';
-
-  @Input() subtitle: string | undefined;
-
-  @Input() showBackButton: boolean | undefined;
-}

package/src/lib/components/password/password.component.html

@@ -1,31 +0,0 @@
-<gov-form-control class="mb-3">
-    @if (label) {
-    <gov-form-label 
-      [slot]="labelSlot"
-      [size]="size | govSize"
-    >
-      {{ label }}
-    </gov-form-label>
-    }
-  <gov-form-group>
-    @if (feedback) {
-    <gov-form-password-power [power]="passwordStrength - 1" />
-    }
-    <gov-form-input
-      [formControl]="formControl"
-      [attr.input-type]="type"
-      [placeholder]="placeholder"
-      [invalid]="ngControl?.errors"
-      (ngModelChange)="valueChange($event)"
-    />
-  </gov-form-group>
-  <v-validation-message [ngControl]="ngControl"></v-validation-message>
-  @if (message) {
-  <gov-form-message 
-      [slot]="messageSlot" 
-      color="neutral"
-      >
-      {{ message }}
-  </gov-form-message>
-  }
-</gov-form-control>

package/src/lib/components/password/password.component.spec.ts

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