javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(all): enable strictPropertyInitialization

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-04-19 18:48:38 +02:00
parent 78bd146ad2
commit 4ea8881f33
129 changed files with 1513 additions and 1664 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/src/components/segment-button/segment-button.tsx
View File

@ -1,5 +1,6 @@
import { Component, Element, Event, EventEmitter, Prop } from '@stencil/core';
import { createThemedClasses, getElementClassMap } from '../../utils/theme';
import { Mode } from '../..';
let ids = 0;
@ -13,7 +14,7 @@ let ids = 0;
export class SegmentButton {
styleTmr: any;
@Element() private el: HTMLElement;
@Element() el!: HTMLElement;
@Prop({ mutable: true }) activated = false;
@ -21,13 +22,13 @@ export class SegmentButton {
* The color to use for the text color.
* Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
@Prop() color: string;
@Prop() color!: string;
/**
* The mode determines which platform styles to use.
* Possible values are: `"ios"` or `"md"`.
*/
@Prop() mode: 'ios' | 'md';
@Prop() mode!: Mode;
/**
* If true, the segment button is selected. Defaults to `false`.
@ -43,20 +44,20 @@ export class SegmentButton {
* Contains a URL or a URL fragment that the hyperlink points to.
* If this property is set, an anchor tag will be rendered.
*/
@Prop() href: string;
@Prop() href?: string;
/**
* The value of the segment button.
*/
@Prop({ mutable: true }) value: string;
@Prop({ mutable: true }) value!: string;
/**
* Emitted when the segment button is clicked.
*/
@Event() ionClick: EventEmitter;
@Event() ionClick!: EventEmitter;
componentWillLoad() {
if (!this.value) {
if (this.value === undefined) {
this.value = `ion-sb-${ids++}`;
}
}