| dev-app-layout.ts (material2-7.3.5) | : | dev-app-layout.ts (material2-7.3.6) |
|---|
| /** | | /** |
| * @license | | * @license |
| * Copyright Google LLC All Rights Reserved. | | * Copyright Google LLC All Rights Reserved. |
| * | | * |
| * Use of this source code is governed by an MIT-style license that can be | | * 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 | | * found in the LICENSE file at https://angular.io/license |
| */ | | */ |
| | |
|
| | import {Directionality} from '@angular/cdk/bidi'; |
| import {OverlayContainer} from '@angular/cdk/overlay'; | | import {OverlayContainer} from '@angular/cdk/overlay'; |
|
| import {Component, ElementRef, ViewEncapsulation} from '@angular/core'; | | import {ChangeDetectorRef, Component, ElementRef, Inject, ViewEncapsulation} fro
m '@angular/core'; |
| import {DevAppRippleOptions} from '../ripple/ripple-options'; | | import {DevAppRippleOptions} from '../ripple/ripple-options'; |
|
| | import {DevAppDirectionality} from './dev-app-directionality'; |
| | |
| /** Root component for the dev-app demos. */ | | /** Root component for the dev-app demos. */ |
| @Component({ | | @Component({ |
| moduleId: module.id, | | moduleId: module.id, |
| selector: 'dev-app-layout', | | selector: 'dev-app-layout', |
| templateUrl: 'dev-app-layout.html', | | templateUrl: 'dev-app-layout.html', |
| styleUrls: ['dev-app-layout.css'], | | styleUrls: ['dev-app-layout.css'], |
| encapsulation: ViewEncapsulation.None, | | encapsulation: ViewEncapsulation.None, |
| }) | | }) |
| export class DevAppLayout { | | export class DevAppLayout { |
| | |
| skipping to change at line 73 | | skipping to change at line 75 |
|---|
| {name: 'Tabs', route: '/tabs'}, | | {name: 'Tabs', route: '/tabs'}, |
| {name: 'Toolbar', route: '/toolbar'}, | | {name: 'Toolbar', route: '/toolbar'}, |
| {name: 'Tooltip', route: '/tooltip'}, | | {name: 'Tooltip', route: '/tooltip'}, |
| {name: 'Tree', route: '/tree'}, | | {name: 'Tree', route: '/tree'}, |
| {name: 'Typography', route: '/typography'}, | | {name: 'Typography', route: '/typography'}, |
| {name: 'Virtual Scrolling', route: '/virtual-scroll'}, | | {name: 'Virtual Scrolling', route: '/virtual-scroll'}, |
| ]; | | ]; |
| | |
| constructor( | | constructor( |
| private _element: ElementRef<HTMLElement>, private _overlayContainer: Over
layContainer, | | private _element: ElementRef<HTMLElement>, private _overlayContainer: Over
layContainer, |
|
| public rippleOptions: DevAppRippleOptions) {} | | public rippleOptions: DevAppRippleOptions, |
| | @Inject(Directionality) public dir: DevAppDirectionality, cdr: ChangeDetec |
| | torRef) { |
| | dir.change.subscribe(() => cdr.markForCheck()); |
| | } |
| | |
| toggleFullscreen() { | | toggleFullscreen() { |
| // Cast to `any`, because the typings don't include the browser-prefixed met
hods. | | // Cast to `any`, because the typings don't include the browser-prefixed met
hods. |
| const elem = this._element.nativeElement.querySelector('.demo-content') as a
ny; | | const elem = this._element.nativeElement.querySelector('.demo-content') as a
ny; |
| if (elem.requestFullscreen) { | | if (elem.requestFullscreen) { |
| elem.requestFullscreen(); | | elem.requestFullscreen(); |
| } else if (elem.webkitRequestFullScreen) { | | } else if (elem.webkitRequestFullScreen) { |
| elem.webkitRequestFullScreen(); | | elem.webkitRequestFullScreen(); |
| } else if (elem.mozRequestFullScreen) { | | } else if (elem.mozRequestFullScreen) { |
| elem.mozRequestFullScreen(); | | elem.mozRequestFullScreen(); |
| | | |
| End of changes. 4 change blocks. |
|---|
| 2 lines changed or deleted | | 8 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 