ipsos-components
Version:
Material Design components for Angular
89 lines (74 loc) • 2.07 kB
text/typescript
/**
* @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
*/
import {Component} from '@angular/core';
import {MatDialog} from '@angular/material';
({
moduleId: module.id,
selector: 'dialog-a11y',
templateUrl: 'dialog-a11y.html',
styleUrls: ['dialog-a11y.css'],
})
export class DialogAccessibilityDemo {
fruitSelectedOption: string = '';
constructor(public dialog: MatDialog) {}
openFruitDialog() {
let dialogRef = this.dialog.open(DialogFruitExampleDialog);
dialogRef.afterClosed().subscribe(result => {
this.fruitSelectedOption = result;
});
}
openWelcomeDialog() {
this.dialog.open(DialogWelcomeExampleDialog);
}
openNeptuneDialog() {
this.dialog.open(DialogNeptuneExampleDialog);
}
openAddressDialog() {
this.dialog.open(DialogAddressFormDialog);
}
}
({
moduleId: module.id,
selector: 'dialog-fruit-a11y',
templateUrl: 'dialog-fruit-a11y.html'
})
export class DialogFruitExampleDialog {}
({
moduleId: module.id,
selector: 'dialog-welcome-a11y',
templateUrl: 'dialog-welcome-a11y.html'
})
export class DialogWelcomeExampleDialog {}
({
moduleId: module.id,
selector: 'dialog-neptune-a11y-dialog',
templateUrl: './dialog-neptune-a11y.html'
})
export class DialogNeptuneExampleDialog {
constructor(public dialog: MatDialog) { }
showInStackedDialog() {
this.dialog.open(DialogNeptuneIFrameDialog);
}
}
({
moduleId: module.id,
selector: 'dialog-neptune-iframe-dialog',
styles: [
`iframe {
width: 800px;
}`
],
templateUrl: './dialog-neptune-iframe-a11y.html'
})
export class DialogNeptuneIFrameDialog {}
({
moduleId: module.id,
selector: 'dialog-address-form-a11y',
templateUrl: 'dialog-address-form-a11y.html'
})
export class DialogAddressFormDialog {}