vue-material/docs/changelog.html

<section>
  <h2 class="md-headline">
    <a href="https://vuematerial.github.io/">v0.6.3 - Standalone fixes</a>
  </h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>fix broken standalone build <a href="https://github.com/marcosmoura/vue-material/issues/312" target="_blank" rel="noopener">#312</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
  </ul>

  <p>Sorry about so many updates!</p>
</section>

<section>
  <h2 class="md-headline">
    <a href="https://vuematerial.github.io/v0.6.2">v0.6.2 - Webpack fixes</a>
  </h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>fix alias for webpack <a href="https://github.com/marcosmoura/vue-material/issues/311" target="_blank" rel="noopener">#311</a></li>
  </ul>
</section>

<section>
  <h2 class="md-headline">
    <a href="https://vuematerial.github.io/v0.6.1">v0.6.1 - Hotfixes</a>
  </h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>fix bundle removing internal components at build time <a href="https://github.com/marcosmoura/vue-material/issues/273" target="_blank" rel="noopener">#273</a> <a href="https://github.com/marcosmoura/vue-material/issues/309" target="_blank" rel="noopener">#309</a></li>
    <li>fix md-icon-button with pallete colors inside cards <a href="https://github.com/marcosmoura/vue-material/issues/307" target="_blank" rel="noopener">#307</a></li>
  </ul>
</section>

<section>
  <h2 class="md-headline">
    <a href="https://vuematerial.github.io/v0.6.0">v0.6.0 - New components and Improved performance</a>
  </h2>

  <h3 class="md-title">New Components:</h3>
  <ul>
    <li>Chips</li>
    <li>File</li>
    <li>Image Loader</li>
    <li>Progress</li>
    <li>Snackbar</li>
  </ul>

  <h3 class="md-title">New Features:</h3>
  <ul>
    <li>
      <h4 class="md-body-2">SVG and PNG ICONS!!!</h4>
      <p>Another long time requested feature. Use external SVG icons inside the md-icon component with a lazy load and cache features.</p>
    </li>

    <li>
      <h4 class="md-body-2">New icon sizes</h4>
      <p>1x, 2x, 3x, 4x or 5x. Choose your icon size!</p>
    </li>

    <li>
      <h4 class="md-body-2">New ripple component</h4>
      <p>A more performant ripple component with great support for touch devices.</p>
    </li>

    <li>
      <h4 class="md-body-2">Disable ripple globally</h4>
      <p>If you don't want that extra effect you can disable the ripple globally calling the API. Just follow the <a href="/#/components/ink-ripple">guide</a>.</p>
    </li>

    <li>
      <h4 class="md-body-2">Reduced file size</h4>
      <p>Now Vue Material is ~20% lighter</p>
    </li>

    <li>
      <h4 class="md-body-2">Responsive md-offset on md-layout</h4>
      <p>md-flex-offset-{type}</p>
    </li>

    <li>
      <h4 class="md-body-2">New md-layout alignment options with md-align</h4>
      <p>Apply an alignment to the container. Accepts <code>start</code>|<code>center</code>|<code>end</code> Example: <code>md-align="end"</code></p>
    </li>
  </ul>

  <h3 class="md-title">Breaking changes:</h3>
  <ul>
    <li>
      <p>The old v-md-ink-ripple is now removed</p>
    </li>
  </ul>

  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>recalculate indicator tab when parent changes <a href="https://github.com/marcosmoura/vue-material/issues/258" target="_blank" rel="noopener">#258</a></li>
    <li>fix md-input-container not reseting when model is null <a href="https://github.com/marcosmoura/vue-material/issues/277" target="_blank" rel="noopener">#277</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
    <li>fix expansion lists size on resize <a href="https://github.com/marcosmoura/vue-material/issues/278" target="_blank" rel="noopener">#278</a></li>
    <li>set empty file when click on cancel button in md-file <a href="https://github.com/marcosmoura/vue-material/issues/290" target="_blank" rel="noopener">#290</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">
    <a href="https://vuematerial.github.io/v0.5.1">v0.5.2 - Bugfixes</a>
  </h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>add cdn references to docs</li>
    <li>fix card expand negative margin</li>
    <li>split documentation pages into multiple bundles</li>
    <li>remove menu scroll <a href="https://github.com/marcosmoura/vue-material/issues/242" target="_blank" rel="noopener">#242</a></li>
    <li>rename sidenav show method to open <a href="https://github.com/marcosmoura/vue-material/issues/238" target="_blank" rel="noopener">#238</a></li>
    <li>fire "selected" event when select changes <a href="https://github.com/marcosmoura/vue-material/issues/230" target="_blank" rel="noopener">#230</a></li>
    <li>fix grey/white theme colors <a href="https://github.com/marcosmoura/vue-material/issues/233" target="_blank" rel="noopener">#233</a></li>
    <li>improve the icon component documentation <a href="https://github.com/marcosmoura/vue-material/issues/226" target="_blank" rel="noopener">#226</a> (Thanks to <a href="https://github.com/Nicolapps" target="_blank" rel="noopener">@Nicolapps</a>)</li>
    <li>fix mdTheme.vue filename case <a href="https://github.com/marcosmoura/vue-material/issues/252" target="_blank" rel="noopener">#252</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
    <li>fix version selector <a href="https://github.com/marcosmoura/vue-material/issues/240" target="_blank" rel="noopener">#240</a></li>
    <li>check initial value for multiple selects <a href="https://github.com/marcosmoura/vue-material/issues/245" target="_blank" rel="noopener">#245</a></li>
    <li>watch for dom changes on tab parent <a href="https://github.com/marcosmoura/vue-material/issues/248" target="_blank" rel="noopener">#248</a></li>
    <li>remove menu theming <a href="https://github.com/marcosmoura/vue-material/issues/253" target="_blank" rel="noopener">#253</a></li>
  </ul>
