@verisoft/ui-govcz 18.6.4 → 18.7.0

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();
-  });
-});

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

@@ -1,85 +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,
-  FieldType,
-  PASSWORD_COMPONENT_TOKEN,
-  PasswordCore,
-  SlotPosition,
-  SlotPositionType,
-  IconPosition,
-  IconPositionType,
-  FieldSize,
-  FieldSizeType,
-  PasswordStrength,
-} from '@verisoft/ui-core';
-import zxcvbn from 'zxcvbn';
-import { Icons } from '../../icons';
-import { GovSizePipe } from '../../pipes';
-import { ErrorComponent } from '../errors';
-
-@Component({
-  selector: 'v-password',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    GovDesignSystemModule,
-    GovSizePipe,
-    ErrorComponent,
-  ],
-  templateUrl: './password.component.html',
-  styleUrl: './password.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: PASSWORD_COMPONENT_TOKEN,
-      useExisting: PasswordComponent
-    }
-  ],
-})
-
-export class PasswordComponent 
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, PasswordCore 
-{
-  @Input() toggleMask = true;
-  @Input() feedback = false;
-  @Input() labelSlot: SlotPositionType = SlotPosition.top;
-  @Input() requiredStrength: PasswordStrength = PasswordStrength.None;
-  @Input() message!: string;
-  @Input() name! : string;
-  @Input() role! : string;
-  @Input() icon!: string;
-  @Input() iconPos: IconPositionType = IconPosition.right;
-  @Input() size: FieldSizeType | undefined = FieldSize.medium;
-  @Input() messageSlot: SlotPositionType = SlotPosition.bottom;
-
-  icons = Icons;
-  passwordStrength: PasswordStrength = PasswordStrength.None;
-  type = FieldType.password;
-
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-
-  valueChange(value: string) {
-    if (!value) {
-      this.passwordStrength = 0;
-      return;
-    }
-
-    const result = zxcvbn(value);
-    this.passwordStrength = result.score;
-
-    if (!this.formControl) {
-      return;
-    }
-
-    if (result.score < this.requiredStrength) {
-      this.formControl.setErrors({passwordLowStrength: true}, {emitEvent: false})
-    }
-  }
-}

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

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

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

@@ -1,23 +0,0 @@
-<gov-form-control>
-  <gov-form-radio-group [formControl]="formControl">
-    @if (items) { @for(item of items; track item) {
-    <gov-form-radio
-      [size]="size | govSize"
-      [value]="item.value"
-      [required]="required"
-      [identifier]="item.id"
-      [name]="radioGroupName"
-      [invalid]="ngControl?.errors"
-      [disabled]="formControl.disabled"
-    >
-      <gov-form-label
-        [size]="size | govSize"
-        slot="label"
-      >
-        {{ label }}
-      </gov-form-label>
-    </gov-form-radio>
-    } }
-  </gov-form-radio-group>
-  <v-validation-message [ngControl]="ngControl"></v-validation-message>
-</gov-form-control>

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

@@ -1,58 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  Input,
-  Optional,
-  Self,
-} from '@angular/core';
-import {
-  ControlValueAccessor,
-  NgControl,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { RouterModule } from '@angular/router';
-import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
-import {
-  BaseFormInputComponent,
-  FieldSize,
-  FieldSizeType,
-  RADIOBUTTON_COMPONENT_TOKEN,
-  RadiobuttonCore,
-  RadioButtonItem,
-} from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { GovSizePipe } from '../../pipes';
-import { ErrorComponent } from '../errors';
-
-@Component({
-  selector: "v-radiobutton",
-  standalone: true,
-  styleUrl: "./radiobutton.component.scss",
-  templateUrl: './radiobutton.component.html',
-  imports: [
-    CommonModule, GovDesignSystemModule, RouterModule, ReactiveFormsModule, GovSizePipe, ErrorComponent
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: RADIOBUTTON_COMPONENT_TOKEN,
-      useExisting: RadioButtonComponent,
-    },
-  ],
-})
-
-export class RadioButtonComponent<T>
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, RadiobuttonCore<T>
-{
-  @Input() radioGroupName = Math.random().toString();
-  @Input() items: RadioButtonItem<T>[] = [];
-  @Input() size: FieldSizeType = FieldSize.medium;
-
-  icons = Icons;
-
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-}

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

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

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

