@covalent/core 3.1.2-beta.6 → 4.0.0-beta.1

package/fesm2015/covalent-core-paging.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-paging.js","sources":["../../../../src/platform/core/paging/paging-bar.component.ts","../../../../src/platform/core/paging/paging.module.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  Optional,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { Dir } from '@angular/cdk/bidi';\n\nexport interface IPageChangeEvent {\n  page: number;\n  maxPage: number;\n  pageSize: number;\n  total: number;\n  fromRow: number;\n  toRow: number;\n}\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'td-paging-bar',\n  templateUrl: './paging-bar.component.html',\n  styleUrls: ['./paging-bar.component.scss'],\n})\nexport class TdPagingBarComponent implements OnInit {\n  private _pageSize: number = 50;\n  private _total: number = 0;\n  private _page: number = 1;\n  private _fromRow: number = 1;\n  private _toRow: number = 1;\n  private _initialized: boolean = false;\n  private _pageLinks: number[] = [];\n  private _pageLinkCount: number = 0;\n  // special case when 2 pageLinks, detect when hit end of pages so can lead in correct direction\n  private _hitEnd: boolean = false;\n  // special case when 2 pageLinks, detect when hit start of pages so can lead in correct direction\n  private _hitStart: boolean = false;\n\n  /**\n   * firstLast?: boolean\n   * Shows or hides the first and last page buttons of the paging bar. Defaults to 'false'\n   */\n  @Input() firstLast: boolean = true;\n\n  /**\n   * initialPage?: number\n   * Sets starting page for the paging bar. Defaults to '1'\n   */\n  @Input() initialPage: number = 1;\n\n  /**\n   * pageLinkCount?: number\n   * Amount of page navigation links for the paging bar. Defaults to '0'\n   */\n  @Input('pageLinkCount')\n  set pageLinkCount(pageLinkCount: number) {\n    this._pageLinkCount = coerceNumberProperty(pageLinkCount);\n    this._calculatePageLinks();\n    this._changeDetectorRef.markForCheck();\n  }\n  get pageLinkCount(): number {\n    return this._pageLinkCount;\n  }\n\n  /**\n   * pageSize?: number\n   * Selected page size for the pagination. Defaults 50.\n   */\n  @Input('pageSize')\n  set pageSize(pageSize: number) {\n    this._pageSize = coerceNumberProperty(pageSize);\n    this._page = 1;\n    if (this._initialized) {\n      this._handleOnChange();\n    }\n    this._changeDetectorRef.markForCheck();\n  }\n  get pageSize(): number {\n    return this._pageSize;\n  }\n\n  /**\n   * total: number\n   * Total rows for the pagination.\n   */\n  @Input('total')\n  set total(total: number) {\n    this._total = coerceNumberProperty(total);\n    this._calculateRows();\n    this._calculatePageLinks();\n    this._changeDetectorRef.markForCheck();\n  }\n  get total(): number {\n    return this._total;\n  }\n\n  /**\n   * pageLinks: number[]\n   * Returns the pageLinks in an array\n   */\n  get pageLinks(): number[] {\n    return this._pageLinks;\n  }\n\n  /**\n   * range: string\n   * Returns the range of the rows.\n   */\n  get range(): string {\n    return `${!this._toRow ? 0 : this._fromRow}-${this._toRow}`;\n  }\n\n  /**\n   * page: number\n   * Returns the current page.\n   */\n  get page(): number {\n    return this._page;\n  }\n\n  /**\n   * page: number\n   * Returns the max page for the current pageSize and total.\n   */\n  get maxPage(): number {\n    return Math.ceil(this._total / this._pageSize);\n  }\n\n  /**\n   * change?: function\n   * Method to be executed when page size changes or any button is clicked in the paging bar.\n   * Emits an [IPageChangeEvent] implemented object.\n   */\n  @Output() change: EventEmitter<IPageChangeEvent> = new EventEmitter<IPageChangeEvent>();\n\n  get isRTL(): boolean {\n    if (this._dir) {\n      return this._dir.dir === 'rtl';\n    }\n    return false;\n  }\n\n  constructor(@Optional() private _dir: Dir, private _changeDetectorRef: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    this._page = coerceNumberProperty(this.initialPage);\n    this._calculateRows();\n    this._calculatePageLinks();\n    this._initialized = true;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * navigateToPage?: function\n   * Navigates to a specific valid page. Returns 'true' if page is valid, else 'false'.\n   */\n  navigateToPage(page: number): boolean {\n    if (page === 1 || (page >= 1 && page <= this.maxPage)) {\n      this._page = coerceNumberProperty(Math.floor(page));\n      this._handleOnChange();\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * firstPage?: function\n   * Navigates to the first page. Returns 'true' if page is valid, else 'false'.\n   */\n  firstPage(): boolean {\n    return this.navigateToPage(1);\n  }\n\n  /**\n   * prevPage?: function\n   * Navigates to the previous page. Returns 'true' if page is valid, else 'false'.\n   */\n  prevPage(): boolean {\n    return this.navigateToPage(this._page - 1);\n  }\n\n  /**\n   * nextPage?: function\n   * Navigates to the next page. Returns 'true' if page is valid, else 'false'.\n   */\n  nextPage(): boolean {\n    return this.navigateToPage(this._page + 1);\n  }\n\n  /**\n   * lastPage?: function\n   * Navigates to the last page. Returns 'true' if page is valid, else 'false'.\n   */\n  lastPage(): boolean {\n    return this.navigateToPage(this.maxPage);\n  }\n\n  isMinPage(): boolean {\n    return this._page <= 1;\n  }\n\n  isMaxPage(): boolean {\n    return this._page >= this.maxPage;\n  }\n\n  private _calculateRows(): void {\n    const top: number = this._pageSize * this._page;\n    this._fromRow = this._pageSize * (this._page - 1) + 1;\n    this._toRow = this._total > top ? top : this._total;\n  }\n\n  /**\n   * _calculatePageLinks?: function\n   * Calculates the page links that should be shown to the user based on the current state of the paginator\n   */\n  private _calculatePageLinks(): void {\n    // special case when 2 pageLinks, detect when hit end of pages so can lead in correct direction\n    if (this.isMaxPage()) {\n      this._hitEnd = true;\n      this._hitStart = false;\n    }\n    // special case when 2 pageLinks, detect when hit start of pages so can lead in correct direction\n    if (this.isMinPage()) {\n      this._hitEnd = false;\n      this._hitStart = true;\n    }\n    // If the pageLinkCount goes above max possible pages based on perpage setting then reset it to maxPage\n    let actualPageLinkCount: number = this.pageLinkCount;\n    if (this.pageLinkCount > this.maxPage) {\n      actualPageLinkCount = this.maxPage;\n    }\n    // reset the pageLinks array\n    this._pageLinks = [];\n    // fill in the array with the pageLinks based on the current selected page\n    const middlePageLinks: number = Math.floor(actualPageLinkCount / 2);\n    for (let x: number = 0; x < actualPageLinkCount; x++) {\n      // don't go past the maxPage in the pageLinks\n      // have to handle even and odd pageLinkCounts differently so can still lead to the next numbers\n      if (\n        (actualPageLinkCount % 2 === 0 && this.page + middlePageLinks > this.maxPage) ||\n        (actualPageLinkCount % 2 !== 0 && this.page + middlePageLinks >= this.maxPage)\n      ) {\n        this._pageLinks[x] = this.maxPage - (actualPageLinkCount - (x + 1));\n        // if the selected page is after the middle then set that page as middle and get the correct balance on left and right\n        // special handling when there are only 2 pageLinks to just drop to next if block so can lead to next numbers when moving to right\n        // when moving to the left then go into this block\n      } else if (\n        (actualPageLinkCount > 2 || (actualPageLinkCount <= 2 && this._hitEnd)) &&\n        this.page - middlePageLinks > 0\n      ) {\n        this._pageLinks[x] = this.page - middlePageLinks + x;\n        // if the selected page is before the middle then set the pages based on the x index leading up to and after selected page\n      } else if (this.page - middlePageLinks <= 0) {\n        this._pageLinks[x] = x + 1;\n        // other wise just set the array in order starting from the selected page\n      } else {\n        this._pageLinks[x] = this.page + x;\n      }\n    }\n  }\n\n  private _handleOnChange(): void {\n    this._calculateRows();\n    this._calculatePageLinks();\n    const event: IPageChangeEvent = {\n      page: this._page,\n      maxPage: this.maxPage,\n      pageSize: this._pageSize,\n      total: this._total,\n      fromRow: this._fromRow,\n      toRow: this._toRow,\n    };\n    this._changeDetectorRef.markForCheck();\n    this.change.emit(event);\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { TdPagingBarComponent } from './paging-bar.component';\n\n@NgModule({\n  imports: [CommonModule, MatIconModule, MatButtonModule],\n  declarations: [TdPagingBarComponent],\n  exports: [TdPagingBarComponent],\n})\nexport class CovalentPagingModule {}\n"],"names":[],"mappings":"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"}

package/fesm2015/covalent-core-search.js

@@ -1,564 +0,0 @@
-import { EventEmitter, Component, forwardRef, ChangeDetectionStrategy, Optional, ChangeDetectorRef, ViewChild, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import { MatInput, MatInputModule } from '@angular/material/input';
-import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
-import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
-import { Dir } from '@angular/cdk/bidi';
-import { debounceTime, skip } from 'rxjs/operators';
-import { mixinControlValueAccessor } from '@covalent/core/common';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: search-input/search-input.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdSearchInputBase {
-    /**
-     * @param {?} _changeDetectorRef
-     */
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-    }
-}
-if (false) {
-    /** @type {?} */
-    TdSearchInputBase.prototype._changeDetectorRef;
-}
-/* tslint:disable-next-line */
-/** @type {?} */
-const _TdSearchInputMixinBase = mixinControlValueAccessor(TdSearchInputBase);
-class TdSearchInputComponent extends _TdSearchInputMixinBase {
-    /**
-     * @param {?} _dir
-     * @param {?} _changeDetectorRef
-     */
-    constructor(_dir, _changeDetectorRef) {
-        super(_changeDetectorRef);
-        this._dir = _dir;
-        /**
-         * showUnderline?: boolean
-         * Sets if the input underline should be visible. Defaults to 'false'.
-         */
-        this.showUnderline = false;
-        /**
-         * debounce?: number
-         * Debounce timeout between keypresses. Defaults to 400.
-         */
-        this.debounce = 400;
-        /**
-         * clearIcon?: string
-         * The icon used to clear the search input.
-         * Defaults to 'cancel' icon.
-         */
-        this.clearIcon = 'cancel';
-        /**
-         * searchDebounce: function($event)
-         * Event emitted after the [debounce] timeout.
-         */
-        this.searchDebounce = new EventEmitter();
-        /**
-         * search: function($event)
-         * Event emitted after the key enter has been pressed.
-         */
-        this.search = new EventEmitter();
-        /**
-         * clear: function()
-         * Event emitted after the clear icon has been clicked.
-         */
-        this.clear = new EventEmitter();
-        /**
-         * blur: function()
-         * Event emitted after the blur event has been called in underlying input.
-         */
-        this.blur = new EventEmitter();
-    }
-    /**
-     * @return {?}
-     */
-    get isRTL() {
-        if (this._dir) {
-            return this._dir.dir === 'rtl';
-        }
-        return false;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this._input.ngControl.valueChanges
-            .pipe(debounceTime(this.debounce), skip(1))
-            .subscribe((/**
-         * @param {?} value
-         * @return {?}
-         */
-        (value) => {
-            this._searchTermChanged(value);
-        }));
-    }
-    /**
-     * Method to focus to underlying input.
-     * @return {?}
-     */
-    focus() {
-        this._input.focus();
-    }
-    /**
-     * @return {?}
-     */
-    handleBlur() {
-        this.blur.emit();
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    stopPropagation(event) {
-        event.stopPropagation();
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    handleSearch(event) {
-        this.stopPropagation(event);
-        this.search.emit(this.value);
-    }
-    /**
-     * Method to clear the underlying input.
-     * @return {?}
-     */
-    clearSearch() {
-        this.value = '';
-        this._changeDetectorRef.markForCheck();
-        this.clear.emit();
-    }
-    /**
-     * @private
-     * @param {?} value
-     * @return {?}
-     */
-    _searchTermChanged(value) {
-        this.searchDebounce.emit(value);
-    }
-}
-TdSearchInputComponent.decorators = [
-    { type: Component, args: [{
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => TdSearchInputComponent)),
-                        multi: true,
-                    },
-                ],
-                selector: 'td-search-input',
-                template: "<div class=\"td-search-input\">\n  <mat-form-field\n    class=\"td-search-input-field\"\n    [class.mat-hide-underline]=\"!showUnderline\"\n    [appearance]=\"appearance\"\n    floatLabel=\"never\"\n  >\n    <input\n      matInput\n      #searchElement\n      type=\"search\"\n      [(ngModel)]=\"value\"\n      [placeholder]=\"placeholder\"\n      (blur)=\"handleBlur()\"\n      (search)=\"stopPropagation($event)\"\n      (keyup.enter)=\"handleSearch($event)\"\n    />\n    <span matSuffix *ngIf=\"appearance === 'fill' || appearance === 'outline' || appearance === 'standard'\">\n      <ng-template [ngTemplateOutlet]=\"clearButton\"></ng-template>\n    </span>\n  </mat-form-field>\n  <ng-template *ngIf=\"!appearance || appearance === 'legacy'\" [ngTemplateOutlet]=\"clearButton\"></ng-template>\n</div>\n<ng-template #clearButton>\n  <button\n    mat-icon-button\n    class=\"td-search-input-clear\"\n    type=\"button\"\n    [@searchState]=\"searchElement.value ? 'show' : isRTL ? 'hide-left' : 'hide-right'\"\n    (click)=\"clearSearch()\"\n  >\n    <mat-icon>{{ clearIcon }}</mat-icon>\n  </button>\n</ng-template>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                inputs: ['value'],
-                animations: [
-                    trigger('searchState', [
-                        state('hide-left', style({
-                            transform: 'translateX(-150%)',
-                            display: 'none',
-                        })),
-                        state('hide-right', style({
-                            transform: 'translateX(150%)',
-                            display: 'none',
-                        })),
-                        state('show', style({
-                            transform: 'translateX(0%)',
-                            display: 'block',
-                        })),
-                        transition('* => show', animate('200ms ease-in')),
-                        transition('show => *', animate('200ms ease-out')),
-                    ]),
-                ],
-                styles: [":host .td-search-input{-ms-flex-align:baseline;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:baseline;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-end;max-width:100%;overflow-x:hidden}:host .td-search-input .td-search-input-field{-ms-flex:1;flex:1}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper,:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex{height:52px}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-infix{bottom:.4em}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-legacy .mat-form-field-infix{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}:host .td-search-input ::ng-deep mat-form-field .mat-input-element{caret-color:currentColor}:host .td-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-form-field-underline{display:none}:host .td-search-input .td-search-input-clear{-ms-flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;flex:0 0 auto}"]
-            }] }
-];
-/** @nocollapse */
-TdSearchInputComponent.ctorParameters = () => [
-    { type: Dir, decorators: [{ type: Optional }] },
-    { type: ChangeDetectorRef }
-];
-TdSearchInputComponent.propDecorators = {
-    _input: [{ type: ViewChild, args: [MatInput, { static: true },] }],
-    appearance: [{ type: Input }],
-    showUnderline: [{ type: Input }],
-    debounce: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    clearIcon: [{ type: Input }],
-    searchDebounce: [{ type: Output }],
-    search: [{ type: Output }],
-    clear: [{ type: Output }],
-    blur: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    TdSearchInputComponent.prototype._input;
-    /**
-     * appearance?: MatFormFieldAppearance
-     * Appearance style for the underlying input component.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.appearance;
-    /**
-     * showUnderline?: boolean
-     * Sets if the input underline should be visible. Defaults to 'false'.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.showUnderline;
-    /**
-     * debounce?: number
-     * Debounce timeout between keypresses. Defaults to 400.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.debounce;
-    /**
-     * placeholder?: string
-     * Placeholder for the underlying input component.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.placeholder;
-    /**
-     * clearIcon?: string
-     * The icon used to clear the search input.
-     * Defaults to 'cancel' icon.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.clearIcon;
-    /**
-     * searchDebounce: function($event)
-     * Event emitted after the [debounce] timeout.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.searchDebounce;
-    /**
-     * search: function($event)
-     * Event emitted after the key enter has been pressed.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.search;
-    /**
-     * clear: function()
-     * Event emitted after the clear icon has been clicked.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.clear;
-    /**
-     * blur: function()
-     * Event emitted after the blur event has been called in underlying input.
-     * @type {?}
-     */
-    TdSearchInputComponent.prototype.blur;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdSearchInputComponent.prototype._dir;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: search-box/search-box.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdSearchBoxBase {
-    /**
-     * @param {?} _changeDetectorRef
-     */
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-    }
-}
-if (false) {
-    /** @type {?} */
-    TdSearchBoxBase.prototype._changeDetectorRef;
-}
-/* tslint:disable-next-line */
-/** @type {?} */
-const _TdSearchBoxMixinBase = mixinControlValueAccessor(TdSearchBoxBase);
-class TdSearchBoxComponent extends _TdSearchBoxMixinBase {
-    /**
-     * @param {?} _changeDetectorRef
-     */
-    constructor(_changeDetectorRef) {
-        super(_changeDetectorRef);
-        this._searchVisible = false;
-        /**
-         * backIcon?: string
-         * The icon used to close the search toggle, only shown when [alwaysVisible] is false.
-         * Defaults to 'search' icon.
-         */
-        this.backIcon = 'search';
-        /**
-         * searchIcon?: string
-         * The icon used to open/focus the search toggle.
-         * Defaults to 'search' icon.
-         */
-        this.searchIcon = 'search';
-        /**
-         * clearIcon?: string
-         * The icon used to clear the search input.
-         * Defaults to 'cancel' icon.
-         */
-        this.clearIcon = 'cancel';
-        /**
-         * showUnderline?: boolean
-         * Sets if the input underline should be visible. Defaults to 'false'.
-         */
-        this.showUnderline = false;
-        /**
-         * debounce?: number
-         * Debounce timeout between keypresses. Defaults to 400.
-         */
-        this.debounce = 400;
-        /**
-         * alwaysVisible?: boolean
-         * Sets if the input should always be visible. Defaults to 'false'.
-         */
-        this.alwaysVisible = false;
-        /**
-         * searchDebounce: function($event)
-         * Event emitted after the [debounce] timeout.
-         */
-        this.searchDebounce = new EventEmitter();
-        /**
-         * search: function($event)
-         * Event emitted after the key enter has been pressed.
-         */
-        this.search = new EventEmitter();
-        /**
-         * clear: function()
-         * Event emitted after the clear icon has been clicked.
-         */
-        this.clear = new EventEmitter();
-        /**
-         * blur: function()
-         * Event emitted after the blur event has been called in underlying input.
-         */
-        this.blur = new EventEmitter();
-    }
-    /**
-     * @return {?}
-     */
-    get searchVisible() {
-        return this._searchVisible;
-    }
-    /**
-     * Method executed when the search icon is clicked.
-     * @return {?}
-     */
-    searchClicked() {
-        if (!this.alwaysVisible && this._searchVisible) {
-            this.value = '';
-            this.handleClear();
-        }
-        else if (this.alwaysVisible || !this._searchVisible) {
-            this._searchInput.focus();
-        }
-        this.toggleVisibility();
-    }
-    /**
-     * @return {?}
-     */
-    toggleVisibility() {
-        this._searchVisible = !this._searchVisible;
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    handleSearchDebounce(value) {
-        this.searchDebounce.emit(value);
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    handleSearch(value) {
-        this.search.emit(value);
-    }
-    /**
-     * @return {?}
-     */
-    handleClear() {
-        this.clear.emit();
-    }
-    /**
-     * @return {?}
-     */
-    handleBlur() {
-        this.blur.emit();
-    }
-}
-TdSearchBoxComponent.decorators = [
-    { type: Component, args: [{
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => TdSearchBoxComponent)),
-                        multi: true,
-                    },
-                ],
-                selector: 'td-search-box',
-                template: "<div class=\"td-search-box\">\n  <button mat-icon-button type=\"button\" class=\"td-search-icon\" (click)=\"searchClicked()\">\n    <mat-icon *ngIf=\"searchVisible && !alwaysVisible\">{{ backIcon }}</mat-icon>\n    <mat-icon *ngIf=\"!searchVisible || alwaysVisible\">{{ searchIcon }}</mat-icon>\n  </button>\n  <td-search-input\n    #searchInput\n    [@inputState]=\"alwaysVisible || searchVisible\"\n    [debounce]=\"debounce\"\n    [(ngModel)]=\"value\"\n    [showUnderline]=\"showUnderline\"\n    [placeholder]=\"placeholder\"\n    [clearIcon]=\"clearIcon\"\n    (searchDebounce)=\"handleSearchDebounce($event)\"\n    (search)=\"handleSearch($event)\"\n    (clear)=\"handleClear(); toggleVisibility()\"\n    (blur)=\"handleBlur()\"\n  ></td-search-input>\n</div>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                inputs: ['value'],
-                animations: [
-                    trigger('inputState', [
-                        state('0', style({
-                            width: '0%',
-                            margin: '0px',
-                        })),
-                        state('1', style({
-                            width: '100%',
-                            margin: AUTO_STYLE,
-                        })),
-                        transition('0 => 1', animate('200ms ease-in')),
-                        transition('1 => 0', animate('200ms ease-out')),
-                    ]),
-                ],
-                styles: [":host{display:block}.td-search-box{-ms-flex-align:baseline;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:baseline;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-end;max-width:100%}.td-search-box .td-search-icon{-ms-flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;flex:0 0 auto}.td-search-box td-search-input{margin-left:12px}::ng-deep [dir=rtl] .td-search-box td-search-input{margin-left:0!important;margin-right:12px}.td-search-box td-search-input ::ng-deep .mat-form.field.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1em}"]
-            }] }
-];
-/** @nocollapse */
-TdSearchBoxComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-TdSearchBoxComponent.propDecorators = {
-    _searchInput: [{ type: ViewChild, args: [TdSearchInputComponent, { static: true },] }],
-    backIcon: [{ type: Input }],
-    searchIcon: [{ type: Input }],
-    clearIcon: [{ type: Input }],
-    showUnderline: [{ type: Input }],
-    debounce: [{ type: Input }],
-    alwaysVisible: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    searchDebounce: [{ type: Output }],
-    search: [{ type: Output }],
-    clear: [{ type: Output }],
-    blur: [{ type: Output }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdSearchBoxComponent.prototype._searchVisible;
-    /** @type {?} */
-    TdSearchBoxComponent.prototype._searchInput;
-    /**
-     * backIcon?: string
-     * The icon used to close the search toggle, only shown when [alwaysVisible] is false.
-     * Defaults to 'search' icon.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.backIcon;
-    /**
-     * searchIcon?: string
-     * The icon used to open/focus the search toggle.
-     * Defaults to 'search' icon.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.searchIcon;
-    /**
-     * clearIcon?: string
-     * The icon used to clear the search input.
-     * Defaults to 'cancel' icon.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.clearIcon;
-    /**
-     * showUnderline?: boolean
-     * Sets if the input underline should be visible. Defaults to 'false'.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.showUnderline;
-    /**
-     * debounce?: number
-     * Debounce timeout between keypresses. Defaults to 400.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.debounce;
-    /**
-     * alwaysVisible?: boolean
-     * Sets if the input should always be visible. Defaults to 'false'.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.alwaysVisible;
-    /**
-     * placeholder?: string
-     * Placeholder for the underlying input component.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.placeholder;
-    /**
-     * searchDebounce: function($event)
-     * Event emitted after the [debounce] timeout.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.searchDebounce;
-    /**
-     * search: function($event)
-     * Event emitted after the key enter has been pressed.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.search;
-    /**
-     * clear: function()
-     * Event emitted after the clear icon has been clicked.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.clear;
-    /**
-     * blur: function()
-     * Event emitted after the blur event has been called in underlying input.
-     * @type {?}
-     */
-    TdSearchBoxComponent.prototype.blur;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: search.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class CovalentSearchModule {
-}
-CovalentSearchModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [FormsModule, CommonModule, MatInputModule, MatIconModule, MatButtonModule],
-                declarations: [TdSearchInputComponent, TdSearchBoxComponent],
-                exports: [TdSearchInputComponent, TdSearchBoxComponent],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: covalent-core-search.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentSearchModule, TdSearchBoxBase, TdSearchBoxComponent, TdSearchInputBase, TdSearchInputComponent, _TdSearchBoxMixinBase, _TdSearchInputMixinBase };
-//# sourceMappingURL=covalent-core-search.js.map

package/fesm2015/covalent-core-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-search.js","sources":["../../../src/platform/core/search/search-input/search-input.component.ts","../../../src/platform/core/search/search-box/search-box.component.ts","../../../../src/platform/core/search/search.module.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  OnInit,\n  Input,\n  Output,\n  EventEmitter,\n  Optional,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  forwardRef,\n} from '@angular/core';\nimport { trigger, state, style, transition, animate } from '@angular/animations';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Dir } from '@angular/cdk/bidi';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\n\nimport { debounceTime, skip } from 'rxjs/operators';\n\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchInputBase {\n  constructor(public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchInputMixinBase = mixinControlValueAccessor(TdSearchInputBase);\n\n@Component({\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TdSearchInputComponent),\n      multi: true,\n    },\n  ],\n  selector: 'td-search-input',\n  templateUrl: './search-input.component.html',\n  styleUrls: ['./search-input.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['value'],\n  animations: [\n    trigger('searchState', [\n      state(\n        'hide-left',\n        style({\n          transform: 'translateX(-150%)',\n          display: 'none',\n        }),\n      ),\n      state(\n        'hide-right',\n        style({\n          transform: 'translateX(150%)',\n          display: 'none',\n        }),\n      ),\n      state(\n        'show',\n        style({\n          transform: 'translateX(0%)',\n          display: 'block',\n        }),\n      ),\n      transition('* => show', animate('200ms ease-in')),\n      transition('show => *', animate('200ms ease-out')),\n    ]),\n  ],\n})\nexport class TdSearchInputComponent extends _TdSearchInputMixinBase implements IControlValueAccessor, OnInit {\n  @ViewChild(MatInput, { static: true }) _input: MatInput;\n\n  /**\n   * appearance?: MatFormFieldAppearance\n   * Appearance style for the underlying input component.\n   */\n  @Input() appearance: MatFormFieldAppearance;\n\n  /**\n   * showUnderline?: boolean\n   * Sets if the input underline should be visible. Defaults to 'false'.\n   */\n  @Input() showUnderline: boolean = false;\n\n  /**\n   * debounce?: number\n   * Debounce timeout between keypresses. Defaults to 400.\n   */\n  @Input() debounce: number = 400;\n\n  /**\n   * placeholder?: string\n   * Placeholder for the underlying input component.\n   */\n  @Input() placeholder: string;\n\n  /**\n   * clearIcon?: string\n   * The icon used to clear the search input.\n   * Defaults to 'cancel' icon.\n   */\n  @Input() clearIcon: string = 'cancel';\n\n  /**\n   * searchDebounce: function($event)\n   * Event emitted after the [debounce] timeout.\n   */\n  @Output() searchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * search: function($event)\n   * Event emitted after the key enter has been pressed.\n   */\n  @Output() search: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * clear: function()\n   * Event emitted after the clear icon has been clicked.\n   */\n  @Output() clear: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * blur: function()\n   * Event emitted after the blur event has been called in underlying input.\n   */\n  @Output() blur: EventEmitter<void> = new EventEmitter<void>();\n\n  get isRTL(): boolean {\n    if (this._dir) {\n      return this._dir.dir === 'rtl';\n    }\n    return false;\n  }\n\n  constructor(@Optional() private _dir: Dir, _changeDetectorRef: ChangeDetectorRef) {\n    super(_changeDetectorRef);\n  }\n\n  ngOnInit(): void {\n    this._input.ngControl.valueChanges\n      .pipe(\n        debounceTime(this.debounce),\n        skip(1), // skip first change when value is set to undefined\n      )\n      .subscribe((value: string) => {\n        this._searchTermChanged(value);\n      });\n  }\n\n  /**\n   * Method to focus to underlying input.\n   */\n  focus(): void {\n    this._input.focus();\n  }\n\n  handleBlur(): void {\n    this.blur.emit();\n  }\n\n  stopPropagation(event: Event): void {\n    event.stopPropagation();\n  }\n\n  handleSearch(event: Event): void {\n    this.stopPropagation(event);\n    this.search.emit(this.value);\n  }\n\n  /**\n   * Method to clear the underlying input.\n   */\n  clearSearch(): void {\n    this.value = '';\n    this._changeDetectorRef.markForCheck();\n    this.clear.emit();\n  }\n\n  private _searchTermChanged(value: string): void {\n    this.searchDebounce.emit(value);\n  }\n}\n","import {\n  Component,\n  ViewChild,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';\n\nimport { TdSearchInputComponent } from '../search-input/search-input.component';\nimport { IControlValueAccessor, mixinControlValueAccessor } from '@covalent/core/common';\n\nexport class TdSearchBoxBase {\n  constructor(public _changeDetectorRef: ChangeDetectorRef) {}\n}\n\n/* tslint:disable-next-line */\nexport const _TdSearchBoxMixinBase = mixinControlValueAccessor(TdSearchBoxBase);\n\n@Component({\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TdSearchBoxComponent),\n      multi: true,\n    },\n  ],\n  selector: 'td-search-box',\n  templateUrl: './search-box.component.html',\n  styleUrls: ['./search-box.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['value'],\n  animations: [\n    trigger('inputState', [\n      state(\n        '0',\n        style({\n          width: '0%',\n          margin: '0px',\n        }),\n      ),\n      state(\n        '1',\n        style({\n          width: '100%',\n          margin: AUTO_STYLE,\n        }),\n      ),\n      transition('0 => 1', animate('200ms ease-in')),\n      transition('1 => 0', animate('200ms ease-out')),\n    ]),\n  ],\n})\nexport class TdSearchBoxComponent extends _TdSearchBoxMixinBase implements IControlValueAccessor {\n  private _searchVisible: boolean = false;\n  @ViewChild(TdSearchInputComponent, { static: true }) _searchInput: TdSearchInputComponent;\n\n  get searchVisible(): boolean {\n    return this._searchVisible;\n  }\n\n  /**\n   * backIcon?: string\n   * The icon used to close the search toggle, only shown when [alwaysVisible] is false.\n   * Defaults to 'search' icon.\n   */\n  @Input() backIcon: string = 'search';\n\n  /**\n   * searchIcon?: string\n   * The icon used to open/focus the search toggle.\n   * Defaults to 'search' icon.\n   */\n  @Input() searchIcon: string = 'search';\n\n  /**\n   * clearIcon?: string\n   * The icon used to clear the search input.\n   * Defaults to 'cancel' icon.\n   */\n  @Input() clearIcon: string = 'cancel';\n\n  /**\n   * showUnderline?: boolean\n   * Sets if the input underline should be visible. Defaults to 'false'.\n   */\n  @Input() showUnderline: boolean = false;\n\n  /**\n   * debounce?: number\n   * Debounce timeout between keypresses. Defaults to 400.\n   */\n  @Input() debounce: number = 400;\n\n  /**\n   * alwaysVisible?: boolean\n   * Sets if the input should always be visible. Defaults to 'false'.\n   */\n  @Input() alwaysVisible: boolean = false;\n\n  /**\n   * placeholder?: string\n   * Placeholder for the underlying input component.\n   */\n  @Input() placeholder: string;\n\n  /**\n   * searchDebounce: function($event)\n   * Event emitted after the [debounce] timeout.\n   */\n  @Output() searchDebounce: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * search: function($event)\n   * Event emitted after the key enter has been pressed.\n   */\n  @Output() search: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * clear: function()\n   * Event emitted after the clear icon has been clicked.\n   */\n  @Output() clear: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * blur: function()\n   * Event emitted after the blur event has been called in underlying input.\n   */\n  @Output() blur: EventEmitter<void> = new EventEmitter<void>();\n\n  constructor(_changeDetectorRef: ChangeDetectorRef) {\n    super(_changeDetectorRef);\n  }\n\n  /**\n   * Method executed when the search icon is clicked.\n   */\n  searchClicked(): void {\n    if (!this.alwaysVisible && this._searchVisible) {\n      this.value = '';\n      this.handleClear();\n    } else if (this.alwaysVisible || !this._searchVisible) {\n      this._searchInput.focus();\n    }\n    this.toggleVisibility();\n  }\n\n  toggleVisibility(): void {\n    this._searchVisible = !this._searchVisible;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  handleSearchDebounce(value: string): void {\n    this.searchDebounce.emit(value);\n  }\n\n  handleSearch(value: string): void {\n    this.search.emit(value);\n  }\n\n  handleClear(): void {\n    this.clear.emit();\n  }\n\n  handleBlur(): void {\n    this.blur.emit();\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { TdSearchInputComponent } from './search-input/search-input.component';\nimport { TdSearchBoxComponent } from './search-box/search-box.component';\n\n@NgModule({\n  imports: [FormsModule, CommonModule, MatInputModule, MatIconModule, MatButtonModule],\n  declarations: [TdSearchInputComponent, TdSearchBoxComponent],\n  exports: [TdSearchInputComponent, TdSearchBoxComponent],\n})\nexport class CovalentSearchModule {}\n"],"names":[],"mappings":"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"}