novo-elements 5.1.1 → 5.2.3

package/elements/picker/extras/mixed-multi-picker-results/MixedMultiPickerResults.d.ts

@@ -1,43 +1,43 @@
-import { ChangeDetectorRef, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
-import { BasePickerResults } from '../base-picker-results/BasePickerResults';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-export interface IMixedMultiPickerOption {
-    value: string;
-    label: string;
-    secondaryOptions?: {
-        value: string;
-        label: string;
-        filterValue?: any;
-    }[];
-    getSecondaryOptionsAsync?(): Promise<{
-        value: string;
-        label: string;
-    }[]>;
-    showSearchOnSecondaryOptions?: boolean;
-}
-export declare class MixedMultiPickerResults extends BasePickerResults implements OnDestroy {
-    private renderer;
-    labels: NovoLabelService;
-    private inputElement;
-    private listElement;
-    selectedPrimaryOption: IMixedMultiPickerOption;
-    searchTerm: string;
-    placeholder: string;
-    private keyboardSubscription;
-    private internalMap;
-    set term(value: any);
-    get options(): any;
-    constructor(element: ElementRef, renderer: Renderer2, labels: NovoLabelService, ref: ChangeDetectorRef);
-    ngOnDestroy(): void;
-    selectPrimaryOption(primaryOption: IMixedMultiPickerOption, event?: MouseEvent): void;
-    selectMatch(event?: MouseEvent): boolean;
-    clearSearchTerm(event: MouseEvent): void;
-    optionHasSecondaryOptions(primaryOption: IMixedMultiPickerOption): boolean;
-    shouldShowSearchBox(primaryOption: IMixedMultiPickerOption): boolean;
-    filterData(): {
-        value: string;
-        label: string;
-    }[];
-    private filter;
-    private getNewMatches;
-}
+import { ChangeDetectorRef, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { BasePickerResults } from '../base-picker-results/BasePickerResults';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+export interface IMixedMultiPickerOption {
+    value: string;
+    label: string;
+    secondaryOptions?: {
+        value: string;
+        label: string;
+        filterValue?: any;
+    }[];
+    getSecondaryOptionsAsync?(): Promise<{
+        value: string;
+        label: string;
+    }[]>;
+    showSearchOnSecondaryOptions?: boolean;
+}
+export declare class MixedMultiPickerResults extends BasePickerResults implements OnDestroy {
+    private renderer;
+    labels: NovoLabelService;
+    private inputElement;
+    private listElement;
+    selectedPrimaryOption: IMixedMultiPickerOption;
+    searchTerm: string;
+    placeholder: string;
+    private keyboardSubscription;
+    private internalMap;
+    set term(value: any);
+    get options(): any;
+    constructor(element: ElementRef, renderer: Renderer2, labels: NovoLabelService, ref: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    selectPrimaryOption(primaryOption: IMixedMultiPickerOption, event?: MouseEvent): void;
+    selectMatch(event?: MouseEvent): boolean;
+    clearSearchTerm(event: MouseEvent): void;
+    optionHasSecondaryOptions(primaryOption: IMixedMultiPickerOption): boolean;
+    shouldShowSearchBox(primaryOption: IMixedMultiPickerOption): boolean;
+    filterData(): {
+        value: string;
+        label: string;
+    }[];
+    private filter;
+    private getNewMatches;
+}

package/elements/picker/extras/mixed-multi-picker-results/MixedMultiPickerResults.scss

@@ -0,0 +1,156 @@
+mixed-multi-picker-results {
+    background-color: $white;
+    max-height: 300px;
+    padding: 0;
+    margin: 0;
+    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+    border: 1px solid $positive;
+    transform: translateY(0%);
+    transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
+    display: flex;
+    flex-direction: row;
+    novo-list-item {
+      cursor: pointer;
+      padding: 10px;
+      border-bottom: none;
+      flex-shrink: 0;
+      &.disabled {
+        pointer-events: none;
+        opacity: 0.75;
+      }
+    }
+    > .mixed-multi-picker-groups {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      novo-list {
+        overflow: auto;
+      }
+      novo-list-item {
+        color: #999999;
+        border-left: 3px solid $white;
+        transition: background-color 250ms;
+        & > div {
+          width: 100%;
+        }
+        &:hover {
+          background-color: lighten($positive, 39%);
+        }
+        .list-item {
+          justify-content: center;
+        }
+        item-end {
+          color: #999999;
+        }
+        &.active {
+          color: $positive;
+          border-left-color: $positive;
+          background-color: lighten($positive, 35%);
+          item-end {
+            color: $positive;
+          }
+          .list-item > item-content > * {
+            color: $positive !important;
+          }
+        }
+        item-content {
+          flex-flow: row wrap;
+          & > * {
+            flex: 0 0 33%;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+    > .mixed-multi-picker-matches {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      novo-list {
+        overflow: auto;
+        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;
+            }
+          }
+        }
+      }
+      .mixed-multi-picker-input-container {
+        position: relative;
+        input {
+          font-size: 1em;
+          padding: 0.95em;
+          background: transparent !important;
+          border: none;
+          border-bottom: 1px solid $off-white;
+          border-left: 1px solid $off-white;
+          border-radius: 0;
+          border-radius: 0;
+          outline: none;
+          width: 100%;
+          margin: 0;
+          box-shadow: none;
+          transition: all 300ms;
+          color: #26282b;
+          &:hover {
+            border-bottom: 1px solid $off-white;
+          }
+          &:focus {
+            border-bottom: 1px solid $positive;
+            border-left: 1px solid $positive;
+          }
+          &[disabled] {
+            pointer-events: none;
+            opacity: 0.4;
+          }
+        }
+        i.bhi-search,
+        i.bhi-times {
+          position: absolute;
+          right: 10px;
+          top: 12px;
+          font-size: 1.2em;
+          &.disabled {
+            pointer-events: none;
+            opacity: 0.4;
+          }
+        }
+        i.bhi-times {
+          cursor: pointer;
+          font-size: 1.1em;
+        }
+      }
+      .mixed-multi-picker-list-container {
+        border-left: 1px solid $off-white;
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+      }
+      .mixed-multi-picker-no-primary,
+      .mixed-multi-picker-no-results,
+      .mixed-multi-picker-loading {
+        flex: 1;
+        justify-content: center;
+        align-items: center;
+        display: flex;
+        text-align: center;
+      }
+    }
+  }
+  

package/elements/picker/extras/picker-results/PickerResults.d.ts

@@ -1,11 +1,11 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-import { BasePickerResults } from '../base-picker-results/BasePickerResults';
-export declare class PickerResults extends BasePickerResults {
-    labels: NovoLabelService;
-    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
-    get hasNonErrorMessage(): boolean;
-    getEmptyMessage(): any;
-    shouldShowMessageForZeroLengthSearch(): any;
-    getListElement(): any;
-}
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+import { BasePickerResults } from '../base-picker-results/BasePickerResults';
+export declare class PickerResults extends BasePickerResults {
+    labels: NovoLabelService;
+    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
+    get hasNonErrorMessage(): boolean;
+    getEmptyMessage(): any;
+    shouldShowMessageForZeroLengthSearch(): any;
+    getListElement(): any;
+}

package/elements/picker/extras/skills-picker-results/SkillsSpecialtyPickerResults.d.ts

@@ -1,21 +1,21 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { BasePickerResults } from '../base-picker-results/BasePickerResults';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-export declare class SkillsSpecialtyPickerResults extends BasePickerResults {
-    element: ElementRef;
-    labels: NovoLabelService;
-    active: boolean;
-    limitedTo: boolean;
-    limit: number;
-    total: number;
-    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
-    getListElement(): any;
-    /**
-     * @name structureArray
-     * @param collection - the data once getData resolves it
-     *
-     * @description This function structures an array of nodes into an array of objects with a
-     * 'name' field by default.
-     */
-    structureArray(collection: any): any;
-}
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { BasePickerResults } from '../base-picker-results/BasePickerResults';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+export declare class SkillsSpecialtyPickerResults extends BasePickerResults {
+    element: ElementRef;
+    labels: NovoLabelService;
+    active: boolean;
+    limitedTo: boolean;
+    limit: number;
+    total: number;
+    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
+    getListElement(): any;
+    /**
+     * @name structureArray
+     * @param collection - the data once getData resolves it
+     *
+     * @description This function structures an array of nodes into an array of objects with a
+     * 'name' field by default.
+     */
+    structureArray(collection: any): any;
+}

package/elements/picker/extras/skills-picker-results/SkillsSpecialtyPickerResults.scss

@@ -0,0 +1,65 @@
+skill-specialty-picker-results {
+  display: block;
+  width: 100%;
+  color: black;
+  max-width: none;
+  z-index: 99;
+  background: $white;
+  &.active {
+    border: 1px solid $positive;
+  }
+  novo-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    max-height: 330px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    novo-list-item {
+      cursor: pointer;
+      padding: 10px 16px;
+      box-sizing: border-box;
+      display: block;
+      item-content {
+        flex-direction: column;
+        h6 {
+          padding-top: 0;
+        }
+      }
+      div {
+        color: gray;
+      }
+      span {
+        display: inline-block;
+        min-width: 100px;
+        margin: 2px 0;
+      }
+      &.active,
+      &:focus,
+      &:hover {
+        background-color: lighten($positive, 35%);
+      }
+      &.disabled {
+        opacity: 0.5;
+        pointer-events: none;
+      }
+    }
+    novo-loading {
+      justify-content: center;
+    }
+  }
+  section {
+    box-shadow: 0.1em 0.1em 1em rgba(0, 0, 0, 0.25);
+    z-index: 9;
+    position: absolute;
+    width: 100%;
+    background-color: white;
+    color: black;
+  }
+  .picker-error,
+  .picker-loading,
+  .picker-null {
+    text-align: center;
+    color: darken($light, 15%);
+  }
+}

package/elements/picker/extras/workers-comp-codes-picker-results/WorkersCompCodesPickerResults.d.ts

@@ -1,13 +1,13 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { BasePickerResults } from '../base-picker-results/BasePickerResults';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-export declare class WorkersCompCodesPickerResults extends BasePickerResults {
-    private sanitizer;
-    labels: NovoLabelService;
-    active: boolean;
-    get isHidden(): boolean;
-    constructor(element: ElementRef, sanitizer: DomSanitizer, labels: NovoLabelService, ref: ChangeDetectorRef);
-    getListElement(): any;
-    sanitizeHTML(compCode: string, name: string): import("@angular/platform-browser").SafeHtml;
-}
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { BasePickerResults } from '../base-picker-results/BasePickerResults';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+export declare class WorkersCompCodesPickerResults extends BasePickerResults {
+    private sanitizer;
+    labels: NovoLabelService;
+    active: boolean;
+    get isHidden(): boolean;
+    constructor(element: ElementRef, sanitizer: DomSanitizer, labels: NovoLabelService, ref: ChangeDetectorRef);
+    getListElement(): any;
+    sanitizeHTML(compCode: string, name: string): import("@angular/platform-browser").SafeHtml;
+}

package/elements/places/places.component.d.ts

@@ -1,71 +1,71 @@
-import { ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
-import { GlobalRef } from '../../services/global/global.service';
-import { GooglePlacesService } from './places.service';
-export interface Settings {
-    geoPredictionServerUrl?: string;
-    geoLatLangServiceUrl?: string;
-    geoLocDetailServerUrl?: string;
-    geoCountryRestriction?: any;
-    geoTypes?: any;
-    geoLocation?: any;
-    geoRadius?: number;
-    serverResponseListHierarchy?: any;
-    serverResponseatLangHierarchy?: any;
-    serverResponseDetailHierarchy?: any;
-    resOnSearchButtonClickOnly?: boolean;
-    useGoogleGeoApi?: boolean;
-    inputPlaceholderText?: string;
-    inputString?: string;
-    showSearchButton?: boolean;
-    showRecentSearch?: boolean;
-    showCurrentLocation?: boolean;
-    recentStorageName?: string;
-    noOfRecentSearchSave?: number;
-    currentLocIconUrl?: string;
-    searchIconUrl?: string;
-    locationIconUrl?: string;
-}
-export declare class PlacesListComponent implements OnInit, OnChanges {
-    private platformId;
-    private _elmRef;
-    private _global;
-    private _googlePlacesService;
-    userSettings: Settings;
-    term: string;
-    termChange: EventEmitter<any>;
-    select: EventEmitter<any>;
-    locationInput: string;
-    gettingCurrentLocationFlag: boolean;
-    dropdownOpen: boolean;
-    recentDropdownOpen: boolean;
-    queryItems: any;
-    isSettingsError: boolean;
-    settingsErrorMsg: string;
-    settings: Settings;
-    private moduleinit;
-    private selectedDataIndex;
-    private recentSearchData;
-    private userSelectedOption;
-    private defaultSettings;
-    constructor(platformId: Object, _elmRef: ElementRef, _global: GlobalRef, _googlePlacesService: GooglePlacesService);
-    ngOnInit(): any;
-    ngOnChanges(): any;
-    searchinputClickCallback(event: any): any;
-    searchinputCallback(event: any): any;
-    activeListNode(index: number): any;
-    selectedListNode(event: MouseEvent, index: number): any;
-    closeAutocomplete(event: any): any;
-    userQuerySubmit(selectedOption?: any): any;
-    currentLocationSelected(): any;
-    private moduleInit;
-    private processSearchQuery;
-    private setUserSettings;
-    private getListQuery;
-    private extractServerList;
-    private updateListItem;
-    private showRecentSearch;
-    private getCurrentLocationInfo;
-    private getPlaceLocationInfo;
-    private setRecentLocation;
-    private getRecentLocations;
-}
+import { ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { GlobalRef } from '../../services/global/global.service';
+import { GooglePlacesService } from './places.service';
+export interface Settings {
+    geoPredictionServerUrl?: string;
+    geoLatLangServiceUrl?: string;
+    geoLocDetailServerUrl?: string;
+    geoCountryRestriction?: any;
+    geoTypes?: any;
+    geoLocation?: any;
+    geoRadius?: number;
+    serverResponseListHierarchy?: any;
+    serverResponseatLangHierarchy?: any;
+    serverResponseDetailHierarchy?: any;
+    resOnSearchButtonClickOnly?: boolean;
+    useGoogleGeoApi?: boolean;
+    inputPlaceholderText?: string;
+    inputString?: string;
+    showSearchButton?: boolean;
+    showRecentSearch?: boolean;
+    showCurrentLocation?: boolean;
+    recentStorageName?: string;
+    noOfRecentSearchSave?: number;
+    currentLocIconUrl?: string;
+    searchIconUrl?: string;
+    locationIconUrl?: string;
+}
+export declare class PlacesListComponent implements OnInit, OnChanges {
+    private platformId;
+    private _elmRef;
+    private _global;
+    private _googlePlacesService;
+    userSettings: Settings;
+    term: string;
+    termChange: EventEmitter<any>;
+    select: EventEmitter<any>;
+    locationInput: string;
+    gettingCurrentLocationFlag: boolean;
+    dropdownOpen: boolean;
+    recentDropdownOpen: boolean;
+    queryItems: any;
+    isSettingsError: boolean;
+    settingsErrorMsg: string;
+    settings: Settings;
+    private moduleinit;
+    private selectedDataIndex;
+    private recentSearchData;
+    private userSelectedOption;
+    private defaultSettings;
+    constructor(platformId: Object, _elmRef: ElementRef, _global: GlobalRef, _googlePlacesService: GooglePlacesService);
+    ngOnInit(): any;
+    ngOnChanges(): any;
+    searchinputClickCallback(event: any): any;
+    searchinputCallback(event: any): any;
+    activeListNode(index: number): any;
+    selectedListNode(event: MouseEvent, index: number): any;
+    closeAutocomplete(event: any): any;
+    userQuerySubmit(selectedOption?: any): any;
+    currentLocationSelected(): any;
+    private moduleInit;
+    private processSearchQuery;
+    private setUserSettings;
+    private getListQuery;
+    private extractServerList;
+    private updateListItem;
+    private showRecentSearch;
+    private getCurrentLocationInfo;
+    private getPlaceLocationInfo;
+    private setRecentLocation;
+    private getRecentLocations;
+}