@verisoft/ui-core 20.1.1 → 20.1.2

package/src/lib/components/breadcrumb/breadcrumbcore.component.ts

@@ -1,117 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Directive,
-  Input,
-  inject,
-  OnInit,
-} from '@angular/core';
-import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
-import { filter, takeUntil } from 'rxjs';
-import { MenuItem } from '../side-menu';
-import { UnsubscribeComponent } from '../unsubscribe.component';
-import { BreadcrumbCore } from './breadcrumb.model';
-import { BreadcrumbService } from './breadcrumb.service';
-
-@Directive({
-    
-})
-export class BreadcrumbCoreComponent
-  extends UnsubscribeComponent
-  implements BreadcrumbCore, OnInit
-{
-  @Input() items: MenuItem[] = [];
-  @Input() homeRoute = '/';
-  @Input() useHomeRoute = false;
-
-  static readonly ROUTE_DATA_BREADCRUMB = 'breadcrumb';
-  static readonly ROUTE_DATA_BREADCRUMB_URL = 'breadcrumb_url';
-  static readonly ROUTE_DATA_NO_BREADCRUMB_ROUTE = 'breadcrumb_no_route';
-  static readonly BREADCRUMB_HIDE = 'breadcrumb_hide';
-  readonly home = { icon: 'pi pi-home', routerLink: this.homeRoute };
-
-  router = inject(Router);
-  activatedRoute = inject(ActivatedRoute);
-  breadcrumbService = inject(BreadcrumbService);
-  cdr = inject(ChangeDetectorRef);
-
-  ngOnInit(): void {
-    this.initBreadcrumbsCreation();
-    this.initRouteChangeListen();
-  }
-
-  private initBreadcrumbsCreation() {
-    this.router.events
-      .pipe(
-        filter((event) => event instanceof NavigationEnd),
-        takeUntil(this.destroyed$)
-      )
-      .subscribe(
-        () => (this.items = this.createBreadcrumbs(this.activatedRoute.root))
-      );
-  }
-
-  private initRouteChangeListen() {
-    this.breadcrumbService.routeChange
-      .pipe(
-        filter((x) => x.label !== 'Undefined'),
-        takeUntil(this.destroyed$)
-      )
-      .subscribe((x) => {
-        this.items = [
-          ...this.items,
-          {
-            label: x.label,
-            routerLink: x.routerLink,
-            url: x.url,
-            class: 'breadcrumb',
-          },
-        ];
-        this.cdr.detectChanges();
-      });
-  }
-
-  private createBreadcrumbs(
-    route: ActivatedRoute,
-    routerLink = '',
-    breadcrumbs: MenuItem[] = []
-  ): any {
-    const children: ActivatedRoute[] = route.children;
-
-    if (children.length === 0) {
-      return breadcrumbs;
-    }
-
-    for (const child of children) {
-      const routeURL: string = child.snapshot.url
-        .map((segment) => segment.path)
-        .join('/');
-
-      if (!child.snapshot.data[BreadcrumbCoreComponent.BREADCRUMB_HIDE]) {
-        if (BreadcrumbCoreComponent.ROUTE_DATA_BREADCRUMB_URL !== undefined) {
-          const route =
-            child.snapshot.data[BreadcrumbCoreComponent.ROUTE_DATA_BREADCRUMB_URL];
-          routerLink += `/${route}`;
-        }
-
-        if (!BreadcrumbCoreComponent.ROUTE_DATA_BREADCRUMB_URL && routeURL !== '') {
-          routerLink += `/${routeURL}`;
-        }
-
-        const label = child.snapshot.data[BreadcrumbCoreComponent.ROUTE_DATA_BREADCRUMB];
-        if (
-          label &&
-          BreadcrumbCoreComponent.ROUTE_DATA_NO_BREADCRUMB_ROUTE &&
-          child.snapshot.data[
-            BreadcrumbCoreComponent.ROUTE_DATA_NO_BREADCRUMB_ROUTE
-          ]
-        ) {
-          breadcrumbs.push({ label, routerLink: undefined });
-        } else if (label && child.snapshot.routeConfig?.path !== '') {
-          breadcrumbs.push({ label, routerLink: routerLink });
-        }
-      }
-
-      return this.createBreadcrumbs(child, routerLink, breadcrumbs);
-    }
-  }
-}

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

