1 | (function (global, factory) {
|
2 | typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular2-material/core')) :
|
3 | typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@angular2-material/core'], factory) :
|
4 | (factory((global.md = global.md || {}, global.md.sidenav = global.md.sidenav || {}),global.ng.core,global.ng.common,global.md.core));
|
5 | }(this, (function (exports,_angular_core,_angular_common,_angular2Material_core) { 'use strict';
|
6 |
|
7 | var __extends = (window && window.__extends) || function (d, b) {
|
8 | for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
|
9 | function __() { this.constructor = d; }
|
10 | d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
11 | };
|
12 | var __decorate = (window && window.__decorate) || function (decorators, target, key, desc) {
|
13 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
14 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
15 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
16 | return c > 3 && r && Object.defineProperty(target, key, r), r;
|
17 | };
|
18 | var __metadata = (window && window.__metadata) || function (k, v) {
|
19 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
20 | };
|
21 | var __param = (window && window.__param) || function (paramIndex, decorator) {
|
22 | return function (target, key) { decorator(target, key, paramIndex); }
|
23 | };
|
24 |
|
25 | var MdDuplicatedSidenavError = (function (_super) {
|
26 | __extends(MdDuplicatedSidenavError, _super);
|
27 | function MdDuplicatedSidenavError(align) {
|
28 | _super.call(this, "A sidenav was already declared for 'align=\"" + align + "\"'");
|
29 | }
|
30 | return MdDuplicatedSidenavError;
|
31 | }(_angular2Material_core.MdError));
|
32 |
|
33 |
|
34 |
|
35 |
|
36 |
|
37 |
|
38 |
|
39 | var MdSidenav = (function () {
|
40 | |
41 |
|
42 |
|
43 |
|
44 | function MdSidenav(_elementRef) {
|
45 | this._elementRef = _elementRef;
|
46 |
|
47 | this.align = 'start';
|
48 |
|
49 | this.mode = 'over';
|
50 |
|
51 | this._opened = false;
|
52 |
|
53 | this.onOpenStart = new _angular_core.EventEmitter();
|
54 |
|
55 | this.onOpen = new _angular_core.EventEmitter();
|
56 |
|
57 | this.onCloseStart = new _angular_core.EventEmitter();
|
58 |
|
59 | this.onClose = new _angular_core.EventEmitter();
|
60 | this._transition = false;
|
61 | }
|
62 | Object.defineProperty(MdSidenav.prototype, "opened", {
|
63 | |
64 |
|
65 |
|
66 |
|
67 | get: function () { return this._opened; },
|
68 | set: function (v) {
|
69 | this.toggle(v);
|
70 | },
|
71 | enumerable: true,
|
72 | configurable: true
|
73 | });
|
74 | |
75 |
|
76 | MdSidenav.prototype.open = function () {
|
77 | return this.toggle(true);
|
78 | };
|
79 | |
80 |
|
81 |
|
82 |
|
83 | MdSidenav.prototype.close = function () {
|
84 | return this.toggle(false);
|
85 | };
|
86 | |
87 |
|
88 |
|
89 |
|
90 |
|
91 | MdSidenav.prototype.toggle = function (isOpen) {
|
92 | var _this = this;
|
93 | if (isOpen === void 0) { isOpen = !this.opened; }
|
94 |
|
95 | if (isOpen === this.opened) {
|
96 | if (!this._transition) {
|
97 | return Promise.resolve(null);
|
98 | }
|
99 | else {
|
100 | return isOpen ? this._openPromise : this._closePromise;
|
101 | }
|
102 | }
|
103 | this._opened = isOpen;
|
104 | this._transition = true;
|
105 | if (isOpen) {
|
106 | this.onOpenStart.emit(null);
|
107 | }
|
108 | else {
|
109 | this.onCloseStart.emit(null);
|
110 | }
|
111 | if (isOpen) {
|
112 | if (this._openPromise == null) {
|
113 | this._openPromise = new Promise(function (resolve, reject) {
|
114 | _this._openPromiseResolve = resolve;
|
115 | _this._openPromiseReject = reject;
|
116 | });
|
117 | }
|
118 | return this._openPromise;
|
119 | }
|
120 | else {
|
121 | if (this._closePromise == null) {
|
122 | this._closePromise = new Promise(function (resolve, reject) {
|
123 | _this._closePromiseResolve = resolve;
|
124 | _this._closePromiseReject = reject;
|
125 | });
|
126 | }
|
127 | return this._closePromise;
|
128 | }
|
129 | };
|
130 | |
131 |
|
132 |
|
133 |
|
134 |
|
135 | MdSidenav.prototype._onTransitionEnd = function (transitionEvent) {
|
136 | if (transitionEvent.target == this._elementRef.nativeElement
|
137 | && transitionEvent.propertyName.endsWith('transform')) {
|
138 | this._transition = false;
|
139 | if (this._opened) {
|
140 | if (this._openPromise != null) {
|
141 | this._openPromiseResolve();
|
142 | }
|
143 | if (this._closePromise != null) {
|
144 | this._closePromiseReject();
|
145 | }
|
146 | this.onOpen.emit(null);
|
147 | }
|
148 | else {
|
149 | if (this._closePromise != null) {
|
150 | this._closePromiseResolve();
|
151 | }
|
152 | if (this._openPromise != null) {
|
153 | this._openPromiseReject();
|
154 | }
|
155 | this.onClose.emit(null);
|
156 | }
|
157 | this._openPromise = null;
|
158 | this._closePromise = null;
|
159 | }
|
160 | };
|
161 | Object.defineProperty(MdSidenav.prototype, "_isClosing", {
|
162 | get: function () {
|
163 | return !this._opened && this._transition;
|
164 | },
|
165 | enumerable: true,
|
166 | configurable: true
|
167 | });
|
168 | Object.defineProperty(MdSidenav.prototype, "_isOpening", {
|
169 | get: function () {
|
170 | return this._opened && this._transition;
|
171 | },
|
172 | enumerable: true,
|
173 | configurable: true
|
174 | });
|
175 | Object.defineProperty(MdSidenav.prototype, "_isClosed", {
|
176 | get: function () {
|
177 | return !this._opened && !this._transition;
|
178 | },
|
179 | enumerable: true,
|
180 | configurable: true
|
181 | });
|
182 | Object.defineProperty(MdSidenav.prototype, "_isOpened", {
|
183 | get: function () {
|
184 | return this._opened && !this._transition;
|
185 | },
|
186 | enumerable: true,
|
187 | configurable: true
|
188 | });
|
189 | Object.defineProperty(MdSidenav.prototype, "_isEnd", {
|
190 | get: function () {
|
191 | return this.align == 'end';
|
192 | },
|
193 | enumerable: true,
|
194 | configurable: true
|
195 | });
|
196 | Object.defineProperty(MdSidenav.prototype, "_modeSide", {
|
197 | get: function () {
|
198 | return this.mode == 'side';
|
199 | },
|
200 | enumerable: true,
|
201 | configurable: true
|
202 | });
|
203 | Object.defineProperty(MdSidenav.prototype, "_modeOver", {
|
204 | get: function () {
|
205 | return this.mode == 'over';
|
206 | },
|
207 | enumerable: true,
|
208 | configurable: true
|
209 | });
|
210 | Object.defineProperty(MdSidenav.prototype, "_modePush", {
|
211 | get: function () {
|
212 | return this.mode == 'push';
|
213 | },
|
214 | enumerable: true,
|
215 | configurable: true
|
216 | });
|
217 | Object.defineProperty(MdSidenav.prototype, "_width", {
|
218 |
|
219 | get: function () {
|
220 | if (this._elementRef.nativeElement) {
|
221 | return this._elementRef.nativeElement.offsetWidth;
|
222 | }
|
223 | return 0;
|
224 | },
|
225 | enumerable: true,
|
226 | configurable: true
|
227 | });
|
228 | __decorate([
|
229 | _angular_core.Input(),
|
230 | __metadata('design:type', Object)
|
231 | ], MdSidenav.prototype, "align", void 0);
|
232 | __decorate([
|
233 | _angular_core.Input(),
|
234 | __metadata('design:type', Object)
|
235 | ], MdSidenav.prototype, "mode", void 0);
|
236 | __decorate([
|
237 | _angular_core.Input('opened'),
|
238 | _angular2Material_core.BooleanFieldValue(),
|
239 | __metadata('design:type', Boolean)
|
240 | ], MdSidenav.prototype, "_opened", void 0);
|
241 | __decorate([
|
242 | _angular_core.Output('open-start'),
|
243 | __metadata('design:type', Object)
|
244 | ], MdSidenav.prototype, "onOpenStart", void 0);
|
245 | __decorate([
|
246 | _angular_core.Output('open'),
|
247 | __metadata('design:type', Object)
|
248 | ], MdSidenav.prototype, "onOpen", void 0);
|
249 | __decorate([
|
250 | _angular_core.Output('close-start'),
|
251 | __metadata('design:type', Object)
|
252 | ], MdSidenav.prototype, "onCloseStart", void 0);
|
253 | __decorate([
|
254 | _angular_core.Output('close'),
|
255 | __metadata('design:type', Object)
|
256 | ], MdSidenav.prototype, "onClose", void 0);
|
257 | __decorate([
|
258 | _angular_core.HostBinding('class.md-sidenav-closing'),
|
259 | __metadata('design:type', Object)
|
260 | ], MdSidenav.prototype, "_isClosing", null);
|
261 | __decorate([
|
262 | _angular_core.HostBinding('class.md-sidenav-opening'),
|
263 | __metadata('design:type', Object)
|
264 | ], MdSidenav.prototype, "_isOpening", null);
|
265 | __decorate([
|
266 | _angular_core.HostBinding('class.md-sidenav-closed'),
|
267 | __metadata('design:type', Object)
|
268 | ], MdSidenav.prototype, "_isClosed", null);
|
269 | __decorate([
|
270 | _angular_core.HostBinding('class.md-sidenav-opened'),
|
271 | __metadata('design:type', Object)
|
272 | ], MdSidenav.prototype, "_isOpened", null);
|
273 | __decorate([
|
274 | _angular_core.HostBinding('class.md-sidenav-end'),
|
275 | __metadata('design:type', Object)
|
276 | ], MdSidenav.prototype, "_isEnd", null);
|
277 | __decorate([
|
278 | _angular_core.HostBinding('class.md-sidenav-side'),
|
279 | __metadata('design:type', Object)
|
280 | ], MdSidenav.prototype, "_modeSide", null);
|
281 | __decorate([
|
282 | _angular_core.HostBinding('class.md-sidenav-over'),
|
283 | __metadata('design:type', Object)
|
284 | ], MdSidenav.prototype, "_modeOver", null);
|
285 | __decorate([
|
286 | _angular_core.HostBinding('class.md-sidenav-push'),
|
287 | __metadata('design:type', Object)
|
288 | ], MdSidenav.prototype, "_modePush", null);
|
289 | MdSidenav = __decorate([
|
290 | _angular_core.Component({selector: 'md-sidenav',
|
291 | template: '<ng-content></ng-content>',
|
292 | host: {
|
293 | '(transitionend)': '_onTransitionEnd($event)',
|
294 | },
|
295 | changeDetection: _angular_core.ChangeDetectionStrategy.OnPush,
|
296 | encapsulation: _angular_core.ViewEncapsulation.None,
|
297 | }),
|
298 | __metadata('design:paramtypes', [_angular_core.ElementRef])
|
299 | ], MdSidenav);
|
300 | return MdSidenav;
|
301 | }());
|
302 |
|
303 |
|
304 |
|
305 |
|
306 |
|
307 |
|
308 | var MdSidenavLayout = (function () {
|
309 | function MdSidenavLayout(_dir, _element, _renderer) {
|
310 | var _this = this;
|
311 | this._dir = _dir;
|
312 | this._element = _element;
|
313 | this._renderer = _renderer;
|
314 |
|
315 |
|
316 | if (_dir != null) {
|
317 | _dir.dirChange.subscribe(function () { return _this._validateDrawers(); });
|
318 | }
|
319 | }
|
320 | Object.defineProperty(MdSidenavLayout.prototype, "start", {
|
321 | get: function () { return this._start; },
|
322 | enumerable: true,
|
323 | configurable: true
|
324 | });
|
325 | Object.defineProperty(MdSidenavLayout.prototype, "end", {
|
326 | get: function () { return this._end; },
|
327 | enumerable: true,
|
328 | configurable: true
|
329 | });
|
330 |
|
331 | MdSidenavLayout.prototype.ngAfterContentInit = function () {
|
332 | var _this = this;
|
333 |
|
334 | this._sidenavs.changes.subscribe(function () { return _this._validateDrawers(); });
|
335 | this._sidenavs.forEach(function (sidenav) { return _this._watchSidenavToggle(sidenav); });
|
336 | this._validateDrawers();
|
337 | };
|
338 | |
339 |
|
340 |
|
341 |
|
342 |
|
343 | MdSidenavLayout.prototype._watchSidenavToggle = function (sidenav) {
|
344 | var _this = this;
|
345 | if (!sidenav || sidenav.mode === 'side') {
|
346 | return;
|
347 | }
|
348 | sidenav.onOpen.subscribe(function () { return _this._setLayoutClass(sidenav, true); });
|
349 | sidenav.onClose.subscribe(function () { return _this._setLayoutClass(sidenav, false); });
|
350 | };
|
351 |
|
352 | MdSidenavLayout.prototype._setLayoutClass = function (sidenav, bool) {
|
353 | this._renderer.setElementClass(this._element.nativeElement, 'md-sidenav-opened', bool);
|
354 | };
|
355 |
|
356 | MdSidenavLayout.prototype._validateDrawers = function () {
|
357 | var _this = this;
|
358 | this._start = this._end = null;
|
359 |
|
360 | this._sidenavs.forEach(function (sidenav) {
|
361 | if (sidenav.align == 'end') {
|
362 | if (_this._end != null) {
|
363 | throw new MdDuplicatedSidenavError('end');
|
364 | }
|
365 | _this._end = sidenav;
|
366 | }
|
367 | else {
|
368 | if (_this._start != null) {
|
369 | throw new MdDuplicatedSidenavError('start');
|
370 | }
|
371 | _this._start = sidenav;
|
372 | }
|
373 | });
|
374 | this._right = this._left = null;
|
375 |
|
376 | if (this._dir == null || this._dir.value == 'ltr') {
|
377 | this._left = this._start;
|
378 | this._right = this._end;
|
379 | }
|
380 | else {
|
381 | this._left = this._end;
|
382 | this._right = this._start;
|
383 | }
|
384 | };
|
385 | MdSidenavLayout.prototype._closeModalSidenav = function () {
|
386 | if (this._start != null && this._start.mode != 'side') {
|
387 | this._start.close();
|
388 | }
|
389 | if (this._end != null && this._end.mode != 'side') {
|
390 | this._end.close();
|
391 | }
|
392 | };
|
393 | MdSidenavLayout.prototype._isShowingBackdrop = function () {
|
394 | return (this._isSidenavOpen(this._start) && this._start.mode != 'side')
|
395 | || (this._isSidenavOpen(this._end) && this._end.mode != 'side');
|
396 | };
|
397 | MdSidenavLayout.prototype._isSidenavOpen = function (side) {
|
398 | return side != null && side.opened;
|
399 | };
|
400 | |
401 |
|
402 |
|
403 |
|
404 |
|
405 |
|
406 | MdSidenavLayout.prototype._getSidenavEffectiveWidth = function (sidenav, mode) {
|
407 | return (this._isSidenavOpen(sidenav) && sidenav.mode == mode) ? sidenav._width : 0;
|
408 | };
|
409 | MdSidenavLayout.prototype._getMarginLeft = function () {
|
410 | return this._getSidenavEffectiveWidth(this._left, 'side');
|
411 | };
|
412 | MdSidenavLayout.prototype._getMarginRight = function () {
|
413 | return this._getSidenavEffectiveWidth(this._right, 'side');
|
414 | };
|
415 | MdSidenavLayout.prototype._getPositionLeft = function () {
|
416 | return this._getSidenavEffectiveWidth(this._left, 'push');
|
417 | };
|
418 | MdSidenavLayout.prototype._getPositionRight = function () {
|
419 | return this._getSidenavEffectiveWidth(this._right, 'push');
|
420 | };
|
421 | |
422 |
|
423 |
|
424 |
|
425 |
|
426 | MdSidenavLayout.prototype._getPositionOffset = function () {
|
427 | return this._getPositionLeft() - this._getPositionRight();
|
428 | };
|
429 | |
430 |
|
431 |
|
432 |
|
433 | MdSidenavLayout.prototype._getStyles = function () {
|
434 | return {
|
435 | marginLeft: this._getMarginLeft() + "px",
|
436 | marginRight: this._getMarginRight() + "px",
|
437 | transform: "translate3d(" + this._getPositionOffset() + "px, 0, 0)"
|
438 | };
|
439 | };
|
440 | __decorate([
|
441 | _angular_core.ContentChildren(MdSidenav),
|
442 | __metadata('design:type', _angular_core.QueryList)
|
443 | ], MdSidenavLayout.prototype, "_sidenavs", void 0);
|
444 | MdSidenavLayout = __decorate([
|
445 | _angular_core.Component({selector: 'md-sidenav-layout',
|
446 |
|
447 |
|
448 |
|
449 | template: "<div class=\"md-sidenav-backdrop\" (click)=\"_closeModalSidenav()\" [class.md-sidenav-shown]=\"_isShowingBackdrop()\"></div> <ng-content select=\"md-sidenav\"></ng-content> <div class=\"md-sidenav-content\" [ngStyle]=\"_getStyles()\"> <ng-content></ng-content> </div> ",
|
450 | styles: ["/** * Mixin that creates a new stacking context. * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */ /** * This mixin hides an element visually. * That means it's still accessible for screen-readers but not visible in view. */ /** * Forces an element to grow to fit floated contents; used as as an alternative to * `overflow: hidden;` because it doesn't cut off contents. */ /** * A mixin, which generates temporary ink ripple on a given component. * When $bindToParent is set to true, it will check for the focused class on the same selector as you included * that mixin. * It is also possible to specify the color palette of the temporary ripple. By default it uses the * accent palette for its background. */ /** * A collection of mixins and CSS classes that can be used to apply elevation to a material * element. * See: https://www.google.com/design/spec/what-is-material/elevation-shadows.html * Examples: * * * .md-foo { * @include $md-elevation(2); * * &:active { * @include $md-elevation(8); * } * } * * <div id=\"external-card\" class=\"md-elevation-z2\"><p>Some content</p></div> * * For an explanation of the design behind how elevation is implemented, see the design doc at * https://goo.gl/Kq0k9Z. */ /** * The css property used for elevation. In most cases this should not be changed. It is exposed * as a variable for abstraction / easy use when needing to reference the property directly, for * example in a will-change rule. */ /** The default duration value for elevation transitions. */ /** The default easing value for elevation transitions. */ /** * Applies the correct css rules to an element to give it the elevation specified by $zValue. * The $zValue must be between 0 and 24. */ /** * Returns a string that can be used as the value for a transition property for elevation. * Calling this function directly is useful in situations where a component needs to transition * more than one property. * * .foo { * transition: md-elevation-transition-property-value(), opacity 100ms ease; * will-change: $md-elevation-property, opacity; * } */ /** * Applies the correct css rules needed to have an element transition between elevations. * This mixin should be applied to elements whose elevation values will change depending on their * context (e.g. when active or disabled). */ /* This mixin ensures an element spans the whole viewport.*/ /** * Mixin to help with defining LTR/RTL 'transform: translate3d()' values. * @param $open The translation value when the sidenav is opened. * @param $close The translation value when the sidenav is closed. */ md-sidenav-layout { position: relative; transform: translate3d(0, 0, 0); box-sizing: border-box; -webkit-overflow-scrolling: touch; display: block; overflow: hidden; } md-sidenav-layout[fullscreen] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } md-sidenav-layout[fullscreen].md-sidenav-opened { overflow: hidden; } .md-sidenav-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; visibility: hidden; } .md-sidenav-backdrop.md-sidenav-shown { visibility: visible; background-color: rgba(0, 0, 0, 0.6); } .md-sidenav-content { position: relative; transform: translate3d(0, 0, 0); display: block; height: 100%; overflow: auto; } md-sidenav { position: relative; transform: translate3d(0, 0, 0); display: block; position: absolute; top: 0; bottom: 0; z-index: 3; min-width: 5%; overflow-y: auto; background-color: white; transform: translate3d(-100%, 0, 0); } md-sidenav.md-sidenav-closed { visibility: hidden; } md-sidenav.md-sidenav-closing { transform: translate3d(-100%, 0, 0); will-change: transform; } md-sidenav.md-sidenav-opening { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); visibility: visible; transform: translate3d(0, 0, 0); will-change: transform; } md-sidenav.md-sidenav-opened { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); transform: translate3d(0, 0, 0); } md-sidenav.md-sidenav-push { background-color: white; } md-sidenav.md-sidenav-side { z-index: 1; } md-sidenav.md-sidenav-end { right: 0; transform: translate3d(100%, 0, 0); } md-sidenav.md-sidenav-end.md-sidenav-closed { visibility: hidden; } md-sidenav.md-sidenav-end.md-sidenav-closing { transform: translate3d(100%, 0, 0); will-change: transform; } md-sidenav.md-sidenav-end.md-sidenav-opening { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); visibility: visible; transform: translate3d(0, 0, 0); will-change: transform; } md-sidenav.md-sidenav-end.md-sidenav-opened { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); transform: translate3d(0, 0, 0); } [dir='rtl'] md-sidenav { transform: translate3d(100%, 0, 0); } [dir='rtl'] md-sidenav.md-sidenav-closed { visibility: hidden; } [dir='rtl'] md-sidenav.md-sidenav-closing { transform: translate3d(100%, 0, 0); will-change: transform; } [dir='rtl'] md-sidenav.md-sidenav-opening { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); visibility: visible; transform: translate3d(0, 0, 0); will-change: transform; } [dir='rtl'] md-sidenav.md-sidenav-opened { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); transform: translate3d(0, 0, 0); } [dir='rtl'] md-sidenav.md-sidenav-end { left: 0; right: auto; transform: translate3d(-100%, 0, 0); } [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-closed { visibility: hidden; } [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-closing { transform: translate3d(-100%, 0, 0); will-change: transform; } [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-opening { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); visibility: visible; transform: translate3d(0, 0, 0); will-change: transform; } [dir='rtl'] md-sidenav.md-sidenav-end.md-sidenav-opened { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); transform: translate3d(0, 0, 0); } /*# sourceMappingURL=sidenav.css.map */ ",
|
451 | "/** * We separate transitions to be able to disable them in unit tests, by simply not loading this file. */ md-sidenav { transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .md-sidenav-content { transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .md-sidenav-backdrop.md-sidenav-shown { transition: background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } /*# sourceMappingURL=sidenav-transitions.css.map */ "],
|
452 | encapsulation: _angular_core.ViewEncapsulation.None,
|
453 | }),
|
454 | __param(0, _angular_core.Optional()),
|
455 | __metadata('design:paramtypes', [_angular2Material_core.Dir, _angular_core.ElementRef, _angular_core.Renderer])
|
456 | ], MdSidenavLayout);
|
457 | return MdSidenavLayout;
|
458 | }());
|
459 | var MdSidenavModule = (function () {
|
460 | function MdSidenavModule() {
|
461 | }
|
462 | MdSidenavModule.forRoot = function () {
|
463 | return {
|
464 | ngModule: MdSidenavModule,
|
465 | providers: []
|
466 | };
|
467 | };
|
468 | MdSidenavModule = __decorate([
|
469 | _angular_core.NgModule({
|
470 | imports: [_angular_common.CommonModule],
|
471 | exports: [MdSidenavLayout, MdSidenav],
|
472 | declarations: [MdSidenavLayout, MdSidenav],
|
473 | }),
|
474 | __metadata('design:paramtypes', [])
|
475 | ], MdSidenavModule);
|
476 | return MdSidenavModule;
|
477 | }());
|
478 |
|
479 | exports.MdDuplicatedSidenavError = MdDuplicatedSidenavError;
|
480 | exports.MdSidenav = MdSidenav;
|
481 | exports.MdSidenavLayout = MdSidenavLayout;
|
482 | exports.MdSidenavModule = MdSidenavModule;
|
483 |
|
484 | Object.defineProperty(exports, '__esModule', { value: true });
|
485 |
|
486 | }))); |
\ | No newline at end of file |