@verisoft/ui-core 18.6.0 → 18.7.0

package/{lib/components/breadcrumb/breadcrumb.model.d.ts → src/lib/components/breadcrumb/breadcrumb.model.ts}

@@ -1,16 +1,21 @@
-import { InjectionToken } from '@angular/core';
-import { ActivatedRoute } from "@angular/router";
-import { MenuItem } from '../side-menu';
-export declare const BREADCRUMB_COMPONENT_TOKEN: InjectionToken<BreadcrumbCore>;
-export interface BreadcrumbCore {
-    items: MenuItem[];
-    homeRoute: string;
-    useHomeRoute: boolean;
-}
-export interface Breadcrumb {
-    label: string;
-    routerLink?: string;
-    url?: string;
-    active?: boolean;
-    activatedRoute?: ActivatedRoute;
-}
+import { InjectionToken } from '@angular/core';
+import { ActivatedRoute } from "@angular/router";
+import { MenuItem } from '../side-menu';
+
+export const BREADCRUMB_COMPONENT_TOKEN = new InjectionToken<BreadcrumbCore>(
+    'BreadcrumbComponentToken'
+);
+
+export interface BreadcrumbCore {
+    items: MenuItem[];
+    homeRoute: string;
+    useHomeRoute: boolean;
+}
+
+export interface Breadcrumb {
+    label: string;
+    routerLink?: string;
+    url?: string;
+    active?: boolean;
+    activatedRoute?: ActivatedRoute;
+}

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

@@ -0,0 +1,9 @@
+import { EventEmitter, Injectable, Output } from '@angular/core';
+import { Breadcrumb } from './breadcrumb.model';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class BreadcrumbService {
+  @Output() routeChange: EventEmitter<Breadcrumb> = new EventEmitter();
+}

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

@@ -0,0 +1,115 @@
+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

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

package/{lib/components/button/button.model.d.ts → src/lib/components/button/button.model.ts}

@@ -1,17 +1,21 @@
-import { InjectionToken } from '@angular/core';
-import { Params } from '@angular/router';
-import { ControlSeverityType, FieldSizeType, IconPositionType } from '../../common';
-export declare const BUTTON_COMPONENT_TOKEN: InjectionToken<ButtonCore>;
-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;
-}
+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

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

package/{lib/components/calendar/calendar.model.d.ts → src/lib/components/calendar/calendar.model.ts}

@@ -1,12 +1,16 @@
-import { InjectionToken } from '@angular/core';
-import { BaseFormCore } from '../base-form';
-export declare const CALENDAR_COMPONENT_TOKEN: InjectionToken<CalendarCore>;
-export interface CalendarCore extends BaseFormCore {
-    maxDate: Date;
-    icon: string;
-    minDate: Date;
-    header: string;
-    footer: string;
-    floatLabel: string | undefined;
-    selectionMode: "single" | "multiple" | "range" | undefined;
-}
+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

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

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

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+import { BaseFormCore } from '../base-form';
+
+export const CHECKBOX_COMPONENT_TOKEN = new InjectionToken<CheckboxCore>(
+    'CheckboxComponentToken'
+);
+
+export type CheckboxCore = BaseFormCore

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

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

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

@@ -0,0 +1,31 @@
+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

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

package/{lib/components/dropdown/dropdown.model.d.ts → src/lib/components/dropdown/dropdown.model.ts}

@@ -1,12 +1,16 @@
-import { InjectionToken } from '@angular/core';
-import { DataSourceComponentModel } from '../../common';
-import { BaseFormCore } from '../base-form';
-export declare const DROPDOWN_COMPONENT_TOKEN: InjectionToken<DropdownCore<any>>;
-export interface DropdownCore<T> extends DataSourceComponentModel<T>, BaseFormCore {
-    dropdownIcon?: string;
-    floatLabel?: string;
-    editable: boolean;
-    forceMinWidth: boolean;
-    showFilter: boolean;
-    localSearch: boolean;
-}
+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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+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/{lib/components/filter/index.d.ts → src/lib/components/filter/index.ts}

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