@@ -1,3 +0,0 @@
-export * from './breadcrumb.model';
-export * from './breadcrumbcore.component'
-export * from './breadcrumb.service';

package/src/lib/components/button/button.model.ts

@@ -1,21 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { Params } from '@angular/router';
-import { ControlSeverityType, FieldSizeType, IconPositionType } from '../../common';
-
-export const BUTTON_COMPONENT_TOKEN = new InjectionToken<ButtonCore>(
-    'ButtonComponentToken'
-);
-
-export interface ButtonCore {
-    label?: string;
-    icon?: string;
-    badge?: string;
-    iconPos: IconPositionType;
-    rounded: boolean;
-    outlined: boolean;
-    raised: boolean;
-    severity?: ControlSeverityType;
-    routerLink: any[];
-    size: FieldSizeType | undefined;
-    queryParams?: Params;
-}

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

@@ -1 +0,0 @@
-export * from './button.model';

package/src/lib/components/calendar/calendar.model.ts

@@ -1,16 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { BaseFormCore } from '../base-form';
-
-export const CALENDAR_COMPONENT_TOKEN = new InjectionToken<CalendarCore>(
-    'CalendarComponentToken'
-);
-
-export interface CalendarCore extends BaseFormCore {
-    maxDate: Date;
-    icon: string;
-    minDate: Date;
-    header: string;
-    footer: string;
-    floatLabel: string | undefined;
-    selectionMode: "single" | "multiple" | "range" | undefined;
-}

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

@@ -1 +0,0 @@
-export * from './calendar.model';

package/src/lib/components/checkbox/checkbox.model.ts

@@ -1,10 +0,0 @@
-import { InjectionToken, InputSignal } from '@angular/core';
-import { BaseFormCore } from '../base-form';
-
-export const CHECKBOX_COMPONENT_TOKEN = new InjectionToken<CheckboxCore>(
-    'CheckboxComponentToken'
-);
-
-export interface CheckboxCore extends BaseFormCore {
-    indeterminate: InputSignal<boolean>;
-}

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

@@ -1 +0,0 @@
-export * from './checkbox.model';

package/src/lib/components/confirm-dialog/confirm-dialog.model.ts

@@ -1,31 +0,0 @@
-import { InjectionToken, Type } from '@angular/core';
-import { SafeHtml } from "@angular/platform-browser";
-import { ControlSeverityType } from '../../common';
-
-export const CONFIRM_DIALOG_COMPONENT_TOKEN = new InjectionToken<ConfirmDialogCore>(
-  'ConfirmDialogComponentToken'
-);
-
-export type ConfirmDialogCore = object
-
-export interface DialogData {
-  title?: string;
-  headerIcon?: string;
-  severity?: ControlSeverityType;
-  showCancelButton?: boolean;
-  buttonOrder?: 'confirm-cancel' | 'cancel-confirm';
-  confirmButtonText?: string;
-  confirmButtonFn?: () => void;
-  cancelButtonFn?: () => void;
-  cancelButtonText?: string;
-  innerHTML?: string | SafeHtml;
-  data?: unknown;
-  componentType?: Type<unknown>;
-  closable?: boolean;
-  width?: string;
-  height?: string;
-}
-
-export interface ExtendedDialogData<TInputs = any, TOutputs = any> extends DialogData {
-  data?: TInputs & TOutputs;
-}

package/src/lib/components/confirm-dialog/index.ts

@@ -1 +0,0 @@
-export * from './confirm-dialog.model';

package/src/lib/components/dropdown/dropdown.model.ts

@@ -1,16 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { DataSourceComponentModel } from '../../common';
-import { BaseFormCore } from '../base-form';
-
-export const DROPDOWN_COMPONENT_TOKEN = new InjectionToken<DropdownCore<any>>(
-    'DropdownComponentToken'
-);
-
-export interface DropdownCore<T> extends DataSourceComponentModel<T>, BaseFormCore {
-    dropdownIcon?: string;
-    floatLabel?: string;
-    editable: boolean;
-    forceMinWidth: boolean;
-    showFilter: boolean;
-    localSearch: boolean;
-}

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

