novo-elements 5.1.1 → 5.2.3

package/elements/places/places.component.scss

@@ -0,0 +1,26 @@
+google-places-list {
+  novo-list {
+    border: 1px solid #4a89dc;
+    novo-list-item {
+      cursor: pointer;
+      flex: 0 0;
+      transition: background-color 250ms;
+      & > div {
+        width: 100%;
+      }
+      &.active {
+        background-color: lighten($positive, 35%);
+      }
+      &:hover {
+        background-color: lighten($positive, 39%);
+      }
+      item-content {
+        flex-flow: row wrap;
+        & > * {
+          flex: 0 0 33%;
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+}

package/elements/places/places.module.d.ts

@@ -1,2 +1,2 @@
-export declare class GooglePlacesModule {
-}
+export declare class GooglePlacesModule {
+}

package/elements/places/places.service.d.ts

@@ -1,22 +1,22 @@
-import { HttpClient } from '@angular/common/http';
-import { GlobalRef } from '../../services/global/global.service';
-import { LocalStorageService } from '../../services/storage/storage.service';
-export declare class GooglePlacesService {
-    private _http;
-    private platformId;
-    private _global;
-    private _localStorageService;
-    constructor(_http: HttpClient, platformId: Object, _global: GlobalRef, _localStorageService: LocalStorageService);
-    getPredictions(url: string, query: string): Promise<any>;
-    getLatLngDetail(url: string, lat: number, lng: number): Promise<any>;
-    getPlaceDetails(url: string, placeId: string): Promise<any>;
-    getGeoCurrentLocation(): Promise<any>;
-    getGeoLatLngDetail(latlng: any): Promise<any>;
-    getGeoPrediction(params: any): Promise<any>;
-    getGeoPlaceDetail(placeId: string): Promise<any>;
-    getGeoPaceDetailByReferance(referance: string): Promise<any>;
-    addRecentList(localStorageName: string, result: any, itemSavedLength: number): any;
-    getRecentList(localStorageName: string): Promise<any>;
-    private getUniqueResults;
-    private geoPredictionCall;
-}
+import { HttpClient } from '@angular/common/http';
+import { GlobalRef } from '../../services/global/global.service';
+import { LocalStorageService } from '../../services/storage/storage.service';
+export declare class GooglePlacesService {
+    private _http;
+    private platformId;
+    private _global;
+    private _localStorageService;
+    constructor(_http: HttpClient, platformId: Object, _global: GlobalRef, _localStorageService: LocalStorageService);
+    getPredictions(url: string, query: string): Promise<any>;
+    getLatLngDetail(url: string, lat: number, lng: number): Promise<any>;
+    getPlaceDetails(url: string, placeId: string): Promise<any>;
+    getGeoCurrentLocation(): Promise<any>;
+    getGeoLatLngDetail(latlng: any): Promise<any>;
+    getGeoPrediction(params: any): Promise<any>;
+    getGeoPlaceDetail(placeId: string): Promise<any>;
+    getGeoPaceDetailByReferance(referance: string): Promise<any>;
+    addRecentList(localStorageName: string, result: any, itemSavedLength: number): any;
+    getRecentList(localStorageName: string): Promise<any>;
+    private getUniqueResults;
+    private geoPredictionCall;
+}

package/elements/popover/PopOver.d.ts

@@ -1,30 +1,30 @@
-import { OnChanges, ComponentRef, ViewContainerRef, ComponentFactoryResolver, EventEmitter, SimpleChange } from '@angular/core';
-import { PopOverContent } from './PopOverContent';
-export declare class PopOverDirective implements OnChanges {
-    protected viewContainerRef: ViewContainerRef;
-    protected resolver: ComponentFactoryResolver;
-    protected PopoverComponent: typeof PopOverContent;
-    protected popover: ComponentRef<PopOverContent>;
-    protected visible: boolean;
-    constructor(viewContainerRef: ViewContainerRef, resolver: ComponentFactoryResolver);
-    content: string | PopOverContent;
-    popoverDisabled: boolean;
-    popoverAlways: boolean;
-    popoverAnimation: boolean;
-    popoverPlacement: string;
-    popoverTitle: string;
-    popoverOnHover: boolean;
-    popoverDismissTimeout: number;
-    onShown: EventEmitter<PopOverDirective>;
-    onHidden: EventEmitter<PopOverDirective>;
-    showOrHideOnClick(): void;
-    showOnHover(): void;
-    hideOnHover(): void;
-    ngOnChanges(changes: {
-        [propertyName: string]: SimpleChange;
-    }): void;
-    toggle(): void;
-    show(): void;
-    hide(): void;
-    getElement(): any;
-}
+import { OnChanges, ComponentRef, ViewContainerRef, ComponentFactoryResolver, EventEmitter, SimpleChange } from '@angular/core';
+import { PopOverContent } from './PopOverContent';
+export declare class PopOverDirective implements OnChanges {
+    protected viewContainerRef: ViewContainerRef;
+    protected resolver: ComponentFactoryResolver;
+    protected PopoverComponent: typeof PopOverContent;
+    protected popover: ComponentRef<PopOverContent>;
+    protected visible: boolean;
+    constructor(viewContainerRef: ViewContainerRef, resolver: ComponentFactoryResolver);
+    content: string | PopOverContent;
+    popoverDisabled: boolean;
+    popoverAlways: boolean;
+    popoverAnimation: boolean;
+    popoverPlacement: string;
+    popoverTitle: string;
+    popoverOnHover: boolean;
+    popoverDismissTimeout: number;
+    onShown: EventEmitter<PopOverDirective>;
+    onHidden: EventEmitter<PopOverDirective>;
+    showOrHideOnClick(): void;
+    showOnHover(): void;
+    hideOnHover(): void;
+    ngOnChanges(changes: {
+        [propertyName: string]: SimpleChange;
+    }): void;
+    toggle(): void;
+    show(): void;
+    hide(): void;
+    getElement(): any;
+}

package/elements/popover/PopOver.module.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoPopOverModule {
-}
+export declare class NovoPopOverModule {
+}

package/elements/popover/PopOver.scss

@@ -0,0 +1,179 @@
+@mixin reset-text() {
+  font-family: $base-font-family; // We deliberately do NOT reset font-size.
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: 1.428571429;
+  text-align: left; // Fallback for where `flex-start` is not supported
+  text-align: flex-start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+}
+
+popover-content {
+  .popover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10000;
+    display: none;
+    width: 400px;
+    padding: 23px 20px 16px 20px;
+    @include reset-text;
+    font-size: 14px;
+    background-color: #fff;
+    background-clip: padding-box;
+    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.09), 0 1px 3px rgba(0, 0, 0, 0.2);
+    &.top {
+      margin-top: -10px;
+      &.virtual-area {
+        bottom: -11px;
+      }
+    }
+    &.right {
+      margin-left: 10px;
+      &.virtual-area {
+        left: -11px;
+      }
+    }
+    &.bottom {
+      margin-top: 10px;
+      &.virtual-area {
+        top: -11px;
+      }
+    }
+    &.left {
+      margin-left: -10px;
+      &.virtual-area {
+        right: -11px;
+      }
+    }
+    .virtual-area {
+      height: 11px;
+      width: 100%;
+      position: absolute;
+    } // Arrows
+    // .arrow is outer, .arrow:after is inner
+    &.top > .arrow {
+      margin-left: -9px;
+      border-bottom-width: 0;
+      border-top-color: rgba(0, 0, 0, 0.1);
+      bottom: -9px;
+      &:after {
+        content: ' ';
+        bottom: 1px;
+        margin-left: -10px;
+        border-bottom-width: 0;
+        border-top-color: #fff;
+      }
+      &.center {
+        left: 50%;
+      }
+      &.left {
+        left: 91%;
+      }
+      &.right {
+        left: 9%;
+      }
+    }
+    &.right > .arrow {
+      left: -9px;
+      margin-top: -9px;
+      border-left-width: 0;
+      border-right-color: rgba(0, 0, 0, 0.1);
+      &:after {
+        content: ' ';
+        left: 1px;
+        bottom: -10px;
+        border-left-width: 0;
+        border-right-color: #fff;
+      }
+      &.center {
+        top: 50%;
+      }
+      &.top {
+        top: 91%;
+      }
+      &.bottom {
+        top: 9%;
+      }
+    }
+    &.bottom > .arrow {
+      margin-left: -9px;
+      border-top-width: 0;
+      border-bottom-color: rgba(0, 0, 0, 0.1);
+      top: -9px;
+      &:after {
+        content: ' ';
+        top: 1px;
+        margin-left: -10px;
+        border-top-width: 0;
+        border-bottom-color: #fff;
+      }
+      &.center {
+        left: 50%;
+      }
+      &.left {
+        left: 91%;
+      }
+      &.right {
+        left: 9%;
+      }
+    }
+    &.left > .arrow {
+      right: -9px;
+      margin-top: -9px;
+      border-right-width: 0;
+      border-left-color: rgba(0, 0, 0, 0.1);
+      &:after {
+        content: ' ';
+        right: 1px;
+        border-right-width: 0;
+        border-left-color: #fff;
+        bottom: -10px;
+      }
+      &.center {
+        top: 50%;
+      }
+      &.top {
+        top: 91%;
+      }
+      &.bottom {
+        top: 9%;
+      }
+    }
+  }
+  .popover > .arrow {
+    border-width: 9px;
+    &,
+    &:after {
+      position: absolute;
+      display: block;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-style: solid;
+    }
+    &:after {
+      border-width: 10px;
+      content: '';
+    }
+  }
+  .popover-title {
+    margin: 0; // reset heading margin
+    padding: 0 0 8px 0;
+    font-weight: 600;
+  }
+  .popover-content {
+    padding: 9px 0;
+    .popover-content-text {
+      white-space: pre-line;
+    }
+  }
+}

package/elements/popover/PopOverContent.d.ts

@@ -1,45 +1,45 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { PopOverDirective } from './PopOver';
-export declare class PopOverContent implements AfterViewInit {
-    protected element: ElementRef;
-    protected cdr: ChangeDetectorRef;
-    content: string;
-    placement: string;
-    title: string;
-    animation: boolean;
-    popoverDiv: ElementRef;
-    popover: PopOverDirective;
-    onCloseFromOutside: EventEmitter<any>;
-    top: number;
-    left: number;
-    displayType: string;
-    effectivePlacement: string;
-    effectiveAlignment: string;
-    isHidden: boolean;
-    constructor(element: ElementRef, cdr: ChangeDetectorRef);
-    ngAfterViewInit(): void;
-    toggle(): void;
-    show(): void;
-    hide(): void;
-    hideFromPopover(): void;
-    protected positionElements(hostEl: HTMLElement, targetEl: HTMLElement, positionStr: string, appendToBody?: boolean): {
-        top: number;
-        left: number;
-    };
-    protected position(nativeEl: HTMLElement): {
-        width: number;
-        height: number;
-        top: number;
-        left: number;
-    };
-    protected offset(nativeEl: any): {
-        width: number;
-        height: number;
-        top: number;
-        left: number;
-    };
-    protected getStyle(nativeEl: HTMLElement, cssProp: string): string;
-    protected isStaticPositioned(nativeEl: HTMLElement): boolean;
-    protected parentOffsetEl(nativeEl: HTMLElement): any;
-    protected getEffectivePlacement(desiredPlacement: string, hostElement: HTMLElement, targetElement: HTMLElement): string;
-}
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { PopOverDirective } from './PopOver';
+export declare class PopOverContent implements AfterViewInit {
+    protected element: ElementRef;
+    protected cdr: ChangeDetectorRef;
+    content: string;
+    placement: string;
+    title: string;
+    animation: boolean;
+    popoverDiv: ElementRef;
+    popover: PopOverDirective;
+    onCloseFromOutside: EventEmitter<any>;
+    top: number;
+    left: number;
+    displayType: string;
+    effectivePlacement: string;
+    effectiveAlignment: string;
+    isHidden: boolean;
+    constructor(element: ElementRef, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    toggle(): void;
+    show(): void;
+    hide(): void;
+    hideFromPopover(): void;
+    protected positionElements(hostEl: HTMLElement, targetEl: HTMLElement, positionStr: string, appendToBody?: boolean): {
+        top: number;
+        left: number;
+    };
+    protected position(nativeEl: HTMLElement): {
+        width: number;
+        height: number;
+        top: number;
+        left: number;
+    };
+    protected offset(nativeEl: any): {
+        width: number;
+        height: number;
+        top: number;
+        left: number;
+    };
+    protected getStyle(nativeEl: HTMLElement, cssProp: string): string;
+    protected isStaticPositioned(nativeEl: HTMLElement): boolean;
+    protected parentOffsetEl(nativeEl: HTMLElement): any;
+    protected getEffectivePlacement(desiredPlacement: string, hostElement: HTMLElement, targetElement: HTMLElement): string;
+}

package/elements/quick-note/QuickNote.d.ts

@@ -1,139 +1,139 @@
-import { EventEmitter, ElementRef, ViewContainerRef, OnInit, AfterViewInit, OnDestroy, NgZone } from '@angular/core';
-import { OutsideClick } from './../../utils/outside-click/OutsideClick';
-import { ComponentUtils } from './../../utils/component-utils/ComponentUtils';
-export declare class QuickNoteElement extends OutsideClick implements OnInit, OnDestroy, AfterViewInit {
-    private zone;
-    private componentUtils;
-    wrapper: ElementRef;
-    host: ElementRef;
-    results: ViewContainerRef;
-    config: any;
-    startupFocus: boolean;
-    placeholder: string;
-    focus: EventEmitter<any>;
-    blur: EventEmitter<any>;
-    change: EventEmitter<any>;
-    private resultsComponent;
-    private quickNoteResults;
-    private isTagging;
-    private taggingMode;
-    private model;
-    private ckeInstance;
-    private debounceTimeout;
-    private placeholderVisible;
-    private _placeholderElement;
-    private static TOOLBAR_HEIGHT;
-    private onModelChange;
-    private onModelTouched;
-    constructor(zone: NgZone, element: ElementRef, componentUtils: ComponentUtils);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Connect to key/mouse events from CKEditor after the editor has been initialized
-     */
-    ngAfterViewInit(): void;
-    onTouched(event?: any): void;
-    /**
-     * Handles setting the model and the view from the outside caller or the user's typing
-     *
-     * @param model A model that has a note (html content) and references (array of objects)
-     */
-    writeValue(model: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
-    /**
-     * If a renderer is not provided, the QuickNote will default to using this one, an anchor tag with no href
-     */
-    private static defaultRenderer;
-    /**
-     * Returns the renderer for a given tagging mode if it exists in the config, otherwise the default.
-     */
-    private getRenderer;
-    /**
-     * Called every time a keystroke is made in the editor. Listens for particular keys (e.g. UP arrow, ESC, etc.)
-     * to handle certain behaviors of the picker.
-     *
-     * Runs within the context of the CKEditor, so actions that affect the view have to be run back inside of the
-     * Angular zone of this class.
-     *
-     * @param event The key press event
-     * @return true to allow the event to occur, false to cancel the event
-     */
-    private onKey;
-    /**
-     * Debounced method that is run in the proper Angular context when the user has modified the CKEditor.
-     * After the value has been updated in CKEditor, this will propagate that change to the model and listeners.
-     */
-    private onValueChange;
-    /**
-     * Creates an instance of the results (called popup) and adds all the bindings to that instance.
-     */
-    private showResults;
-    /**
-     * Deletes the picker results from the DOM.
-     */
-    private hideResults;
-    /**
-     * Handles the selection from the QuickNoteResults Component. Called by the QuickNoteResults component on it's
-     * parent (this element).
-     *
-     * @param taggingMode - type of tags we are looking for
-     * @param selected - selected object from the picker that has a label and value
-     */
-    private onSelected;
-    /**
-     * Convenience method that gets the current word that the cursor is on, minus the tag.
-     * Also, trims any whitespace before/after the term to aid in searching.
-     */
-    private getSearchTerm;
-    /**
-     * Gets the current word that the cursor is on CKEditor. Current word starts at the beginning of the line or a
-     * tag character if we are in tagging mode. Current word ends at the end of the line or an empty space.
-     *
-     * @returns plain text string (removes all html formatting)
-     */
-    private getWordAtCursor;
-    /**
-     * Replaces the word that the user is on with the given html.
-     *
-     * CKEditor gives us access to the current line of html in the editor, so we replace the content of
-     * the line, replacing only the current word.
-     */
-    private replaceWordAtCursor;
-    /**
-     * Returns current references, minus any from the model that have been removed from the editor.
-     */
-    private validateReferences;
-    /**
-     * Configures the CKEditor for QuickNote functionality.
-     *
-     * Sets the height of the CKEditor dynamically to the height of the wrapper upon initialization.
-     * Removes the toolbar on the bottom and configures a slimmed down version of the toolbar.
-     * Removes plugins and turns off setting to allow browser based spell checking.
-     */
-    private getCKEditorConfig;
-    /**
-     * Returns the current screen position of the cursor in CKEditor, accounting for any scrolling in the editor.
-     */
-    private getCursorPosition;
-    /**
-     * Positions the results dropdown based on the location of the cursor in the text field
-     */
-    private positionResultsDropdown;
-    /**
-     * Returns the height in pixels of the content area - the text that the user has entered.
-     */
-    private getContentHeight;
-    /**
-     * Show the placeholder text if the editor is empty
-     */
-    private showPlaceholder;
-    /**
-     * Hide the placeholder text by removing the placeholder element from the DOM
-     */
-    private hidePlaceholder;
-    /**
-     * Get or create the single placeholder object that is constructed only when needed.
-     */
-    private get placeholderElement();
-}
+import { EventEmitter, ElementRef, ViewContainerRef, OnInit, AfterViewInit, OnDestroy, NgZone } from '@angular/core';
+import { OutsideClick } from './../../utils/outside-click/OutsideClick';
+import { ComponentUtils } from './../../utils/component-utils/ComponentUtils';
+export declare class QuickNoteElement extends OutsideClick implements OnInit, OnDestroy, AfterViewInit {
+    private zone;
+    private componentUtils;
+    wrapper: ElementRef;
+    host: ElementRef;
+    results: ViewContainerRef;
+    config: any;
+    startupFocus: boolean;
+    placeholder: string;
+    focus: EventEmitter<any>;
+    blur: EventEmitter<any>;
+    change: EventEmitter<any>;
+    private resultsComponent;
+    private quickNoteResults;
+    private isTagging;
+    private taggingMode;
+    private model;
+    private ckeInstance;
+    private debounceTimeout;
+    private placeholderVisible;
+    private _placeholderElement;
+    private static TOOLBAR_HEIGHT;
+    private onModelChange;
+    private onModelTouched;
+    constructor(zone: NgZone, element: ElementRef, componentUtils: ComponentUtils);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Connect to key/mouse events from CKEditor after the editor has been initialized
+     */
+    ngAfterViewInit(): void;
+    onTouched(event?: any): void;
+    /**
+     * Handles setting the model and the view from the outside caller or the user's typing
+     *
+     * @param model A model that has a note (html content) and references (array of objects)
+     */
+    writeValue(model: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    /**
+     * If a renderer is not provided, the QuickNote will default to using this one, an anchor tag with no href
+     */
+    private static defaultRenderer;
+    /**
+     * Returns the renderer for a given tagging mode if it exists in the config, otherwise the default.
+     */
+    private getRenderer;
+    /**
+     * Called every time a keystroke is made in the editor. Listens for particular keys (e.g. UP arrow, ESC, etc.)
+     * to handle certain behaviors of the picker.
+     *
+     * Runs within the context of the CKEditor, so actions that affect the view have to be run back inside of the
+     * Angular zone of this class.
+     *
+     * @param event The key press event
+     * @return true to allow the event to occur, false to cancel the event
+     */
+    private onKey;
+    /**
+     * Debounced method that is run in the proper Angular context when the user has modified the CKEditor.
+     * After the value has been updated in CKEditor, this will propagate that change to the model and listeners.
+     */
+    private onValueChange;
+    /**
+     * Creates an instance of the results (called popup) and adds all the bindings to that instance.
+     */
+    private showResults;
+    /**
+     * Deletes the picker results from the DOM.
+     */
+    private hideResults;
+    /**
+     * Handles the selection from the QuickNoteResults Component. Called by the QuickNoteResults component on it's
+     * parent (this element).
+     *
+     * @param taggingMode - type of tags we are looking for
+     * @param selected - selected object from the picker that has a label and value
+     */
+    private onSelected;
+    /**
+     * Convenience method that gets the current word that the cursor is on, minus the tag.
+     * Also, trims any whitespace before/after the term to aid in searching.
+     */
+    private getSearchTerm;
+    /**
+     * Gets the current word that the cursor is on CKEditor. Current word starts at the beginning of the line or a
+     * tag character if we are in tagging mode. Current word ends at the end of the line or an empty space.
+     *
+     * @returns plain text string (removes all html formatting)
+     */
+    private getWordAtCursor;
+    /**
+     * Replaces the word that the user is on with the given html.
+     *
+     * CKEditor gives us access to the current line of html in the editor, so we replace the content of
+     * the line, replacing only the current word.
+     */
+    private replaceWordAtCursor;
+    /**
+     * Returns current references, minus any from the model that have been removed from the editor.
+     */
+    private validateReferences;
+    /**
+     * Configures the CKEditor for QuickNote functionality.
+     *
+     * Sets the height of the CKEditor dynamically to the height of the wrapper upon initialization.
+     * Removes the toolbar on the bottom and configures a slimmed down version of the toolbar.
+     * Removes plugins and turns off setting to allow browser based spell checking.
+     */
+    private getCKEditorConfig;
+    /**
+     * Returns the current screen position of the cursor in CKEditor, accounting for any scrolling in the editor.
+     */
+    private getCursorPosition;
+    /**
+     * Positions the results dropdown based on the location of the cursor in the text field
+     */
+    private positionResultsDropdown;
+    /**
+     * Returns the height in pixels of the content area - the text that the user has entered.
+     */
+    private getContentHeight;
+    /**
+     * Show the placeholder text if the editor is empty
+     */
+    private showPlaceholder;
+    /**
+     * Hide the placeholder text by removing the placeholder element from the DOM
+     */
+    private hidePlaceholder;
+    /**
+     * Get or create the single placeholder object that is constructed only when needed.
+     */
+    private get placeholderElement();
+}