@@ -1,23 +0,0 @@
-<gov-form-control>
-    <gov-form-group>
-        <gov-form-search color="neutral">
-            <gov-form-input 
-                [placeholder]="placeholder"
-                [size]="size | govSize"
-                slot="input"
-                (gov-input)="setValue($event)"
-            />
-            <gov-button
-                [size]="size | govSize"
-                color="primary"
-                type="solid"
-                slot="button"
-                (gov-click)="search()"
-            >
-                <gov-icon
-                    [name]="icons.search"
-                />
-            </gov-button>
-        </gov-form-search>
-    </gov-form-group>
-</gov-form-control>

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

@@ -1,47 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    Output,
-} from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
-import { FieldSizeType, FieldSize } from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { GovSizePipe } from '../../pipes';
-
-@Component({
-    selector: 'v-search',
-    standalone: true,
-    imports: [
-    CommonModule,
-    GovDesignSystemModule,
-    GovSizePipe,
-    ReactiveFormsModule,
-],
-    templateUrl: './search.component.html',
-    styleUrl: './search.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class SearchComponent {
-
-    @Input() placeholder!: string;
-
-    @Input() size: FieldSizeType = FieldSize.medium;
-
-    @Output() searchTerm = new EventEmitter<string>();
-
-    value!: string;
-
-    icons = Icons
-
-    setValue(event: any) {
-        this.value = event.detail.value;
-    }
-
-    search() {
-        this.searchTerm.emit(this.value);
-    }
-}

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

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

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

@@ -1,26 +0,0 @@
-<gov-accordion>
-    <gov-accordion-item 
-        [size]="size | govSize"
-        [identifier]="identifier"
-        [open]="open"
-    >
-        @if (icon) {
-            <gov-icon
-                [name]="icons.chevronDown"
-            />
-        } @if (title) {
-            <h2 slot="label">{{ title | translate }}</h2>
-        } @if (badge) {
-            <gov-badge 
-                inverse="true"
-                size="s"
-                [slot]="badgeSlot"
-            >
-                {{ badge }}
-            </gov-badge>
-        } @if (annotation) {
-            <p slot="annotation">{{ annotation | translate }}</p>
-        }
-        <ng-content></ng-content>
-    </gov-accordion-item>
-</gov-accordion>

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

@@ -1,57 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-    ChangeDetectionStrategy,
-    Component,
-    Input,
-    NO_ERRORS_SCHEMA,
-} from '@angular/core';
-import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
-import { TranslateModule } from '@ngx-translate/core';
-import {
-    FieldSizeType,
-    FieldSize,
-    SECTION_COMPONENT_TOKEN,
-    SectionCore,
-} from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { GovSizePipe } from '../../pipes';
-
-@Component({
-    selector: 'v-section',
-    standalone: true,
-    imports: [
-        CommonModule,
-        GovDesignSystemModule,
-        GovSizePipe,
-        TranslateModule,
-    ],
-    templateUrl: './section.component.html',
-    styleUrl: './section.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: SECTION_COMPONENT_TOKEN,
-            useExisting: SectionComponent,
-        },
-    ],
-    schemas: [
-        NO_ERRORS_SCHEMA
-    ],
-})
-export class SectionComponent
-    implements SectionCore
-{
-    @Input() title!: string;
-    @Input() badge!: string;
-    @Input() showContent = false;
-    @Input() backgroundColor!: string;
-    @Input() annotation!: string;
-    @Input() identifier!: string;
-    @Input() icon!: string;
-    @Input() iconType!: string;
-    @Input() size: FieldSizeType = FieldSize.medium;
-    @Input() badgeSlot: 'prefix' | 'sufix' = 'sufix';
-    @Input() open = false;
-
-    icons = Icons;
-}

package/src/lib/components/shared-components/action-button-group/action-button-group.component.html

@@ -1,27 +0,0 @@
-<div
-  class="v-action-button-group align-items-center justify-content-center justify-content-md-end"
->
-  <div class="v-action-button-group__actions d-flex gap-2">
-    @for (action of visibleActions; track action) {
-    <v-action-button
-      [disabled]="action.disabled"
-      [icon]="action.icon"
-      [id]="action.id"
-      [outlined]="action.outlined"
-      [raised]="action.raised"
-      [toolTip]="action.toolTip || action.label"
-      [severity]="action.severity"
-      [size]="action.size"
-      (click)="fireClick(action, $event)"
-    ></v-action-button>
-    } @if (actions.length > visibleActions.length) {
-    <v-button
-      (click)="menu.toggle($event)"
-      [label]="label"
-      [iconPos]="menuIconPos"
-      [icon]="menuIcon"
-    />
-    }
-  </div>
-</div>
-<p-menu #menu [model]="menuItems" [popup]="true" appendTo="body" />

package/src/lib/components/shared-components/action-button-group/action-button-group.component.spec.ts

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