@verisoft/ui-core 18.7.0 → 19.0.0-rc001

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/form-field/index.ts

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

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/header/index.ts

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

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

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

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

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

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

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

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/number-input/index.ts

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

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,40 +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/radiobutton/index.ts

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

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

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

package/src/lib/components/side-menu/directives/side-menu-service.directive.ts

@@ -1,31 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, Directive, inject } from "@angular/core";
-import { takeUntil } from "rxjs";
-import { UnsubscribeComponent } from "../../unsubscribe.component";
-import { SideMenuService } from "../services/side-menu.service";
-import { SIDE_MENU_COMPONENT_TOKEN } from "../side-menu.model";
-
-@Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: 'v-side-menu[useMenuService]',
-    exportAs: 'useMenuService',
-    standalone: true,
-})
-export class MenuServiceDirective
-    extends UnsubscribeComponent
-    implements AfterViewInit
-{
-    private readonly menuService = inject(SideMenuService);
-    private readonly cdr = inject(ChangeDetectorRef);
-    private readonly sideMenu = inject(SIDE_MENU_COMPONENT_TOKEN);
-
-    ngAfterViewInit() {
-        this.menuService.menuItems$.pipe(takeUntil(this.destroyed$)).subscribe((items) => {
-
-            if (this.sideMenu) {
-                this.sideMenu.items = items;
-            }
-        });
-
-        this.cdr.detectChanges();
-    }
-}

package/src/lib/components/side-menu/services/side-menu-provider.service.ts

@@ -1,13 +0,0 @@
-import { Injectable, Optional, Inject } from '@angular/core';
-import { MENU_TOKEN, MenuItem } from '../side-menu.model';
-import { SideMenuService } from './side-menu.service';
-
-@Injectable()
-export class SideMenuProviderService {
-  constructor(
-    @Optional() @Inject(MENU_TOKEN) readonly menu: MenuItem[] = [],
-    readonly menuService: SideMenuService
-  ) {
-    menuService.setMenu(menu);
-  }
-}

package/src/lib/components/side-menu/services/side-menu.service.ts

@@ -1,62 +0,0 @@
-import { inject, Injectable } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { MenuItem, SIDE_MENU_STATE_TOKEN } from '../side-menu.model';
-
-@Injectable({ providedIn: 'root' })
-export class SideMenuService {
-  private _menuItems = new BehaviorSubject<MenuItem[]>([]);
-  private stateToken = inject(SIDE_MENU_STATE_TOKEN);
-
-  menuItems$: Observable<MenuItem[]> = this._menuItems.asObservable();
-  menuMinimalized = false;
-
-  setMenu(items: MenuItem[]): void {
-    this.resetSidemenuState(items);
-    this._menuItems.next(items);
-  }
-
-  saveMinimalizedState(minimalized: boolean): void {
-    this.stateToken.minimalized = minimalized;
-    localStorage.setItem('SideMenuStateToken', JSON.stringify(this.stateToken));
-  }
-
-  saveExpandedState(item: MenuItem): void {
-    const expanded = this.stateToken.expanded?.find(
-      (i: string) => i === item.label
-    );
-
-    if (!expanded) {
-      this.stateToken.expanded?.push(item.label!);
-      localStorage.setItem(
-        'SideMenuStateToken',
-        JSON.stringify(this.stateToken)
-      );
-      return;
-    }
-
-    this.stateToken.expanded = this.stateToken.expanded?.filter(
-      (i: string) => i !== item.label
-    );
-
-    localStorage.setItem('SideMenuStateToken', JSON.stringify(this.stateToken));
-  }
-
-  private resetSidemenuState(items: MenuItem[]) {
-    if (typeof this.stateToken === 'string') {
-      this.stateToken = JSON.parse(this.stateToken);
-    }
-
-    this.menuMinimalized = this.stateToken.minimalized;
-    const localStorageValue = this.stateToken.expanded;
-
-    if (!localStorageValue) return;
-    if (items) {
-      for (let index = 0; index < items.length; index++) {
-        const element = items[index];
-        element.expanded = !!localStorageValue.find(
-          (i: string) => i === element.label
-        );
-      }
-    }
-  }
-}

