/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
/**
 * @record
 */
function defaultProps() { }
if (false) {
    /** @type {?} */
    defaultProps.prototype.isOpen;
    /** @type {?} */
    defaultProps.prototype.menuIconName;
    /** @type {?} */
    defaultProps.prototype.title;
    /** @type {?} */
    defaultProps.prototype.titleIconName;
}
var SideNavComponent = /** @class */ (function () {
    function SideNavComponent() {
        this.openSideNav = this.openSideNav.bind(this);
    }
    /**
     * @return {?}
     */
    SideNavComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        this.initValues();
    };
    /**
     * @return {?}
     */
    SideNavComponent.prototype.initValues = /**
     * @return {?}
     */
    function () {
        var defaultProps = SideNavComponent.defaultProps;
        this._isOpen = this.isOpen || defaultProps.isOpen;
        this._menuIconName = this.menuIconName || defaultProps.menuIconName;
        this._title = this.title || defaultProps.title;
        this._titleIconName = this.titleIconName || defaultProps.titleIconName;
    };
    /**
     * @return {?}
     */
    SideNavComponent.prototype.openSideNav = /**
     * @return {?}
     */
    function () {
        this._isOpen = true;
    };
    /**
     * @return {?}
     */
    SideNavComponent.prototype.closeSideNav = /**
     * @return {?}
     */
    function () {
        this._isOpen = false;
    };
    SideNavComponent.defaultProps = {
        isOpen: false,
        menuIconName: 'menu',
        title: '',
        titleIconName: ''
    };
    SideNavComponent.decorators = [
        { type: Component, args: [{
                    selector: 'sidenav',
                    template: "<materialize-icon\n  [isPointer]=\"true\"\n  [name]=\"_menuIconName\"\n  (onClick)=\"openSideNav()\"\n  size=\"lg\">\n</materialize-icon>\n\n<div class=\"sidenav\" [class.active]=\"_isOpen\">\n  <div class=\"sidenav-content\">\n    <div class=\"sidenav-title-container\">\n      <div class=\"sidenav-title-icon\">\n        <materialize-icon [name]=\"_titleIconName\" size=\"xl\"></materialize-icon>\n      </div>\n      <div class=\"sidenav-title\">{{ _title }}</div>\n    </div>\n    <div class=\"sidenav-body-container\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"sidenav-backdrop\" (click)=\"closeSideNav()\"></div>\n</div>\n",
                    styles: [".sidenav{height:100%;left:-100%}.sidenav.active{left:0}.sidenav.active .sidenav-content{-webkit-transform:translateX(0);transform:translateX(0);transition-duration:235ms}.sidenav.active .sidenav-backdrop{opacity:1;visibility:visible;z-index:10}.sidenav-content{background-color:#fff;border-right:1px solid rgba(0,0,0,.12);color:#6a6a6a;height:100%;left:0;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:transform 150ms cubic-bezier(.4,0,.2,1);transition:transform 150ms cubic-bezier(.4,0,.2,1),-webkit-transform 150ms cubic-bezier(.4,0,.2,1);width:280px;z-index:20}.sidenav-backdrop{background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .2s linear;visibility:hidden;width:100%;z-index:0}.sidenav-title-container{align-items:center;border-bottom:1px solid #dcdbdc;display:flex;flex-direction:row;height:72px;padding:20px 24px}.sidenav-title-icon{font-size:16px;text-transform:uppercase}.sidenav-icon{margin-right:12px}"]
                }] }
    ];
    /** @nocollapse */
    SideNavComponent.ctorParameters = function () { return []; };
    SideNavComponent.propDecorators = {
        isOpen: [{ type: Input }],
        menuIconName: [{ type: Input }],
        title: [{ type: Input }],
        titleIconName: [{ type: Input }]
    };
    return SideNavComponent;
}());
export { SideNavComponent };
if (false) {
    /** @type {?} */
    SideNavComponent.defaultProps;
    /** @type {?} */
    SideNavComponent.prototype.isOpen;
    /** @type {?} */
    SideNavComponent.prototype.menuIconName;
    /** @type {?} */
    SideNavComponent.prototype.title;
    /** @type {?} */
    SideNavComponent.prototype.titleIconName;
    /** @type {?} */
    SideNavComponent.prototype._isOpen;
    /** @type {?} */
    SideNavComponent.prototype._menuIconName;
    /** @type {?} */
    SideNavComponent.prototype._title;
    /** @type {?} */
    SideNavComponent.prototype._titleIconName;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9tYXRlcmlhbGl6ZS1hbmd1bGFyLyIsInNvdXJjZXMiOlsiYXBwL2NvbXBvbmVudHMvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFekQsMkJBS0M7OztJQUpDLDhCQUFnQjs7SUFDaEIsb0NBQXFCOztJQUNyQiw2QkFBYzs7SUFDZCxxQ0FBc0I7O0FBR3hCO0lBdUJFO1FBQ0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqRCxDQUFDOzs7O0lBRUQsbUNBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7Ozs7SUFFRCxxQ0FBVTs7O0lBQVY7UUFDVSxJQUFBLDRDQUFZO1FBRXBCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsTUFBTSxDQUFDO1FBQ2xELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsWUFBWSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxZQUFZLENBQUMsS0FBSyxDQUFDO1FBQy9DLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxZQUFZLENBQUMsYUFBYSxDQUFDO0lBQ3pFLENBQUM7Ozs7SUFFRCxzQ0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsdUNBQVk7OztJQUFaO1FBQ0UsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQXhDZSw2QkFBWSxHQUFpQjtRQUMzQyxNQUFNLEVBQUUsS0FBSztRQUNiLFlBQVksRUFBRSxNQUFNO1FBQ3BCLEtBQUssRUFBRSxFQUFFO1FBQ1QsYUFBYSxFQUFFLEVBQUU7S0FDbEIsQ0FBQzs7Z0JBWEgsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxTQUFTO29CQUVuQiw2cEJBQXVDOztpQkFDeEM7Ozs7O3lCQVNFLEtBQUs7K0JBQ0wsS0FBSzt3QkFDTCxLQUFLO2dDQUNMLEtBQUs7O0lBK0JSLHVCQUFDO0NBQUEsQUEvQ0QsSUErQ0M7U0ExQ1ksZ0JBQWdCOzs7SUFDM0IsOEJBS0U7O0lBRUYsa0NBQXlCOztJQUN6Qix3Q0FBOEI7O0lBQzlCLGlDQUF1Qjs7SUFDdkIseUNBQStCOztJQUUvQixtQ0FBd0I7O0lBQ3hCLHlDQUE2Qjs7SUFDN0Isa0NBQXNCOztJQUN0QiwwQ0FBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW50ZXJmYWNlIGRlZmF1bHRQcm9wcyB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgbWVudUljb25OYW1lOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRpdGxlSWNvbk5hbWU6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2lkZW5hdicsXG4gIHN0eWxlVXJsczogWycuL3NpZGVuYXYuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVOYXZDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBzdGF0aWMgcmVhZG9ubHkgZGVmYXVsdFByb3BzOiBkZWZhdWx0UHJvcHMgPSB7XG4gICAgaXNPcGVuOiBmYWxzZSxcbiAgICBtZW51SWNvbk5hbWU6ICdtZW51JyxcbiAgICB0aXRsZTogJycsXG4gICAgdGl0bGVJY29uTmFtZTogJydcbiAgfTtcblxuICBASW5wdXQoKSBpc09wZW46IGJvb2xlYW47XG4gIEBJbnB1dCgpIG1lbnVJY29uTmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSB0aXRsZUljb25OYW1lOiBzdHJpbmc7XG5cbiAgcHVibGljIF9pc09wZW46IGJvb2xlYW47XG4gIHB1YmxpYyBfbWVudUljb25OYW1lOiBzdHJpbmc7XG4gIHB1YmxpYyBfdGl0bGU6IHN0cmluZztcbiAgcHVibGljIF90aXRsZUljb25OYW1lOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5vcGVuU2lkZU5hdiA9IHRoaXMub3BlblNpZGVOYXYuYmluZCh0aGlzKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaW5pdFZhbHVlcygpO1xuICB9XG5cbiAgaW5pdFZhbHVlcygpIHtcbiAgICBjb25zdCB7IGRlZmF1bHRQcm9wcyB9ID0gU2lkZU5hdkNvbXBvbmVudDtcblxuICAgIHRoaXMuX2lzT3BlbiA9IHRoaXMuaXNPcGVuIHx8IGRlZmF1bHRQcm9wcy5pc09wZW47XG4gICAgdGhpcy5fbWVudUljb25OYW1lID0gdGhpcy5tZW51SWNvbk5hbWUgfHwgZGVmYXVsdFByb3BzLm1lbnVJY29uTmFtZTtcbiAgICB0aGlzLl90aXRsZSA9IHRoaXMudGl0bGUgfHwgZGVmYXVsdFByb3BzLnRpdGxlO1xuICAgIHRoaXMuX3RpdGxlSWNvbk5hbWUgPSB0aGlzLnRpdGxlSWNvbk5hbWUgfHwgZGVmYXVsdFByb3BzLnRpdGxlSWNvbk5hbWU7XG4gIH1cblxuICBvcGVuU2lkZU5hdigpIHtcbiAgICB0aGlzLl9pc09wZW4gPSB0cnVlO1xuICB9XG5cbiAgY2xvc2VTaWRlTmF2KCkge1xuICAgIHRoaXMuX2lzT3BlbiA9IGZhbHNlO1xuICB9XG59XG4iXX0=