@kms-ngx-ui/presentational 0.0.1

package/lib/models/types/nullable.type.d.ts

@@ -0,0 +1,4 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+export declare type NullAble<T> = T | null | undefined;

package/lib/parent-components/actions.component.d.ts

@@ -0,0 +1,28 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { EventEmitter } from '@angular/core';
+export declare class ActionsParentComponent {
+    /**
+     * Defines the disabled property
+     */
+    disabled: boolean;
+    /**
+     * Set button as selected. F.e. in multiselect component
+     */
+    checked: boolean;
+    /**
+     * Displayed label.
+     */
+    label: string;
+    /**
+     * Link
+     */
+    link: string;
+    /**
+     * Internal value that will be send if a form is submitted.
+     */
+    initialValue: string;
+    select: EventEmitter<any>;
+    selectAction(id: string): void;
+}

package/lib/parent-components/form-control.component.d.ts

@@ -0,0 +1,24 @@
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { FormBuilder, FormControl } from '@angular/forms';
+import { FormParentComponent } from './form.component';
+export declare class FormControlParentComponent extends FormParentComponent {
+    formBuilder: FormBuilder;
+    renderer: Renderer2;
+    defaultDataOverride: string;
+    onSelectItemEmitter: EventEmitter<string>;
+    child?: ElementRef<HTMLInputElement>;
+    internalValue: string;
+    constructor(formBuilder: FormBuilder, renderer: Renderer2);
+    ngOnInit(): void;
+    change(value: string): void;
+    onChange: any;
+    onTouch: any;
+    onTouched: any;
+    get value(): string;
+    set value(value: string);
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    validate(_: FormControl): boolean;
+}

package/lib/parent-components/form.component.d.ts

@@ -0,0 +1,31 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+export declare class FormParentComponent implements OnInit {
+    formBuilder: FormBuilder;
+    form: FormGroup;
+    formInitialized: boolean;
+    private allowedCharsOnlyNumbers;
+    formDataChanged: EventEmitter<FormGroup>;
+    disabled: boolean;
+    constructor(formBuilder: FormBuilder);
+    /**
+     * Returns if a number was pressed
+     * @param e
+     * @returns
+     */
+    checkIfKeyWasNumber(e: KeyboardEvent, allowDelete?: boolean, allowArrows?: boolean, allowCutCopyPaste?: boolean): boolean;
+    /**
+     * Prevents to input other chars than numbers in input
+     * @param event
+     */
+    removeNumbersOnType(event: KeyboardEvent): void;
+    /**
+     * Prevents input when pasting which is not number
+     * @param event
+     */
+    removeNumbersOnPaste(event: ClipboardEvent): void;
+    ngOnInit(): void;
+}

package/lib/pipes/custom-pipes.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @copyright KMS GmbH
+ */
+export declare class CustomPipesModule {
+}

package/lib/pipes/decode-uri.pipe.d.ts

@@ -0,0 +1,7 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { PipeTransform } from '@angular/core';
+export declare class DecodeUriPipe implements PipeTransform {
+    transform(value: any, _args?: any): any;
+}

package/lib/pipes/encode-uri.pipe.d.ts

@@ -0,0 +1,7 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { PipeTransform } from '@angular/core';
+export declare class EncodeUriPipe implements PipeTransform {
+    transform(value: any, _args?: any): any;
+}

package/lib/pipes/integer-currency.pipe.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { CurrencyPipe } from '@angular/common';
+import { PipeTransform } from '@angular/core';
+export declare class IntegerCurrency implements PipeTransform {
+    private cp;
+    constructor(cp: CurrencyPipe);
+    transform(value: any, currencyCode?: string, display?: boolean, digitsInfo?: string): string | null;
+}

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

@@ -0,0 +1,10 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+export declare class SafeHtmlPipe implements PipeTransform {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(html: string): SafeHtml;
+}

package/lib/pipes/safe-style.pipe.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+export declare class SafeStylePipe implements PipeTransform {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(style: string): SafeUrl;
+}

package/lib/pipes/safe-url.pipe.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+export declare class SafeUrlPipe implements PipeTransform {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(style: string): SafeUrl;
+}

package/lib/pipes/to-number.pipe.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { PipeTransform } from '@angular/core';
+export declare class ToNumberPipe implements PipeTransform {
+    transform(items: any): any;
+}

package/lib/pipes/trim.pipe.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { PipeTransform } from "@angular/core";
+export declare class TrimPipe implements PipeTransform {
+    transform(value: any): any;
+}

package/lib/pipes/typeof.pipe.d.ts