@@ -1 +0,0 @@
-export * from './dropdown.model';

package/src/lib/components/dropdown-button/dropdown-button.model.ts

@@ -1,18 +0,0 @@
-import { InjectionToken, InputSignal } from "@angular/core";
-import { ControlSeverityType, FieldSizeType } from "../../common";
-import { MenuItem } from "../side-menu";
-
-export const DROPDOWN_BUTTON_COMPONENT_TOKEN = new InjectionToken<DropdownButtonCore>(
-    'DropdownButtonComponentToken'
-);
-
-export interface DropdownButtonCore {
-    label: InputSignal<string | undefined>;
-    icon: InputSignal<string | undefined>;
-    rounded: InputSignal<boolean | undefined>;
-    outlined: InputSignal<boolean | undefined>;
-    raised: InputSignal<boolean | undefined>;
-    severity: InputSignal<ControlSeverityType | undefined>;
-    size: InputSignal<FieldSizeType | undefined>;
-    items: InputSignal<MenuItem[] | undefined>;
-}

package/src/lib/components/dropdown-button/index.ts

@@ -1 +0,0 @@
-export * from './dropdown-button.model';

package/src/lib/components/dynamic-component/dynamic-component.model.ts

@@ -1,2 +0,0 @@
-export type ExtendedComponent<TComponent> = 
-    Partial<TComponent> & { [key: string]: (value: any) => void; };

package/src/lib/components/dynamic-component/index.ts

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

package/src/lib/components/filter/filter.model.ts

@@ -1,17 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { GenericFieldDefinition } from '../generic-form';
-
-export const FILTER_COMPONENT_TOKEN = new InjectionToken<FilterCore>(
-    'FilterComponentToken'
-);
-
-export interface FilterCore extends ControlValueAccessor {
-    fields: GenericFieldDefinition[];  
-    title?: string;  
-    fulltextFieldName: string;  
-    showFulltext: boolean;  
-    showFilters: boolean;  
-    autoBind: boolean;  
-    debounceTime?: number;
-}

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

@@ -1 +0,0 @@
-export * from './filter.model';

package/src/lib/components/form-field/form-field.model.ts

@@ -1,15 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { NgControl } from '@angular/forms';
-
-export const FORM_FIELD_COMPONENT_TOKEN = new InjectionToken<FormFieldCore>(
-    'FormFieldComponentToken'
-);
-
-export interface FormFieldCore {
-    ngControl?: NgControl;
-    label?: string;
-    tooltip?: string;
-    required: boolean;
-    testId?: string;
-    display: 'flex' | 'block';
-}

package/src/lib/components/form-field/index.ts

@@ -1 +0,0 @@
-export * from './form-field.model';

package/src/lib/components/generic-field/generic-field.model.ts

@@ -1,10 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { DataSourceComponentModel } from '../../common';
-import { BaseFormCore } from '../base-form';
-
-export const GENERIC_FIELD_COMPONENT_TOKEN = new InjectionToken<GenericFieldCore<any>>(
-    'GenericFieldComponentToken'
-);
-
-export interface GenericFieldCore<T> extends DataSourceComponentModel<T>, BaseFormCore {
-}

package/src/lib/components/generic-field/index.ts

@@ -1 +0,0 @@
-export * from './generic-field.model';

package/src/lib/components/generic-form/generic-form.component.ts

