javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(all): color/mode inputs are not longer needed

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2017-03-21 23:50:09 +01:00
committed by Manuel Mtz-Almeida
parent 7cee7b0eaf
commit 7272b5a42a
29 changed files with 42 additions and 531 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/badge/badge.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -16,26 +16,6 @@ import { Ion } from '../ion';
})
export class Badge extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'badge');
}

22
src/components/card/card-content.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -11,26 +11,6 @@ import { Ion } from '../ion';
})
export class CardContent extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'card-content');
}

22
src/components/card/card-header.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -11,26 +11,6 @@ import { Ion } from '../ion';
})
export class CardHeader extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'card-header');
}

22
src/components/card/card-title.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -11,26 +11,6 @@ import { Ion } from '../ion';
})
export class CardTitle extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'card-title');
}

22
src/components/card/card.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -12,26 +12,6 @@ import { Ion } from '../ion';
})
export class Card extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'card');
}

20
src/components/checkbox/checkbox.ts
View File

@@ -86,26 +86,6 @@ export class Checkbox extends Ion implements IonicTapInput, AfterContentInit, Co
/** @hidden */
id: string;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @output {Checkbox} Emitted when the checkbox value changes.
*/

22
src/components/chip/chip.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -95,26 +95,6 @@ import { Ion } from '../ion';
})
export class Chip extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'chip');
}

10
src/components/datetime/datetime.ts
View File

@@ -421,16 +421,6 @@ export class DateTime extends Ion implements AfterContentInit, ControlValueAcces
*/
@Input() placeholder: string = '';
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @output {any} Emitted when the datetime selection has changed.
*/

23
src/components/fab/fab.ts
View File