</section>

<section>
  <h2 class="md-headline">
    <a href="https://vuematerial.github.io/v0.5.1">v0.5.1 - Bugfixes</a>
  </h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>remove invalid toggle option for expansion list <a href="https://github.com/marcosmoura/vue-material/issues/215" target="_blank" rel="noopener">#215</a></li>
    <li>revert demo code for layout page <a href="https://github.com/marcosmoura/vue-material/issues/216" target="_blank" rel="noopener">#216</a></li>
    <li>fix docs not scrolling on firefox <a href="https://github.com/marcosmoura/vue-material/issues/218" target="_blank" rel="noopener">#218</a></li>
    <li>fix vue material instance on non commonjs env <a href="https://github.com/marcosmoura/vue-material/issues/220" target="_blank" rel="noopener">#220</a></li>
    <li>recalculate the expansion element if a child is added</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.5.0 - New Grid System Engine!</h2>

  <h3 class="md-title">New Components:</h3>
  <ul>
    <li>Theme</li>
    <li>Layout</li>
    <li>Spinner</li>
  </ul>
  <p>The long time requested feature is here! Vue Material has a new and easy-to-use Grid System. Enjoy!</p>

  <h3 class="md-title">Breaking changes:</h3>
  <p>The first breaking change we never forget. The themes engine has changed and it's more simple now. This change make the themes reactive to make the themes dynamic using the theme component or the API. The performance of the engine is waaay better and the theme styles are now fixed and have a better scope.</p>
  <p>Check all theme changes in the new <a href="#/themes/configuration">themes section</a> inside the documentation website. There are some changes in the theme API:</p>

  <h5 class="md-body-2">v-md-theme directive removed</h5>
  <p>The <code>v-md-theme</code> do not exists anymore and should be replaced by the brand new <code>&lt;md-theme&gt;</code> component.</p>

  <h5 class="md-body-2">Register method renamed</h5>
  <p><code>Vue.material.theme.register</code> changed to <code>Vue.material.registerTheme</code>. This will make the API smore simple and easy to write.</p>

  <h5 class="md-body-2">Register All removed</h5>
  <p><code>Vue.material.theme.registerAll</code> was removed. The <code>Vue.material.registerTheme</code> function now accepts a object:</p>
  <pre>
Vue.material.registerTheme('about', {
  primary: {
    color: 'indigo',
    hue: 'A200'
  },
  accent: {
    color: 'grey',
    hue: 300
  }
})
  </pre>

  <h5 class="md-body-2">No need to use a default theme</h5>
  <p>Vue Material now comes with a default theme, according with the specifications.</p>

  <h5 class="md-body-2">Applying other themes as the default (A.K.A. dynamic themes)</h5>
  <p>There is a new function to set the theme of you application dynamically:</p>
  <pre>