package/{lib/components/form-field/form-field.model.d.ts → src/lib/components/form-field/form-field.model.ts}

@@ -1,11 +1,15 @@
-import { InjectionToken } from '@angular/core';
-import { NgControl } from '@angular/forms';
-export declare const FORM_FIELD_COMPONENT_TOKEN: InjectionToken<FormFieldCore>;
-export interface FormFieldCore {
-    ngControl?: NgControl;
-    label?: string;
-    tooltip?: string;
-    required: boolean;
-    testId?: string;
-    display: 'flex' | 'block';
-}
+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

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

package/{lib/components/generic-field/generic-field.model.d.ts → src/lib/components/generic-field/generic-field.model.ts}

@@ -1,6 +1,10 @@
-import { InjectionToken } from '@angular/core';
-import { DataSourceComponentModel } from '../../common';
-import { BaseFormCore } from '../base-form';
-export declare const GENERIC_FIELD_COMPONENT_TOKEN: InjectionToken<GenericFieldCore<any>>;
-export interface GenericFieldCore<T> extends DataSourceComponentModel<T>, BaseFormCore {
-}
+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

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

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

@@ -0,0 +1,33 @@
+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/{lib/components/generic-form/index.d.ts → src/lib/components/generic-form/index.ts}

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

package/{lib/components/header/header.model.d.ts → src/lib/components/header/header.model.ts}

@@ -1,11 +1,18 @@
-import { InjectionToken } from '@angular/core';
-import { MenuItem } from '../side-menu/side-menu.model';
-export declare const HEADER_COMPONENT_TOKEN: InjectionToken<HeaderCore>;
-export declare const SETTINGS_MENU: InjectionToken<MenuItem[]>;
-export interface HeaderCore {
-    title: string;
-    userName: string;
-    logoUrl: string;
-    userRole: any | any[] | undefined;
-    menuRef: HTMLDivElement;
-}
+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

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

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

@@ -0,0 +1,17 @@
+import { Component, Input } from "@angular/core";
+import { ICONS_COMPONENT_TOKEN } from "./icons.model";
+
+@Component({
+    standalone: true,
+    template: '',
+    providers: [
+        {
+            provide: ICONS_COMPONENT_TOKEN,
+            useExisting: IconsComponent
+        }
+    ]
+})
+
+export class IconsComponent{
+    @Input() name!: string;
+}

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

@@ -0,0 +1,10 @@
+import { InjectionToken } from "@angular/core";
+import { CommonIcons } from "../../common/icons"
+
+export const ICONS_COMPONENT_TOKEN = new InjectionToken<IconsCore>(
+    'IconsComponentToken'
+);
+
+export interface IconsCore extends CommonIcons {
+    name: string;
+}

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

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

package/{lib/components/index.d.ts → src/lib/components/index.ts}

@@ -1,35 +1,35 @@
-export * from './action-button-group';
-export * from './base-form';
-export * from './breadcrumb';
-export * from './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 './tristatecheckbox';
-export * from './unsubscribe.component';
-export * from './icons';
+export * from './action-button-group';
+export * from './base-form';
+export * from './breadcrumb';
+export * from './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 './tristatecheckbox';
+export * from './unsubscribe.component';
+export * from './icons';

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

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

package/{lib/components/input-group/input-group.model.d.ts → src/lib/components/input-group/input-group.model.ts}

@@ -1,12 +1,17 @@
-import { InjectionToken } from '@angular/core';
-import { IconPositionType } from '../../common';
-import { BaseFormCore } from '../base-form';
-export declare const INPUT_GROUP_COMPONENT_TOKEN: InjectionToken<InputGroupCore>;
-export interface InputGroupItem {
-    icon?: string;
-    text?: string;
-    position: IconPositionType;
-}
-export interface InputGroupCore extends BaseFormCore {
-    items: InputGroupItem[];
-}
+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

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

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

@@ -0,0 +1,7 @@
+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

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