novo-elements 5.1.1 → 5.2.3

package/elements/picker/extras/base-picker-results/BasePickerResults.d.ts

@@ -1,91 +1,91 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { Observable } from 'rxjs';
-import { OverlayRef } from '@angular/cdk/overlay';
-import { NovoControlConfig } from '../../../form/controls/BaseControl';
-/**
- * @description This is the actual list of matches that gets injected into the DOM. It's also the piece that can be
- * overwritten if custom list options are needed.
- */
-export declare class BasePickerResults {
-    _term: string;
-    selected: Array<any>;
-    matches: any;
-    hasError: boolean;
-    isLoading: boolean;
-    isStatic: boolean;
-    _config: NovoControlConfig['config'];
-    activeMatch: any;
-    parent: any;
-    element: ElementRef;
-    ref: ChangeDetectorRef;
-    page: number;
-    lastPage: boolean;
-    autoSelectFirstOption: boolean;
-    overlay: OverlayRef;
-    optionsFunctionHasChanged: boolean;
-    private selectingMatches;
-    private scrollHandler;
-    constructor(element: ElementRef, ref: ChangeDetectorRef);
-    cleanUp(): void;
-    onScrollDown(event: WheelEvent): void;
-    get term(): string;
-    set term(value: string);
-    set config(value: NovoControlConfig['config']);
-    get config(): NovoControlConfig['config'];
-    shouldSearch(value: unknown): boolean;
-    addScrollListener(): void;
-    processSearch(shouldReset?: boolean): void;
-    search(term: any, mode?: any): Observable<any>;
-    shouldCallOptionsFunction(term: string): boolean;
-    /**
-     * @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;
-    /**
-     * @param matches - Collection of objects=
-     *
-     * @description This function loops through the picker options and creates a filtered list of objects that contain
-     * the newSearch.
-     */
-    filterData(matches: any): Array<any>;
-    /**
-     * @description This function is called when the user presses the enter key to call the selectMatch method.
-     */
-    selectActiveMatch(): void;
-    /**
-     * @description This function sets activeMatch to the match before the current node.
-     */
-    prevActiveMatch(): void;
-    /**
-     * @description This function sets activeMatch to the match after the current node.
-     */
-    nextActiveMatch(): void;
-    getListElement(): any;
-    getChildrenOfListElement(): any[];
-    scrollToActive(): void;
-    /**
-     * @description
-     */
-    selectActive(match: any): void;
-    /**
-     * @description
-     */
-    isActive(match: any): boolean;
-    /**
-     * @description
-     */
-    selectMatch(event?: any, item?: any): boolean;
-    /**
-     * @description This function captures the whole query string and replace it with the string that will be used to
-     * match.
-     */
-    escapeRegexp(queryToEscape: any): any;
-    /**
-     * @description This function should return a <strong>-tag wrapped HTML string.
-     */
-    highlight(match: any, query: any): any;
-    preselected(match: any): boolean;
-}
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { NovoControlConfig } from '../../../form/controls/BaseControl';
+/**
+ * @description This is the actual list of matches that gets injected into the DOM. It's also the piece that can be
+ * overwritten if custom list options are needed.
+ */
+export declare class BasePickerResults {
+    _term: string;
+    selected: Array<any>;
+    matches: any;
+    hasError: boolean;
+    isLoading: boolean;
+    isStatic: boolean;
+    _config: NovoControlConfig['config'];
+    activeMatch: any;
+    parent: any;
+    element: ElementRef;
+    ref: ChangeDetectorRef;
+    page: number;
+    lastPage: boolean;
+    autoSelectFirstOption: boolean;
+    overlay: OverlayRef;
+    optionsFunctionHasChanged: boolean;
+    private selectingMatches;
+    private scrollHandler;
+    constructor(element: ElementRef, ref: ChangeDetectorRef);
+    cleanUp(): void;
+    onScrollDown(event: WheelEvent): void;
+    get term(): string;
+    set term(value: string);
+    set config(value: NovoControlConfig['config']);
+    get config(): NovoControlConfig['config'];
+    shouldSearch(value: unknown): boolean;
+    addScrollListener(): void;
+    processSearch(shouldReset?: boolean): void;
+    search(term: any, mode?: any): Observable<any>;
+    shouldCallOptionsFunction(term: string): boolean;
+    /**
+     * @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;
+    /**
+     * @param matches - Collection of objects=
+     *
+     * @description This function loops through the picker options and creates a filtered list of objects that contain
+     * the newSearch.
+     */
+    filterData(matches: any): Array<any>;
+    /**
+     * @description This function is called when the user presses the enter key to call the selectMatch method.
+     */
+    selectActiveMatch(): void;
+    /**
+     * @description This function sets activeMatch to the match before the current node.
+     */
+    prevActiveMatch(): void;
+    /**
+     * @description This function sets activeMatch to the match after the current node.
+     */
+    nextActiveMatch(): void;
+    getListElement(): any;
+    getChildrenOfListElement(): any[];
+    scrollToActive(): void;
+    /**
+     * @description
+     */
+    selectActive(match: any): void;
+    /**
+     * @description
+     */
+    isActive(match: any): boolean;
+    /**
+     * @description
+     */
+    selectMatch(event?: any, item?: any): boolean;
+    /**
+     * @description This function captures the whole query string and replace it with the string that will be used to
+     * match.
+     */
+    escapeRegexp(queryToEscape: any): any;
+    /**
+     * @description This function should return a <strong>-tag wrapped HTML string.
+     */
+    highlight(match: any, query: any): any;
+    preselected(match: any): boolean;
+}