Vue.material.setCurrentTheme('about')
  </pre>

  <h3 class="md-title">New:</h3>
  <ul>
    <li>pass $event to on click inside md-list-item <a href="https://github.com/marcosmoura/vue-material/issues/175" target="_blank" rel="noopener">#175</a></li>
    <li>add support for theming on Cards <a href="https://github.com/marcosmoura/vue-material/issues/173" target="_blank" rel="noopener">#173</a></li>
    <li>add md-tooltip for tabheader <a href="https://github.com/marcosmoura/vue-material/issues/171" target="_blank" rel="noopener">#171</a></li>
  </ul>

  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>adjust menu offset position when scroll is present <a href="https://github.com/marcosmoura/vue-material/issues/180" target="_blank" rel="noopener">#180</a></li>
  </ul>

  <small>* Also it's not possible to see the code from previous version due to a change in the build system.</small>
</section>

<section>
  <h2 class="md-headline">v0.4.3 - Bugfixes</h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>fix releases tree, load versions and changelog externaly</li>
    <li>fix build structure</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.4.2 - Bugfixes</h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>fix switch not updating state after value change <a href="https://github.com/marcosmoura/vue-material/issues/200" target="_blank" rel="noopener">#200</a></li>
    <li>fix dialog with input closing after typing <a href="https://github.com/marcosmoura/vue-material/issues/183" target="_blank" rel="noopener">#183</a></li>
    <li>fix tooltip errors in console <a href="https://github.com/marcosmoura/vue-material/issues/188" target="_blank" rel="noopener">#188</a></li>
    <li>fix value in select with option with v-if <a href="https://github.com/marcosmoura/vue-material/issues/198" target="_blank" rel="noopener">#198</a></li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.4.1 - Bugfixes</h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>create custom tags in whiteframe component <a href="https://github.com/marcosmoura/vue-material/issues/169" target="_blank" rel="noopener">#169</a></li>
    <li>fix undefined object.values method and emit @change event <a href="https://github.com/marcosmoura/vue-material/issues/167" target="_blank" rel="noopener">#167</a> <a href="https://github.com/marcosmoura/vue-material/issues/165" target="_blank" rel="noopener">#165</a> (Thanks to <a href="https://github.com/jtouzy" target="_blank" rel="noopener">@jtouzy</a>)</li>
    <li>add reference of currentPage in mdTablePagination <a href="https://github.com/marcosmoura/vue-material/issues/163" target="_blank" rel="noopener">#163</a> (Thanks to <a href="https://github.com/jonataswalker" target="_blank" rel="noopener">@jonataswalker</a>)</li>
    <li>add scrollbar behaviour in dialog content <a href="https://github.com/marcosmoura/vue-material/issues/161" target="_blank" rel="noopener">#161</a></li>
    <li>resize textarea when a value change <a href="https://github.com/marcosmoura/vue-material/issues/160" target="_blank" rel="noopener">#160</a></li>
    <li>fix disabled selects being selectable <a href="https://github.com/marcosmoura/vue-material/issues/159" target="_blank" rel="noopener">#159</a></li>
    <li>add code sample to switch <a href="https://github.com/marcosmoura/vue-material/issues/157" target="_blank" rel="noopener">#157</a> (Thanks to <a href="https://github.com/vuchl" target="_blank" rel="noopener">@vuchl</a>)</li>
    <li>fix tooltip not being removed <a href="https://github.com/marcosmoura/vue-material/issues/156" target="_blank" rel="noopener">#156</a></li>
    <li>update prompt code example to be a prompt <a href="https://github.com/marcosmoura/vue-material/issues/150" target="_blank" rel="noopener">#150</a> (Thanks to <a href="https://github.com/vuchl" target="_blank" rel="noopener">@vuchl</a>)</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.4.0 - New Documentation Website</h2>
  <h3 class="md-title">New Documentation:</h3>
  <ul>
    <li>Better Getting started</li>
    <li>Themes guide</li>
    <li>Version selector</li>
    <li>API Guide</li>
    <li>Better Examples</li>
  </ul>

  <h3 class="md-title">New Components:</h3>
  <ul>
    <li>Dialog</li>
  </ul>

  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>fix shadow transition inside menus <a href="https://github.com/marcosmoura/vue-material/issues/141" target="_blank" rel="noopener">#141</a> <a href="https://github.com/marcosmoura/vue-material/issues/129" target="_blank" rel="noopener">#129</a></li>
    <li>fix table row not watching item <a href="https://github.com/marcosmoura/vue-material/issues/116" target="_blank" rel="noopener">#116</a> <a href="https://github.com/marcosmoura/vue-material/issues/113" target="_blank" rel="noopener">#113</a></li>
    <li>add href support for mdBottomBar <a href="https://github.com/marcosmoura/vue-material/issues/121" target="_blank" rel="noopener">#121</a></li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.3.3 - Bugfixes</h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>Fix regression on inputs getting wrong value after manual update <a href="https://github.com/marcosmoura/vue-material/issues/101" target="_blank" rel="noopener">#101</a> <a href="https://github.com/marcosmoura/vue-material/issues/100" target="_blank" rel="noopener">#100</a> <a href="https://github.com/marcosmoura/vue-material/issues/96" target="_blank" rel="noopener">#96</a></li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.3.2 - Bugfixes</h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>Fix babel export default module.exports <a href="https://github.com/marcosmoura/vue-material/issues/92" target="_blank" rel="noopener">#92</a></li>
    <li>Fix tooltips jumping when screen resize <a href="https://github.com/marcosmoura/vue-material/issues/85" target="_blank" rel="noopener">#85</a></li>
    <li>Fix table not getting instance <a href="https://github.com/marcosmoura/vue-material/issues/91" target="_blank" rel="noopener">#91</a> <a href="https://github.com/marcosmoura/vue-material/issues/88" target="_blank" rel="noopener">#88</a></li>
    <li>Fix regression on password review <a href="https://github.com/marcosmoura/vue-material/issues/95" target="_blank" rel="noopener">#95</a></li>
    <li>Fix input getting wrong value after manual update <a href="https://github.com/marcosmoura/vue-material/issues/100" target="_blank" rel="noopener">#100</a> <a href="https://github.com/marcosmoura/vue-material/issues/96" target="_blank" rel="noopener">#96</a></li>
    <li>Use the internal value of md-input to set the value of the container <a href="https://github.com/marcosmoura/vue-material/pull/97" target="_blank" rel="noopener">#97</a> (Thanks to <a href="https://github.com/Cabbaggio" target="_blank" rel="noopener">@Cabbaggio</a>)</li>
    <li>Add material.debug.js to dist folder <a href="https://github.com/marcosmoura/vue-material/pull/90" target="_blank" rel="noopener">#90</a> (Thanks to <a href="https://github.com/pauloramires" target="_blank" rel="noopener">@pauloramires</a>)</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.3.1 - Bugfixes</h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>md-select not being reactive <a href="https://github.com/marcosmoura/vue-material/issues/74" target="_blank" rel="noopener">#74</a></li>
    <li>Fix components not being updated inside v-once <a href="https://github.com/marcosmoura/vue-material/issues/69" target="_blank" rel="noopener">#69</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></li>
    <li>Fix input number not accepting numbers <a href="https://github.com/marcosmoura/vue-material/issues/67" target="_blank" rel="noopener">#67</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></li>
    <li>Fix md-input-container crashing when the select value is null <a href="https://github.com/marcosmoura/vue-material/issues/64" target="_blank" rel="noopener">#64</a></li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.3.0 - Huge Release</h2>
  <h3 class="md-title">New Components:</h3>
  <ul>
    <li>Data Table</li>
    <li>Menu</li>
    <li>Select with multiple selection</li>
  </ul>

  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>md-input not reactive when initial value empty <a href="https://github.com/marcosmoura/vue-material/issues/40" target="_blank" rel="noopener">#40</a></li>
    <li>md-textarea with maxlength not writable <a href="https://github.com/marcosmoura/vue-material/issues/43" target="_blank" rel="noopener"></a>#43</li>
    <li>Do not style scrollbars by default <a href="https://github.com/marcosmoura/vue-material/issues/46" target="_blank" rel="noopener">#46</a></li>
    <li>SELECT component: display issue in IE11 <a href="https://github.com/marcosmoura/vue-material/issues/34" target="_blank" rel="noopener">#34</a></li>
    <li>Select component popup shows behind other components <a href="https://github.com/marcosmoura/vue-material/issues/26" target="_blank" rel="noopener">#26</a></li>
    <li>md-select text vs value <a href="https://github.com/marcosmoura/vue-material/issues/24" target="_blank" rel="noopener"></a>#24</li>
    <li>md-button ignores type prop <a href="https://github.com/marcosmoura/vue-material/issues/41" target="_blank" rel="noopener">#41</a> (Thanks to <a href="https://github.com/pauloramires" target="_blank" rel="noopener">@pauloramires</a>)</li>
    <li>md-select displaying selected text (rather than value) <a href="https://github.com/marcosmoura/vue-material/issues/36" target="_blank" rel="noopener">#36</a></li>
    <li>Added 'type' props to switch button <a href="https://github.com/marcosmoura/vue-material/pull/27" target="_blank" rel="noopener">#27</a> (Thanks to <a href="https://github.com/guillaumerxl" target="_blank" rel="noopener">@guillaumerxl</a>)</li>
    <li>Add babel-cli as dev dependency <a href="https://github.com/marcosmoura/vue-material/pull/28" target="_blank" rel="noopener">#28</a> (Thanks to <a href="https://github.com/lucassouza1" target="_blank" rel="noopener">@lucassouza1</a>)</li>
    <li>Remove dotted outline around button in firefox <a href="https://github.com/marcosmoura/vue-material/pull/52" target="_blank" rel="noopener">#52</a> (Thanks to <a href="https://github.com/yeknava" target="_blank" rel="noopener">@yeknava</a>)</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.2.0 - New components</h2>
  <h3 class="md-title">New Components:</h3>
  <ul>
    <li>Cards</li>
  </ul>

  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>Add Roboto font and google icons to the docs <a href="https://github.com/marcosmoura/vue-material/commit/421ce7bb21a1489c8f98ee12d0d525eec6b0ee12" target="_blank" rel="noopener">421ce7b</a></li>
    <li>Explains better how to install and configure vue-material <a href="https://github.com/marcosmoura/vue-material/commit/cc43985fc1d30403a7c95bfeb2dc38bbcc1acb9e" target="_blank" rel="noopener">cc43985</a></li>
    <li>Emit change &amp; input events from mdTextarea <a href="https://github.com/marcosmoura/vue-material/commit/b474af9fd8d5f4563914e5aae47d14b7c8c62fb2" target="_blank" rel="noopener">b474af9</a> (Thanks to <a href="https://github.com/jvanbrug" target="_blank" rel="noopener">@jvanbrug</a>)</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.1.2 - Bugfixes</h2>
  <h3 class="md-title">Fixes:</h3>
  <ul>
    <li>Fixed tooltips on Firefox</li>
    <li>Misaligned icons inside buttons on Firefox</li>
    <li>Documentation fixes</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.1.1 - Bugfixes</h2>
  <h3 class="md-title">Changes:</h3>
  <ul>
    <li>Bugfixes</li>
    <li>Firefox support</li>
    <li>Initial documentation</li>
  </ul>
</section>

<section>
  <h2 class="md-headline">v0.1.0 - Initial Release</h2>
  <h3 class="md-title">New Components:</h3>
  <ul>
    <li>Avatar</li>
    <li>Bottom Bar</li>
    <li>Button</li>
    <li>Button Toggle</li>
    <li>Checkbox</li>
    <li>Divider</li>
    <li>Icon</li>
    <li>Input</li>
    <li>List</li>
    <li>Radio</li>
    <li>Select</li>
    <li>Sidenav</li>
    <li>Subheader</li>
    <li>Switch</li>
    <li>Tabs</li>
    <li>Toolbar</li>
    <li>Tooltip</li>
    <li>Whiteframe</li>
  </ul>

  <h3 class="md-title">UI Elements:</h3>
  <ul>
    <li>Themes</li>
    <li>Typography</li>
    <li>Fluid Media</li>
    <li>Custom Scrollbar</li>
    <li>Selection Styles</li>
  </ul>
</section>