@@ -1,33 +0,0 @@
-import { ValidatorFn } from '@angular/forms';
-import { DatasourceType } from '@verisoft/core';
-import { FieldSizeType } from '../../common';
-
-export interface GenericFieldDefinition {
-  validator?: ValidatorFn[];
-  type?: GenericFieldTypeType;
-  label?: string;
-  floatLabel?: boolean;
-  name: string;
-  optionLabel?: string;
-  optionValue?: string;
-  options?: unknown[];
-  value?: unknown;
-  testId?: string;
-  size?: FieldSizeType;
-  readonly?: boolean;
-  datasource?: DatasourceType<any>;
-  filterField?: string;
-  showFilter?: boolean;
-  localSearch?: boolean;
-}
-
-export enum GenericFieldType {
-  'dropdown' = 'dropdown',
-  'checkbox' = 'checkbox',
-  'simplecheckbox' = 'simplecheckbox',
-  'calendar' = 'calendar',
-  'multiselect' = 'multiselect',
-  'text' = 'text',
-}
-
-export type GenericFieldTypeType = keyof typeof GenericFieldType;

package/src/lib/components/generic-form/index.ts

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

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

@@ -1,18 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { MenuItem } from '../side-menu/side-menu.model';
-
-export const HEADER_COMPONENT_TOKEN = new InjectionToken<HeaderCore>(
-    'HeaderComponentToken'
-);
-
-export const SETTINGS_MENU = new InjectionToken<MenuItem[]>(
-    'SETTINGS_MENU'
-);
-
-export interface HeaderCore {
-    title: string;
-    userName: string;
-    logoUrl: string;
-    userRole: any | any[] | undefined;
-    menuRef: HTMLDivElement;
-}

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

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

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

@@ -1,22 +0,0 @@
-import { Component, input } from "@angular/core";
-import { ControlSeverityType, FieldSizeType } from "../../common";
-import { IconLibraryType, ICONS_COMPONENT_TOKEN, IconsCore } from "./icons.model";
-
-@Component({
-    standalone: true,
-    template: '',
-    providers: [
-        {
-            provide: ICONS_COMPONENT_TOKEN,
-            useExisting: IconsComponent
-        }
-    ]
-})
-
-export abstract class IconsComponent implements IconsCore {
-    library = input<IconLibraryType>('native');
-    name = input.required<string>();
-    size = input<FieldSizeType | undefined>();
-    severity = input<ControlSeverityType | undefined>();
-    class = input<string>();
-}

package/src/lib/components/icons/icons.model.ts

@@ -1,16 +0,0 @@
-import { InjectionToken, InputSignal } from "@angular/core";
-import { ControlSeverityType, FieldSizeType } from "../../common";
-
-export const ICONS_COMPONENT_TOKEN = new InjectionToken<IconsCore>(
-    'IconsComponentToken'
-);
-
-export type IconLibraryType = 'native' | 'bootstrap';
-
-export interface IconsCore {
-    library: InputSignal<IconLibraryType>;
-    name: InputSignal<string>;
-    size: InputSignal<FieldSizeType | undefined>;
-    severity: InputSignal<ControlSeverityType | undefined>;
-    class: InputSignal<string | undefined>;
-}

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

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

package/src/lib/components/index.ts

@@ -1,37 +0,0 @@
-export * from './action-button-group';
-export * from './base-form';
-export * from './breadcrumb';
-export * from './button';
-export * from './dropdown-button';
-export * from './calendar';
-export * from './checkbox';
-export * from './confirm-dialog';
-export * from './dropdown';
-export * from './dynamic-component';
-export * from './filter';
-export * from './form-field';
-export * from './generic-field';
-export * from './generic-form';
-export * from './header';
-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 './section';
-export * from './side-menu';
-export * from './slider';
-export * from './snackbar';
-export * from './stepper';
-export * from './switch';
-export * from './tab-view';
-export * from './table';
-export * from './table-filter';
-export * from './textarea';
-export * from './textfield';
-export * from './tooltip';
-export * from './unsubscribe.component';
-export * from './icons';
-export * from './tag';

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

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

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

@@ -1,17 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { IconPositionType } from '../../common';
-import { BaseFormCore } from '../base-form';
-
-export const INPUT_GROUP_COMPONENT_TOKEN = new InjectionToken<InputGroupCore>(
-    'HeaderComponentToken'
-);
-
-export interface InputGroupItem {
-    icon?: string;
-    text?: string;
-    position: IconPositionType;
-}
-
-export interface InputGroupCore extends BaseFormCore {
-    items: InputGroupItem[];
-}

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

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

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