@@ -1,4 +1,4 @@
import { Component, Input, ChangeDetectionStrategy, ElementRef, Renderer, ViewEncapsulation } from '@angular/core';
import { Component, ChangeDetectionStrategy, ElementRef, Renderer, ViewEncapsulation } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -61,26 +61,6 @@ import { Ion } from '../ion';
})
export class FabButton extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(
config: Config,
elementRef: ElementRef,
@@ -89,7 +69,6 @@ export class FabButton extends Ion {
super(config, elementRef, renderer, 'fab');
}
/**
* @hidden
*/

23
src/components/icon/icon.ts
View File

@@ -56,29 +56,6 @@ export class Icon extends Ion {
/** @hidden */
_css: string = '';
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
get color(): string {
return this._color;
}
set color(value: string) {
this._setColor(value);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(
config: Config,
elementRef: ElementRef,

10
src/components/input/input.ts
View File

@@ -253,16 +253,6 @@ export class TextInput extends Ion implements IonicFormInput {
this._readonly = isTrueProperty(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @input {boolean} If true, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `"password"`, `false` for all other types.
*/

28
src/components/ion.ts
View File

@@ -1,4 +1,4 @@
import { ElementRef, Renderer } from '@angular/core';
import { ElementRef, Renderer, Input } from '@angular/core';
import { Config } from '../config/config';
@@ -27,6 +27,32 @@ export class Ion {
/** @hidden */
_componentName: string;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
get color(): string {
return this._color;
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
get mode(): string {
return this._mode;
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer, componentName?: string) {
this._config = config;
this._elementRef = elementRef;

22
src/components/item/item-divider.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Form } from '../../util/form';
@@ -15,26 +15,6 @@ import { Ion } from '../ion';
})
export class ItemDivider extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(form: Form, config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'item-divider');
}

22
src/components/item/item.ts
View File

@@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, ElementRef, Input, QueryList, Renderer, Optional, ViewChild, ViewEncapsulation } from '@angular/core';
import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, ElementRef, QueryList, Renderer, Optional, ViewChild, ViewEncapsulation } from '@angular/core';
import { Button } from '../button/button';
import { Config } from '../../config/config';
@@ -311,26 +311,6 @@ export class Item extends Ion {
*/
labelId: string = null;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._updateColor(val, this._name);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(
form: Form,
config: Config,

20
src/components/label/label.ts
View File

@@ -60,26 +60,6 @@ import { Ion } from '../ion';
export class Label extends Ion {
private _id: string;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @hidden
*/

22
src/components/list/list-header.ts
View File

@@ -1,4 +1,4 @@
import { Attribute, Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Attribute, Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -11,26 +11,6 @@ import { Ion } from '../ion';
})
export class ListHeader extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, renderer: Renderer, elementRef: ElementRef, @Attribute('id') private _id: string) {
super(config, elementRef, renderer, 'list-header');
}

10
src/components/list/list.ts
View File

@@ -62,16 +62,6 @@ export class List extends Ion {
super(config, elementRef, renderer, 'list');
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @input {boolean} If true, the sliding items will be enabled.
*/

20
src/components/navbar/navbar.ts
View File

@@ -86,26 +86,6 @@ export class Navbar extends ToolbarBase {
*/
_sbPadding: boolean;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @input {boolean} If true, the back button will be hidden.
*/

22
src/components/note/note.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -32,26 +32,6 @@ import { Ion } from '../ion';
})
export class Note extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'note');
}

10
src/components/radio/radio-button.ts
View File

@@ -104,16 +104,6 @@ export class RadioButton extends Ion implements IonicTapInput, OnDestroy, OnInit
}
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @output {any} Emitted when the radio button is selected.
*/

20
src/components/range/range.ts
View File

@@ -151,26 +151,6 @@ export class Range extends Ion implements AfterViewInit, ControlValueAccessor, O
*/
value: any;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @hidden
*/

21
src/components/searchbar/searchbar.ts
View File

@@ -54,6 +54,7 @@ import { TimeoutDebouncer } from '../../util/debouncer';
encapsulation: ViewEncapsulation.None
})
export class Searchbar extends Ion {
_value: string|number = '';
_shouldBlur: boolean = true;
_shouldAlignLeft: boolean = true;
@@ -66,26 +67,6 @@ export class Searchbar extends Ion {
_showCancelButton: boolean = false;
_animated: boolean = false;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor( val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode( val);
}
/**
* @input {string} Set the the cancel button text. Default: `"Cancel"`.
*/

20
src/components/segment/segment.ts
View File

@@ -74,26 +74,6 @@ export class Segment extends Ion {
*/
value: string;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode( val);
}
/**
* @output {Any} Emitted when a segment button has been changed.
*/

10
src/components/select/select.ts
View File

@@ -190,16 +190,6 @@ export class Select extends Ion implements AfterContentInit, ControlValueAccesso
*/
@Input() selectedText: string = '';
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @output {any} Emitted when the selection has changed.
*/

24
src/components/spinner/spinner.ts
View File

@@ -113,6 +113,7 @@ import { isTrueProperty } from '../../util/util';
encapsulation: ViewEncapsulation.None,
})
export class Spinner extends Ion {
_c: any[];
_l: any[];
_name: string;
@@ -120,29 +121,6 @@ export class Spinner extends Ion {
_init: boolean;
_paused: boolean = false;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
get color(): string {
return this._color;
}
set color(value: string) {
this._setColor(value);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @input {string} SVG spinner name.
*/

20
src/components/tabs/tabs.ts
View File

@@ -177,26 +177,6 @@ export class Tabs extends Ion implements AfterViewInit, RootNode {
/** @internal */
_resizeObs: any;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(value: string) {
this._setColor( value);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode( val);
}
/**
* @input {number} The default selected tab index when first loaded. If a selected index isn't provided then it will use `0`, the first tab.
*/

20
src/components/toggle/toggle.ts
View File

@@ -93,26 +93,6 @@ export class Toggle extends Ion implements IonicTapInput, AfterContentInit, Cont
/** @hidden */
id: string;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
/**
* @output {Toggle} Emitted when the toggle value changes.
*/

22
src/components/toolbar/toolbar.ts
View File

@@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, Component, ElementRef, Input, Optional, Renderer } from '@angular/core';
import { ChangeDetectionStrategy, Component, ElementRef, Optional, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { ViewController } from '../../navigation/view-controller';
@@ -113,26 +113,6 @@ export class Toolbar extends ToolbarBase {
/** @hidden */
_sbPadding: boolean;
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(
@Optional() viewCtrl: ViewController,
config: Config,

22
src/components/typography/typography.ts
View File

@@ -1,4 +1,4 @@
import { Directive, ElementRef, Input, Renderer } from '@angular/core';
import { Directive, ElementRef, Renderer } from '@angular/core';
import { Config } from '../../config/config';
import { Ion } from '../ion';
@@ -50,26 +50,6 @@ import { Ion } from '../ion';
})
export class Typography extends Ion {
/**
* @input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/v2/theming/theming-your-app).
*/
@Input()
set color(val: string) {
this._setColor(val);
}
/**
* @input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles).
*/
@Input()
set mode(val: string) {
this._setMode(val);
}
constructor(config: Config, elementRef: ElementRef, renderer: Renderer) {
super(config, elementRef, renderer, 'text');
}