| import { Directive, Component, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, Inject, ContentChildren, NgModule } from '@angular/core'; |
| import { mixinColor, MatCommonModule } from '@angular/material/core'; |
| import { Platform } from '@angular/cdk/platform'; |
| import { DOCUMENT } from '@angular/common'; |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| // Boilerplate for applying mixins to MatToolbar. |
| /** @docs-private */ |
| class MatToolbarBase { |
| constructor(_elementRef) { |
| this._elementRef = _elementRef; |
| } |
| } |
| const _MatToolbarMixinBase = mixinColor(MatToolbarBase); |
| class MatToolbarRow { |
| } |
| MatToolbarRow.decorators = [ |
| { type: Directive, args: [{ |
| selector: 'mat-toolbar-row', |
| exportAs: 'matToolbarRow', |
| host: { 'class': 'mat-toolbar-row' }, |
| },] } |
| ]; |
| class MatToolbar extends _MatToolbarMixinBase { |
| constructor(elementRef, _platform, document) { |
| super(elementRef); |
| this._platform = _platform; |
| // TODO: make the document a required param when doing breaking changes. |
| this._document = document; |
| } |
| ngAfterViewInit() { |
| if (this._platform.isBrowser) { |
| this._checkToolbarMixedModes(); |
| this._toolbarRows.changes.subscribe(() => this._checkToolbarMixedModes()); |
| } |
| } |
| /** |
| * Throws an exception when developers are attempting to combine the different toolbar row modes. |
| */ |
| _checkToolbarMixedModes() { |
| if (this._toolbarRows.length && (typeof ngDevMode === 'undefined' || ngDevMode)) { |
| // Check if there are any other DOM nodes that can display content but aren't inside of |
| // a <mat-toolbar-row> element. |
| const isCombinedUsage = Array.from(this._elementRef.nativeElement.childNodes) |
| .filter(node => !(node.classList && node.classList.contains('mat-toolbar-row'))) |
| .filter(node => node.nodeType !== (this._document ? this._document.COMMENT_NODE : 8)) |
| .some(node => !!(node.textContent && node.textContent.trim())); |
| if (isCombinedUsage) { |
| throwToolbarMixedModesError(); |
| } |
| } |
| } |
| } |
| MatToolbar.decorators = [ |
| { type: Component, args: [{ |
| selector: 'mat-toolbar', |
| exportAs: 'matToolbar', |
| template: "<ng-content></ng-content>\n<ng-content select=\"mat-toolbar-row\"></ng-content>\n", |
| inputs: ['color'], |
| host: { |
| 'class': 'mat-toolbar', |
| '[class.mat-toolbar-multiple-rows]': '_toolbarRows.length > 0', |
| '[class.mat-toolbar-single-row]': '_toolbarRows.length === 0', |
| }, |
| changeDetection: ChangeDetectionStrategy.OnPush, |
| encapsulation: ViewEncapsulation.None, |
| styles: [".cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%}\n"] |
| },] } |
| ]; |
| MatToolbar.ctorParameters = () => [ |
| { type: ElementRef }, |
| { type: Platform }, |
| { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] } |
| ]; |
| MatToolbar.propDecorators = { |
| _toolbarRows: [{ type: ContentChildren, args: [MatToolbarRow, { descendants: true },] }] |
| }; |
| /** |
| * Throws an exception when attempting to combine the different toolbar row modes. |
| * @docs-private |
| */ |
| function throwToolbarMixedModesError() { |
| throw Error('MatToolbar: Attempting to combine different toolbar modes. ' + |
| 'Either specify multiple `<mat-toolbar-row>` elements explicitly or just place content ' + |
| 'inside of a `<mat-toolbar>` for a single row.'); |
| } |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| class MatToolbarModule { |
| } |
| MatToolbarModule.decorators = [ |
| { type: NgModule, args: [{ |
| imports: [MatCommonModule], |
| exports: [MatToolbar, MatToolbarRow, MatCommonModule], |
| declarations: [MatToolbar, MatToolbarRow], |
| },] } |
| ]; |
| |
| /** |
| * @license |
| * Copyright Google LLC All Rights Reserved. |
| * |
| * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license |
| */ |
| |
| /** |
| * Generated bundle index. Do not edit. |
| */ |
| |
| export { MatToolbar, MatToolbarModule, MatToolbarRow, throwToolbarMixedModesError }; |
| //# sourceMappingURL=toolbar.js.map |