2.0.0-alpha.53

2.0.0-alpha.53 (2016-01-28)

Features

• Normalize how ion-item and inner inputs/avatars/icons/etc are written
• Only one type of ion-item, rather than every input also having a similar structure
• Multiple inputs can be placed inside of an ion-item
• Allow avatars/thumbnails/icons next to checkbox/radio/toggle/select/input
• Inputs can be stand-alone components, and not required within an ion-item

Breaking Changes

• Inputs are now placed inside of ion-item
• Inputs do not come with their own label
• ion-item-content has been replaced with ion-label
• Label attributes are placed on ion-label rather than ion-input
• Native HTML <input> and <textarea> should not be used in items, but instead <ion-input> and <ion-textarea>

Text Input Refactor

Was:

<ion-input>
  <ion-label>Email</ion-label>
  <input type="email">
</ion-input>

<ion-input>
  <ion-label>Comments</ion-label>
  <textarea></textarea>
</ion-input>

Now:

<ion-item>
  <ion-label>Email</ion-label>
  <ion-input type="email"></ion-input>
</ion-item>

<ion-item>
  <ion-label>Comments</ion-label>
  <ion-textarea></ion-textarea>
</ion-item>

Checkbox Refactor

Was:

  <ion-checkbox [(ngModel)]="data">
    My Checkbox
  </ion-checkbox>

Now:

  <ion-item>
    <ion-label>My Checkbox</ion-label>
    <ion-checkbox [(ngModel)]="data"></ion-checkbox>
  </ion-item>

Radio Button Refactor

Was:

<ion-list radio-group [(ngModel)]="data">

  <ion-list-header>
    Auto Manufacturers
  </ion-list-header>

  <ion-radio value="cord">
    Cord
  </ion-radio>

  <ion-radio value="duesenberg" checked="true">
    Duesenberg
  </ion-radio>

  <ion-radio value="hudson">
    Hudson
  </ion-radio>

</ion-list>

Now:

<ion-list radio-group [(ngModel)]="data">

  <ion-list-header>
    Auto Manufacturers
  </ion-list-header>

  <ion-item>
    <ion-label>Cord</ion-label>
    <ion-radio value="cord"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>Duesenberg</ion-label>
    <ion-radio value="duesenberg" checked="true"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>Hudson</ion-label>
    <ion-radio value="hudson"></ion-radio>
  </ion-item>

</ion-list>

Select Refactor

Was:

  <ion-select [(ngModel)]="gender">
    <ion-label>Gender</ion-label>
    <ion-option value="f" checked="true">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>

Now:

  <ion-item>
    <ion-label>Gender</ion-label>
    <ion-select [(ngModel)]="gender">
      <ion-option value="f" checked="true">Female</ion-option>
      <ion-option value="m">Male</ion-option>
    </ion-select>
  <ion-item>

Toggle Refactor

Was:

  <ion-toggle [(ngModel)]="data">
    My Toggle
  </ion-toggle>

Now:

  <ion-item>
    <ion-label>My Toggle</ion-label>
    <ion-toggle [(ngModel)]="data"></ion-toggle>
  </ion-item>

Label Attribute Refactor

Was:

<ion-input fixed-label>
  <ion-label>Username</ion-label>
  <input type="text">
</ion-input>

<ion-input floating-label>
  <ion-label>Email</ion-label>
  <input type="email">
</ion-input>

Now:

<ion-input>
  <ion-label fixed>Username</ion-label>
  <ion-input></ion-input>
</ion-input>

<ion-input>
  <ion-label floating>Email</ion-label>
  <ion-input type="email"></ion-input>
</ion-input>

misc

• Code and syntax highlighting in markdown (8cb2b4d)
• Merge pull request #5217 from manucorporat/2.0 (e1b514d)

chore

• chore(changelog): label attr refactor (ca6eef9)
• chore(changelog): updates for alpha.53 (47806dc)
• chore(package): don't increment version in gulp package (ab4c7c3)
• chore(snapshot): update snapshot to run all tests (cb7a358)

docs

• docs(): hide methods not requiring docs (dbc681f)
• docs(): update for alpha52 (cefc305)
• docs(blur): hide docs for blur (4435451)
• docs(demos): clean up blur demo (779a494)
• docs(demos): clean up nav-push-pop (4eadc78)
• docs(demos): fix scroll demo to use correct attributes (4df4afd)
• docs(demos): prettify ShowWhen demo (aca9ea6)
• docs(demos): prettify config some more and add another page - fix back button icon (e982c69)
• docs(demos): prettify nav params demo (58dfa3d)
• docs(demos): prettify the config demo (a8bc0d2)
• docs(demos): prettify the hide-when demo (a676d7d)
• docs(demos): prettify the platform demo (b933029)
• docs(demos): prettifying local-storage demo (8bc853f)
• docs(demos): prettifying modal demo (95d03ca)
• docs(demos): prettifying some more local-storage (2d691b0)
• docs(demos): remove attr from docs (047a939)
• docs(demos): remove unused demos (c68da33), closes #5216
• docs(demos): remove unused demos (e50eb89), closes #5216
• docs(demos): update demos to latest alpha (59c62a0)
• docs(demos): update demos with item-refactor (d7dec0a)
• docs(demos): update menu demo to use menuClose attribute (e7fe7e4)
• docs(toolbar): add subheader and footer examples (d971f3e), closes #5174 #5063
• docs(toolbar): clean up docs (18eb967)

feat

• feat(checkbox): stand-alone checkbox components (6890532)
• feat(select): emit change and select events (e19d4e3), closes #5219
• feat(util): add margin attributes (e22ccf4)

fix

• fix(alert): add z-index and border-radius to fix ripple (5b0d60d), closes #5203
• fix(blur): fix blur directive so it adds the filter and add a test (4af0e41)
• fix(input): change next input imports (70a9eb3)
• fix(input): checked attr can be an empty string or no value (e76b559)
• fix(input): clean up CSS on inputs and labels (2fc9753)
• fix(input): fix floating label on blur w/ value (5d4a8fe)
• fix(input): fix floating/stacked label relocate (ad7885f)
• fix(input): update input css/tests (42f6b10)
• fix(label): fix label for item and inputs by adding flex back (3cbbfdc)
• fix(label): remove left margin for md labels in items (3be8952)
• fix(menu): fix right side menu - platform becomes _platform (0b0500d), closes #5147
• fix(radio): allow radios to check even without values (f20ae8f)
• fix(radio): prevent multiple radio buttons from being checked (334fb3c)
• fix(scroll): add pull to refresh Sass back to core component (adce1e5)
• fix(scroll): canOverscroll was set to false which prevented PTR from ever working (e4b2006)
• fix(searchbar): modify height on the input to fix it on Canary (e672de5), closes #5176
• fix(select): fix select disabled state (eb03159)
• fix(select): update text on ngModel change (0a04522)
• fix(slides): convert loop attribute to a boolean and index to a number before passing to slides (de9a986), closes #5189

refactor

• refactor(input): break apart input source files (aea2217)
• refactor(input): place inputs inside of ion-item (b3a7298)

release

• release: 2.0.0-alpha.53 (9a78d68)

test

• test(input): add test to reproduce a floating label bug (c1fbbb1)
• test(list): add some markup for checkboxes and avatars (e568eb9)
• test(list): fix toggle to represent new ion-item (58d994b)
• test(radio): add e2e test for radios with no value (f79a121)