@covalent/core 3.1.2 → 4.0.0-beta.2

package/fesm2015/covalent-core-message.js

@@ -1,347 +0,0 @@
-import { Directive, ViewContainerRef, Component, Renderer2, ChangeDetectorRef, ElementRef, ViewChild, TemplateRef, HostBinding, Input, HostListener, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-import { tdCollapseAnimation } from '@covalent/core/common';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: message.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdMessageContainerDirective {
-    /**
-     * @param {?} viewContainer
-     */
-    constructor(viewContainer) {
-        this.viewContainer = viewContainer;
-    }
-}
-TdMessageContainerDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[tdMessageContainer]',
-            },] }
-];
-/** @nocollapse */
-TdMessageContainerDirective.ctorParameters = () => [
-    { type: ViewContainerRef }
-];
-if (false) {
-    /** @type {?} */
-    TdMessageContainerDirective.prototype.viewContainer;
-}
-class TdMessageComponent {
-    /**
-     * @param {?} _renderer
-     * @param {?} _changeDetectorRef
-     * @param {?} _elementRef
-     */
-    constructor(_renderer, _changeDetectorRef, _elementRef) {
-        this._renderer = _renderer;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._elementRef = _elementRef;
-        this._opened = true;
-        this._hidden = false;
-        this._animating = false;
-        this._initialized = false;
-        /**
-         * icon?: string
-         *
-         * The icon to be displayed before the title.
-         * Defaults to `info_outline` icon
-         */
-        this.icon = 'info_outline';
-        this._renderer.addClass(this._elementRef.nativeElement, 'td-message');
-    }
-    /**
-     * Binding host to tdCollapse animation
-     * @return {?}
-     */
-    get collapsedAnimation() {
-        return { value: !this._opened, duration: 100 };
-    }
-    /**
-     * Binding host to display style when hidden
-     * @return {?}
-     */
-    get hidden() {
-        return this._hidden ? 'none' : undefined;
-    }
-    /**
-     * color?: primary | accent | warn
-     *
-     * Sets the color of the message.
-     * Can also use any material color: purple | light-blue, etc.
-     * @param {?} color
-     * @return {?}
-     */
-    set color(color) {
-        this._renderer.removeClass(this._elementRef.nativeElement, 'mat-' + this._color);
-        this._renderer.removeClass(this._elementRef.nativeElement, 'bgc-' + this._color + '-100');
-        this._renderer.removeClass(this._elementRef.nativeElement, 'tc-' + this._color + '-700');
-        if (color === 'primary' || color === 'accent' || color === 'warn') {
-            this._renderer.addClass(this._elementRef.nativeElement, 'mat-' + color);
-        }
-        else {
-            this._renderer.addClass(this._elementRef.nativeElement, 'bgc-' + color + '-100');
-            this._renderer.addClass(this._elementRef.nativeElement, 'tc-' + color + '-700');
-        }
-        this._color = color;
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @return {?}
-     */
-    get color() {
-        return this._color;
-    }
-    /**
-     * opened?: boolean
-     *
-     * Shows or hiddes the message depending on its value.
-     * Defaults to 'true'.
-     * @param {?} opened
-     * @return {?}
-     */
-    set opened(opened) {
-        if (this._initialized) {
-            if (opened) {
-                this.open();
-            }
-            else {
-                this.close();
-            }
-        }
-        else {
-            this._opened = opened;
-        }
-    }
-    /**
-     * @return {?}
-     */
-    get opened() {
-        return this._opened;
-    }
-    /**
-     * Detach element when close animation is finished to set animating state to false
-     * hidden state to true and detach element from DOM
-     * @return {?}
-     */
-    animationDoneListener() {
-        if (!this._opened) {
-            this._hidden = true;
-            this._detach();
-        }
-        this._animating = false;
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * Initializes the component and attaches the content.
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        Promise.resolve(undefined).then((/**
-         * @return {?}
-         */
-        () => {
-            if (this._opened) {
-                this._attach();
-            }
-            this._initialized = true;
-        }));
-    }
-    /**
-     * Renders the message on screen
-     * Validates if there is an animation currently and if its already opened
-     * @return {?}
-     */
-    open() {
-        if (!this._opened && !this._animating) {
-            this._opened = true;
-            this._attach();
-            this._startAnimationState();
-        }
-    }
-    /**
-     * Removes the message content from screen.
-     * Validates if there is an animation currently and if its already closed
-     * @return {?}
-     */
-    close() {
-        if (this._opened && !this._animating) {
-            this._opened = false;
-            this._startAnimationState();
-        }
-    }
-    /**
-     * Toggles between open and close depending on state.
-     * @return {?}
-     */
-    toggle() {
-        if (this._opened) {
-            this.close();
-        }
-        else {
-            this.open();
-        }
-    }
-    /**
-     * Method to set the state before starting an animation
-     * @private
-     * @return {?}
-     */
-    _startAnimationState() {
-        this._animating = true;
-        this._hidden = false;
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * Method to attach template to DOM
-     * @private
-     * @return {?}
-     */
-    _attach() {
-        this._childElement.viewContainer.createEmbeddedView(this._template);
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * Method to detach template from DOM
-     * @private
-     * @return {?}
-     */
-    _detach() {
-        this._childElement.viewContainer.clear();
-        this._changeDetectorRef.markForCheck();
-    }
-}
-TdMessageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-message',
-                template: "<div tdMessageContainer></div>\n<ng-template>\n  <div class=\"td-message-wrapper\">\n    <mat-icon class=\"td-message-icon\">{{ icon }}</mat-icon>\n    <div class=\"td-message-labels\">\n      <div *ngIf=\"label\" class=\"td-message-label\">{{ label }}</div>\n      <div *ngIf=\"sublabel\" class=\"td-message-sublabel\">{{ sublabel }}</div>\n    </div>\n    <ng-content select=\"[td-message-actions]\"></ng-content>\n  </div>\n</ng-template>\n",
-                animations: [tdCollapseAnimation],
-                styles: [":host{display:block}:host .td-message-wrapper{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:52px;padding:8px 16px}:host .td-message-wrapper .td-message-labels{-ms-flex:1;flex:1}.td-message-icon{margin-right:16px}::ng-deep [dir=rtl] .td-message-icon{margin-left:16px;margin-right:0}"]
-            }] }
-];
-/** @nocollapse */
-TdMessageComponent.ctorParameters = () => [
-    { type: Renderer2 },
-    { type: ChangeDetectorRef },
-    { type: ElementRef }
-];
-TdMessageComponent.propDecorators = {
-    _childElement: [{ type: ViewChild, args: [TdMessageContainerDirective, { static: true },] }],
-    _template: [{ type: ViewChild, args: [TemplateRef,] }],
-    collapsedAnimation: [{ type: HostBinding, args: ['@tdCollapse',] }],
-    hidden: [{ type: HostBinding, args: ['style.display',] }],
-    label: [{ type: Input }],
-    sublabel: [{ type: Input }],
-    icon: [{ type: Input }],
-    color: [{ type: Input, args: ['color',] }],
-    opened: [{ type: Input, args: ['opened',] }],
-    animationDoneListener: [{ type: HostListener, args: ['@tdCollapse.done',] }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._color;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._opened;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._hidden;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._animating;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._initialized;
-    /** @type {?} */
-    TdMessageComponent.prototype._childElement;
-    /** @type {?} */
-    TdMessageComponent.prototype._template;
-    /**
-     * label: string
-     *
-     * Sets the label of the message.
-     * @type {?}
-     */
-    TdMessageComponent.prototype.label;
-    /**
-     * sublabel?: string
-     *
-     * Sets the sublabel of the message.
-     * @type {?}
-     */
-    TdMessageComponent.prototype.sublabel;
-    /**
-     * icon?: string
-     *
-     * The icon to be displayed before the title.
-     * Defaults to `info_outline` icon
-     * @type {?}
-     */
-    TdMessageComponent.prototype.icon;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._renderer;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._changeDetectorRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._elementRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: message.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const TD_MESSAGE = [TdMessageComponent, TdMessageContainerDirective];
-class CovalentMessageModule {
-}
-CovalentMessageModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MatIconModule],
-                declarations: [TD_MESSAGE],
-                exports: [TD_MESSAGE],
-            },] }
-];
-
-/**
- * @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-message.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentMessageModule, TdMessageComponent, TdMessageContainerDirective };
-//# sourceMappingURL=covalent-core-message.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-message.js","sources":["../../../../src/platform/core/message/message.component.ts","../../../../src/platform/core/message/message.module.ts"],"sourcesContent":["import {\n  Component,\n  Directive,\n  Input,\n  Renderer2,\n  ElementRef,\n  AfterViewInit,\n  ViewContainerRef,\n  TemplateRef,\n  ViewChild,\n  HostBinding,\n  HostListener,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { tdCollapseAnimation } from '@covalent/core/common';\n\n@Directive({\n  selector: '[tdMessageContainer]',\n})\nexport class TdMessageContainerDirective {\n  constructor(public viewContainer: ViewContainerRef) {}\n}\n\n@Component({\n  selector: 'td-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.scss'],\n  animations: [tdCollapseAnimation],\n})\nexport class TdMessageComponent implements AfterViewInit {\n  private _color: string;\n  private _opened: boolean = true;\n  private _hidden: boolean = false;\n  private _animating: boolean = false;\n  private _initialized: boolean = false;\n\n  @ViewChild(TdMessageContainerDirective, { static: true }) _childElement: TdMessageContainerDirective;\n  @ViewChild(TemplateRef) _template: TemplateRef<any>;\n\n  /**\n   * Binding host to tdCollapse animation\n   */\n  @HostBinding('@tdCollapse')\n  get collapsedAnimation(): any {\n    return { value: !this._opened, duration: 100 };\n  }\n\n  /**\n   * Binding host to display style when hidden\n   */\n  @HostBinding('style.display')\n  get hidden(): string {\n    return this._hidden ? 'none' : undefined;\n  }\n\n  /**\n   * label: string\n   *\n   * Sets the label of the message.\n   */\n  @Input() label: string;\n\n  /**\n   * sublabel?: string\n   *\n   * Sets the sublabel of the message.\n   */\n  @Input() sublabel: string;\n\n  /**\n   * icon?: string\n   *\n   * The icon to be displayed before the title.\n   * Defaults to `info_outline` icon\n   */\n  @Input() icon: string = 'info_outline';\n\n  /**\n   * color?: primary | accent | warn\n   *\n   * Sets the color of the message.\n   * Can also use any material color: purple | light-blue, etc.\n   */\n  @Input('color')\n  set color(color: string) {\n    this._renderer.removeClass(this._elementRef.nativeElement, 'mat-' + this._color);\n    this._renderer.removeClass(this._elementRef.nativeElement, 'bgc-' + this._color + '-100');\n    this._renderer.removeClass(this._elementRef.nativeElement, 'tc-' + this._color + '-700');\n    if (color === 'primary' || color === 'accent' || color === 'warn') {\n      this._renderer.addClass(this._elementRef.nativeElement, 'mat-' + color);\n    } else {\n      this._renderer.addClass(this._elementRef.nativeElement, 'bgc-' + color + '-100');\n      this._renderer.addClass(this._elementRef.nativeElement, 'tc-' + color + '-700');\n    }\n    this._color = color;\n    this._changeDetectorRef.markForCheck();\n  }\n  get color(): string {\n    return this._color;\n  }\n\n  /**\n   * opened?: boolean\n   *\n   * Shows or hiddes the message depending on its value.\n   * Defaults to 'true'.\n   */\n  @Input('opened')\n  set opened(opened: boolean) {\n    if (this._initialized) {\n      if (opened) {\n        this.open();\n      } else {\n        this.close();\n      }\n    } else {\n      this._opened = opened;\n    }\n  }\n  get opened(): boolean {\n    return this._opened;\n  }\n\n  constructor(\n    private _renderer: Renderer2,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _elementRef: ElementRef,\n  ) {\n    this._renderer.addClass(this._elementRef.nativeElement, 'td-message');\n  }\n\n  /**\n   * Detach element when close animation is finished to set animating state to false\n   * hidden state to true and detach element from DOM\n   */\n  @HostListener('@tdCollapse.done')\n  animationDoneListener(): void {\n    if (!this._opened) {\n      this._hidden = true;\n      this._detach();\n    }\n    this._animating = false;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Initializes the component and attaches the content.\n   */\n  ngAfterViewInit(): void {\n    Promise.resolve(undefined).then(() => {\n      if (this._opened) {\n        this._attach();\n      }\n      this._initialized = true;\n    });\n  }\n\n  /**\n   * Renders the message on screen\n   * Validates if there is an animation currently and if its already opened\n   */\n  open(): void {\n    if (!this._opened && !this._animating) {\n      this._opened = true;\n      this._attach();\n      this._startAnimationState();\n    }\n  }\n\n  /**\n   * Removes the message content from screen.\n   * Validates if there is an animation currently and if its already closed\n   */\n  close(): void {\n    if (this._opened && !this._animating) {\n      this._opened = false;\n      this._startAnimationState();\n    }\n  }\n\n  /**\n   * Toggles between open and close depending on state.\n   */\n  toggle(): void {\n    if (this._opened) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Method to set the state before starting an animation\n   */\n  private _startAnimationState(): void {\n    this._animating = true;\n    this._hidden = false;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Method to attach template to DOM\n   */\n  private _attach(): void {\n    this._childElement.viewContainer.createEmbeddedView(this._template);\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Method to detach template from DOM\n   */\n  private _detach(): void {\n    this._childElement.viewContainer.clear();\n    this._changeDetectorRef.markForCheck();\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdMessageComponent, TdMessageContainerDirective } from './message.component';\n\nconst TD_MESSAGE: Type<any>[] = [TdMessageComponent, TdMessageContainerDirective];\n\n@NgModule({\n  imports: [CommonModule, MatIconModule],\n  declarations: [TD_MESSAGE],\n  exports: [TD_MESSAGE],\n})\nexport class CovalentMessageModule {}\n"],"names":[],"mappings":";;;;;;;;;;MAoBa,2BAA2B;;;;IACtC,YAAmB,aAA+B;QAA/B,kBAAa,GAAb,aAAa,CAAkB;KAAI;;;YAJvD,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;aACjC;;;;YAZC,gBAAgB;;;;IAcJ,oDAAsC;;MASvC,kBAAkB;;;;;;IA8F7B,YACU,SAAoB,EACpB,kBAAqC,EACrC,WAAuB;QAFvB,cAAS,GAAT,SAAS,CAAW;QACpB,uBAAkB,GAAlB,kBAAkB,CAAmB;QACrC,gBAAW,GAAX,WAAW,CAAY;QA/FzB,YAAO,GAAY,IAAI,CAAC;QACxB,YAAO,GAAY,KAAK,CAAC;QACzB,eAAU,GAAY,KAAK,CAAC;QAC5B,iBAAY,GAAY,KAAK,CAAC;;;;;;;QAyC7B,SAAI,GAAW,cAAc,CAAC;QAqDrC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;KACvE;;;;;IAvFD,IACI,kBAAkB;QACpB,OAAO,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;KAChD;;;;;IAKD,IACI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;KAC1C;;;;;;;;;IA8BD,IACI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACjF,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QAC1F,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;QACzF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,EAAE;YACjE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;SACzE;aAAM;YACL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC;YACjF,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC;SACjF;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KACxC;;;;IACD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;;;;;;;;;IAQD,IACI,MAAM,CAAC,MAAe;QACxB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,MAAM,EAAE;gBACV,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;iBAAM;gBACL,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;SACF;aAAM;YACL,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;KACF;;;;IACD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;;;;;;IAeD,qBAAqB;QACnB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KACxC;;;;;IAKD,eAAe;QACb,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI;;;QAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B,EAAC,CAAC;KACJ;;;;;;IAMD,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;KACF;;;;;;IAMD,KAAK;QACH,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;KACF;;;;;IAKD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;KACF;;;;;;IAKO,oBAAoB;QAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KACxC;;;;;;IAKO,OAAO;QACb,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACpE,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KACxC;;;;;;IAKO,OAAO;QACb,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QACzC,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KACxC;;;YA/LF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,ucAAuC;gBAEvC,UAAU,EAAE,CAAC,mBAAmB,CAAC;;aAClC;;;;YAzBC,SAAS;YAQT,iBAAiB;YAPjB,UAAU;;;4BAgCT,SAAS,SAAC,2BAA2B,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;wBACvD,SAAS,SAAC,WAAW;iCAKrB,WAAW,SAAC,aAAa;qBAQzB,WAAW,SAAC,eAAe;oBAU3B,KAAK;uBAOL,KAAK;mBAQL,KAAK;oBAQL,KAAK,SAAC,OAAO;qBAwBb,KAAK,SAAC,QAAQ;oCA4Bd,YAAY,SAAC,kBAAkB;;;;;;;IAzGhC,oCAAuB;;;;;IACvB,qCAAgC;;;;;IAChC,qCAAiC;;;;;IACjC,wCAAoC;;;;;IACpC,0CAAsC;;IAEtC,2CAAqG;;IACrG,uCAAoD;;;;;;;IAuBpD,mCAAuB;;;;;;;IAOvB,sCAA0B;;;;;;;;IAQ1B,kCAAuC;;;;;IAiDrC,uCAA4B;;;;;IAC5B,gDAA6C;;;;;IAC7C,yCAA+B;;;;;;;;;MCvH7B,UAAU,GAAgB,CAAC,kBAAkB,EAAE,2BAA2B,CAAC;MAOpE,qBAAqB;;;YALjC,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;gBACtC,YAAY,EAAE,CAAC,UAAU,CAAC;gBAC1B,OAAO,EAAE,CAAC,UAAU,CAAC;aACtB;;;;;;;;;;;;;;;;;;;;;;;"}

package/fesm2015/covalent-core-nav-links.js

@@ -1,193 +0,0 @@
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { MatRippleModule } from '@angular/material/core';
-import { MatListModule } from '@angular/material/list';
-import { MatIconModule } from '@angular/material/icon';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatMenuModule } from '@angular/material/menu';
-import { tdCollapseAnimation, tdRotateAnimation, CovalentCommonModule } from '@covalent/core/common';
-import { CovalentExpansionPanelModule } from '@covalent/core/expansion-panel';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: nav-links.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function ITdNavNode() { }
-if (false) {
-    /** @type {?} */
-    ITdNavNode.prototype.label;
-    /** @type {?|undefined} */
-    ITdNavNode.prototype.show;
-}
-/**
- * @record
- */
-function ITdNavHeader() { }
-if (false) {
-    /** @type {?} */
-    ITdNavHeader.prototype.children;
-}
-/**
- * @record
- */
-function ITdNavExpansion() { }
-if (false) {
-    /** @type {?|undefined} */
-    ITdNavExpansion.prototype.collapsable;
-}
-/**
- * @record
- */
-function ITdLink() { }
-if (false) {
-    /** @type {?} */
-    ITdLink.prototype.link;
-    /** @type {?} */
-    ITdLink.prototype.icon;
-}
-/** @type {?} */
-let nextUniqueId = 0;
-class TdNavLinksComponent {
-    constructor() {
-        this._uniqueId = `td-nav-links-${++nextUniqueId}`;
-        this._collapsedSet = new Set();
-        this.id = this._uniqueId;
-        /**
-         * Event trigger after a navigation click
-         */
-        this.afterNavigation = new EventEmitter();
-    }
-    /**
-     * @param {?} link
-     * @return {?}
-     */
-    _linkClicked(link) {
-        this.afterNavigation.emit(link);
-    }
-    /**
-     * @param {?} link
-     * @return {?}
-     */
-    _href(link) {
-        return link.link && ((/** @type {?} */ (link.link))).href;
-    }
-    /**
-     * @param {?} link
-     * @return {?}
-     */
-    _routerLink(link) {
-        return link.link && ((/** @type {?} */ (link.link))).routerLink;
-    }
-    /**
-     * @param {?} link
-     * Toggles expand/collapse state of expansion link.
-     * Only applied when `collapsable` is true
-     * @return {?}
-     */
-    _toggle(link) {
-        if (this._isCollapsed(link)) {
-            this._collapsedSet.delete(link);
-        }
-        else {
-            this._collapsedSet.add(link);
-        }
-    }
-    /**
-     * @param {?} link
-     * Returns true if the state of provided expansion link is collapsed.
-     * @return {?}
-     */
-    _isCollapsed(link) {
-        return this._collapsedSet.has(link);
-    }
-}
-TdNavLinksComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-nav-links',
-                template: "<mat-nav-list dense *ngIf=\"links && links.length > 0\">\n  <ng-template ngFor [ngForOf]=\"links\" let-link let-linkIndex=\"index\">\n    <ng-container *ngIf=\"link.show === undefined || link.show\">\n      <ng-container *ngIf=\"link.children?.length && !link.link\">\n        <h3\n          [class.td-nav-link-cursor]=\"link.collapsable\"\n          matSubheader\n          matRipple\n          [matRippleDisabled]=\"!link.collapsable\"\n          (click)=\"link.collapsable && _toggle(link)\"\n        >\n          <mat-icon *ngIf=\"link.icon\" [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n          <span [style.width.%]=\"100\">{{ link.label }}</span>\n          <mat-icon [@tdRotate]=\"!_isCollapsed(link)\" *ngIf=\"link.collapsable\">keyboard_arrow_down</mat-icon>\n        </h3>\n        <td-nav-links\n          [id]=\"id + '-' + linkIndex\"\n          [@tdCollapse]=\"!!_isCollapsed(link)\"\n          [links]=\"link.children\"\n        ></td-nav-links>\n      </ng-container>\n      <ng-container *ngIf=\"link.link\">\n        <a\n          mat-list-item\n          *ngIf=\"_href(link)\"\n          [href]=\"_href(link)\"\n          [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n          id=\"{{ id }}-{{ linkIndex }}\"\n          class=\"td-nav-link\"\n          (click)=\"_linkClicked(link)\"\n        >\n          <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n          <span matLine>{{ link.label }}</span>\n          <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n        </a>\n        <a\n          mat-list-item\n          *ngIf=\"_routerLink(link)\"\n          [routerLink]=\"_routerLink(link)\"\n          [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n          id=\"{{ id }}-{{ linkIndex }}\"\n          class=\"td-nav-link\"\n          (click)=\"_linkClicked(link)\"\n        >\n          <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n          <span matLine>{{ link.label }}</span>\n          <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n        </a>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</mat-nav-list>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                animations: [tdCollapseAnimation, tdRotateAnimation],
-                styles: [":host{display:block}:host .mat-nav-list.mat-list-base{padding-top:2px}:host .mat-nav-list.mat-list-base .td-nav-link-cursor{cursor:pointer}:host .mat-nav-list.mat-list-base .mat-list-item{height:40px}:host .mat-icon{margin-right:0}"]
-            }] }
-];
-TdNavLinksComponent.propDecorators = {
-    id: [{ type: Input }],
-    links: [{ type: Input }],
-    afterNavigation: [{ type: Output }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNavLinksComponent.prototype._uniqueId;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNavLinksComponent.prototype._collapsedSet;
-    /** @type {?} */
-    TdNavLinksComponent.prototype.id;
-    /**
-     * Links to be rendered by component.
-     * @type {?}
-     */
-    TdNavLinksComponent.prototype.links;
-    /**
-     * Event trigger after a navigation click
-     * @type {?}
-     */
-    TdNavLinksComponent.prototype.afterNavigation;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: nav-links.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class CovalentNavLinksModule {
-}
-CovalentNavLinksModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [TdNavLinksComponent],
-                // directives, components, and pipes owned by this NgModule
-                exports: [TdNavLinksComponent],
-                imports: [
-                    CommonModule,
-                    CovalentCommonModule,
-                    CovalentExpansionPanelModule,
-                    MatRippleModule,
-                    MatMenuModule,
-                    MatListModule,
-                    MatIconModule,
-                    MatDividerModule,
-                    RouterModule,
-                ],
-            },] }
-];
-
-/**
- * @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-nav-links.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentNavLinksModule, TdNavLinksComponent };
-//# sourceMappingURL=covalent-core-nav-links.js.map

package/fesm2015/covalent-core-nav-links.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-nav-links.js","sources":["../../../../src/platform/core/nav-links/nav-links.component.ts","../../../../src/platform/core/nav-links/nav-links.module.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\nimport { tdCollapseAnimation, tdRotateAnimation } from '@covalent/core/common';\n\nexport interface ITdNavNode {\n  label: string;\n  show?: boolean;\n}\n\nexport interface ITdNavHeader extends ITdNavNode {\n  children: ITdLink[];\n}\n\nexport interface ITdNavExpansion extends ITdNavHeader {\n  collapsable?: boolean;\n}\n\nexport interface ITdLink extends ITdNavNode {\n  link: { href: string; openInNewTab?: boolean } | { routerLink: string | string[]; openInNewTab?: boolean };\n  icon: { fontSet?: string; name: string };\n}\n\nlet nextUniqueId: number = 0;\n\n@Component({\n  selector: 'td-nav-links',\n  templateUrl: './nav-links.component.html',\n  styleUrls: ['./nav-links.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [tdCollapseAnimation, tdRotateAnimation],\n})\nexport class TdNavLinksComponent {\n  private _uniqueId: string = `td-nav-links-${++nextUniqueId}`;\n\n  private _collapsedSet: Set<ITdNavExpansion> = new Set<ITdNavExpansion>();\n\n  @Input() id: string = this._uniqueId;\n\n  /**\n   * Links to be rendered by component.\n   */\n  /* tslint:disable-next-line */\n  @Input() links: Array<ITdNavExpansion | ITdNavHeader | ITdLink>;\n\n  /**\n   * Event trigger after a navigation click\n   */\n  @Output() afterNavigation: EventEmitter<ITdLink> = new EventEmitter<ITdLink>();\n\n  _linkClicked(link: ITdLink): void {\n    this.afterNavigation.emit(link);\n  }\n\n  _href(link: ITdLink): string {\n    return link.link && (<{ href?: string }>link.link).href;\n  }\n\n  _routerLink(link: ITdLink): string | string[] {\n    return link.link && (<{ routerLink?: string | string[] }>link.link).routerLink;\n  }\n\n  /**\n   * @param link\n   * Toggles expand/collapse state of expansion link.\n   * Only applied when `collapsable` is true\n   */\n  _toggle(link: ITdNavExpansion): void {\n    if (this._isCollapsed(link)) {\n      this._collapsedSet.delete(link);\n    } else {\n      this._collapsedSet.add(link);\n    }\n  }\n\n  /**\n   * @param link\n   * Returns true if the state of provided expansion link is collapsed.\n   */\n  _isCollapsed(link: ITdNavExpansion): boolean {\n    return this._collapsedSet.has(link);\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { CovalentCommonModule } from '@covalent/core/common';\nimport { CovalentExpansionPanelModule } from '@covalent/core/expansion-panel';\n\nimport { TdNavLinksComponent } from './nav-links.component';\n\n@NgModule({\n  declarations: [TdNavLinksComponent], // directives, components, and pipes owned by this NgModule\n  exports: [TdNavLinksComponent],\n  imports: [\n    CommonModule,\n    CovalentCommonModule,\n    CovalentExpansionPanelModule,\n    MatRippleModule,\n    MatMenuModule,\n    MatListModule,\n    MatIconModule,\n    MatDividerModule,\n    RouterModule,\n  ], // modules needed to run this module\n})\nexport class CovalentNavLinksModule {}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;yBAOC;;;IAFC,2BAAc;;IACd,0BAAe;;;;;2BAKhB;;;IADC,gCAAoB;;;;;8BAKrB;;;IADC,sCAAsB;;;;;sBAMvB;;;IAFC,uBAA2G;;IAC3G,uBAAyC;;;IAGvC,YAAY,GAAW,CAAC;MASf,mBAAmB;IAPhC;QAQU,cAAS,GAAW,gBAAgB,EAAE,YAAY,EAAE,CAAC;QAErD,kBAAa,GAAyB,IAAI,GAAG,EAAmB,CAAC;QAEhE,OAAE,GAAW,IAAI,CAAC,SAAS,CAAC;;;;QAW3B,oBAAe,GAA0B,IAAI,YAAY,EAAW,CAAC;KAkChF;;;;;IAhCC,YAAY,CAAC,IAAa;QACxB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACjC;;;;;IAED,KAAK,CAAC,IAAa;QACjB,OAAO,IAAI,CAAC,IAAI,IAAI,oBAAoB,IAAI,CAAC,IAAI,IAAE,IAAI,CAAC;KACzD;;;;;IAED,WAAW,CAAC,IAAa;QACvB,OAAO,IAAI,CAAC,IAAI,IAAI,oBAAqC,IAAI,CAAC,IAAI,IAAE,UAAU,CAAC;KAChF;;;;;;;IAOD,OAAO,CAAC,IAAqB;QAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACjC;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAC9B;KACF;;;;;;IAMD,YAAY,CAAC,IAAqB;QAChC,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACrC;;;YAxDF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,0rEAAyC;gBAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,UAAU,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;aACrD;;;iBAME,KAAK;oBAML,KAAK;8BAKL,MAAM;;;;;;;IAfP,wCAA6D;;;;;IAE7D,4CAAyE;;IAEzE,iCAAqC;;;;;IAMrC,oCAAgE;;;;;IAKhE,8CAA+E;;;;;;;;MChBpE,sBAAsB;;;YAflC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;;gBACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;gBAC9B,OAAO,EAAE;oBACP,YAAY;oBACZ,oBAAoB;oBACpB,4BAA4B;oBAC5B,eAAe;oBACf,aAAa;oBACb,aAAa;oBACb,aAAa;oBACb,gBAAgB;oBAChB,YAAY;iBACb;aACF;;;;;;;;;;;;;;;;;;;;;;;"}