novo-elements 11.4.0 → 12.0.0

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

@@ -1,3 +1,187 @@
-export * from './extras';
-export * from './QuickNote';
-export * from './QuickNote.module';
+import * as i0 from '@angular/core';
+import { ElementRef, ChangeDetectorRef, OnInit, OnDestroy, AfterViewInit, ViewContainerRef, EventEmitter, NgZone } from '@angular/core';
+import { Observable } from 'rxjs';
+import { NovoLabelService, ComponentUtils } from 'novo-elements/services';
+import { PickerResults } from 'novo-elements/elements/picker';
+import { OutsideClick } from 'novo-elements/utils';
+import * as i3 from '@angular/common';
+import * as i4 from '@angular/forms';
+import * as i5 from 'novo-elements/elements/loading';
+import * as i6 from 'novo-elements/elements/list';
+import * as i7 from 'novo-elements/pipes';
+
+declare class QuickNoteResults extends PickerResults {
+    labels: NovoLabelService;
+    taggingMode: string;
+    constructor(element: ElementRef, labels: NovoLabelService, ref: ChangeDetectorRef);
+    get term(): any;
+    set term(value: any);
+    search(term: string, taggingMode: any): Observable<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: Array<any>): {
+        value: any;
+        label: any;
+    }[];
+    /**
+     * @name selectMatch
+     * @param event
+     *
+     * @description
+     */
+    selectMatch(event: KeyboardEvent): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuickNoteResults, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QuickNoteResults, "quick-note-results", never, {}, {}, never, never, false, never>;
+}
+
+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();
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuickNoteElement, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QuickNoteElement, "novo-quick-note", never, { "config": { "alias": "config"; "required": false; }; "startupFocus": { "alias": "startupFocus"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "focus": "focus"; "blur": "blur"; "change": "change"; }, never, never, false, never>;
+}
+
+declare class NovoQuickNoteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoQuickNoteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoQuickNoteModule, [typeof QuickNoteElement, typeof QuickNoteResults], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.NovoLoadingModule, typeof i6.NovoListModule, typeof i7.NovoPipesModule], [typeof QuickNoteElement, typeof QuickNoteResults]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NovoQuickNoteModule>;
+}
+
+export { NovoQuickNoteModule, QuickNoteElement, QuickNoteResults };

package/elements/radio/index.d.ts