package/elements/picker/extras/checklist-picker-results/ChecklistPickerResults.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';
-import { Observable } from 'rxjs';
-/**
- * @description This is the actual list of matches that gets injected into the DOM.
- */
-export declare class ChecklistPickerResults extends BasePickerResults {
-    labels: NovoLabelService;
-    filteredMatches: any;
-    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
-    search(): Observable<any>;
-    /**
-     * @param matches - Collection of objects=
-     *
-     * @description This function loops through the picker options and creates a filtered list of objects that contain
-     * the newSearch.
-     */
-    filterData(matches: any): any;
-    selectMatch(event: any, item: any): boolean;
-}
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { BasePickerResults } from '../base-picker-results/BasePickerResults';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+import { Observable } from 'rxjs';
+/**
+ * @description This is the actual list of matches that gets injected into the DOM.
+ */
+export declare class ChecklistPickerResults extends BasePickerResults {
+    labels: NovoLabelService;
+    filteredMatches: any;
+    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
+    search(): Observable<any>;
+    /**
+     * @param matches - Collection of objects=
+     *
+     * @description This function loops through the picker options and creates a filtered list of objects that contain
+     * the newSearch.
+     */
+    filterData(matches: any): any;
+    selectMatch(event: any, item: any): boolean;
+}

package/elements/picker/extras/distributionlist-picker-results/DistributionListPickerResults.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 DistributionListPickerResults extends BasePickerResults {
-    private sanitizer;
-    labels: NovoLabelService;
-    active: boolean;
-    get isHidden(): boolean;
-    constructor(element: ElementRef, sanitizer: DomSanitizer, labels: NovoLabelService, ref: ChangeDetectorRef);
-    getListElement(): any;
-    sanitizeHTML(html: any): any;
-}
+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 DistributionListPickerResults extends BasePickerResults {
+    private sanitizer;
+    labels: NovoLabelService;
+    active: boolean;
+    get isHidden(): boolean;
+    constructor(element: ElementRef, sanitizer: DomSanitizer, labels: NovoLabelService, ref: ChangeDetectorRef);
+    getListElement(): any;
+    sanitizeHTML(html: any): any;
+}

package/elements/picker/extras/entity-picker-results/EntityPickerResults.d.ts

