| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205 |
- /**
- * @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
- */
- (function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/platform'), require('@angular/common'), require('@angular/core'), require('@angular/material/core')) :
- typeof define === 'function' && define.amd ? define('@angular/material/toolbar', ['exports', '@angular/cdk/platform', '@angular/common', '@angular/core', '@angular/material/core'], factory) :
- (factory((global.ng = global.ng || {}, global.ng.material = global.ng.material || {}, global.ng.material.toolbar = {}),global.ng.cdk.platform,global.ng.common,global.ng.core,global.ng.material.core));
- }(this, (function (exports,platform,common,core,core$1) { '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(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 __());
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- // Boilerplate for applying mixins to MatToolbar.
- /**
- * \@docs-private
- */
- var
- // Boilerplate for applying mixins to MatToolbar.
- /**
- * \@docs-private
- */
- MatToolbarBase = /** @class */ (function () {
- function MatToolbarBase(_elementRef) {
- this._elementRef = _elementRef;
- }
- return MatToolbarBase;
- }());
- /** @type {?} */
- var _MatToolbarMixinBase = core$1.mixinColor(MatToolbarBase);
- var MatToolbarRow = /** @class */ (function () {
- function MatToolbarRow() {
- }
- MatToolbarRow.decorators = [
- { type: core.Directive, args: [{
- selector: 'mat-toolbar-row',
- exportAs: 'matToolbarRow',
- host: { 'class': 'mat-toolbar-row' },
- },] },
- ];
- return MatToolbarRow;
- }());
- var MatToolbar = /** @class */ (function (_super) {
- __extends(MatToolbar, _super);
- function MatToolbar(elementRef, _platform, document) {
- var _this = _super.call(this, elementRef) || this;
- _this._platform = _platform;
- // TODO: make the document a required param when doing breaking changes.
- _this._document = document;
- return _this;
- }
- /**
- * @return {?}
- */
- MatToolbar.prototype.ngAfterViewInit = /**
- * @return {?}
- */
- function () {
- var _this = this;
- if (!core.isDevMode() || !this._platform.isBrowser) {
- return;
- }
- this._checkToolbarMixedModes();
- this._toolbarRows.changes.subscribe((/**
- * @return {?}
- */
- function () { return _this._checkToolbarMixedModes(); }));
- };
- /**
- * Throws an exception when developers are attempting to combine the different toolbar row modes.
- */
- /**
- * Throws an exception when developers are attempting to combine the different toolbar row modes.
- * @private
- * @return {?}
- */
- MatToolbar.prototype._checkToolbarMixedModes = /**
- * Throws an exception when developers are attempting to combine the different toolbar row modes.
- * @private
- * @return {?}
- */
- function () {
- var _this = this;
- if (!this._toolbarRows.length) {
- return;
- }
- // Check if there are any other DOM nodes that can display content but aren't inside of
- // a <mat-toolbar-row> element.
- /** @type {?} */
- var isCombinedUsage = Array.from(this._elementRef.nativeElement.childNodes)
- .filter((/**
- * @param {?} node
- * @return {?}
- */
- function (node) { return !(node.classList && node.classList.contains('mat-toolbar-row')); }))
- .filter((/**
- * @param {?} node
- * @return {?}
- */
- function (node) { return node.nodeType !== (_this._document ? _this._document.COMMENT_NODE : 8); }))
- .some((/**
- * @param {?} node
- * @return {?}
- */
- function (node) { return !!(node.textContent && node.textContent.trim()); }));
- if (isCombinedUsage) {
- throwToolbarMixedModesError();
- }
- };
- MatToolbar.decorators = [
- { type: core.Component, args: [{selector: 'mat-toolbar',
- exportAs: 'matToolbar',
- template: "<ng-content></ng-content><ng-content select=\"mat-toolbar-row\"></ng-content>",
- styles: ["@media (-ms-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%}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media (max-width:599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}"],
- inputs: ['color'],
- host: {
- 'class': 'mat-toolbar',
- '[class.mat-toolbar-multiple-rows]': '_toolbarRows.length > 0',
- '[class.mat-toolbar-single-row]': '_toolbarRows.length === 0',
- },
- changeDetection: core.ChangeDetectionStrategy.OnPush,
- encapsulation: core.ViewEncapsulation.None,
- },] },
- ];
- /** @nocollapse */
- MatToolbar.ctorParameters = function () { return [
- { type: core.ElementRef },
- { type: platform.Platform },
- { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
- ]; };
- MatToolbar.propDecorators = {
- _toolbarRows: [{ type: core.ContentChildren, args: [MatToolbarRow,] }]
- };
- return MatToolbar;
- }(_MatToolbarMixinBase));
- /**
- * Throws an exception when attempting to combine the different toolbar row modes.
- * \@docs-private
- * @return {?}
- */
- 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.');
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- var MatToolbarModule = /** @class */ (function () {
- function MatToolbarModule() {
- }
- MatToolbarModule.decorators = [
- { type: core.NgModule, args: [{
- imports: [core$1.MatCommonModule],
- exports: [MatToolbar, MatToolbarRow, core$1.MatCommonModule],
- declarations: [MatToolbar, MatToolbarRow],
- },] },
- ];
- return MatToolbarModule;
- }());
- exports.MatToolbarModule = MatToolbarModule;
- exports.throwToolbarMixedModesError = throwToolbarMixedModesError;
- exports.MatToolbarRow = MatToolbarRow;
- exports.MatToolbar = MatToolbar;
- Object.defineProperty(exports, '__esModule', { value: true });
- })));
- //# sourceMappingURL=material-toolbar.umd.js.map
|