@@ -1,4 +1,147 @@
-export * from './Radio';
-export * from './Radio.module';
-export * from './RadioGroup';
-export * from './tokens';
+import * as i0 from '@angular/core';
+import { InjectionToken, OnInit, EventEmitter, ChangeDetectorRef, AfterContentInit, QueryList } from '@angular/core';
+import { ControlValueAccessor, NgForm, FormGroupDirective, NgControl } from '@angular/forms';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { CanUpdateErrorStateCtor, ErrorStateMatcher } from 'novo-elements/elements/common';
+import { NovoFieldControl } from 'novo-elements/elements/field';
+import * as i3 from '@angular/common';
+import * as i4 from 'novo-elements/elements/button';
+
+interface RadioGroup<T = any> {
+    name: string;
+    value: T;
+    disabled: boolean;
+    appearance: 'vertical' | 'horizontal';
+}
+type ComponentType<T> = new (...args: any[]) => T;
+declare const NOVO_RADIO_GROUP: InjectionToken<ComponentType<RadioGroup<any>>>;
+
+declare class NovoRadioElement implements ControlValueAccessor, OnInit {
+    radioGroup: RadioGroup;
+    private ref;
+    private _uniqueId;
+    private _value;
+    _checked: boolean;
+    id: string;
+    name: string;
+    tabindex: number;
+    vertical: boolean;
+    label: string;
+    button: boolean;
+    theme: string;
+    size: string;
+    icon: string;
+    color: string;
+    disabled: boolean;
+    change: EventEmitter<any>;
+    blur: EventEmitter<any>;
+    focus: EventEmitter<any>;
+    get checked(): boolean;
+    set checked(value: boolean);
+    get value(): boolean | string;
+    set value(value: boolean | string);
+    constructor(radioGroup: RadioGroup, ref: ChangeDetectorRef);
+    ngOnInit(): void;
+    _onInputChange(event: Event): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    private onChangeCallback;
+    private onTouchedCallback;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoRadioElement, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoRadioElement, "novo-radio", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "label": { "alias": "label"; "required": false; }; "button": { "alias": "button"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], false, never>;
+}
+
+declare class NovoRadioGroupBase {
+    _defaultErrorStateMatcher: ErrorStateMatcher;
+    _parentForm: NgForm;
+    _parentFormGroup: FormGroupDirective;
+    ngControl: NgControl;
+    constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
+}
+declare const NovoRadioGroupMixins: CanUpdateErrorStateCtor & typeof NovoRadioGroupBase;
+declare class NovoRadioGroup extends NovoRadioGroupMixins implements NovoFieldControl<any>, ControlValueAccessor, AfterContentInit {
+    private _uniqueId;
+    /** The aria-describedby attribute on the chip list for improved a11y. */
+    _ariaDescribedby: string;
+    /** Tab index for the chip list. */
+    _tabIndex: number;
+    /** User defined tab index. */
+    _userTabIndex: number | null;
+    /** The FocusKeyManager which handles focus. */
+    _keyManager: FocusKeyManager<NovoRadioElement>;
+    readonly controlType: string;
+    /** @docs-private Implemented as part of NovoFieldControl. */
+    lastKeyValue: string;
+    /** @docs-private Implemented as part of NovoFieldControl.*/
+    lastCaretPosition: number | null;
+    id: string;
+    tabindex: number;
+    /** An object used to control when error messages are shown. */
+    errorStateMatcher: ErrorStateMatcher;
+    change: EventEmitter<any>;
+    blur: EventEmitter<any>;
+    _radios: QueryList<NovoRadioElement>;
+    get appearance(): any;
+    set appearance(value: any);
+    get value(): any;
+    set value(value: any);
+    get name(): string;
+    set name(value: string);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Implemented as part of NovoFieldControl.
+     * @docs-private
+     */
+    get required(): boolean;
+    set required(value: boolean);
+    /** Implemented as part of NovoFieldControl. */
+    get placeholder(): string;
+    set placeholder(value: string);
+    get selected(): NovoRadioElement;
+    protected _name: string;
+    protected _value: boolean;
+    protected _selected: NovoRadioElement;
+    protected _required: boolean;
+    protected _disabled: boolean;
+    protected _placeholder: string;
+    protected _appearance: 'horizontal' | 'vertical';
+    ngAfterContentInit(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    private onChangeCallback;
+    private onTouchedCallback;
+    private _updateRadioButtonAppearance;
+    private _updateRadioButtonNames;
+    private _updateRadioButtonDisabled;
+    private _updateSelectedRadioFromValue;
+    /** Whether any radio buttons has focus. */
+    get focused(): boolean;
+    /** Implemented as part of NovoFieldControl. */
+    get empty(): boolean;
+    /** Implemented as part of NovoFieldControl. */
+    get shouldLabelFloat(): boolean;
+    /** Implemented as part of NovoFieldControl. */
+    setDescribedByIds(ids: string[]): void;
+    /** Implemented as part of NovoFieldControl. */
+    onContainerClick(event: MouseEvent): void;
+    /**
+     * Focuses the first non-disabled chip in this chip list, or the associated input when there
+     * are no eligible chips.
+     */
+    focus(options?: FocusOptions): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoRadioGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoRadioGroup, "novo-radio-group", never, { "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "change": "change"; "blur": "blur"; }, ["_radios"], ["*"], false, never>;
+}
+
+declare class NovoRadioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoRadioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoRadioModule, [typeof NovoRadioElement, typeof NovoRadioGroup], [typeof i3.CommonModule, typeof i4.NovoButtonModule], [typeof NovoRadioElement, typeof NovoRadioGroup]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NovoRadioModule>;
+}
+
+export { NOVO_RADIO_GROUP, NovoRadioElement, NovoRadioGroup, NovoRadioModule };
+export type { ComponentType, RadioGroup };

package/elements/search/index.d.ts

@@ -1,2 +1,85 @@
-export * from './SearchBox';
-export * from './SearchBox.module';
+import * as i0 from '@angular/core';
+import { OnInit, ElementRef, EventEmitter, ChangeDetectorRef, NgZone } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { NovoLabelService } from 'novo-elements/services';
+import * as i2 from '@angular/common';
+import * as i3 from 'novo-elements/elements/icon';
+import * as i4 from 'novo-elements/elements/picker';
+import * as i5 from 'novo-elements/elements/tooltip';
+import * as i6 from 'novo-elements/elements/common';
+
+declare class NovoSearchBoxElement implements ControlValueAccessor, OnInit {
+    element: ElementRef;
+    labels: NovoLabelService;
+    private _changeDetectorRef;
+    private _zone;
+    name: string;
+    icon: string;
+    position: string;
+    placeholder: string;
+    alwaysOpen: boolean;
+    theme: string;
+    color: string;
+    closeOnSelect: boolean;
+    displayField: string;
+    displayValue: string;
+    hint: string;
+    keepOpen: boolean;
+    hasBackdrop: boolean;
+    allowPropagation: boolean;
+    overrideElement: ElementRef;
+    searchChanged: EventEmitter<string>;
+    applySearch: EventEmitter<KeyboardEvent>;
+    focused: boolean;
+    value: any;
+    /** View -> model callback called when value changes */
+    _onChange: (value: any) => void;
+    /** View -> model callback called when autocomplete has been touched */
+    _onTouched: () => void;
+    /** Element for the panel containing the autocomplete options. */
+    overlay: any;
+    input: any;
+    private debounceSearchChange;
+    constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef, _zone: NgZone);
+    ngOnInit(): void;
+    /**
+     * @name showFasterFind
+     * @description This function shows the picker and adds the active class (for animation)
+     */
+    showSearch(event?: any, forceClose?: boolean): void;
+    onFocus(): void;
+    onBlur(): void;
+    onSelect(): void;
+    /** BEGIN: Convenient Panel Methods. */
+    openPanel(): void;
+    closePanel(): void;
+    get panelOpen(): boolean;
+    get active(): boolean;
+    /** END: Convenient Panel Methods. */
+    _handleKeydown(event: KeyboardEvent): void;
+    _handleInput(event: KeyboardEvent): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => {}): void;
+    registerOnTouched(fn: () => {}): void;
+    private _setValue;
+    /**
+     * This method closes the panel, and if a value is specified, also sets the associated
+     * control to that value. It will also mark the control as dirty if this interaction
+     * stemmed from the user.
+     */
+    setValueAndClose(event: any | null): void;
+    /**
+     * Clear any previous selected option and emit a selection change event for this option
+     */
+    clearValue(skip: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoSearchBoxElement, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NovoSearchBoxElement, "novo-search", never, { "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "position": { "alias": "position"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "color": { "alias": "color"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "displayValue": { "alias": "displayValue"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "keepOpen": { "alias": "keepOpen"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "allowPropagation": { "alias": "allowPropagation"; "required": false; }; "overrideElement": { "alias": "overrideElement"; "required": false; }; }, { "searchChanged": "searchChanged"; "applySearch": "applySearch"; }, never, ["*"], false, never>;
+}
+
+declare class NovoSearchBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NovoSearchBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoSearchBoxModule, [typeof NovoSearchBoxElement], [typeof i2.CommonModule, typeof i3.NovoIconModule, typeof i4.NovoPickerModule, typeof i5.NovoTooltipModule, typeof i6.NovoOverlayModule], [typeof NovoSearchBoxElement]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NovoSearchBoxModule>;
+}
+
+export { NovoSearchBoxElement, NovoSearchBoxModule };