@@ -1,29 +1,29 @@
-import { ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { BasePickerResults } from '../base-picker-results/BasePickerResults';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-export declare class EntityPickerResult {
-    labels: NovoLabelService;
-    match: any;
-    term: any;
-    constructor(labels: NovoLabelService);
-    /**
-     * @description This function captures the whole query string and replace it with the string that will be used to
-     * match.
-     */
-    escapeRegexp(queryToEscape: any): any;
-    /**
-     * @description This function should return a <strong>-tag wrapped HTML string.
-     */
-    highlight(match: any, query: any): any;
-    getIconForResult(result?: any): string;
-    renderTimestamp(date?: any): string;
-    getNameForResult(result?: any): string;
-}
-export declare class EntityPickerResults extends BasePickerResults {
-    labels: NovoLabelService;
-    select: EventEmitter<any>;
-    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
-    get hasNonErrorMessage(): boolean;
-    getListElement(): any;
-    selectMatch(event?: any, item?: any): boolean;
-}
+import { ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { BasePickerResults } from '../base-picker-results/BasePickerResults';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+export declare class EntityPickerResult {
+    labels: NovoLabelService;
+    match: any;
+    term: any;
+    constructor(labels: NovoLabelService);
+    /**
+     * @description This function captures the whole query string and replace it with the string that will be used to
+     * match.
+     */
+    escapeRegexp(queryToEscape: any): any;
+    /**
+     * @description This function should return a <strong>-tag wrapped HTML string.
+     */
+    highlight(match: any, query: any): any;
+    getIconForResult(result?: any): string;
+    renderTimestamp(date?: any): string;
+    getNameForResult(result?: any): string;
+}
+export declare class EntityPickerResults extends BasePickerResults {
+    labels: NovoLabelService;
+    select: EventEmitter<any>;
+    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
+    get hasNonErrorMessage(): boolean;
+    getListElement(): any;
+    selectMatch(event?: any, item?: any): boolean;
+}

package/elements/picker/extras/grouped-multi-picker-results/GroupedMultiPickerResults.d.ts

@@ -1,42 +1,42 @@
-import { ElementRef, OnInit, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
-import { BasePickerResults } from '../base-picker-results/BasePickerResults';
-import { NovoLabelService } from '../../../../services/novo-label-service';
-export declare class GroupedMultiPickerResults extends BasePickerResults implements OnInit, OnDestroy {
-    private renderer;
-    labels: NovoLabelService;
-    private inputElement;
-    private listElement;
-    selectedCategory: {
-        value: string;
-        label: string;
-    };
-    searchTerm: string;
-    customFilterEnabled: boolean;
-    customFilterLabel: string;
-    placeholder: string;
-    private keyboardSubscription;
-    private internalMap;
-    customFilterValue: any;
-    set term(value: any);
-    get categories(): any;
-    constructor(element: ElementRef, renderer: Renderer2, labels: NovoLabelService, ref: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    setAllCategory(): void;
-    selectCategory(category: {
-        value: string;
-        label: string;
-    }): void;
-    clearSearchTerm(event: MouseEvent): void;
-    selectMatch(event?: MouseEvent, item?: {
-        value: string;
-        label: string;
-    }): boolean;
-    fireCustomFilter(value: boolean): void;
-    filterData(): {
-        value: string;
-        label: string;
-    }[];
-    private getNewMatches;
-    private filter;
-}
+import { ElementRef, OnInit, OnDestroy, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { BasePickerResults } from '../base-picker-results/BasePickerResults';
+import { NovoLabelService } from '../../../../services/novo-label-service';
+export declare class GroupedMultiPickerResults extends BasePickerResults implements OnInit, OnDestroy {
+    private renderer;
+    labels: NovoLabelService;
+    private inputElement;
+    private listElement;
+    selectedCategory: {
+        value: string;
+        label: string;
+    };
+    searchTerm: string;
+    customFilterEnabled: boolean;
+    customFilterLabel: string;
+    placeholder: string;
+    private keyboardSubscription;
+    private internalMap;
+    customFilterValue: any;
+    set term(value: any);
+    get categories(): any;
+    constructor(element: ElementRef, renderer: Renderer2, labels: NovoLabelService, ref: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setAllCategory(): void;
+    selectCategory(category: {
+        value: string;
+        label: string;
+    }): void;
+    clearSearchTerm(event: MouseEvent): void;
+    selectMatch(event?: MouseEvent, item?: {
+        value: string;
+        label: string;
+    }): boolean;
+    fireCustomFilter(value: boolean): void;
+    filterData(): {
+        value: string;
+        label: string;
+    }[];
+    private getNewMatches;
+    private filter;
+}

package/elements/picker/extras/grouped-multi-picker-results/GroupedMultiPickerResults.scss

@@ -0,0 +1,136 @@
+grouped-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;
+    }
+  }
+  > .grouped-multi-picker-groups {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    novo-list {
+      overflow: auto;
+    }
+    footer {
+      flex-basis: 50px;
+      min-height: 50px;
+      height: 50px;
+      display: flex;
+      align-items: center;
+      border-top: 1px solid $off-white;
+      label {
+        font-weight: 500;
+      }
+      &.disabled {
+        pointer-events: none;
+        opacity: 0.75;
+      }
+    }
+    novo-list-item {
+      font-weight: 500;
+      color: #999999;
+      border-left: 3px solid $white;
+      .list-item {
+        justify-content: center;
+      }
+      item-end {
+        color: #999999;
+      }
+      &.active {
+        color: $positive;
+        border-left-color: $positive;
+        background-color: #e9e9e9;
+        item-end {
+          color: $positive;
+        }
+        .list-item > item-content > * {
+          color: $positive !important;
+        }
+      }
+    }
+  }
+  > .grouped-multi-picker-matches {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    novo-list {
+      overflow: auto;
+    }
+    .grouped-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;
+      }
+    }
+    .grouped-multi-picker-list-container {
+      border-left: 1px solid $off-white;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+    }
+    .grouped-multi-picker-no-category,
+    .grouped-multi-picker-no-results,
+    .grouped-multi-picker-loading {
+      flex: 1;
+      justify-content: center;
+      align-items: center;
+      display: flex;
+      text-align: center;
+    }
+  }
+}