package/src/lib/components/side-menu/side-menu.model.ts

@@ -1,67 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { Observable } from 'rxjs';
-
-export const MENU_TOKEN = new InjectionToken<MenuItem[]>(
-  'MENU'
-);
-
-export const LOGO_ROUTER_ROUTE = new InjectionToken<string>(
-  'LOGO_ROUTER_ROUTE'
-);
-
-export const SIDE_MENU_COMPONENT_TOKEN = new InjectionToken<SideMenuCore>(
-  'SideMenuComponentToken'
-);
-
-export const SIDE_MENU_STATE_TOKEN = new InjectionToken<SideMenuState>(
-  'SideMenuStateToken'
-);
-
-export interface SideMenuState {
-  expanded: string[];
-  minimalized: boolean;
-}
-
-export interface MenuItem {
-  id?: string;
-  label?: string | undefined;
-  icon?: string;
-  expanded?: boolean;
-  data?: MenuItemData;
-  tooltip?: string;
-  url?: string;
-  visible?: boolean | Observable<boolean>;
-  type?: string;
-  children?: MenuItem[];
-  routerLink?: any;
-  class?: string;
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  command?: Function;
-}
-
-type ExtendableType = {
-  [key: string]:
-    | string
-    | number
-    | boolean
-    | string[]
-    | number[]
-    | boolean[]
-    | undefined;
-};
-
-export interface MenuItemData extends ExtendableType {
-  roles?: string[];
-  permissions?: string[];
-}
-
-export interface SideMenuModuleConfig {
-  items?: MenuItem[];
-}
-
-export interface SideMenuCore {
-  items: MenuItem[];
-  logoUrl: string;
-  userName: string;
-  userRole: any | any[] | undefined;
-}

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

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

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

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

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

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

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

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

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

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

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

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

package/src/lib/components/tab-view/index.ts

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

package/src/lib/components/table/column-configuration.ts

@@ -1,38 +0,0 @@
-import { ColumnDefinition } from "./table.models";
-
-export class ColumnConfiguration<TEntity> {
-    private column: Partial<ColumnDefinition<TEntity>> = {};
-  
-    constructor(private id: string | keyof TEntity) {
-      this.column.id = id as string;
-    }
-  
-    headerName(headerName: string | ((columnId: string, index?: number) => string)): this {
-      this.column.headerName = headerName;
-      return this;
-    }
-  
-    sortable(sortable: boolean): this {
-      this.column.sortable = sortable;
-      return this;
-    }
-  
-    columnClass(columnClass: string): this {
-      this.column.columnClass = columnClass;
-      return this;
-    }
-  
-    valueFunction(value: (row: TEntity, index?: number) => string): this {
-      this.column.value = value;
-      return this;
-    }
-  
-    type(type: string): this {
-      this.column.type = type;
-      return this;
-    }
-  
-    build(): ColumnDefinition<TEntity> {
-      return this.column as ColumnDefinition<TEntity>;
-    }
-  }

package/src/lib/components/table/table-builder.ts

