v1.0.0-rc.1

• Export all components with no prefix i.e. import { Button } instead of import { AuiButton }

• Register all components with va- prefix instead of aui- to avoid conflicts with AUI webcomponents

• va-toggle not doesn't require provided id attribute

• select2 syntax simplified. New syntax: <va-select2> and <va-select2 multiple>

• Clean up va-inline-dialog events to support syncable open prop.

All old usages are deprecated but will work.

v0.15.11

• Buttons now properly delegate native mouse events so .native modifier is no longer necessary
• Dialog 2
  • Styles have been updated to work nicely with AUI 7
  • Add support for AUI predefined dialog sizes: small, medium, large and xlarge
  • Add support for warning prop to show red dialog
  • Add API to show detached dialogs programmatically on the glass
• Various build fixes and simplifications

v0.15.3

• Replace the Inline Dialog fix with a pure CSS solution for better compatibility

v0.15.2

• Fix for tooltip not updating after changing the text value

v0.15.1

• Fixed regression in Select2 component when using a query function

v0.15.0

Added va-inline-dialog component.

v0.14.1

• Add aui-message component

v0.14.0

• Select2 options now work both with String and Number values
• Added new AuiTooltip directive

Documentation

• Updated to AUI 7.4

v0.13.1

Fix broken lib export

v0.13.0

Custom templating of select2 items via scoped slots

To keep Select 2 API, implemented options are formatResult and formatSelection. To use the full power of Vue instead of providing text value you should rather create Vue scoped slots with those names. To render more sophisticated templates just pass extra data object using data prop. value and text props are also accessible in the scoped slot. Both multi and single selects are supported.

<aui-select2-single v-model="color">

  <span slot="formatResult" slot-scope="option">
    <span :style="{backgroundColor: option.data.rgb}" class="color-picker-item"></span>
    <span>{{option.value}}</span>
  </span>
  <span slot="formatSelection" slot-scope="option">
    <span>{{option.value}} ({{option.data.rgb}})</span>
  </span>

  <aui-select2-option value="Blue" :data="{rgb: '#3572b0'}"></aui-select2-option>
  <aui-select2-option value="Green" :data="{rgb: '#14892c'}"></aui-select2-option>
  <aui-select2-option value="Red" :data="{rgb: '#d04437'}"></aui-select2-option>

</aui-select2-single>