@angular-mdc/web
Version:
914 lines (895 loc) • 32.6 kB
JavaScript
/**
* @license
* Copyright (c) Dominic Carretto
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/trimox/angular-mdc-web/blob/master/LICENSE
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/coercion'), require('@angular/cdk/platform'), require('rxjs'), require('rxjs/operators'), require('@angular-mdc/web/base'), require('@material/ripple'), require('@angular-mdc/web/ripple'), require('@material/top-app-bar')) :
typeof define === 'function' && define.amd ? define('@angular-mdc/web/top-app-bar', ['exports', '@angular/core', '@angular/common', '@angular/cdk/coercion', '@angular/cdk/platform', 'rxjs', 'rxjs/operators', '@angular-mdc/web/base', '@material/ripple', '@angular-mdc/web/ripple', '@material/top-app-bar'], factory) :
(global = global || self, factory((global.ng = global.ng || {}, global.ng.web = global.ng.web || {}, global.ng.web.topAppBar = {}), global.ng.core, global.ng.common, global.ng.cdk.coercion, global.ng.cdk.platform, global.rxjs, global.rxjs.operators, global.ng.web.base, global.mdc.ripple, global.ng.web.ripple, global.mdc.topAppBar));
}(this, (function (exports, core, common, coercion, platform, rxjs, operators, base, ripple, ripple$1, topAppBar) { 'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var _extendStatics = function extendStatics(d, b) {
_extendStatics = Object.setPrototypeOf || {
__proto__: []
} instanceof Array && function (d, b) {
d.__proto__ = b;
} || function (d, b) {
for (var p in b) {
if (b.hasOwnProperty(p)) d[p] = b[p];
}
};
return _extendStatics(d, b);
};
function __extends(d, b) {
_extendStatics(d, b);
function __() {
this.constructor = d;
}
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var _assign = function __assign() {
_assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
}
return t;
};
return _assign.apply(this, arguments);
};
/**
* @fileoverview added by tsickle
* Generated from: top-app-bar/top-app-bar.directives.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var MdcTopAppBarFixedAdjust = /** @class */ (function () {
function MdcTopAppBarFixedAdjust(elementRef) {
this.elementRef = elementRef;
}
MdcTopAppBarFixedAdjust.decorators = [
{ type: core.Directive, args: [{
selector: '[mdcTopAppBarFixedAdjust]',
host: { 'class': 'mdc-top-app-bar--fixed-adjust' }
},] },
];
/** @nocollapse */
MdcTopAppBarFixedAdjust.ctorParameters = function () { return [
{ type: core.ElementRef }
]; };
return MdcTopAppBarFixedAdjust;
}());
var MdcTopAppBarRow = /** @class */ (function () {
function MdcTopAppBarRow(elementRef) {
this.elementRef = elementRef;
}
MdcTopAppBarRow.decorators = [
{ type: core.Directive, args: [{
selector: 'mdc-top-app-bar-row, [mdcTopAppBarRow]',
exportAs: 'mdcTopAppBarRow',
host: { 'class': 'mdc-top-app-bar__row' }
},] },
];
/** @nocollapse */
MdcTopAppBarRow.ctorParameters = function () { return [
{ type: core.ElementRef }
]; };
return MdcTopAppBarRow;
}());
var MdcTopAppBarSection = /** @class */ (function () {
function MdcTopAppBarSection(elementRef) {
this.elementRef = elementRef;
}
MdcTopAppBarSection.decorators = [
{ type: core.Component, args: [{selector: 'mdc-top-app-bar-section, [mdcTopAppBarSection]',
exportAs: 'mdcTopAppBarSection',
host: {
'role': 'toolbar',
'class': 'mdc-top-app-bar__section',
'[class.mdc-top-app-bar__section--align-start]': 'align === "start"',
'[class.mdc-top-app-bar__section--align-end]': 'align === "end"'
},
template: "\n <ng-content></ng-content>\n <span class=\"mdc-top-app-bar__title\" *ngIf=\"title\">{{title}}</span>",
changeDetection: core.ChangeDetectionStrategy.OnPush
},] },
];
/** @nocollapse */
MdcTopAppBarSection.ctorParameters = function () { return [
{ type: core.ElementRef }
]; };
MdcTopAppBarSection.propDecorators = {
title: [{ type: core.Input }],
align: [{ type: core.Input }]
};
return MdcTopAppBarSection;
}());
var MdcTopAppBarActionItem = /** @class */ (function () {
function MdcTopAppBarActionItem(elementRef, _ripple) {
this.elementRef = elementRef;
this._ripple = _ripple;
this._root = elementRef.nativeElement;
_ripple = this._createRipple();
_ripple.init();
}
/**
* @return {?}
*/
MdcTopAppBarActionItem.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._ripple.destroy();
};
/**
* @private
* @return {?}
*/
MdcTopAppBarActionItem.prototype._createRipple = /**
* @private
* @return {?}
*/
function () {
/** @type {?} */
var adapter = _assign(_assign({}, ripple$1.MdcRipple.createAdapter(this)), { isUnbounded: (/**
* @return {?}
*/
function () { return true; }) });
return new ripple$1.MdcRipple(this.elementRef, new ripple.MDCRippleFoundation(adapter));
};
MdcTopAppBarActionItem.decorators = [
{ type: core.Directive, args: [{
selector: '[mdcTopAppBarActionItem], mdc-top-app-bar-action-item',
exportAs: 'mdcTopAppBarActionItem',
host: {
'role': 'button',
'class': 'mdc-top-app-bar__action-item mdc-icon-button'
},
providers: [ripple$1.MdcRipple]
},] },
];
/** @nocollapse */
MdcTopAppBarActionItem.ctorParameters = function () { return [
{ type: core.ElementRef },
{ type: ripple$1.MdcRipple }
]; };
return MdcTopAppBarActionItem;
}());
var MdcTopAppBarNavigationIcon = /** @class */ (function () {
function MdcTopAppBarNavigationIcon(elementRef, _ripple) {
this.elementRef = elementRef;
this._ripple = _ripple;
this._root = elementRef.nativeElement;
_ripple = this._createRipple();
_ripple.init();
}
/**
* @return {?}
*/
MdcTopAppBarNavigationIcon.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._ripple.destroy();
};
/**
* @private
* @return {?}
*/
MdcTopAppBarNavigationIcon.prototype._createRipple = /**
* @private
* @return {?}
*/
function () {
/** @type {?} */
var adapter = _assign(_assign({}, ripple$1.MdcRipple.createAdapter(this)), { isUnbounded: (/**
* @return {?}
*/
function () { return true; }) });
return new ripple$1.MdcRipple(this.elementRef, new ripple.MDCRippleFoundation(adapter));
};
MdcTopAppBarNavigationIcon.decorators = [
{ type: core.Directive, args: [{
selector: '[mdcTopAppBarNavIcon], mdc-icon[mdcTopAppBarNavigationIcon]',
exportAs: 'mdcTopAppBarNavigationIcon',
host: {
'role': 'button',
'class': 'mdc-top-app-bar__navigation-icon mdc-icon-button'
},
providers: [ripple$1.MdcRipple]
},] },
];
/** @nocollapse */
MdcTopAppBarNavigationIcon.ctorParameters = function () { return [
{ type: core.ElementRef },
{ type: ripple$1.MdcRipple }
]; };
return MdcTopAppBarNavigationIcon;
}());
var MdcTopAppBarTitle = /** @class */ (function () {
function MdcTopAppBarTitle(elementRef) {
this.elementRef = elementRef;
}
MdcTopAppBarTitle.decorators = [
{ type: core.Directive, args: [{
selector: 'mdc-top-app-bar-title, [mdcTopAppBarTitle]',
exportAs: 'mdcTopAppBarTitle',
host: { 'class': 'mdc-top-app-bar__title' },
},] },
];
/** @nocollapse */
MdcTopAppBarTitle.ctorParameters = function () { return [
{ type: core.ElementRef }
]; };
return MdcTopAppBarTitle;
}());
/**
* @fileoverview added by tsickle
* Generated from: top-app-bar/top-app-bar.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* Event object emitted by MdcTopAppBar navigation icon selected.
*/
var /**
* Event object emitted by MdcTopAppBar navigation icon selected.
*/
MdcTopAppBarNavSelected = /** @class */ (function () {
function MdcTopAppBarNavSelected(source) {
this.source = source;
}
return MdcTopAppBarNavSelected;
}());
var MdcTopAppBar = /** @class */ (function (_super) {
__extends(MdcTopAppBar, _super);
function MdcTopAppBar(_ngZone, _platform, _changeDetectorRef, elementRef) {
var _this = _super.call(this, elementRef) || this;
_this._ngZone = _ngZone;
_this._platform = _platform;
_this._changeDetectorRef = _changeDetectorRef;
_this.elementRef = elementRef;
/**
* Emits whenever the component is destroyed.
*/
_this._destroyed = new rxjs.Subject();
_this._fixed = false;
_this._prominent = false;
_this._short = false;
_this._shortCollapsed = false;
_this._dense = false;
_this._fixedAdjustElement = null;
_this._scrollTarget = _this._platform.isBrowser ? _this.scrollTarget || window : undefined;
/**
* Event emitted when the navigation icon is selected.
*/
_this.navigationSelected = new core.EventEmitter();
_this._scrollTargetSubscription = null;
return _this;
}
Object.defineProperty(MdcTopAppBar.prototype, "fixed", {
get: /**
* @return {?}
*/
function () { return this._fixed; },
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
if (value !== this._fixed) {
this.setFixed(value);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(MdcTopAppBar.prototype, "prominent", {
get: /**
* @return {?}
*/
function () { return this._prominent; },
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
if (value !== this._prominent) {
this.setProminent(value);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(MdcTopAppBar.prototype, "short", {
get: /**
* @return {?}
*/
function () { return this._short; },
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
if (value !== this._short) {
this.setShort(value);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(MdcTopAppBar.prototype, "shortCollapsed", {
get: /**
* @return {?}
*/
function () { return this._shortCollapsed; },
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
if (value !== this._shortCollapsed) {
this.setShortCollapsed(value);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(MdcTopAppBar.prototype, "dense", {
get: /**
* @return {?}
*/
function () { return this._dense; },
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
if (value !== this._dense) {
this.setDense(value);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(MdcTopAppBar.prototype, "fixedAdjustElement", {
get: /**
* @return {?}
*/
function () { return this._fixedAdjustElement; },
set: /**
* @param {?} element
* @return {?}
*/
function (element) {
if (this._fixedAdjustElement !== element) {
this._fixedAdjustElement = element;
this._initTopAppBar();
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(MdcTopAppBar.prototype, "scrollTarget", {
get: /**
* @return {?}
*/
function () { return this._scrollTarget; },
set: /**
* @param {?} target
* @return {?}
*/
function (target) {
if (target !== this._scrollTarget) {
this._scrollTarget = target ? target : this._platform.isBrowser ? window : undefined;
this._initScrollHandler();
}
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
MdcTopAppBar.prototype.getDefaultFoundation = /**
* @return {?}
*/
function () {
var _this = this;
/** @type {?} */
var adapter = {
hasClass: (/**
* @param {?} className
* @return {?}
*/
function (className) { return _this._getHostElement().classList.contains(className); }),
addClass: (/**
* @param {?} className
* @return {?}
*/
function (className) { return _this._getHostElement().classList.add(className); }),
removeClass: (/**
* @param {?} className
* @return {?}
*/
function (className) {
if (className === topAppBar.cssClasses.SHORT_COLLAPSED_CLASS && _this.shortCollapsed) {
return;
}
_this._getHostElement().classList.remove(className);
}),
setStyle: (/**
* @param {?} property
* @param {?} value
* @return {?}
*/
function (property, value) { return _this._getHostElement().style.setProperty(property, value); }),
getTopAppBarHeight: (/**
* @return {?}
*/
function () { return _this._getHostElement().clientHeight; }),
notifyNavigationIconClicked: (/**
* @return {?}
*/
function () { return _this.navigationSelected.emit({ source: _this }); }),
getViewportScrollY: (/**
* @return {?}
*/
function () {
if (!_this._platform.isBrowser) {
return 0;
}
return _this._scrollTarget[_this._scrollTarget === window ? 'pageYOffset' : 'scrollTop'];
}),
getTotalActionItems: (/**
* @return {?}
*/
function () { return _this.actions ? _this.actions.length : 0; })
};
/** @type {?} */
var foundation;
if (!this.elementRef) {
return new topAppBar.MDCTopAppBarBaseFoundation(adapter);
}
if (this.short) {
foundation = new topAppBar.MDCShortTopAppBarFoundation(adapter);
}
else if (this.fixed) {
foundation = new topAppBar.MDCFixedTopAppBarFoundation(adapter);
}
else {
foundation = new topAppBar.MDCTopAppBarFoundation(adapter);
}
return foundation;
};
/**
* @return {?}
*/
MdcTopAppBar.prototype.ngAfterContentInit = /**
* @return {?}
*/
function () {
var _this = this;
this.actions.changes.pipe(operators.startWith(null), operators.takeUntil(this._destroyed))
.subscribe((/**
* @return {?}
*/
function () {
if (_this.short && _this.actions.length) {
_this._getHostElement().classList.toggle(topAppBar.cssClasses.SHORT_HAS_ACTION_ITEM_CLASS);
}
}));
};
/**
* @return {?}
*/
MdcTopAppBar.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
this._initFoundation();
};
/**
* @return {?}
*/
MdcTopAppBar.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this._destroyed.next();
this._destroyed.complete();
if (this._scrollTargetSubscription) {
this._scrollTargetSubscription.unsubscribe();
}
this._destroyFoundation();
};
/** Sets the top app bar to fixed or not. */
/**
* Sets the top app bar to fixed or not.
* @param {?} fixed
* @param {?=} isUserInput
* @return {?}
*/
MdcTopAppBar.prototype.setFixed = /**
* Sets the top app bar to fixed or not.
* @param {?} fixed
* @param {?=} isUserInput
* @return {?}
*/
function (fixed, isUserInput) {
if (isUserInput === void 0) { isUserInput = false; }
this._fixed = coercion.coerceBooleanProperty(fixed);
if (this.fixed && this.short) {
this.setShort(false);
}
if (isUserInput) {
this._initFoundation();
}
};
/** Sets the top app bar to prominent or not. */
/**
* Sets the top app bar to prominent or not.
* @param {?} prominent
* @param {?=} isUserInput
* @return {?}
*/
MdcTopAppBar.prototype.setProminent = /**
* Sets the top app bar to prominent or not.
* @param {?} prominent
* @param {?=} isUserInput
* @return {?}
*/
function (prominent, isUserInput) {
if (isUserInput === void 0) { isUserInput = false; }
this._prominent = coercion.coerceBooleanProperty(prominent);
if (this.prominent && this.short) {
this.setShort(false);
}
if (isUserInput) {
this._initFoundation();
}
};
/** Sets the top app bar to dense variant. */
/**
* Sets the top app bar to dense variant.
* @param {?} dense
* @param {?=} isUserInput
* @return {?}
*/
MdcTopAppBar.prototype.setDense = /**
* Sets the top app bar to dense variant.
* @param {?} dense
* @param {?=} isUserInput
* @return {?}
*/
function (dense, isUserInput) {
if (isUserInput === void 0) { isUserInput = false; }
this._dense = coercion.coerceBooleanProperty(dense);
if (this.dense && this.short) {
this.setShort(false);
}
if (isUserInput) {
this._initFoundation();
}
};
/** Sets the top app bar to short or not. */
/**
* Sets the top app bar to short or not.
* @param {?} short
* @param {?=} isUserInput
* @return {?}
*/
MdcTopAppBar.prototype.setShort = /**
* Sets the top app bar to short or not.
* @param {?} short
* @param {?=} isUserInput
* @return {?}
*/
function (short, isUserInput) {
if (isUserInput === void 0) { isUserInput = false; }
this._short = coercion.coerceBooleanProperty(short);
if (this.short) {
this.setProminent(false);
this.setDense(false);
this.setFixed(false);
}
else {
this.setShortCollapsed(false);
}
if (isUserInput) {
this._initFoundation();
}
};
/** Sets the top app bar to short-collapsed or not. */
/**
* Sets the top app bar to short-collapsed or not.
* @param {?} shortCollapsed
* @param {?=} isUserInput
* @return {?}
*/
MdcTopAppBar.prototype.setShortCollapsed = /**
* Sets the top app bar to short-collapsed or not.
* @param {?} shortCollapsed
* @param {?=} isUserInput
* @return {?}
*/
function (shortCollapsed, isUserInput) {
if (isUserInput === void 0) { isUserInput = false; }
this._shortCollapsed = coercion.coerceBooleanProperty(shortCollapsed);
if (this.shortCollapsed && !this.short) {
this.setShort(true);
}
if (isUserInput) {
this._initFoundation();
}
};
/**
* @return {?}
*/
MdcTopAppBar.prototype.isCollapsed = /**
* @return {?}
*/
function () {
return this._getHostElement().classList.contains(topAppBar.cssClasses.SHORT_COLLAPSED_CLASS);
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._initFoundation = /**
* @private
* @return {?}
*/
function () {
this._destroyFoundation();
this._getHostElement().style.top = '0px';
this._resetFixedShort();
this._foundation = this.getDefaultFoundation();
this._foundation.init();
this._initTopAppBar();
this._initScrollHandler();
this._changeDetectorRef.markForCheck();
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._resetFixedShort = /**
* @private
* @return {?}
*/
function () {
this._getHostElement().classList.remove(topAppBar.cssClasses.SHORT_HAS_ACTION_ITEM_CLASS);
this._getHostElement().classList.remove(topAppBar.cssClasses.SHORT_COLLAPSED_CLASS);
this._getHostElement().classList.remove(topAppBar.cssClasses.FIXED_SCROLLED_CLASS);
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._initTopAppBar = /**
* @private
* @return {?}
*/
function () {
if (!this.fixed) {
this._getHostElement().classList.remove(topAppBar.cssClasses.FIXED_SCROLLED_CLASS);
}
if (this.fixed && this._getScrollOffset() > 0) {
this._getHostElement().classList.add(topAppBar.cssClasses.FIXED_SCROLLED_CLASS);
}
if (!this.short) {
this._getHostElement().classList.remove(topAppBar.cssClasses.SHORT_HAS_ACTION_ITEM_CLASS);
this._getHostElement().classList.remove(topAppBar.cssClasses.SHORT_COLLAPSED_CLASS);
}
if (this.short && this._getScrollOffset() > 0) {
this._getHostElement().classList.add(topAppBar.cssClasses.SHORT_COLLAPSED_CLASS);
}
if (this.shortCollapsed) {
this._getHostElement().classList.add(topAppBar.cssClasses.SHORT_COLLAPSED_CLASS);
}
if (this.fixedAdjustElement) {
this._removeFixedAdjustClasses();
this._addFixedAdjustClass();
}
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._removeFixedAdjustClasses = /**
* @private
* @return {?}
*/
function () {
(/** @type {?} */ (this.fixedAdjustElement)).classList.remove('mdc-top-app-bar--short-fixed-adjust');
(/** @type {?} */ (this.fixedAdjustElement)).classList.remove('mdc-top-app-bar--fixed-adjust');
(/** @type {?} */ (this.fixedAdjustElement)).classList.remove('mdc-top-app-bar--dense-fixed-adjust');
(/** @type {?} */ (this.fixedAdjustElement)).classList.remove('mdc-top-app-bar--prominent-fixed-adjust');
(/** @type {?} */ (this.fixedAdjustElement)).classList.remove('mdc-top-app-bar--dense-prominent-fixed-adjust');
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._addFixedAdjustClass = /**
* @private
* @return {?}
*/
function () {
if (this._short) {
(/** @type {?} */ (this.fixedAdjustElement)).classList.add('mdc-top-app-bar--short-fixed-adjust');
}
else if (this._dense && this._prominent) {
(/** @type {?} */ (this.fixedAdjustElement)).classList.add('mdc-top-app-bar--dense-prominent-fixed-adjust');
}
else if (this._dense) {
(/** @type {?} */ (this.fixedAdjustElement)).classList.add('mdc-top-app-bar--dense-fixed-adjust');
}
else if (this._prominent) {
(/** @type {?} */ (this.fixedAdjustElement)).classList.add('mdc-top-app-bar--prominent-fixed-adjust');
}
else {
(/** @type {?} */ (this.fixedAdjustElement)).classList.add('mdc-top-app-bar--fixed-adjust');
}
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._destroyFoundation = /**
* @private
* @return {?}
*/
function () {
var _a;
(_a = this._foundation) === null || _a === void 0 ? void 0 : _a.destroy();
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._initScrollHandler = /**
* @private
* @return {?}
*/
function () {
var _this = this;
if (this._scrollTargetSubscription) {
this._scrollTargetSubscription.unsubscribe();
}
if (!this._platform.isBrowser) {
return;
}
this._scrollTargetSubscription = this._ngZone.runOutsideAngular((/**
* @return {?}
*/
function () {
return rxjs.fromEvent(_this.scrollTarget || window, 'scroll')
.subscribe((/**
* @return {?}
*/
function () { return _this._ngZone.run((/**
* @return {?}
*/
function () { return _this._foundation.handleTargetScroll(); })); }));
}));
};
/**
* @private
* @return {?}
*/
MdcTopAppBar.prototype._getScrollOffset = /**
* @private
* @return {?}
*/
function () {
if (!this._platform.isBrowser) {
return 0;
}
return this.scrollTarget ? this.scrollTarget.scrollTop : window.pageYOffset;
};
/** Retrieves the DOM element of the component host. */
/**
* Retrieves the DOM element of the component host.
* @private
* @return {?}
*/
MdcTopAppBar.prototype._getHostElement = /**
* Retrieves the DOM element of the component host.
* @private
* @return {?}
*/
function () {
return this.elementRef.nativeElement;
};
MdcTopAppBar.decorators = [
{ type: core.Component, args: [{
selector: 'mdc-top-app-bar, [mdc-top-app-bar]',
exportAs: 'mdcTopAppBar',
host: {
'class': 'mdc-top-app-bar',
'[class.mdc-top-app-bar--prominent]': 'prominent',
'[class.mdc-top-app-bar--dense]': 'dense',
'[class.mdc-top-app-bar--short]': 'short',
'[class.mdc-top-app-bar--fixed]': 'fixed'
},
template: '<ng-content></ng-content>',
changeDetection: core.ChangeDetectionStrategy.OnPush,
encapsulation: core.ViewEncapsulation.None
},] },
];
/** @nocollapse */
MdcTopAppBar.ctorParameters = function () { return [
{ type: core.NgZone },
{ type: platform.Platform },
{ type: core.ChangeDetectorRef },
{ type: core.ElementRef }
]; };
MdcTopAppBar.propDecorators = {
fixed: [{ type: core.Input }],
prominent: [{ type: core.Input }],
short: [{ type: core.Input }],
shortCollapsed: [{ type: core.Input }],
dense: [{ type: core.Input }],
fixedAdjustElement: [{ type: core.Input }],
scrollTarget: [{ type: core.Input }],
navigationSelected: [{ type: core.Output }],
navigationIcon: [{ type: core.ContentChild, args: [MdcTopAppBarNavigationIcon, { static: false },] }],
actions: [{ type: core.ContentChildren, args: [MdcTopAppBarActionItem, { descendants: true },] }]
};
return MdcTopAppBar;
}(base.MDCComponent));
/**
* @fileoverview added by tsickle
* Generated from: top-app-bar/module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
var TOP_APP_BAR_DECLARATIONS = [
MdcTopAppBar,
MdcTopAppBarActionItem,
MdcTopAppBarFixedAdjust,
MdcTopAppBarNavigationIcon,
MdcTopAppBarRow,
MdcTopAppBarSection,
MdcTopAppBarTitle
];
var MdcTopAppBarModule = /** @class */ (function () {
function MdcTopAppBarModule() {
}
MdcTopAppBarModule.decorators = [
{ type: core.NgModule, args: [{
imports: [common.CommonModule],
exports: TOP_APP_BAR_DECLARATIONS,
declarations: TOP_APP_BAR_DECLARATIONS
},] },
];
return MdcTopAppBarModule;
}());
exports.MdcTopAppBar = MdcTopAppBar;
exports.MdcTopAppBarActionItem = MdcTopAppBarActionItem;
exports.MdcTopAppBarFixedAdjust = MdcTopAppBarFixedAdjust;
exports.MdcTopAppBarModule = MdcTopAppBarModule;
exports.MdcTopAppBarNavSelected = MdcTopAppBarNavSelected;
exports.MdcTopAppBarNavigationIcon = MdcTopAppBarNavigationIcon;
exports.MdcTopAppBarRow = MdcTopAppBarRow;
exports.MdcTopAppBarSection = MdcTopAppBarSection;
exports.MdcTopAppBarTitle = MdcTopAppBarTitle;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=web-top-app-bar.umd.js.map