@@ -0,0 +1,4 @@
+import { PipeTransform } from '@angular/core';
+export declare class TypeofPipe implements PipeTransform {
+    transform(value: any): any;
+}

package/lib/services/viewport.service.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+/**
+ * Service to get viewport
+ */
+export declare class ViewportService implements OnDestroy {
+    private platformId;
+    readonly viewports: {
+        name: string;
+        low: number;
+        high: number;
+    }[];
+    private viewportChangedSubscriber;
+    private viewportResizedSubscriber;
+    private currentViewport;
+    constructor(platformId: Object);
+    /**
+     * Get window height
+     */
+    getDocumentHeight(): number;
+    /**
+     * Get window width
+     */
+    getDocumentWidth(): number;
+    /**
+     * Get window height
+     */
+    getWindowHeight(): number;
+    /**
+     * Get window width
+     */
+    getWindowWidth(): number;
+    /**
+     * Returns the current viewport MQ as string
+     * @returns string
+     */
+    getCurrentViewPort(): string;
+    /**
+     * Provides mq´s as string
+     */
+    getViewportChangedObserver(): Observable<string>;
+    /**
+     * Provides the current window width as number
+     */
+    getViewportResizedObserver(): Observable<number>;
+    scrollToElementId(el: string, alignCenter?: boolean): void;
+    /**
+     * Helper function that scrolls to the given markup element.
+     * @param el - nativeElement from markup
+     * @param alignCenter - defines if the element needs to be centered on window
+     */
+    scrollToElement(el: HTMLElement, alignCenter?: boolean): void;
+    /**
+     * Scroll to the top position
+     * @param top - top position value
+     */
+    scrollTop(top: number): void;
+    ngOnDestroy(): void;
+    /**
+     * If viewport changed
+     * @event
+     */
+    private documentSizeChanged;
+    /**
+     * Get the Media Query for the given width
+     * @param width Width to get the according MQ for
+     */
+    private convertWidthToMediaQuery;
+    isPortrait(): boolean;
+    isLandscape(): boolean;
+}

package/lib/ui/back-to-top/back-to-top.component.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @copyright KMS GmbH
+ */
+export declare class BackToTopComponent {
+    platformId: Object;
+    windowScrolled?: boolean;
+    constructor(platformId: Object);
+    onWindowScroll(): void;
+    scrollToTop(): void;
+}

package/lib/ui/button-with-confirm-dialog/button-response-types.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum ButtonResponseType {
+    primary = "primary",
+    secondary = "secondary"
+}

package/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { NullAble } from '../../models';
+export declare class ButtonWithConfirmDialogComponent implements OnInit {
+    dialog: MatDialog;
+    disabled: NullAble<boolean>;
+    buttonText: NullAble<string>;
+    confirmTitle: NullAble<string>;
+    confirmTextYes: NullAble<string>;
+    confirmTextNo: NullAble<string>;
+    onConfirmClosed: EventEmitter<boolean>;
+    private subs;
+    constructor(dialog: MatDialog);
+    ngOnInit(): void;
+    start(): void;
+}

package/lib/ui/button-with-confirm-dialog/dialog-data.model.d.ts

@@ -0,0 +1,9 @@
+export interface DialogData {
+    title: string;
+    message?: string;
+    buttons?: DialogDataButtons;
+}
+export interface DialogDataButtons {
+    primary: string;
+    secondary: string;
+}

package/lib/ui/checkbox/checkbox.component.d.ts

@@ -0,0 +1,28 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { NullAble } from '../../models';
+import { ActionsParentComponent } from '../../parent-components/actions.component';
+export declare class CheckboxComponent extends ActionsParentComponent implements ControlValueAccessor {
+    /**
+     * Additional description text that will be shown below the checkbox.
+     */
+    infoText: NullAble<string>;
+    /**
+     * Internal description name. All checkboxes with the same name belong to the same group.
+     * User can select none, one or all checkboxes with the same name.
+     */
+    name: string;
+    select: EventEmitter<any>;
+    selectAction(id: string): void;
+    constructor();
+    onChange: any;
+    onTouch: any;
+    get value(): boolean;
+    set value(value: boolean);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+}

package/lib/ui/color-input/color-input.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormControl } from '@angular/forms';
+import { FormControlParentComponent } from './../../parent-components/form-control.component';
+export declare class ColorInputComponent extends FormControlParentComponent implements OnInit, ControlValueAccessor {
+    formBuilder: FormBuilder;
+    renderer: Renderer2;
+    label: string;
+    tooltipText: string;
+    placeholder: string;
+    valid: boolean | null | undefined;
+    constructor(formBuilder: FormBuilder, renderer: Renderer2);
+    ngOnInit(): void;
+    validate(_: FormControl): boolean;
+    matchesHex(match?: string): false | RegExpMatchArray;
+}

