# Buefy Changelog ## 0.7.8 ### New features * **New component: Steps**, [see docs](https://buefy.org/documentation/steps) (thanks @service-paradis) * Add ``label-position`` prop to field * Add ``full-screen`` prop to modal * Add ``enable-seconds`` prop to timepicker * Add ``years-range``, ``nearby-month-days``, ``nearby-selectable-month-days`` prop to datepicker ### Fixes * Fix timepicker and clockpicker force new Date object on ``input`` event * Fix #1450 clockpicker rounded style (thanks @atinybeardedman) * Fix #1455 margins to taginput (thanks @francoism90) * Fix #1460 long press click on plus/minus buttons to numberinput * Fix #1462 table column width when a column is toggled invisible and visible again (thanks @service-paradis) * Fix #1469 ``use-html5-validation`` prop to numberinput * Fix #1470 override ``label-weight`` Bulma variable * Fix #1480 cancelling long press on Chromium (thanks @yxngl) ## 0.7.7 ### New features * **Update Bulma to 0.7.5** * **Datepicker improved**: add month picker, [see docs](https://buefy.org/documentation/datepicker) * Add ``header-checkable`` prop to table * Add ``toggle`` method to datepicker * Add ``defaultDropdownMobileModal`` constructor option * Add ``validation-message`` prop to input (thanks @jankeesvw) * #1424 Prevent close on click when ``multiple`` dropdown ### Fixes * Fix #1150 dropdown z-index on mobile * Fix #1418 timepicker and clockpicker `input` event emit * Fix #1429 datepicker and timepicker exclusive opening * Fix #1433 timepicker default formatter and parser ## 0.7.6 ### New features * Add ``label`` slot to field (thanks @yxngl) * Add ``footer`` slot to autocomplete (thanks @LeoMouyna) * Add ``open-on-focus`` prop and improved accessibility for timepicker and clockpicker * Add ``multiple`` prop to dropdown ### Fixes * Fix #817 radio button off-center issue * Fix #1347, #1361 datepicker v-model and initial toggle * Fix #1351 tabs `is-disabled` css rule * Fix #1352 numberinput when empty string * Fix #1382 numberinput layout * Fix #1390 missing prop to dialog type * Fix #1402 radio button on IE11 (thanks @timEulitz) ## 0.7.5 ### New features * **New component: Numberinput**, [see docs](https://buefy.org/documentation/numberinput) * **Loading improved**: can show a custom content, [see docs](https://buefy.org/documentation/loading) * Add ``destroy-on-hide`` prop to tabs * Add ``custom-detail-row`` prop to table (thanks @EvanBarbour3) * Add ``open-on-focus`` prop and improved accessibility for datepicker (thanks @imfaber) ### Fixes * Fix #1320 space keydown on Firefox to checkbox and switch * Fix #1325 input emit to upload * Enable native timepicker to clockpicker when ``mobile-native`` (default ``true``) * Fix clockpicker docs and input size * Fix upload opening in IE 11 ## 0.7.4 ### New features * **New component: Button**, [see docs](https://buefy.org/documentation/button) * **New component: Clockpicker**, [see docs](https://buefy.org/documentation/clockpicker) (thanks @SharpSeeEr) * **Notification improved**: can show a notification programmatically, [see docs](https://buefy.org/documentation/notification) * Add ``custom-formatter`` prop to autocomplete * Add ``draggable`` prop to table (thanks @suneab) * Improve accessibility for notification, message and pagination (thanks @mateuswetah) ### Fixes * #956 Fix hidden overflow on tabs (thanks @Baggs) * #1246 Fix Cleave.js example using Vue 2.6.x (thanks @yxngl) * #1251 Fix Datepicker closing when page back to ``min-date`` month * #1257 Fix Datepicker slow/freeze on big year input * #1282 Fix Datepicker event display wich have a time set (thanks @DonNicoJs) * #1290 Fix double click event for CheckBox(Button) and Radio(Button) (thanks @yxngl) * Fix tabindex on switch (thanks @yxngl), radio (thanks @Sacmanxman2) and checkbox ## 0.7.3 ### New features * **Update Bulma to 0.7.4** * Add ``required`` prop to radio-button and checkbox-button * Add ``defaultModalCanCancel`` constructor options (thanks @quimarche) * Add ``typing`` event to autocomplete (thanks @adrlen) * Add ``native-autocomplete`` prop to taginput * Add support to [Font Awesome SVG component](https://www.npmjs.com/package/@fortawesome/vue-fontawesome) (thanks @rhwilr) * Add ``custom-key-row`` prop to table * Add ``defaultToastPosition`` and ``defaultSnackbarPosition`` constructor options * Improve accessibility for collapse and dropdown (thanks @mateuswetah) * Revert tab as confirm key code to taginput * #1233 Change left margin to right margin when spacing nested fields (thanks @yxngl) ### Fixes * #1177 Fix IE/Edge datepicker content size * #1216 Fix reset v-model when upload cancel * #1219 Fix modal ``width`` prop (thanks @yxngl) ## 0.7.2 ### New features * Add ``header`` autocomplete slot to taginput * Add ``required`` prop to switch * Add ``mobile-sort-placeholder`` prop to table * Add ``contextmenu`` event to table (thanks @gps-dev) * Add ``show-detail-icon`` prop to table and toggle row detail programmatically (thanks @omer2500) * Add ``use-html5-validation`` prop to form components and ``defaultUseHtml5Validation`` constructor options (thanks @lukio3) * #1164 Disable selecting row on checkbox click when table is ``checkable`` ### Fixes * Fix taginput when ``allow-new`` is enabled * Fix pagination order when simple * #1126 Fix init sort using columns table prop * #898, #1154 Fix browser autocomplete using multiple fields ## 0.7.1 ### New features * **Update Bulma to 0.7.2** * Add ``indeterminate`` prop to checkbox (thanks @guanzo) * #1029 Upgrade vue-test-utils to latest version (thanks @lordfuoco) * #1065 Add tab as confirm key code to taginput (thanks @williamabbott) * #1083 Add ``date-creator`` prop to datepicker (thanks @jonagoldman) ### Fixes * #1024 Fix upload SSR support * #1027 Fix ``icon-pack`` prop when individual components * #1040 Fix prevent radio with multi-line text from shrinking (thanks @rhwilr) * #1067 Fix IE 11 UI switch (thanks @patrickabkarian) * #1072 Fix sorting boolean fields ## 0.7.0 ### Breaking changes * Change path to import components to use outside main vue instance, like: ```javascript // see Toast, Snackbar, Modal and Dialog doc pages for more examples import { Toast } from 'buefy/dist/components/toast' Toast.open('Toasty!') ``` * Upload component accepts a single `File` and `Array` when multiple as ``v-model`` * Rename ``readonly`` to ``editable`` on datepicker and timepicker (now just use the prop without false value) * **Removed Panel component**, it was deprecated since 0.5.3 ### New features * Add ``closable`` prop to taginput (thanks @adrlen) * #970 Add Object type to ``type`` prop of field and icon ### Fixes * Updated timepicker style (it's a little smaller now) * #992 Fix table header disappear with pagination * #999 Fix ``size`` prop to datepicker and timepicker ## 0.6.7 ### New features * **Table improved**: can change columns dynamically * Add ``auto-close`` and ``duration`` props to message and notification * Add ``allow-duplicates`` prop to taginput * Add ``required`` prop to radio and checkbox * Add ``defaultInputHasCounter`` constructor options ### Fixes and changes * #839 Fix ``icon-pack`` from icon to be reactive * #840 Fix loading position to tagInput (thanks @adrlen) * #852 Fix label class to field when horizontal * #872 Fix datepicker default formatter * #895 Fix loading overlay when not in full page (thanks @adrlen) * #927 Fix autocomplete when option text is too long (thanks @8bu) * #948 Fix switch when multi line text (thanks @rhwilr) ## 0.6.6 ### New features * **Update Bulma to 0.7.1** * Add ``header`` slot to autocomplete * Add ``type`` prop to checkbox and radio * Add ``on-paste-separators`` and ``before-adding`` props to tagInput * #830 Add ``ellipsis`` prop to tagInput and tag components ### Fixes and changes * #746 Fix default ``dateFormatter`` function to datepicker * #755 Fix arrow centered when table detail (thanks @wanxe) * #787 Fix type in horizontal field when message is empty * #814 Reset scroll to modal before destroy * #481 Fix tagInput height to match other inputs ## 0.6.5 * Revert some changes on Checkbox, CheckboxButton, Radio, RadioButton, Select and Switch, working as before now * #711 Fix click event to switch (thanks @adrlen) * #712 Fix SSR support (thanks @anteriovieira) * #719 Fix ``header`` slot to tabItem * #718 Fix ``changeMonth`` and ``changeYear`` events to datepicker in ``change-month`` and ``change-year`` * #727 Fix upload check file * #730 Fix field with addons not updating on re-render (tanks @arlen) ## 0.6.4 ### New features * **Add nuxt-buefy on docs**, [see here](https://buefy.org/documentation/start) (thanks @anteriovieira) * Add ``indefinite`` prop to snackbar * Add ``header`` slot to datepicker * Add ``header`` slot to tabItem * #485 Add ``custom-class`` prop to field (thanks @docnoe) * #509 Add autocomplete slot support to taginput (thanks @gkinsman) * #581 Add ``is-row-checkable`` prop to table (thanks @jvmonjo) * #602 Add ``changeMonth`` and ``changeYear`` events to datepicker * #604 Add ``remove-on-keys`` prop to taginput, allowing to remove last tag (thanks @adrlen) * #609 Add ``is-full-page`` prop to loading, to limit it to its container (thanks @adrlen) * #610 Add ``visible`` prop to tabItem * #644 Add ``clear-on-select`` prop to autocomplete (thanks @raniesantos) * #645 Add ``selectable-dates`` prop to datepicker (thanks @pip63) * #682 Add ``has-detailed-visible`` prop to table (thanks @wanxe) * #687 Add ``focus-on`` prop to dialog ### Fixes and changes * #576 Fix upload check file type * #586 Fix dropdown change event * #593 Fix timepicker update only time of Date object * #599 Fix ``on-cancel`` prop to dialog, get called when clicking confirm * #648 Fix dropdown emit change event (thanks @adrlen) * #670 Fix tabs emit change event (thanks @adrlen) * #686 Remove 'is-light' color to cancel button of dialog ## 0.6.3 ### New features * **New extension: Sortable.js**, [see here](https://buefy.org/extensions/sortablejs) * **Update Bulma to 0.6.2** * **Add Font Awesome 5 support** (http://fontawesome.com/) * Add ``columns`` prop to table, you can now pass an array instead of adding scoped slots (for simple tables) * Add ``rounded`` prop to Input, Select, Autocomplete, Datepicker and Timepicker, Pagination * Add "is-toggle-rounded" type to Tabs * Add ``open`` prop to collapse ``trigger`` slot * Add ``native`` prop to upload * #222 Add ``open-on-focus`` prop to autocomplete (good to simulate a select element) * #482 Add ``allow-new`` prop to taginput * #483 Add ``unselectable-days-of-week`` prop to datepicker * #487 Add ``icon-size`` prop to message * #492 Add isAsc parameter to ``custom-sort`` function of table (thanks @frantic1048) * #494 Add ``unselectable-times`` prop to timepicker * #525 Add ``pagination-size`` prop to table (thanks @nateleavitt) * #531 Add ``confirm-key-codes`` prop to taginput ### Fixes and changes * Remove ``max-results`` prop from autocomplete, it now has a scrollbar with all results * #493 Fix ``keep-first`` autocomplete prop with async data * #498 Fix horizontal field on mobile * #500 Fix message position for horizontal field (thanks @electrolinux) * #543 Fix dropdown toggle programmatic ## 0.6.2 ### New features * **New component: Tag Input**, [see docs](https://buefy.org/documentation/taginput) (thanks @jgerbes) * #125 Add ``queue`` prop to toast/snackbar and ``defaultNoticeQueue`` constructor option * Note that the animations aren't perfect right now * #432 **Datepicker improved**: can add event indicators on it (thanks @chasegiunta) * #439 Add support to horizontal field, with the ``horizontal`` prop (thanks @electrolinux) * Add ``mobile-native`` prop to datepicker and timepicker * Add ``defaultDatepickerMobileNative`` and ``defaultTimepickerMobileNative`` constructor options * Add ``events`` prop to modal (to bind events programmatically) * Add ``position`` prop to datepicker and timepicker * Add ``size`` prop to dialog * Add ``tabstop`` and ``disabled`` props to tag * Add ``.sync`` option to table ``current-page`` ### Fixes and changes * Maxlength counter for input only shows on focus * Add padding to tab content * Fix autocomplete with ``keep-first`` selecting on blur when nothing is shown * Fix tabs buttons size sometimes flickering * #416 Fix pagination color * #419 Fix input icon size * #428 Fix ``current-page`` from table to be reactive * #440 Fix upload input file width (thanks @frantic1048) ## 0.6.1 * #409 Fix notification delete button * #410 Fix alert triggering on upload ## 0.6.0 ### Breaking changes * Vue 2.5+ is now the minimum required version * Bulma breaking changes, [see changelog](https://github.com/jgthms/bulma/blob/master/CHANGELOG.md#breaking-changes) * **Removed** the deprecated prompt dialog ``inputPlaceholder``, ``inputName`` and ``inputMaxlength`` props * Buefy now uses [MDI icons from community](https://materialdesignicons.com/) instead, you'll have to change icon names and if you use a CDN you should change: ```html ``` ### New features * **New component: Timepicker**, [see docs](https://buefy.org/documentation/timepicker) * **New component: Checkbox Button**, [see docs](https://buefy.org/documentation/checkbox) * **New docs section: Extensions**, [see here](https://buefy.org/extensions/cleavejs) * Support for Bulma 0.6.1 * Add ``disabled`` prop to tabItem * Add ``focusable`` prop to table * Add ``focus()`` method to table * Add ``hoverable`` prop to table * Add ``custom-size`` prop to icon * Add ``custom-class`` prop to icon * Add ``detail-key`` and ``opened-detailed`` props to table (thanks @wanxe) * Add ``scroll`` prop to modal/dialog (changes what to do with ```` scrollbar) * Add ``parent`` prop to modal, pass a Vue object to it to open component modal programmatically * #359 Add ``mobile-modal`` prop to dropdown to enable/disable modal on mobile * #365 Add ``src/scss/utils/_all.scss`` for easier modular importing (thanks @gwvt) * #377 Add support to MDI icons from community * #387 Add ``current-page`` prop to table (thanks @frantic1048) * #388 Add ``size`` prop to radio and checkbox * #398 Add ``unselectable-dates`` prop to datepicker to disable an array of dates * #399 Add configurable closing options for dialog (like modal) ### Fixes * Update tooltip font size and padding, it's a bit bigger now * Update table keyboard navigation, now doesn't require pressing enter and only works when ``focusable`` * #288 Fix input message from parent field (thanks @yarbshk) * #358 Fix modal/dialog shifting content (``scroll`` prop) * #380 Fix clearing autocomplete input * #395 Fix ref dropdown availability (thanks @frantic1048) ## 0.5.4 * **Deprecated** prompt dialog ``inputPlaceholder``, ``inputName`` and ``inputMaxlength`` props, use new ``inputAttrs`` prop, [see docs](https://buefy.org/documentation/dialog) * Fix ``focus`` method on select * Table with ``selected`` prop can now be natigated with keyboard * #251, #345 Add ``bottom-left`` slot to table * #334 Add ``defaultDialogConfirmText`` and ``defaultDialogCancelText`` constructor options * #335 Add ``icon`` and ``iconPack`` prop to dialog * #350 Add Function type to ``component`` prop of modal (thanks @ivalkenburg) * #354 Add tab key press to autocomplete (thanks @tmepple) * #356 Fix table header alignment ## 0.5.3 * **New component: Collapse**, [see docs](https://buefy.org/documentation/collapse) * **Panel deprecated**, use new Collapse component, [old docs here](https://buefy.org/documentation/panel) * Update Bulma to v0.5.3 * #223 Add ``footer`` slot to table * #246 Remove ``key`` on detailed rows of table component (thanks @Tirke) * #301 Fix Bulma style override for radio and checkbox * #303 Fix dropdown close on custom item when is replaced or changed * #305 Fix datepicker calendar display when disabled and inline * #309 Add ``labelFor`` prop to field component, to set native ``for`` attribute to the label tag (thanks @tmepple) * #314 Set pack prop to next/prev icon buttons for datepicker * #315 Fix escape regexp characters to autocomplete * #316 Fix checkbox shrinking when text is very long (thanks @Tirke) * #317 Add default datepicker constructor options * #324 Fix table broken sort state * #330 Fix table empty and detail disposition * #339 Fix upload warning when is required * #340 Add ``size`` prop to radio button ## 0.5.2 * #262 Add ``empty`` slot to autocomplete (empty message) * #264 Add ``has-counter`` prop to input, add it when you want show or hide character counter when maxlength prop is passed * #265 Fix disabled pagination (thanks @YassinOuider) * #272 Add ``readonly`` prop to allow typing a date on datepicker * #273 Fix autocomplete for SSR (thanks @LANSELOT) * #276 Add ``first-day-of-week`` prop to datepicker * #279 Fix table not default sorting async data * #289 Fix dropdown-trigger container html tag * #291 Add configurable closing options for Modal (thanks @jwahdatehagh) * #298 Fix mobile detection datepicker for SSR * #302 Fix datepicker calendar display when disabled ## 0.5.1 * **New component: Datepicker**, [see docs](https://buefy.org/documentation/datepicker) (thanks @bartboy011) * **New component: Tag**, [see docs](https://buefy.org/documentation/tag) * #195 Add ``custom-key`` prop to table column, add it when you want a column without label * #221 Add backend pagination support to table (thanks @cappuc) * #214 Add ``active`` prop to tooltip * #215 Add ``header`` slot to table (custom headers) * #228 Fix table checked rows not working on mobile * #235 Add ``custom-is-checked`` prop to table column, add it when you want a custom compare function when is checkable * #237 Fix emit blur event for input * #239 Fix table columns on v-for loop * #241 Fix remove tabItem when it's bounded to array * #242 Update required Vue.js version (2.4+) (thanks @iwan-wijaya) * #243 Add ``default-sort-direction`` prop to table, add it when you want change default sort direction on the first click * #260 Fix radio/radio button emitting ``input`` multiple times (thanks @frantic1048) * Add ``meta`` prop to table column, useful for custom headers * Add ``type`` prop to switch (thanks @Tirke) * Add ``multiple`` support to select * Add ``inline`` prop to dropdown, items are shown inline and trigger removed * Remove ``has-custom-template`` prop from autocomplete, just use scoped slot to have the same feature ## 0.5.0 ### Breaking changes * **Update Bulma to v0.5.1**, changes on Sass variables naming, [see docs](https://github.com/jgthms/bulma/blob/master/CHANGELOG.md#050) * Buefy Sass variables are also following the new convention * **Removed Menu component**, it was experimental and wasn't good enough, needed too much to work and can easily be replaced with pure HTML * Constructor option ``defaultContentElement`` renamed to ``defaultContainerElement`` * ``b-dropdown-option`` renamed to ``b-dropdown-item`` * ``subheader`` prop renamed to ``custom`` * Any attributes on Input, Select and Autocomplete will be added directly to ```` or ``