@verisoft/ui-govcz 20.1.0 → 20.1.2

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

@@ -1,110 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, input } from '@angular/core';
-import { ControlSeverity, ControlSeverityType, IconLibraryType, IconsComponent } from '@verisoft/ui-core';
-
-@Component({
-  selector: 'v-icon',
-  imports: [CommonModule],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  templateUrl: './icon.component.html',
-  styleUrl: './icon.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class IconComponent extends IconsComponent {
-  get govSize(): 's' | 'm' | 'l' | 'xl' {
-    switch (this.size()) {
-      case 'small':
-        return 's';
-      case 'large':
-        return 'l';
-      case 'medium':
-      default:
-        return 'm';
-    }
-  }
-
-  get govColorClass(): string {
-    const severity = this.mapSeverityToGovColor(this.severity());
-    return severity ? `text-${severity}` : '';
-  }
-
-  get govClasses(): string {
-    const colorClass = this.govColorClass;
-    const customClass = this.class() || '';
-    return `${colorClass} ${customClass}`.trim();
-  }
-
-  get bootstrapSizeClass(): string {
-    switch (this.size()) {
-      case 'small':
-        return 'fs-6';
-      case 'medium':
-        return 'fs-4';
-      case 'large':
-        return 'fs-2';
-      case 'xl':
-        return 'fs-1';
-      default:
-        return '';
-    }
-  }
-  
-  get bootstrapClasses(): string {
-    const baseClass = `bi bi-${this.name()}`;
-    const sizeClass = this.bootstrapSizeClass;
-    const colorClass = this.mapSeverityToBootstrapClass(this.severity());
-    const customClass = this.class() || '';
-    return `${baseClass} ${sizeClass} ${colorClass} ${customClass}`.trim();
-  }
-
-  private mapSeverityToGovColor(severity: ControlSeverityType | undefined): string | undefined {
-    if (!severity) {
-      return undefined;
-    }
-
-    switch (severity) {
-      case ControlSeverity.danger:
-        return 'error';
-      case ControlSeverity.warning:
-        return 'warning';
-      case ControlSeverity.success:
-        return 'success';
-      case ControlSeverity.secondary:
-        return 'secondary';
-      case ControlSeverity.info:
-        return 'neutral';
-      case ControlSeverity.help:
-      case ControlSeverity.primary:
-      case ControlSeverity.contrast:
-        return 'primary';
-      default:
-        return severity as string;
-    }
-  }
-
-  private mapSeverityToBootstrapClass(severity: ControlSeverityType | undefined): string {
-    if (!severity) {
-      return '';
-    }
-
-    switch (severity) {
-      case ControlSeverity.success:
-        return 'text-success';
-      case ControlSeverity.danger:
-        return 'text-danger';
-      case ControlSeverity.warning:
-        return 'text-warning';
-      case ControlSeverity.info:
-        return 'text-info';
-      case ControlSeverity.secondary:
-        return 'text-secondary';
-      case ControlSeverity.help:
-      case ControlSeverity.primary:
-      case ControlSeverity.contrast:
-        return 'text-primary';
-      default:
-        return `text-${severity}`;
-    }
-  }
-}
-

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

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

package/src/lib/components/index.ts

@@ -1,37 +0,0 @@
-export * from './breadcrumb';
-export * from './button';
-export * from './calendar';
-export * from './checkbox';
-export * from './confirm-dialog';
-export * from './dropdown';
-export * from './dropdown-button';
-export * from './errors';
-export * from './feature-list';
-export * from './filter';
-export * from './form-field';
-export * from './header';
-export * from './icon';
-export * from './input-group';
-export * from './loader';
-export * from './multiselect';
-export * from './number-input';
-export * from './page-header';
-export * from './password';
-export * from './radiobutton';
-export * from './search';
-export * from './section';
-export * from './shared-components';
-export * from './shared-components/action-button-group';
-export * from './shared-components/dynamic-component';
-export * from './shared-components/generic-field';
-export * from './shared-components/generic-form';
-export * from './side-menu';
-export * from './snackbar';
-export * from './stepper';
-export * from './switch';
-export * from './tab-view';
-export * from './table';
-export * from './tag';
-export * from './textarea';
-export * from './textfield';
-export * from './tooltip';

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,75 +0,0 @@
-
-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',
-    imports: [
-    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 { 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',
-    imports: [
-    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,117 +0,0 @@
-
-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',
-    imports: [
-    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,80 +0,0 @@
-
-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',
-    imports: [
-    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;
-}