@messaia/cdk 0.0.0-CDK

package/lib/forms/validators/unique-validator-directive.d.ts

@@ -0,0 +1,36 @@
+import { HttpClient } from "@angular/common/http";
+import { AbstractControl, Validator } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class UniqueValidatorDirective implements Validator {
+    private http;
+    unique: string;
+    /**
+     * uniqueProperty: string
+     */
+    uniqueProperty: string;
+    /**
+     * uniqueId: number
+     */
+    uniqueId: number;
+    /**
+     * uniqueParams: any
+     */
+    uniqueParams: any;
+    /**
+     * invert: number
+     */
+    invert: boolean;
+    /**
+     * Constructor
+     */
+    constructor(http: HttpClient, unique: string);
+    /**
+     * Method that performs synchronous validation against the provided control.
+     * @param control
+     */
+    validate(control: AbstractControl): {
+        [key: string]: any;
+    } | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniqueValidatorDirective, [null, { attribute: "unique"; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<UniqueValidatorDirective, "[unique]", never, { "uniqueProperty": "uniqueProperty"; "uniqueId": "uniqueId"; "uniqueParams": "uniqueParams"; "invert": "invert"; }, {}, never>;
+}

package/lib/http/http.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common/http";
+export { GenericService } from './services/generic.service';
+export declare class VdHttpModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdHttpModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VdHttpModule, never, [typeof i1.HttpClientModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VdHttpModule>;
+}

package/lib/http/public_api.d.ts

@@ -0,0 +1 @@
+export * from './http.module';

package/lib/http/services/generic.service.d.ts

@@ -0,0 +1,166 @@
+import { HttpClient, HttpErrorResponse, HttpEvent, HttpHeaders } from '@angular/common/http';
+import { BehaviorSubject, Observable } from 'rxjs';
+export declare class GenericService<T extends any> {
+    endpoint?: string;
+    /**
+     * Http client
+     */
+    http: HttpClient;
+    /**
+     * List of entities
+     */
+    list: BehaviorSubject<any[]>;
+    /**
+     * Constructor
+     *
+     * @param http
+     */
+    constructor(endpoint?: string);
+    /**
+     * Gets a single entity
+     *
+     * @param id The id of the entity or relative path
+     * @param params Adds query params to the request
+     * @param headers Adds headers to the request
+     */
+    get<T>(id: string | number, params?: Object, headers?: Object, handleError?: boolean): Observable<any>;
+    /**
+     * Counts entities
+     *
+     * @param params Adds query params to the request
+     * @param path A relative path to the action
+     * @param headers Adds headers to the request
+     * @param handleError Handle errors
+     */
+    count(params?: Object, path?: string, headers?: Object, handleError?: boolean): Observable<number>;
+    /**
+     * Gets a list of entities
+     *
+     * @param params Adds query params to the request
+     * @param headers Adds headers to the request
+     * @param path A relative path to the action
+     */
+    getList(params?: Object, path?: string, headers?: Object): Observable<any>;
+    /**
+     * Loads data
+     * @param params Adds query params to the request
+     * @param path A relative path to the action
+     * @param headers Adds headers to the request
+     */
+    loadList(params?: Object, path?: string, headers?: Object): void;
+    /**
+     * Gets result list as Observable
+     */
+    getListAsObservable(): Observable<any>;
+    /**
+     * Creates an entity
+     *
+     * @param entity The entity to create
+     * @param path A relative path to the action
+     * @param httpOptions Additional http options, like headers and so on
+     * @param handleError Handle errors
+     */
+    create<T>(entity: any, path?: string, httpOptions?: Object, handleError?: boolean): Observable<T>;
+    /**
+     * Updates an entity
+     *
+     * @param entity The entity to update
+     * @param path A relative path to the action
+     * @param httpOptions Additional http options, like headers and so on
+     * @param handleError Handle errors
+     */
+    update(id: string | number, entity: any, path?: string, httpOptions?: Object, handleError?: boolean): Observable<any>;
+    /**
+     * Patches an entity
+     *
+     * @param id id The id of the item to patch
+     * @param body The body
+     * @param path A relative path to the action
+     * @param httpOptions Additional http options, like headers and so on
+     * @param handleError Handle errors
+     */
+    patch(id: string | number, body: any, path?: string, httpOptions?: Object, handleError?: boolean): Observable<any>;
+    /**
+     * Patches multiple entities
+     *
+     * @param ids The ids of the items to patch
+     * @param body The body
+     * @param path A relative path to the action
+     * @param httpOptions Additional http options, like headers and so on
+     * @param handleError Handle errors
+     */
+    patchList(ids: string[] | number[], body: any, path?: string, httpOptions?: Object, handleError?: boolean): Observable<any>;
+    /**
+     * Deletes an entity.
+     *
+     * @param id The id of the item to delete
+     * @param path A relative path to the action
+     * @param httpOptions Additional http options, like headers and so on
+     * @param handleError Handle errors
+     */
+    delete(id: string | number, path?: string, httpOptions?: Object, handleError?: boolean): Observable<any>;
+    /**
+     * Deletes multiple entities.
+     *
+     * @param ids The ids of the items to delete
+     * @param path A relative path to the action
+     * @param httpOptions Additional http options, like headers and so on
+     * @param handleError Handle errors
+     */
+    deleteList(ids: string[] | number[], path?: string, httpOptions?: Object, handleError?: boolean): Observable<any>;
+    /**
+     * Downloads a file
+     *
+     * @param path A relative path to the action
+     * @param params Some query params
+     */
+    download(path: string, params?: Object, handleError?: boolean): Observable<any>;
+    /**
+     * Duplicates a record
+     * @param id
+     */
+    duplicate(id: number): Observable<any>;
+    /**
+     * Uploads a file
+     *
+     * @param file The file to upload
+     * @param path A relative path to the action
+     */
+    upload(file: File, path?: string, extraData?: object): Observable<any>;
+    /**
+     * Convert Object to FromData
+     *
+     * @param body
+     */
+    protected toFormData(body: Object): FormData;
+    /**
+     * Convert Object to HttpHeaders
+     *
+     * @param body
+     */
+    protected toHttpHeaders(body: Object): HttpHeaders;
+    /**
+     * Gets file name from Httpheaders: Content-Disposition
+     * @param disposition
+     */
+    protected getFileNameFromHeaders(headers: HttpHeaders): string;
+    /**
+     * Returns a function that handles Http operation failures.
+     * This error handler lets the app continue to run as if no error occurred.
+     * @param operation - name of the operation that failed
+     */
+    protected handleError<T>(operation?: string): (error: HttpErrorResponse) => Observable<T>;
+    /**
+     * Return distinct message for sent, upload progress, & response events
+     *
+     * @param event The response event
+     * @param file The file beeing uploaded
+     */
+    protected getEventMessage(event: HttpEvent<any>, file: File): string;
+    /**
+     * Shows upload progress.
+     *
+     * @param message
+     */
+    protected showProgress(message: string): void;
+}

package/lib/layout/_layout-theme.scss

@@ -0,0 +1,89 @@
+// @use '~@angular/material' as mat;
+@import '../common/styles/elevation';
+@import '../common/styles/theme-functions';
+@import '../common/styles/typography-functions';
+
+@mixin vd-layout-typography($config) {
+  vd-navigation-drawer {
+    .vd-navigation-drawer-title {
+      font: {
+        family: vd-font-family($config);
+        size: vd-font-size($config, subheading-2);
+      }
+    }
+    .vd-navigation-drawer-name {
+      font: {
+        family: vd-font-family($config);
+        size: vd-font-size($config, body-1);
+        weight: 500;
+      }
+      line-height: vd-line-height($config, body-1);
+    }
+    .vd-navigation-drawer-menu-toggle {
+      font: {
+        family: vd-font-family($config);
+        size: vd-font-size($config, body-2);
+        weight: 400;
+      }
+      line-height: vd-line-height($config, body-2);
+    }
+  }
+}
+
+@mixin vd-layout-theme($theme) {
+  $primary: map-get($theme, primary);
+  $accent: map-get($theme, accent);
+  $warn: map-get($theme, warn);
+  $background: map-get($theme, background);
+  $foreground: map-get($theme, foreground);
+
+  .mat-drawer-container {
+    background-color: mat.get-color-from-palette($background, status-bar);
+  }
+
+  [mat-icon-button].vd-layout-menu-button {
+    margin-left: 0px;
+    ::ng-deep [dir='rtl'] & { 
+      margin-right: 0px;
+      margin-left: 6px;
+    }
+  }
+
+  vd-layout-nav,
+  vd-layout-nav-list,
+  vd-layout-manage-list,
+  vd-layout-card-over,
+  vd-navigation-drawer,
+  vd-layout {
+    mat-toolbar {
+      @include mat.elevation(1);
+      z-index: 1;
+    }
+  }
+  .mat-drawer-side.vd-layout-sidenav {
+    @include mat.elevation(2);
+  }
+  .vd-layout-footer {
+    background: mat.get-color-from-palette($background, app-bar);
+    color: mat.get-color-from-palette($foreground, text);
+    @include mat.elevation(2);
+    &.mat-primary {
+      background: mat.get-color-from-palette($primary);
+      &, mat-icon {
+        color: mat.get-color-from-palette($primary, default-contrast);
+      }
+    }
+    &.mat-accent {
+      background: mat.get-color-from-palette($accent);
+      &, mat-icon {
+        color: mat.get-color-from-palette($accent, default-contrast);
+      }
+    }
+    &.mat-warn {
+      background: mat.get-color-from-palette($warn);
+      &, mat-icon {
+        color: mat.get-color-from-palette($warn, default-contrast);
+      }
+    }
+  }
+}

package/lib/layout/form-toolbar/form-toolbar.component.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@angular/core';
+import { ActionMenuItem } from '../../common/models/action-menu-item';
+import * as i0 from "@angular/core";
+export declare class VdFormToolbarComponent {
+    /**
+     * Toolbar title
+     */
+    subtitle: string;
+    /**
+     * A list of menu items
+     */
+    menuItems: ActionMenuItem[];
+    /**
+     * Loading flag
+     */
+    loading: boolean;
+    /**
+    * Reload event handler
+    */
+    reload: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdFormToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdFormToolbarComponent, "vd-form-toolbar", never, { "subtitle": "subtitle"; "menuItems": "menuItems"; "loading": "loading"; }, { "reload": "reload"; }, never, never>;
+}

package/lib/layout/form-toolbar-menu/form-toolbar-menu.component.d.ts

@@ -0,0 +1,10 @@
+import { ActionMenuItem } from '../../common/models/action-menu-item';
+import * as i0 from "@angular/core";
+export declare class VdFormToolbarMenuComponent {
+    /**
+     * A list of menu items
+     */
+    menuItems: ActionMenuItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdFormToolbarMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdFormToolbarMenuComponent, "vd-form-toolbar-menu", never, { "menuItems": "menuItems"; }, {}, never, never>;
+}

package/lib/layout/layout-card-over/layout-card-over.component.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from "@angular/core";
+export declare class VdLayoutCardOverComponent {
+    /**
+     * cardTitle?: string
+     *
+     * Title set in card.
+     */
+    cardTitle: string;
+    /**
+     * cardSubtitle?: string
+     *
+     * Subtitle set in card.
+     */
+    cardSubtitle: string;
+    /**
+     * cardWidth?: string
+     *
+     * Card flex width in %.
+     * Defaults to 70%.
+     */
+    cardWidth: number;
+    /**
+     * color?: string
+     *
+     * toolbar color option: primary | accent | warn.
+     * If [color] is not set, primary is used.
+     */
+    color: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutCardOverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutCardOverComponent, "vd-layout-card-over", never, { "cardTitle": "cardTitle"; "cardSubtitle": "cardSubtitle"; "cardWidth": "cardWidth"; "color": "color"; }, {}, never, ["*", "[vd-after-card]"]>;
+}

package/lib/layout/layout-footer/layout-footer.component.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class VdLayoutFooterComponent {
+    private _renderer;
+    private _elementRef;
+    private _color;
+    /**
+     * color?: string
+     *
+     * Optional color option: primary | accent | warn.
+     */
+    set color(color: 'primary' | 'accent' | 'warn');
+    get color(): 'primary' | 'accent' | 'warn';
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutFooterComponent, "vd-layout-footer,vd-layout-footer-inner", never, { "color": "color"; }, {}, never, ["*"]>;
+}

package/lib/layout/layout-manage-list/layout-manage-list.component.d.ts

@@ -0,0 +1,100 @@
+import { OnInit } from '@angular/core';
+import { MatDrawerToggleResult, MatSidenav } from '@angular/material/sidenav';
+import { VdMediaService } from '../../media/services/media.service';
+import { MenuItem } from '../../menu/models/menu-item';
+import { ILayoutTogglable } from '../layout-toggle.class';
+import * as i0 from "@angular/core";
+export declare class VdLayoutManageListComponent implements ILayoutTogglable, OnInit {
+    private media;
+    /**
+     * sidenav: MatSidenav
+     */
+    sidenav: MatSidenav;
+    /**
+     * title: string
+     * Content title
+     */
+    title: string;
+    /**
+     * closable: boolean
+     * If false, hide close button
+     */
+    closable: boolean;
+    /**
+     * menuItems: MenuItem[]
+     */
+    menuItems: MenuItem[];
+    /**
+     * mode?: 'side', 'push' or 'over'
+     *
+     * The mode or styling of the sidenav.
+     * Defaults to "side".
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/master/src/lib/sidenav
+     */
+    mode: 'side' | 'push' | 'over';
+    /**
+     * overGt?: string
+     */
+    sideGt: string;
+    /**
+     * opened?: boolean
+     *
+     * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+     * Defaults to "true".
+     *
+     * See "MatSidenav" documentation for more info.
+     *
+     * https://github.com/angular/material2/tree/master/src/lib/sidenav
+     */
+    opened: boolean;
+    /**
+     * opened?: string
+     *
+     * Whether or not the sidenav is opened. Use this binding to open/close the sidenav.
+     * Defaults to "true".
+     */
+    openedGt: string;
+    /**
+     * sidenavWidth?: string
+     *
+     * Sets the "width" of the sidenav in either "px" or "%"
+     * Defaults to "257px".
+     *
+     * https://github.com/angular/material2/tree/master/src/lib/sidenav
+     */
+    sidenavWidth: string;
+    /**
+     * sidenavGtXsWidth?: number
+     */
+    sidenavGtXsWidth: number;
+    /**
+     * Checks if `ESC` should close the sidenav
+     * Should only close it for `push` and `over` modes
+     */
+    get disableClose(): boolean;
+    /**
+     * Constructor
+     */
+    constructor(media: VdMediaService);
+    /**
+     * Lifecycle hook that is called after data-bound properties
+     * of a directive are initialized.
+     */
+    ngOnInit(): void;
+    /**
+     * Proxy toggle method to access sidenav from outside (from vd-layout template).
+     */
+    toggle(): Promise<MatDrawerToggleResult>;
+    /**
+     * Proxy open method to access sidenav from outside (from vd-layout template).
+     */
+    open(): Promise<MatDrawerToggleResult>;
+    /**
+     * Proxy close method to access sidenav from outside (from vd-layout template).
+     */
+    close(): Promise<MatDrawerToggleResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutManageListComponent, "vd-layout-manage-list", never, { "title": "title"; "closable": "closable"; "menuItems": "menuItems"; "mode": "mode"; "sideGt": "sideGt"; "opened": "opened"; "openedGt": "openedGt"; "sidenavWidth": "sidenavWidth"; "sidenavGtXsWidth": "sidenavGtXsWidth"; }, {}, never, ["mat-toolbar[vd-sidenav-content]", "[vd-sidenav-content]", "vd-menu", "mat-toolbar", "vd-list-toolbar", "*", "vd-layout-footer-inner"]>;
+}

package/lib/layout/layout-manage-list/layout-manage-list.directives.d.ts

@@ -0,0 +1,61 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { LayoutToggle } from '../layout-toggle.class';
+import { VdLayoutManageListComponent } from './layout-manage-list.component';
+import * as i0 from "@angular/core";
+export declare class VdLayoutManageListToggleDirective extends LayoutToggle {
+    /**
+     * Sets vdLayoutManageListToggle
+     */
+    set vdLayoutManageListToggle(vdLayoutManageListToggle: boolean);
+    /**
+     * Constructor
+     * @param layout
+     * @param renderer
+     * @param elementRef
+     */
+    constructor(layout: VdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
+    /**
+     * Opens the list
+     */
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListToggleDirective, "[vdLayoutManageListToggle]", never, { "vdLayoutManageListToggle": "vdLayoutManageListToggle"; }, {}, never>;
+}
+export declare class VdLayoutManageListCloseDirective extends LayoutToggle {
+    /**
+     * Sets vdLayoutManageListClose
+     */
+    set vdLayoutManageListClose(vdLayoutManageListClose: boolean);
+    /**
+     * Constructor
+     * @param layout
+     * @param renderer
+     * @param elementRef
+     */
+    constructor(layout: VdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
+    /**
+     * Opens the list
+     */
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListCloseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListCloseDirective, "[vdLayoutManageListClose]", never, { "vdLayoutManageListClose": "vdLayoutManageListClose"; }, {}, never>;
+}
+export declare class VdLayoutManageListOpenDirective extends LayoutToggle {
+    /**
+     * Sets vdLayoutManageListOpen
+     */
+    set vdLayoutManageListOpen(vdLayoutManageListOpen: boolean);
+    /**
+     * Constructor
+     * @param layout
+     * @param renderer
+     * @param elementRef
+     */
+    constructor(layout: VdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
+    /**
+     * Opens the list
+     */
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutManageListOpenDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VdLayoutManageListOpenDirective, "[vdLayoutManageListOpen]", never, { "vdLayoutManageListOpen": "vdLayoutManageListOpen"; }, {}, never>;
+}

package/lib/layout/layout-nav/layout-nav.component.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MenuItem } from '../../menu/models/menu-item';
+import * as i0 from "@angular/core";
+export declare class VdLayoutNavComponent {
+    private router;
+    protected route: ActivatedRoute;
+    /**
+     * toolbarTitle?: string
+     *
+     * Title set in toolbar.
+     */
+    toolbarTitle: string;
+    /**
+     * editMode?: boolean
+     */
+    editMode?: boolean;
+    /**
+     * menuItems: MenuItem[]
+     */
+    menuItems: MenuItem[];
+    /**
+     * reload: EventEmitter<any>
+     */
+    reload: EventEmitter<any>;
+    /**
+     * icon?: string
+     *
+     * icon name to be displayed before the title
+     */
+    icon: string;
+    /**
+     * logo?: string
+     *
+     * logo icon name to be displayed before the title.
+     * If [icon] is set, then this will not be shown.
+     */
+    logo: string;
+    /**
+     * color?: string
+     *
+     * toolbar color option: primary | accent | warn.
+     * If [color] is not set, primary is used.
+     */
+    color: string;
+    /**
+     * hideToggle?: boolean
+     *
+     * Hides toggle button
+     */
+    hideToggle: boolean;
+    /**
+     * backNavigationRoute?: string
+     */
+    backNavigationRoute: string;
+    /**
+     * Checks if router was injected.
+     */
+    get backNavigationRouteEnabled(): boolean;
+    /**
+     * navigationRoute?: string
+     *
+     * option to set the combined route for the icon, logo, and toolbarTitle.
+     */
+    navigationRoute: string;
+    /**
+     * Checks if router was injected.
+     */
+    get routerEnabled(): boolean;
+    /**
+     * Constructor
+     * @param router
+     */
+    constructor(router: Router, route: ActivatedRoute);
+    /**
+     * Handles click event on back navigation title
+     */
+    handleBackNavigationClick(): void;
+    /**
+     * Handles click event on navigation title
+     */
+    handleNavigationClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VdLayoutNavComponent, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VdLayoutNavComponent, "vd-layout-nav", never, { "toolbarTitle": "toolbarTitle"; "editMode": "editMode"; "menuItems": "menuItems"; "icon": "icon"; "logo": "logo"; "color": "color"; "hideToggle": "hideToggle"; "backNavigationRoute": "backNavigationRoute"; "navigationRoute": "navigationRoute"; }, { "reload": "reload"; }, never, ["[vd-menu-button]", "[vd-toolbar-content]", "[vd-toolbar-content-right]", "*", "vd-layout-footer"]>;
+}