@messaia/cdk 0.0.0-CDK

package/lib/common/pipes/first-letter.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class FirstLetterPipe implements PipeTransform {
+    /**
+     * Converts enum value to string
+     * @param value
+     * @param uppercase
+     */
+    transform(value: string, uppercase?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FirstLetterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FirstLetterPipe, "firstLetter">;
+}

package/lib/common/pipes/keys.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class KeysPipe implements PipeTransform {
+    transform(value: any, args: string[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeysPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KeysPipe, "keys">;
+}

package/lib/common/pipes/month-name.pipe.d.ts

@@ -0,0 +1,15 @@
+import { PipeTransform } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class MonthNamePipe implements PipeTransform {
+    /**
+     * Month names
+     */
+    private readonly monthNames;
+    /**
+     * Gets month name
+     * @param month
+     */
+    transform(month: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthNamePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MonthNamePipe, "monthName">;
+}

package/lib/common/pipes/only-number.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OnlyNumberDirective {
+    private element;
+    /**
+     * constructor
+     * @param element
+     */
+    constructor(element: ElementRef);
+    /**
+     * onlyNumber: boolean
+     */
+    onlyNumber: boolean;
+    /**
+     * Handles keydown events
+     * @param event
+     */
+    onKeyDown(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnlyNumberDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OnlyNumberDirective, "[onlyNumber]", never, { "onlyNumber": "onlyNumber"; }, {}, never>;
+}

package/lib/common/pipes/order.pipe.d.ts

@@ -0,0 +1,77 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OrderPipe implements PipeTransform {
+    /**
+     * Check if a value is a string
+     *
+     * @param value
+     */
+    static isString(value: any): boolean;
+    /**
+     * Sorts values ignoring the case
+     *
+     * @param a
+     * @param b
+     */
+    static caseInsensitiveSort(a: any, b: any): any;
+    /**
+     * Default compare method
+     *
+     * @param a
+     * @param b
+     */
+    static defaultCompare(a: any, b: any): 0 | 1 | -1;
+    /**
+     * Parse expression, split into items
+     * @param expression
+     */
+    static parseExpression(expression: string): string[];
+    /**
+     * Get value by expression
+     *
+     * @param object
+     * @param expression
+     */
+    static getValue(object: any, expression: string[]): any;
+    /**
+     * Set value by expression
+     *
+     * @param object
+     * @param value
+     * @param expression
+     */
+    static setValue(object: any, value: any, expression: string[]): void;
+    transform(value: any | any[], expression?: any, reverse?: boolean, isCaseInsensitive?: boolean, comparator?: Function): any;
+    /**
+     * Sort array
+     *
+     * @param value
+     * @param expression
+     * @param reverse
+     * @param isCaseInsensitive
+     * @param comparator
+     */
+    private sortArray;
+    /**
+     * Transform Object
+     *
+     * @param value
+     * @param expression
+     * @param reverse
+     * @param isCaseInsensitive
+     * @param comparator
+     */
+    private transformObject;
+    /**
+     * Apply multiple expressions
+     *
+     * @param value
+     * @param expressions
+     * @param reverse
+     * @param isCaseInsensitive
+     * @param comparator
+     */
+    private multiExpressionTransform;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OrderPipe, "orderBy">;
+}

package/lib/common/pipes/placeholder.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from "@angular/core";
+import { NgModel } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class PlaceholderPipe implements PipeTransform {
+    /**
+     * Gets placeholder of an input
+     * @param value
+     * @param placeholderType
+     */
+    transform(model: NgModel): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceholderPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PlaceholderPipe, "placeholder">;
+}

package/lib/common/pipes/safe-html.pipe.d.ts

@@ -0,0 +1,22 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer } from "@angular/platform-browser";
+import * as i0 from "@angular/core";
+/**
+ * Generated class for the SafeHtmlPipe pipe.
+ */
+export declare class SafeHtmlPipe implements PipeTransform {
+    private sanitizer;
+    /**
+     * Constructor
+     * @param sanitizer
+     */
+    constructor(sanitizer: DomSanitizer);
+    /**
+     * Bypass security and trust the given value to be safe HTML.
+     * @param html
+     * @returns
+     */
+    transform(html: any): import("@angular/platform-browser").SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SafeHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SafeHtmlPipe, "safeHtml">;
+}

package/lib/common/pipes/time.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TimePipe implements PipeTransform {
+    transform(time: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TimePipe, "time">;
+}

package/lib/common/pipes/titlecase.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TitleCase implements PipeTransform {
+    transform(input: string, length: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TitleCase, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TitleCase, "titlecase">;
+}

package/lib/common/pipes/truncate.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TruncatePipe implements PipeTransform {
+    transform(text: any, length: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate">;
+}

package/lib/common/pipes/values.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ValuesPipe implements PipeTransform {
+    transform(value: any, args?: any[]): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValuesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ValuesPipe, "values">;
+}

package/lib/common/public_api.d.ts

@@ -0,0 +1,17 @@
+export * from './common.module';
+export * from './directives/disable-control.directive';
+export * from './pipes/data-source.pipe';
+export * from './pipes/enum.pipe';
+export * from './pipes/file-size.pipe';
+export * from './pipes/filter.pipe';
+export * from './pipes/first-letter';
+export * from './pipes/keys';
+export * from './pipes/month-name.pipe';
+export * from './pipes/only-number';
+export * from './pipes/order.pipe';
+export * from './pipes/placeholder.pipe';
+export * from './pipes/safe-html.pipe';
+export * from './pipes/time.pipe';
+export * from './pipes/titlecase.pipe';
+export * from './pipes/truncate.pipe';
+export * from './pipes/values';

package/lib/common/services/base.service.d.ts

@@ -0,0 +1,10 @@
+import { GenericService } from "../../http/services/generic.service";
+import * as i0 from "@angular/core";
+export declare class BaseService extends GenericService<any> {
+    /**
+     * Constructor
+     */
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaseService>;
+}

package/lib/common/services/context-helper.d.ts

@@ -0,0 +1,17 @@
+import { ActivatedRoute, Router } from "@angular/router";
+import { AppSetting } from "../models/app-setting";
+export declare class ContextHelper {
+    /**
+     * Provides access to information about a route associated with a component
+     * that is loaded in an outlet.
+     */
+    static activatedRoute: ActivatedRoute;
+    /**
+     * A service that provides navigation among views and URL manipulation capabilities.
+     */
+    static router: Router;
+    /**
+     * App settings
+     */
+    static appSetting: AppSetting;
+}

package/lib/common/services/enum.service.d.ts

@@ -0,0 +1,23 @@
+import { EnumItem } from '../models/enum-item';
+import { KeyValue } from '../models/key-value';
+import * as i0 from "@angular/core";
+export declare class EnumService {
+    /**
+     * Parses a string to an enum value
+     * @param enumType The type of the enum
+     * @param value The value to parse
+     */
+    static parse<TEnum>(enumType: TEnum, value: string): any;
+    /**
+     * Parses an enum to a list of key-value objects
+     * @param enumType The type of the enum
+     */
+    static toKeyValue<TEnum>(enumType: TEnum): Array<KeyValue>;
+    /**
+     * Converts enum type to Array<EnumItem>
+     * @param enumType
+     */
+    static toArray<TEnum>(enumType: TEnum, prefix?: string): EnumItem<TEnum>[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<EnumService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EnumService>;
+}

package/lib/common/services/service-locator.d.ts

@@ -0,0 +1,19 @@
+import { InjectionToken, Injector, StaticProvider, Type } from "@angular/core";
+export declare class ServiceLocator {
+    static injector: Injector;
+    /**
+     * Retrieves an instance from the injector based on the provided token.
+     * If not found:
+     * - Throws {@link NoProviderError} if no `notFoundValue` that is not equal to
+     * Injector.THROW_IF_NOT_FOUND is given
+     * - Returns the `notFoundValue` otherwise
+     */
+    static getService<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T): T;
+    /**
+     * Creates a new injector instance that provides one or more dependencies,
+     * according to a given type or types of `StaticProvider`.
+     *
+     * @param providers: An array of providers of the [StaticProvider type](api/core/StaticProvider).
+     */
+    static create(providers: StaticProvider[]): void;
+}

package/lib/common/styles/_common-theme.scss

@@ -0,0 +1,27 @@
+// @use '~@angular/material' as mat;
+@import 'theme-functions';
+
+@mixin vd-common-theme($theme) {
+    $warn: map-get($theme, warn);
+    $foreground: map-get($theme, foreground);
+    $background: map-get($theme, background);
+
+    mat-list-item,
+    .mat-list-item-content {
+        mat-icon {
+            color: mat.get-color-from-palette($foreground, icon);
+            
+            &[matListAvatar] {
+                background-color: mat.get-color-from-palette(
+                    $background,
+                    hover
+                );
+            }
+        }
+    }
+    .mat-list-text {
+        p {
+            color: mat.get-color-from-palette($foreground, disabled);
+        }
+    }
+}

package/lib/common/styles/_elevation.scss

@@ -0,0 +1,147 @@
+@import 'variables';
+
+$_umbra-color: rgba(black, 0.2);
+$_penumbra-color: rgba(black, 0.14);
+$_ambient-color: rgba(black, 0.12);
+
+// Maps for the different shadow sets and their values within each z-space. These values were
+// created by taking a few reference shadow sets created by Google's Designers and interpolating
+// all of the values between them.
+$_umbra-elevation-map: (
+    0: '0px 0px 0px 0px #{$_umbra-color}',
+    1: '0px 2px 1px -1px #{$_umbra-color}',
+    2: '0px 3px 1px -2px #{$_umbra-color}',
+    3: '0px 3px 3px -2px #{$_umbra-color}',
+    4: '0px 2px 4px -1px #{$_umbra-color}',
+    5: '0px 3px 5px -1px #{$_umbra-color}',
+    6: '0px 3px 5px -1px #{$_umbra-color}',
+    7: '0px 4px 5px -2px #{$_umbra-color}',
+    8: '0px 5px 5px -3px #{$_umbra-color}',
+    9: '0px 5px 6px -3px #{$_umbra-color}',
+    10: '0px 6px 6px -3px #{$_umbra-color}',
+    11: '0px 6px 7px -4px #{$_umbra-color}',
+    12: '0px 7px 8px -4px #{$_umbra-color}',
+    13: '0px 7px 8px -4px #{$_umbra-color}',
+    14: '0px 7px 9px -4px #{$_umbra-color}',
+    15: '0px 8px 9px -5px #{$_umbra-color}',
+    16: '0px 8px 10px -5px #{$_umbra-color}',
+    17: '0px 8px 11px -5px #{$_umbra-color}',
+    18: '0px 9px 11px -5px #{$_umbra-color}',
+    19: '0px 9px 12px -6px #{$_umbra-color}',
+    20: '0px 10px 13px -6px #{$_umbra-color}',
+    21: '0px 10px 13px -6px #{$_umbra-color}',
+    22: '0px 10px 14px -6px #{$_umbra-color}',
+    23: '0px 11px 14px -7px #{$_umbra-color}',
+    24: '0px 11px 15px -7px #{$_umbra-color}',
+);
+
+$_penumbra-elevation-map: (
+    0: '0px 0px 0px 0px #{$_penumbra-color}',
+    1: '0px 1px 1px 0px #{$_penumbra-color}',
+    2: '0px 2px 2px 0px #{$_penumbra-color}',
+    3: '0px 3px 4px 0px #{$_penumbra-color}',
+    4: '0px 4px 5px 0px #{$_penumbra-color}',
+    5: '0px 5px 8px 0px #{$_penumbra-color}',
+    6: '0px 6px 10px 0px #{$_penumbra-color}',
+    7: '0px 7px 10px 1px #{$_penumbra-color}',
+    8: '0px 8px 10px 1px #{$_penumbra-color}',
+    9: '0px 9px 12px 1px #{$_penumbra-color}',
+    10: '0px 10px 14px 1px #{$_penumbra-color}',
+    11: '0px 11px 15px 1px #{$_penumbra-color}',
+    12: '0px 12px 17px 2px #{$_penumbra-color}',
+    13: '0px 13px 19px 2px #{$_penumbra-color}',
+    14: '0px 14px 21px 2px #{$_penumbra-color}',
+    15: '0px 15px 22px 2px #{$_penumbra-color}',
+    16: '0px 16px 24px 2px #{$_penumbra-color}',
+    17: '0px 17px 26px 2px #{$_penumbra-color}',
+    18: '0px 18px 28px 2px #{$_penumbra-color}',
+    19: '0px 19px 29px 2px #{$_penumbra-color}',
+    20: '0px 20px 31px 3px #{$_penumbra-color}',
+    21: '0px 21px 33px 3px #{$_penumbra-color}',
+    22: '0px 22px 35px 3px #{$_penumbra-color}',
+    23: '0px 23px 36px 3px #{$_penumbra-color}',
+    24: '0px 24px 38px 3px #{$_penumbra-color}',
+);
+
+$_ambient-elevation-map: (
+    0: '0px 0px 0px 0px #{$_ambient-color}',
+    1: '0px 1px 3px 0px #{$_ambient-color}',
+    2: '0px 1px 5px 0px #{$_ambient-color}',
+    3: '0px 1px 8px 0px #{$_ambient-color}',
+    4: '0px 1px 10px 0px #{$_ambient-color}',
+    5: '0px 1px 14px 0px #{$_ambient-color}',
+    6: '0px 1px 18px 0px #{$_ambient-color}',
+    7: '0px 2px 16px 1px #{$_ambient-color}',
+    8: '0px 3px 14px 2px #{$_ambient-color}',
+    9: '0px 3px 16px 2px #{$_ambient-color}',
+    10: '0px 4px 18px 3px #{$_ambient-color}',
+    11: '0px 4px 20px 3px #{$_ambient-color}',
+    12: '0px 5px 22px 4px #{$_ambient-color}',
+    13: '0px 5px 24px 4px #{$_ambient-color}',
+    14: '0px 5px 26px 4px #{$_ambient-color}',
+    15: '0px 6px 28px 5px #{$_ambient-color}',
+    16: '0px 6px 30px 5px #{$_ambient-color}',
+    17: '0px 6px 32px 5px #{$_ambient-color}',
+    18: '0px 7px 34px 6px #{$_ambient-color}',
+    19: '0px 7px 36px 6px #{$_ambient-color}',
+    20: '0px 8px 38px 7px #{$_ambient-color}',
+    21: '0px 8px 40px 7px #{$_ambient-color}',
+    22: '0px 8px 42px 7px #{$_ambient-color}',
+    23: '0px 9px 44px 8px #{$_ambient-color}',
+    24: '0px 9px 46px 8px #{$_ambient-color}',
+);
+
+// The css property used for elevation. In most cases this should not be changed. It is exposed
+// as a variable for abstraction / easy use when needing to reference the property directly, for
+// example in a will-change rule.
+$mat-elevation-property: box-shadow !default;
+
+// The default duration value for elevation transitions.
+$mat-elevation-transition-duration: 280ms !default;
+
+// The default easing value for elevation transitions.
+$mat-elevation-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+// The default color for elevation shadows.
+$mat-elevation-color: black !default;
+
+// The default opacity scaling value for elevation shadows.
+$mat-elevation-opacity: 1 !default;
+
+// Applies the correct css rules to an element to give it the elevation specified by $zValue.
+// The $zValue must be between 0 and 24.
+@mixin mat-elevation($zValue, $color: #000, $opacity: 1) {
+    @if type-of($zValue) != number or not unitless($zValue) {
+        @error '$zValue must be a unitless number';
+    }
+    @if $zValue < 0 or $zValue > 24 {
+        @error '$zValue must be between 0 and 24';
+    }
+
+    box-shadow: #{map-get(_get-umbra-map($color, $opacity), $zValue)},
+        #{map-get(_get-penumbra-map($color, $opacity), $zValue)},
+        #{map-get(_get-ambient-map($color, $opacity), $zValue)};
+}
+
+// Returns a string that can be used as the value for a transition property for elevation.
+// Calling this function directly is useful in situations where a component needs to transition
+// more than one property.
+//
+// .foo {
+//   transition: mat-elevation-transition-property-value(), opacity 100ms ease;
+//   will-change: $mat-elevation-property, opacity;
+// }
+@function mat-elevation-transition-property-value($duration: 280ms,$easing: cubic-bezier(0.4, 0, 0.2, 1)) {
+    @return #{$mat-elevation-property} #{$duration} #{$easing};
+}
+
+// Applies the correct css rules needed to have an element transition between elevations.
+// This mixin should be applied to elements whose elevation values will change depending on their
+// context (e.g. when active or disabled).
+//
+// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can
+// be used in the same way by clients.
+@mixin mat-elevation-transition($duration: 280ms, $easing: cubic-bezier(0.4, 0, 0.2, 1)) {
+    transition: mat-elevation-transition-property-value($duration, $easing);
+    will-change: $mat-elevation-property;
+}