package/lib/ui/enum-radiogroup/enum-radiogroup.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, FormBuilder } from '@angular/forms';
+import { NullAble } from '../../models';
+import { FormControlParentComponent } from './../../parent-components/form-control.component';
+export declare class EnumRadiogroupComponent extends FormControlParentComponent implements OnInit, ControlValueAccessor {
+    formBuilder: FormBuilder;
+    renderer: Renderer2;
+    header: NullAble<String>;
+    optionsEnum: any;
+    translationPrefix: string;
+    optionValues: any;
+    constructor(formBuilder: FormBuilder, renderer: Renderer2);
+    ngOnInit(): void;
+}

package/lib/ui/file-input/file-input.component.d.ts

@@ -0,0 +1,86 @@
+import { OnInit, Renderer2, EventEmitter, ApplicationRef, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { IconSize } from '../../models/iconSize.enum';
+import { AttachedFileDTO } from '../../models/types/attached-file-dto.model';
+export declare class FileInputComponent implements ControlValueAccessor, OnInit {
+    formBuilder: FormBuilder;
+    appRef: ApplicationRef;
+    cd: ChangeDetectorRef;
+    renderer: Renderer2;
+    fileInput: any;
+    label: string;
+    previewImage: boolean;
+    allowRemove: boolean;
+    previewImageText: string;
+    maxSizeBytes: number;
+    resizePixels: number;
+    acceptedFileMimetypes: string;
+    form: FormGroup;
+    subscriptions: Subscription[];
+    newImageLoading: boolean;
+    IconSize: typeof IconSize;
+    formDataChanged: EventEmitter<FormGroup>;
+    /**
+     * Constructor
+     * @param formBuilder
+     * @param appRef
+     * @param cd
+     * @param translateService
+     * @param renderer
+     */
+    constructor(formBuilder: FormBuilder, appRef: ApplicationRef, cd: ChangeDetectorRef, renderer: Renderer2);
+    /**
+     *  Click on button triggers file-input to open OS file dialog
+     */
+    selectImageOverlay(): void;
+    /**
+     * Function to manage the input image
+     * Returns an error if the file exceeds maximum wanted filesize (Mb).
+     * @param ev
+     * @returns
+     */
+    selectImage(ev: any): void;
+    /**
+     * Resize an image
+     * @param imgEl
+     * @param wantedWidth as number
+     * @returns string
+     */
+    private resizeImage;
+    /**
+     * Generate default object
+     * @param name as string
+     * @param content as string
+     * @returns AttachedFileDTO
+     */
+    generateModel(name?: string, content?: string, ident?: string, imageLink?: string, text?: string): AttachedFileDTO;
+    /**
+     * Remove image
+     */
+    removeFromList(): void;
+    /**
+     * get value
+     */
+    get value(): AttachedFileDTO;
+    /**
+     * set value
+     */
+    set value(value: AttachedFileDTO);
+    onChange: any;
+    onTouch: any;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(value: AttachedFileDTO | null): void;
+    validate(_: FormControl): {
+        styles: {
+            valid: boolean;
+        };
+    };
+    /**
+     * OnClick event listener of input#fileInput to clear his input value
+     */
+    clearInputValue(ev: any): void;
+}

package/lib/ui/flyout/flyout.component.d.ts

@@ -0,0 +1,32 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { ElementRef } from '@angular/core';
+export declare class FlyoutComponent {
+    icon: string;
+    isDropdownOpened: boolean;
+    targetHeight: string;
+    animationTime: number;
+    headerCssClass: string;
+    bodyCssClass: string;
+    headerTitle: string;
+    headerText: string;
+    hasButtonForMore: boolean;
+    moreText: string;
+    lessText: string;
+    content: ElementRef | undefined;
+    flyoutHeader: ElementRef | undefined;
+    /**
+     * Open/close dropdown if click on header.
+     * Except, if mode is set to hasButtonForMore. When there is a extra button to open/close
+     */
+    toggleDropdownHeader(): void;
+    /**
+     * Open or close the dropdown
+     */
+    toggleDropdown(): void;
+    /**
+     * Set the height of the dropdown list items dynamic - needed for the animation
+     */
+    setDropdownListHeight(contentHeight: number): void;
+}

package/lib/ui/generic-dialog/generic-dialog.component.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { NgZone } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { ButtonResponseType } from '../button-with-confirm-dialog/button-response-types.enum';
+import { DialogData, DialogDataButtons } from '../button-with-confirm-dialog/dialog-data.model';
+/**
+ * A generic dialog component
+ */
+export declare class GenericDialogComponent {
+    dialogRef: MatDialogRef<GenericDialogComponent>;
+    zone: NgZone;
+    data: DialogData;
+    ButtonResponseType: typeof ButtonResponseType;
+    buttons: DialogDataButtons;
+    constructor(dialogRef: MatDialogRef<GenericDialogComponent>, zone: NgZone, data: DialogData);
+    /**
+     * Action called when clicked
+     * @param clickedButton Whether the primary or secondary button was clicked
+     */
+    onClickAction(clickedButton: ButtonResponseType): void;
+}

package/lib/ui/icon/icon.component.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @copyright KMS GmbH
+ */
+import { OnInit } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { IconSize } from './iconSize.enum';
+export declare class IconComponent implements OnInit {
+    sanitizer: DomSanitizer;
+    /**
+     * Required: Name of the SVG icon inside your sprite sheet file with name 'icons.svg'.
+     * Pass 'none' if no icon should be rendered.
+     */
+    icon: string | '';
+    /**
+     * Optional: Different appearance via CSS class defined in this component´s style sheet.
+     */
+    iconClass: string | '';
+    /**
+     * Optional: Different appearance via CSS inline style.
+     */
+    iconStyle: any;
+    /**
+     * Optional: Different size via CSS inline style.
+     */
+    iconSize: IconSize;
+    /**
+     * Dont use icon sprite
+     */
+    dontUseSprite: boolean;
+    IconSize: typeof IconSize;
+    Version: string;
+    timestamp: number;
+    /**
+     * Renders this icon from SVG sprite sheet
+     */
+    iconToShow: string | '';
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
+}

package/lib/ui/icon/iconSize.enum.d.ts

@@ -0,0 +1,15 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+export declare enum IconSize {
+    FULLSIZE = "size-full",
+    TINY = "size-16",
+    SMALLER = "size-20",
+    SMALL = "size-32",
+    MEDIUM = "size-64",
+    LARGE = "size-128",
+    XL = "size-256",
+    XXL = "size-512",
+    XXXL = "size-1024",
+    NONE = "NONE"
+}

package/lib/ui/kms-accordion-item/kms-accordion-item.component.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { OnInit } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+/**
+ * A generic dialog component
+ */
+export declare class KMSAccordionItemComponent implements OnInit {
+    sanitizer: DomSanitizer;
+    itemTitle: string;
+    itemTitleTrustHtml: SafeHtml | undefined;
+    showAsCard: boolean;
+    isSmall: boolean;
+    panelOpenState: boolean;
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
+}

package/lib/ui/loader/loader.component.d.ts

@@ -0,0 +1,6 @@
+import { OnInit } from '@angular/core';
+export declare class LoaderComponent implements OnInit {
+    loading: boolean;
+    constructor();
+    ngOnInit(): void;
+}

package/lib/ui/map/map.component.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="googlemaps" />
+/*!
+ * @copyright FLYACTS GmbH 2019
+ */
+import { OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { Address } from '../../models/address.model';
+import { ViewportService } from '../../services/viewport.service';
+/**
+ * MarkerOptions class for Marker
+ */
+export declare class MarkerOptions {
+    animation: number;
+}
+/**
+ * MarkerLabel class for Marker
+ */
+export declare class MarkerLabel {
+    color: string;
+    text: string;
+}
+/**
+ * Marker class
+ */
+export declare class Marker {
+    position: google.maps.LatLngLiteral;
+    label: MarkerLabel;
+    title: string;
+    options: MarkerOptions;
+}
+/**
+ * Component to show marker on google map for specific address
+ */
+export declare class MapComponent implements OnInit {
+    private viewPortService;
+    data: Address;
+    markers: Marker[];
+    geoDataFoundForAddress: boolean;
+    widthSet: boolean;
+    width: string;
+    zoom: number;
+    center: google.maps.LatLngLiteral;
+    options: google.maps.MapOptions;
+    google: any;
+    geocoder: any;
+    viewportSubscription?: Subscription;
+    constructor(viewPortService: ViewportService);
+    ngOnInit(): void;
+    /**
+     * Asks google for geocoordinates of a given address string
+     * @input address as string
+     */
+    findLocation(address: string): void;
+    /**
+     * Adds a marker to the map
+     */
+    addMarker(): void;
+    /**
+     * sets the width of map accodring to viewport
+     */
+    setMapWidth(val: number): void;
+    /**
+     * Zooms in into map
+     */
+    zoomIn(): void;
+    /**
+     * Zooms out from map
+     */
+    zoomOut(): void;
+}