"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "src/dev-app/dev-app-layout/dev-app-layout.ts" between
material2-7.3.5.tar.gz and material2-7.3.6.tar.gz

About: material2 offers Material Design components for Angular.

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

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)