@angular-bootstrap/ngbootstrap 0.0.7 → 0.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-bootstrap/ngbootstrap",
-  "version": "0.0.7",
-  "description": "Angular UI library providing datagrid, drag-and-drop, pagination, and stepper components with Bootstrap-friendly styling.",
+  "version": "0.0.8",
+  "description": "Angular UI library providing datagrid, drag-and-drop, pagination, stepper, splitter, typeahead and chips components with Bootstrap-friendly styling.",
   "author": {
     "name": "Harmeet Singh"
   },

package/types/angular-bootstrap-ngbootstrap.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, OnChanges, EventEmitter, SimpleChanges, InjectionToken, OnDestroy, QueryList, ElementRef, AfterViewInit } from '@angular/core';
-import { AbstractControl, FormGroup, FormControl } from '@angular/forms';
+import { TemplateRef, AfterContentInit, OnChanges, EventEmitter, SimpleChanges, InjectionToken, QueryList, ElementRef, AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { AbstractControl, FormGroup, FormControl, ControlValueAccessor } from '@angular/forms';
 import { Observable } from 'rxjs';
 
 type ColumnType = 'text' | 'number' | 'email' | 'boolean' | 'date' | 'select';
@@ -589,16 +589,48 @@ declare class NgbStepperComponent implements AfterContentInit {
 }
 
 declare class NgbSplitterPaneComponent {
-    templateRef: TemplateRef<any>;
-    size?: string;
-    min?: string;
-    max?: string;
+    size: string;
+    min: string;
+    max: string;
+    scrollable: boolean;
     collapsible: boolean;
     collapsed: boolean;
     collapsedChange: EventEmitter<boolean>;
-    toggleCollapsed(next?: boolean): void;
+    template: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbSplitterPaneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSplitterPaneComponent, "ngb-splitter-pane", never, { "size": { "alias": "size"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSplitterPaneComponent, "ngb-splitter-pane", never, { "size": { "alias": "size"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
+}
+
+declare class NgbSplitterComponent {
+    private el;
+    panes: QueryList<NgbSplitterPaneComponent>;
+    orientation: 'horizontal' | 'vertical';
+    handleThickness: number;
+    handleIconColor: string;
+    verticalMinHeight: string;
+    resizable: boolean;
+    barColor: string;
+    lineColor: string;
+    private isDragging;
+    private currentHandleIndex;
+    constructor(el: ElementRef);
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    onMouseDown(event: MouseEvent, index: number): void;
+    private resize;
+    onHandleToggle(event: Event, index: number): void;
+    getCollapseIcon(pane: NgbSplitterPaneComponent): string;
+    getPaneFlex(pane: NgbSplitterPaneComponent): string;
+    private sizeToPercent;
+    togglePane(index: number): void;
+    getSeparatorAriaOrientation(): 'horizontal' | 'vertical';
+    getHandleValueNow(index: number): number | null;
+    getHandleValueMin(index: number): number | null;
+    getHandleValueMax(index: number): number | null;
+    onHandleKeyDown(event: KeyboardEvent, index: number): void;
+    private resizeByPercent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbSplitterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSplitterComponent, "ngb-splitter", never, { "orientation": { "alias": "orientation"; "required": false; }; "handleThickness": { "alias": "handleThickness"; "required": false; }; "handleIconColor": { "alias": "handleIconColor"; "required": false; }; "verticalMinHeight": { "alias": "verticalMinHeight"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "barColor": { "alias": "barColor"; "required": false; }; "lineColor": { "alias": "lineColor"; "required": false; }; }, {}, ["panes"], never, true, never>;
 }
 
 type NgbSplitterOrientation = 'horizontal' | 'vertical';
@@ -608,42 +640,6 @@ interface NgbSplitterPaneSize {
     max?: string;
 }
 
-type PaneState = {
-    sizePx?: number;
-    minPx?: number;
-    maxPx?: number;
-    id: string;
-};
-declare class NgbSplitterComponent implements AfterContentInit, OnDestroy, OnChanges {
-    panes: QueryList<NgbSplitterPaneComponent>;
-    container: ElementRef<HTMLElement>;
-    orientation: NgbSplitterOrientation;
-    handleThickness: number;
-    paneStates: PaneState[];
-    private resizeSub?;
-    private currentDrag?;
-    ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    onWindowResize(): void;
-    startResize(index: number, event: MouseEvent): void;
-    onHandleKeydown(index: number, event: KeyboardEvent): void;
-    toggleFromHandle(index: number): void;
-    private onDrag;
-    private stopDrag;
-    private adjustPaneSizes;
-    private initStates;
-    private computePaneSizes;
-    private resolveSize;
-    private getLimits;
-    private clamp;
-    private pointerPosition;
-    private getContainerSize;
-    private detachDragListeners;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgbSplitterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSplitterComponent, "ngb-splitter", never, { "orientation": { "alias": "orientation"; "required": false; }; "handleThickness": { "alias": "handleThickness"; "required": false; }; }, {}, ["panes"], never, true, never>;
-}
-
 interface NgbTypeaheadItem {
     id: string | number;
     label: string;
@@ -654,50 +650,117 @@ interface NgbTypeaheadI18n {
     placeholder?: string;
     noResults?: string;
     clearSelection?: string;
+    clear?: string;
+    dropdownButtonLabel?: string;
 }
 
-declare class NgbTypeaheadComponent implements AfterViewInit, OnChanges, OnDestroy {
+declare class NgbTypeaheadComponent implements AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
+    private host;
+    private cdr;
     data: NgbTypeaheadItem[];
     debounceTime: number;
     characterTyped: number;
     limit: number;
     selectExact: boolean;
     multiSelect: boolean;
+    matchSelection: boolean;
+    showDropdownButton: boolean;
+    showClearButton: boolean;
+    updateOnBlur: boolean;
+    updateOnTab: boolean;
+    separator: string | string[];
+    chips: boolean;
+    itemTemplate?: any;
     i18n?: NgbTypeaheadI18n;
-    itemTemplate?: TemplateRef<any>;
+    projectedItemTemplate?: any;
+    completeMethod: EventEmitter<string>;
+    onSelect: EventEmitter<NgbTypeaheadItem>;
+    onUnselect: EventEmitter<NgbTypeaheadItem>;
+    onAdd: EventEmitter<NgbTypeaheadItem>;
+    onFocus: EventEmitter<FocusEvent>;
+    onBlur: EventEmitter<FocusEvent>;
+    onDropdownClick: EventEmitter<MouseEvent>;
+    onClear: EventEmitter<Event>;
+    onInputKeydown: EventEmitter<KeyboardEvent>;
+    onKeyUp: EventEmitter<KeyboardEvent>;
+    onShow: EventEmitter<Event>;
+    onHide: EventEmitter<Event>;
+    onLazyLoad: EventEmitter<void>;
     selectedItems: EventEmitter<NgbTypeaheadItem[]>;
     selectionChange: EventEmitter<NgbTypeaheadItem[]>;
     onChange: EventEmitter<string>;
     onScrollEvent: EventEmitter<void>;
     scroller: ElementRef<HTMLElement>;
-    inputEl: ElementRef<HTMLInputElement>;
+    inputEl?: ElementRef<HTMLInputElement>;
     itemButtons?: QueryList<ElementRef<HTMLButtonElement>>;
+    disabled: boolean;
     query: string;
     filtered: NgbTypeaheadItem[];
     visible: NgbTypeaheadItem[];
     selected: NgbTypeaheadItem[];
+    overlayVisible: boolean;
+    private openedByDropdown;
+    private hasSearched;
+    activeIndex: number;
+    private inputFocused;
+    private pointerDownInside;
+    private lastFilterTerm;
+    private keepOpenOnEmpty;
+    readonly overlayId: string;
     viewportHeight: number;
     itemHeight: number;
     beforePadding: number;
     afterPadding: number;
     private debounceId?;
+    private onControlChange;
+    private onControlTouched;
+    private controlValue;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    constructor(host: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
+    onDocumentMouseDown(event: MouseEvent): void;
+    onDocumentFocusIn(event: FocusEvent): void;
+    get activeDescendantId(): string | null;
+    get showNoResults(): boolean;
+    get displayQuery(): string;
     get selectionSummary(): string;
+    get resolvedItemTemplate(): any;
+    writeValue(value: any): void;
+    private applyControlValue;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
     onInput(value: string): void;
+    onNativeInput(event: Event): void;
     onKeydown(event: KeyboardEvent): void;
+    onKeyup(event: KeyboardEvent): void;
+    onInputFocus(event: FocusEvent): void;
+    onInputBlur(event: FocusEvent): void;
     onScroll(event: Event): void;
     selectItem(item: NgbTypeaheadItem): void;
+    focusInput(): void;
+    removeSelected(item: NgbTypeaheadItem): void;
     clearSelection(): void;
     isSelected(item: NgbTypeaheadItem): boolean;
     trackById: (_: number, item: NgbTypeaheadItem) => string | number;
+    getOptionId(index: number): string;
+    onDropdownButtonClick(event: MouseEvent): void;
+    onClearClick(event: Event): void;
     private applyFilter;
     private updateViewport;
-    private focusSibling;
+    private activatePreferredOption;
+    private moveActive;
     private validateItem;
+    private showOverlay;
+    private hideOverlay;
+    private commitInputOnClose;
+    private splitBySeparators;
+    private addToken;
+    private propagateControlValue;
+    private coerceToItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbTypeaheadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbTypeaheadComponent, "ngb-typeahead", never, { "data": { "alias": "data"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "characterTyped": { "alias": "characterTyped"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "selectExact": { "alias": "selectExact"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; }, { "selectedItems": "selectedItems"; "selectionChange": "selectionChange"; "onChange": "onChange"; "onScrollEvent": "onScrollEvent"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbTypeaheadComponent, "ngb-typeahead", never, { "data": { "alias": "data"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "characterTyped": { "alias": "characterTyped"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "selectExact": { "alias": "selectExact"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "matchSelection": { "alias": "matchSelection"; "required": false; }; "showDropdownButton": { "alias": "showDropdownButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "updateOnTab": { "alias": "updateOnTab"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onAdd": "onAdd"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onInputKeydown": "onInputKeydown"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; "selectedItems": "selectedItems"; "selectionChange": "selectionChange"; "onChange": "onChange"; "onScrollEvent": "onScrollEvent"; }, ["projectedItemTemplate"], never, true, never>;
 }
 
 type NgbTreeType = 'text' | 'json';
@@ -723,6 +786,10 @@ declare class NgbTreeComponent {
     type: NgbTreeType;
     showCheckbox: boolean;
     i18n?: NgbTreeI18n;
+    expandIcon: string;
+    collapseIcon: string;
+    plusIcon: string;
+    minusIcon: string;
     expand: EventEmitter<NgbTreeNode>;
     collapse: EventEmitter<NgbTreeNode>;
     expandAll: EventEmitter<void>;
@@ -740,8 +807,24 @@ declare class NgbTreeComponent {
     private setExpanded;
     private collectSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbTreeComponent, "ngb-tree", never, { "nodes": { "alias": "nodes"; "required": false; }; "type": { "alias": "type"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; }, { "expand": "expand"; "collapse": "collapse"; "expandAll": "expandAll"; "collapseAll": "collapseAll"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbTreeComponent, "ngb-tree", never, { "nodes": { "alias": "nodes"; "required": false; }; "type": { "alias": "type"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "plusIcon": { "alias": "plusIcon"; "required": false; }; "minusIcon": { "alias": "minusIcon"; "required": false; }; }, { "expand": "expand"; "collapse": "collapse"; "expandAll": "expandAll"; "collapseAll": "collapseAll"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+type NgbChip = {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+};
+declare class NgbChipsComponent {
+    items: NgbChip[];
+    removable: boolean;
+    ariaLabel?: string;
+    removeLabel?: string;
+    remove: EventEmitter<NgbChip>;
+    trackById: (_: number, item: NgbChip) => string | number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbChipsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbChipsComponent, "ngb-chips", never, { "items": { "alias": "items"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
 }
 
-export { DATAGRID_TEMPLATE_DIRECTIVES, DND_I18N, DND_LIVE_ANNOUNCE, Datagrid, ExcelExportAdapter, ExportButtonDirective, JsPdfAdapter, NgbCellTemplate, NgbDndItemDirective, NgbDndListDirective, NgbDndState, NgbEditorTemplate, NgbExportService, NgbFilterTemplate, NgbGlobalFilterTemplate, NgbLiveAnnouncer, NgbPaginationComponent, NgbRowDetailTemplate, NgbSplitterComponent, NgbStepLabelDirective, NgbStepperComponent, NgbTreeComponent, NgbTypeaheadComponent, PdfExportAdapter, XlsxAdapter, defaultDndI18n };
-export type { CellCtx, ColumnDef, ColumnType, DndCanDropFn, DndCanDropPayload, DndI18n, DndSession, EditCtx, ExcelExportPayload, ExportButtonContext, FilterCtx, GlobalFilterCtx, NgbDataGridExportOptions, NgbDataGridExportPages, NgbDataGridExportType, NgbDataGridResponsiveOptions, NgbDataGridTheme, NgbDndDropEvent, NgbSplitterOrientation, NgbSplitterPaneSize, NgbStepperContentPosition, NgbStepperLabelPosition, NgbStepperOrientation, NgbStepperSelectionChangeEvent, NgbStepperState, NgbStepperStep, NgbStepperTheme, NgbTreeI18n, NgbTreeNode, NgbTreeType, NgbTypeaheadI18n, NgbTypeaheadItem, PdfExportPayload };
+export { DATAGRID_TEMPLATE_DIRECTIVES, DND_I18N, DND_LIVE_ANNOUNCE, Datagrid, ExcelExportAdapter, ExportButtonDirective, JsPdfAdapter, NgbCellTemplate, NgbChipsComponent, NgbDndItemDirective, NgbDndListDirective, NgbDndState, NgbEditorTemplate, NgbExportService, NgbFilterTemplate, NgbGlobalFilterTemplate, NgbLiveAnnouncer, NgbPaginationComponent, NgbRowDetailTemplate, NgbSplitterComponent, NgbSplitterPaneComponent, NgbStepLabelDirective, NgbStepperComponent, NgbTreeComponent, NgbTypeaheadComponent, PdfExportAdapter, XlsxAdapter, defaultDndI18n };
+export type { CellCtx, ColumnDef, ColumnType, DndCanDropFn, DndCanDropPayload, DndI18n, DndSession, EditCtx, ExcelExportPayload, ExportButtonContext, FilterCtx, GlobalFilterCtx, NgbChip, NgbDataGridExportOptions, NgbDataGridExportPages, NgbDataGridExportType, NgbDataGridResponsiveOptions, NgbDataGridTheme, NgbDndDropEvent, NgbSplitterOrientation, NgbSplitterPaneSize, NgbStepperContentPosition, NgbStepperLabelPosition, NgbStepperOrientation, NgbStepperSelectionChangeEvent, NgbStepperState, NgbStepperStep, NgbStepperTheme, NgbTreeI18n, NgbTreeNode, NgbTreeType, NgbTypeaheadI18n, NgbTypeaheadItem, PdfExportPayload };