@@ -1,7 +0,0 @@
-import { InjectionToken } from '@angular/core';
-
-export const LOADER_COMPONENT_TOKEN = new InjectionToken<LoaderCore>(
-    'LoaderComponentToken'
-);
-
-export type LoaderCore = object

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

@@ -1 +0,0 @@
-export * from './mutiselect.model';

package/src/lib/components/multiselect/mutiselect.model.ts

@@ -1,13 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { DataSourceComponentModel } from '../../common';
-import { BaseFormCore } from '../base-form';
-
-export const MULTISELECT_COMPONENT_TOKEN = new InjectionToken<MultiselectCore<any>>(
-    'MultiselectComponentToken'
-);
-
-export interface MultiselectCore<T> extends DataSourceComponentModel<T>, BaseFormCore {
-    dropdownIcon?: string;
-    floatLabel?: string;
-    editable: boolean;
-}

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

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

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

@@ -1,14 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { BaseFormCore } from '../base-form';
-
-export const NUMBER_INPUT_COMPONENT_TOKEN = new InjectionToken<NumberInputCore>(
-    'NumberInputComponentToken'
-);
-
-export interface NumberInputCore extends BaseFormCore {
-    mode: string;
-    currency: string;
-    min: number;
-    max: number;
-    step: number;
-}

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

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

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

@@ -1,11 +0,0 @@
-import { InjectionToken } from '@angular/core';
-
-export const PAGE_HEADER_COMPONENT_TOKEN = new InjectionToken<PageHeaderCore>(
-    'PageHeaderComponentToken'
-);
-
-export interface PageHeaderCore {
-    title: string;
-    subtitle: string | undefined;
-    showBackButton: boolean | undefined;
-}

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

@@ -1,9 +0,0 @@
-import { EventEmitter, Injectable, Output } from '@angular/core';
-import { PageHeaderCore } from './page-header.model';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class PageHeaderService {
-  @Output() pageHeader = new EventEmitter<PageHeaderCore>();
-}

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

@@ -1,42 +0,0 @@
-import { ChangeDetectorRef, Directive, Input, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
-import { takeUntil } from 'rxjs';
-import { FieldSize, FieldSizeType } from '../../common';
-import { UnsubscribeComponent } from '../unsubscribe.component';
-import { PageHeaderService } from './page-header.service';
-
-@Directive({
-    
-})
-export class PageHeaderCoreComponent
-  extends UnsubscribeComponent
-  implements OnInit
-{
-  @Input() title!: string;
-  @Input() subtitle: string | undefined;
-  @Input() showBackButton!: boolean;
-  @Input() size: FieldSizeType = FieldSize.small;
-
-constructor(
-    readonly router: Router,
-    readonly cdr: ChangeDetectorRef,
-    readonly headerService: PageHeaderService
-  ) {
-    super();
-  }
-
-  ngOnInit(): void {
-    this.headerService.pageHeader
-      .pipe(takeUntil(this.destroyed$))
-      .subscribe((x: any) => {
-        this.title = x.title;
-        this.subtitle = x.subtitle;
-        this.showBackButton = x.showBackButton ?? false;
-        this.cdr.detectChanges();
-      });
-  }
-
-  protected locationBack() {
-    history.back();
-  }
-}

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

@@ -1 +0,0 @@
-export * from './password.model';

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

@@ -1,25 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { BaseFormCore } from '../base-form';
-
-export const PASSWORD_COMPONENT_TOKEN = new InjectionToken<PasswordCore>(
-    'PasswordComponentToken'
-);
-
-export enum PasswordStrength {
-    None = 0,
-    Low = 1,
-    Medium = 2,
-    High = 3,
-    Superb = 4
-}
-
-export interface PasswordCore extends BaseFormCore {
-    toggleMask: boolean;
-    feedback: boolean;
-}
-
-export interface PasswordValidationItem {
-    severity: 'success' | 'error';
-    validationLabel: string;
-    validationFn: (x: string) => boolean;
-}

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

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