@@ -1,93 +0,0 @@
-import { Injectable } from '@angular/core';
-import { ColumnConfiguration } from './column-configuration';
-import { ColumnDefinition } from './table.models';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class TableBuilder<TEntity> {
-  private columns: ColumnDefinition<TEntity>[] = [];
-
-  addColumn(
-    id: string | keyof TEntity,
-    config?: (v: ColumnConfiguration<TEntity>) => void
-  ): TableBuilder<TEntity> {
-    const columnConfig = new ColumnConfiguration<TEntity>(id);
-    config?.(columnConfig);
-    this.columns.push(columnConfig.build());
-    return this;
-  }
-
-  addTextColumn(
-    id: string | keyof TEntity,
-    config?: (v: ColumnConfiguration<TEntity>) => void
-  ): TableBuilder<TEntity> {
-    return this.addColumn(id, (x) => {
-      config?.(x);
-      x.type('text');
-    });
-  }
-
-  addNumberColumn(
-    id: string | keyof TEntity,
-    config?: (v: ColumnConfiguration<TEntity>) => void
-  ): TableBuilder<TEntity> {
-    return this.addColumn(id, (x) => {
-      config?.(x);
-      x.type('number').columnClass('text-end');
-    });
-  }
-
-  addDateColumn(
-    id: string | keyof TEntity,
-    config?: (v: ColumnConfiguration<TEntity>) => void
-  ): TableBuilder<TEntity> {
-    return this.addColumn(id, (x) => {
-      config?.(x);
-      x.type('date').valueFunction((row) => covertFromDateToUserLocale(row, id as string));
-    });
-  }
-
-  addBooleanColumn(
-    id: string,
-    config?: (v: ColumnConfiguration<TEntity>) => void
-  ): TableBuilder<TEntity> {
-    return this.addColumn(id, (x) => {
-      config?.(x);
-      x.type('boolean');
-    });
-  }
-
-  addEnumColumn(
-    id: string | keyof TEntity,
-    config?: (v: ColumnConfiguration<TEntity>) => void
-  ): TableBuilder<TEntity> {
-    return this.addColumn(id, (x) => {
-      config?.(x);
-      x.type('enum');
-    });
-  }
-
-  build(): ColumnDefinition<TEntity>[] {
-    return this.columns;
-  }
-}
-
-function covertFromDateToUserLocale<TEntity>(row: TEntity, id: string) {
-  const value = (row as { [key: string]: undefined | string | Date })[id];
-  if (value === undefined) {
-    return '';
-  }
-
-  const locale = navigator.language;
-
-  if (value instanceof Date) {
-    return value.toLocaleDateString(locale);
-  }
-
-  if (typeof value === 'string' && !isNaN(Date.parse(value))) {
-    return new Date(value).toLocaleDateString(locale);
-  }
-
-  return value;
-}

package/src/lib/components/table/table-column.directive.ts

@@ -1,62 +0,0 @@
-import { ContentChild, Directive, Input, TemplateRef } from '@angular/core';
-import { Params } from '@angular/router';
-import { FieldAlign, FieldAlignType } from '../../common';
-import { ColumnDefinition, ColumnProvider, ColumnVisibility, ColumnVisibilityType, TABLE_COLUMN_PROVIDER } from './table.models';
-
-@Directive({
-  // eslint-disable-next-line @angular-eslint/directive-selector
-  selector: 'v-table-column',
-  standalone: true,
-  providers: [
-    {
-      provide: TABLE_COLUMN_PROVIDER,
-      useExisting: TableColumnDirective,
-      multi: true,
-    },
-  ],
-})
-export class TableColumnDirective<T> implements ColumnProvider<T> {
-  @ContentChild(TemplateRef) template!:
-  TemplateRef<{ $implicit: T }>;
-
-  @Input() index = 0;
-
-  @Input() id!: string;
-
-  @Input() columnClass!: string;
-
-  @Input() sortable!: boolean;
-
-  @Input() routerLink!: (row: T) => string;
-
-  @Input() queryParams!: Params;
-
-  @Input() headerName!: ((column: string, index?: number) => string) | string;
-
-  @Input() width: string | number | undefined;
-
-  @Input() textAlign: FieldAlignType = FieldAlign.left;
-
-  @Input() format!: (row: T) => string
-
-  @Input() forceVisibility: ColumnVisibilityType = ColumnVisibility.default;
-
-  @Input() visible = true;
-
-  getDefinition(): ColumnDefinition<T> {
-    return {
-      id: this.id,
-      columnClass: this.columnClass,
-      template: this.template,
-      headerName: this.headerName,
-      routerLink: this.routerLink,
-      queryParams: this.queryParams,
-      sortable: this.sortable,
-      width: this.width,
-      format: this.format,
-      textAlign: this.textAlign,
-      forceVisibility: this.forceVisibility,
-      visible: this.visible,
-    };
-  }
-}