buefy 3.0.2 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/dist/buefy.d.ts +37 -4
  2. package/dist/buefy.esm.js +173 -129
  3. package/dist/buefy.esm.min.js +2 -2
  4. package/dist/buefy.js +178 -127
  5. package/dist/buefy.min.js +2 -2
  6. package/dist/cjs/autocomplete.js +1 -1
  7. package/dist/cjs/breadcrumb.js +1 -1
  8. package/dist/cjs/button.js +1 -1
  9. package/dist/cjs/carousel.js +1 -1
  10. package/dist/cjs/checkbox.js +1 -1
  11. package/dist/cjs/clockpicker.js +1 -1
  12. package/dist/cjs/collapse.js +1 -1
  13. package/dist/cjs/colorpicker.js +2 -2
  14. package/dist/cjs/config.js +7 -1
  15. package/dist/cjs/datepicker.js +1 -1
  16. package/dist/cjs/datetimepicker.js +1 -1
  17. package/dist/cjs/dialog.js +138 -118
  18. package/dist/cjs/dropdown.js +1 -1
  19. package/dist/cjs/field.js +1 -1
  20. package/dist/cjs/icon.js +1 -1
  21. package/dist/cjs/image.js +1 -1
  22. package/dist/cjs/{index-DiQy3SCb.js → index-SLOXD6k3.js} +1 -1
  23. package/dist/cjs/index.js +10 -3
  24. package/dist/cjs/input.js +1 -1
  25. package/dist/cjs/loading.js +7 -2
  26. package/dist/cjs/menu.js +1 -1
  27. package/dist/cjs/message.js +1 -1
  28. package/dist/cjs/modal.js +7 -2
  29. package/dist/cjs/navbar.js +1 -1
  30. package/dist/cjs/notification.js +7 -2
  31. package/dist/cjs/numberinput.js +1 -1
  32. package/dist/cjs/pagination.js +1 -1
  33. package/dist/cjs/{plugins-DbyYGVpp.js → plugins-BWKpXmCr.js} +2 -1
  34. package/dist/cjs/progress.js +1 -1
  35. package/dist/cjs/radio.js +1 -1
  36. package/dist/cjs/rate.js +1 -1
  37. package/dist/cjs/select.js +1 -1
  38. package/dist/cjs/sidebar.js +1 -1
  39. package/dist/cjs/skeleton.js +1 -1
  40. package/dist/cjs/slider.js +1 -1
  41. package/dist/cjs/snackbar.js +7 -2
  42. package/dist/cjs/steps.js +1 -1
  43. package/dist/cjs/switch.js +1 -1
  44. package/dist/cjs/table.js +1 -1
  45. package/dist/cjs/tabs.js +1 -1
  46. package/dist/cjs/tag.js +1 -1
  47. package/dist/cjs/taginput.js +1 -1
  48. package/dist/cjs/timepicker.js +1 -1
  49. package/dist/cjs/toast.js +7 -2
  50. package/dist/cjs/tooltip.js +1 -1
  51. package/dist/cjs/upload.js +1 -1
  52. package/dist/components/autocomplete/index.js +1 -1
  53. package/dist/components/autocomplete/index.min.js +1 -1
  54. package/dist/components/breadcrumb/index.js +1 -1
  55. package/dist/components/breadcrumb/index.min.js +1 -1
  56. package/dist/components/button/index.js +1 -1
  57. package/dist/components/button/index.min.js +1 -1
  58. package/dist/components/carousel/index.js +1 -1
  59. package/dist/components/carousel/index.min.js +1 -1
  60. package/dist/components/checkbox/index.js +1 -1
  61. package/dist/components/checkbox/index.min.js +1 -1
  62. package/dist/components/clockpicker/index.js +1 -1
  63. package/dist/components/clockpicker/index.min.js +1 -1
  64. package/dist/components/collapse/index.js +1 -1
  65. package/dist/components/collapse/index.min.js +1 -1
  66. package/dist/components/colorpicker/index.js +1 -1
  67. package/dist/components/colorpicker/index.min.js +1 -1
  68. package/dist/components/datepicker/index.js +1 -1
  69. package/dist/components/datepicker/index.min.js +1 -1
  70. package/dist/components/datetimepicker/index.js +1 -1
  71. package/dist/components/datetimepicker/index.min.js +1 -1
  72. package/dist/components/dialog/index.js +140 -119
  73. package/dist/components/dialog/index.min.js +2 -2
  74. package/dist/components/dropdown/index.js +1 -1
  75. package/dist/components/dropdown/index.min.js +1 -1
  76. package/dist/components/field/index.js +1 -1
  77. package/dist/components/field/index.min.js +1 -1
  78. package/dist/components/icon/index.js +1 -1
  79. package/dist/components/icon/index.min.js +1 -1
  80. package/dist/components/image/index.js +1 -1
  81. package/dist/components/image/index.min.js +1 -1
  82. package/dist/components/input/index.js +1 -1
  83. package/dist/components/input/index.min.js +1 -1
  84. package/dist/components/loading/index.js +9 -3
  85. package/dist/components/loading/index.min.js +2 -2
  86. package/dist/components/menu/index.js +1 -1
  87. package/dist/components/menu/index.min.js +1 -1
  88. package/dist/components/message/index.js +1 -1
  89. package/dist/components/message/index.min.js +1 -1
  90. package/dist/components/modal/index.js +9 -3
  91. package/dist/components/modal/index.min.js +2 -2
  92. package/dist/components/navbar/index.js +1 -1
  93. package/dist/components/navbar/index.min.js +1 -1
  94. package/dist/components/notification/index.js +9 -3
  95. package/dist/components/notification/index.min.js +2 -2
  96. package/dist/components/numberinput/index.js +1 -1
  97. package/dist/components/numberinput/index.min.js +1 -1
  98. package/dist/components/pagination/index.js +1 -1
  99. package/dist/components/pagination/index.min.js +1 -1
  100. package/dist/components/progress/index.js +1 -1
  101. package/dist/components/progress/index.min.js +1 -1
  102. package/dist/components/radio/index.js +1 -1
  103. package/dist/components/radio/index.min.js +1 -1
  104. package/dist/components/rate/index.js +1 -1
  105. package/dist/components/rate/index.min.js +1 -1
  106. package/dist/components/select/index.js +1 -1
  107. package/dist/components/select/index.min.js +1 -1
  108. package/dist/components/sidebar/index.js +1 -1
  109. package/dist/components/sidebar/index.min.js +1 -1
  110. package/dist/components/skeleton/index.js +1 -1
  111. package/dist/components/skeleton/index.min.js +1 -1
  112. package/dist/components/slider/index.js +1 -1
  113. package/dist/components/slider/index.min.js +1 -1
  114. package/dist/components/snackbar/index.js +9 -3
  115. package/dist/components/snackbar/index.min.js +2 -2
  116. package/dist/components/steps/index.js +1 -1
  117. package/dist/components/steps/index.min.js +1 -1
  118. package/dist/components/switch/index.js +1 -1
  119. package/dist/components/switch/index.min.js +1 -1
  120. package/dist/components/table/index.js +1 -1
  121. package/dist/components/table/index.min.js +1 -1
  122. package/dist/components/tabs/index.js +1 -1
  123. package/dist/components/tabs/index.min.js +1 -1
  124. package/dist/components/tag/index.js +1 -1
  125. package/dist/components/tag/index.min.js +1 -1
  126. package/dist/components/taginput/index.js +1 -1
  127. package/dist/components/taginput/index.min.js +1 -1
  128. package/dist/components/timepicker/index.js +1 -1
  129. package/dist/components/timepicker/index.min.js +1 -1
  130. package/dist/components/toast/index.js +9 -3
  131. package/dist/components/toast/index.min.js +2 -2
  132. package/dist/components/tooltip/index.js +1 -1
  133. package/dist/components/tooltip/index.min.js +1 -1
  134. package/dist/components/upload/index.js +1 -1
  135. package/dist/components/upload/index.min.js +1 -1
  136. package/dist/css/buefy.css +70 -61
  137. package/dist/css/buefy.css.map +1 -1
  138. package/dist/css/buefy.min.css +1 -1
  139. package/dist/css/versions/buefy-no-reset.css +70 -61
  140. package/dist/css/versions/buefy-no-reset.css.map +1 -1
  141. package/dist/css/versions/buefy-no-reset.min.css +1 -1
  142. package/dist/css/versions/buefy-standalone.css +171 -56
  143. package/dist/css/versions/buefy-standalone.css.map +1 -1
  144. package/dist/css/versions/buefy-standalone.min.css +1 -1
  145. package/dist/esm/autocomplete.js +1 -1
  146. package/dist/esm/breadcrumb.js +1 -1
  147. package/dist/esm/button.js +1 -1
  148. package/dist/esm/carousel.js +1 -1
  149. package/dist/esm/checkbox.js +1 -1
  150. package/dist/esm/clockpicker.js +1 -1
  151. package/dist/esm/collapse.js +1 -1
  152. package/dist/esm/colorpicker.js +2 -2
  153. package/dist/esm/config.js +6 -2
  154. package/dist/esm/datepicker.js +1 -1
  155. package/dist/esm/datetimepicker.js +1 -1
  156. package/dist/esm/dialog.js +139 -120
  157. package/dist/esm/dropdown.js +1 -1
  158. package/dist/esm/field.js +1 -1
  159. package/dist/esm/icon.js +1 -1
  160. package/dist/esm/image.js +1 -1
  161. package/dist/esm/{index-CQegEsxK.js → index-BE58-KfV.js} +1 -1
  162. package/dist/esm/index.js +12 -11
  163. package/dist/esm/input.js +1 -1
  164. package/dist/esm/loading.js +8 -4
  165. package/dist/esm/menu.js +1 -1
  166. package/dist/esm/message.js +1 -1
  167. package/dist/esm/modal.js +8 -4
  168. package/dist/esm/navbar.js +1 -1
  169. package/dist/esm/notification.js +8 -4
  170. package/dist/esm/numberinput.js +1 -1
  171. package/dist/esm/pagination.js +1 -1
  172. package/dist/esm/{plugins-B172kuKE.js → plugins-1tLsuIZF.js} +2 -1
  173. package/dist/esm/progress.js +1 -1
  174. package/dist/esm/radio.js +1 -1
  175. package/dist/esm/rate.js +1 -1
  176. package/dist/esm/select.js +1 -1
  177. package/dist/esm/sidebar.js +1 -1
  178. package/dist/esm/skeleton.js +1 -1
  179. package/dist/esm/slider.js +1 -1
  180. package/dist/esm/snackbar.js +8 -4
  181. package/dist/esm/steps.js +1 -1
  182. package/dist/esm/switch.js +1 -1
  183. package/dist/esm/table.js +1 -1
  184. package/dist/esm/tabs.js +1 -1
  185. package/dist/esm/tag.js +1 -1
  186. package/dist/esm/taginput.js +1 -1
  187. package/dist/esm/timepicker.js +1 -1
  188. package/dist/esm/toast.js +8 -4
  189. package/dist/esm/tooltip.js +1 -1
  190. package/dist/esm/upload.js +1 -1
  191. package/package.json +1 -2
  192. package/src/components/dialog/Dialog.vue +10 -2
  193. package/src/components/dialog/index.ts +9 -3
  194. package/src/components/loading/index.ts +9 -3
  195. package/src/components/modal/index.ts +9 -3
  196. package/src/components/notification/index.ts +9 -3
  197. package/src/components/snackbar/index.ts +9 -3
  198. package/src/components/toast/index.ts +9 -3
  199. package/src/index.ts +9 -9
  200. package/src/scss/buefy.scss +0 -1
  201. package/src/scss/components/_checkbox.scss +4 -4
  202. package/src/scss/components/_datepicker.scss +1 -1
  203. package/src/scss/components/_dropdown.scss +7 -6
  204. package/src/scss/components/_form.scss +31 -31
  205. package/src/scss/components/_radio.scss +9 -9
  206. package/src/scss/components/_switch.scss +28 -5
  207. package/src/scss/components/_table.scss +2 -1
  208. package/src/utils/ConfigComponent.ts +13 -1
  209. package/src/utils/plugins.ts +3 -2
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Autocomplete = require('./Autocomplete-DEUs3z7g.js');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./helpers.js');
9
9
  require('./CompatFallthroughMixin-hhK0Gkhr.js');
@@ -6,7 +6,7 @@ var vue = require('vue');
6
6
  var config = require('./config-DR826Ki2.js');
7
7
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
8
8
  var CompatFallthroughMixin = require('./CompatFallthroughMixin-hhK0Gkhr.js');
9
- var plugins = require('./plugins-DbyYGVpp.js');
9
+ var plugins = require('./plugins-BWKpXmCr.js');
10
10
 
11
11
  var _sfc_main$1 = vue.defineComponent({
12
12
  name: "BBreadcrumb",
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Button = require('./Button-Cq7yqI8p.js');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./Icon-lsDKE2wQ.js');
9
9
  require('./config-DR826Ki2.js');
@@ -9,7 +9,7 @@ var InjectedChildMixin = require('./InjectedChildMixin-CUKn09dB.js');
9
9
  var helpers = require('./helpers.js');
10
10
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
11
11
  var Image = require('./Image-CocPwU3n.js');
12
- var plugins = require('./plugins-DbyYGVpp.js');
12
+ var plugins = require('./plugins-BWKpXmCr.js');
13
13
 
14
14
  var _sfc_main$2 = vue.defineComponent({
15
15
  name: "BCarousel",
@@ -6,7 +6,7 @@ var Checkbox = require('./Checkbox-GPzAMQqM.js');
6
6
  var vue = require('vue');
7
7
  var CheckRadioMixin = require('./CheckRadioMixin-CDu0SN3g.js');
8
8
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
9
- var plugins = require('./plugins-DbyYGVpp.js');
9
+ var plugins = require('./plugins-BWKpXmCr.js');
10
10
 
11
11
  var _sfc_main = vue.defineComponent({
12
12
  name: "BCheckboxButton",
@@ -8,7 +8,7 @@ var config = require('./config-DR826Ki2.js');
8
8
  var Dropdown = require('./Dropdown-DtpKU9qf.js');
9
9
  var Input = require('./Input-BcloGeZ3.js');
10
10
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
11
- var plugins = require('./plugins-DbyYGVpp.js');
11
+ var plugins = require('./plugins-BWKpXmCr.js');
12
12
  require('./CompatFallthroughMixin-hhK0Gkhr.js');
13
13
  require('./FormElementMixin-DavX4iOv.js');
14
14
  require('./helpers.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
 
8
8
  const COLLAPSE_POSITIONS = ["is-top", "is-bottom"];
9
9
  var _sfc_main = vue.defineComponent({
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var colorpicker = require('./index-DiQy3SCb.js');
6
- require('./plugins-DbyYGVpp.js');
5
+ var colorpicker = require('./index-SLOXD6k3.js');
6
+ require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./FormElementMixin-DavX4iOv.js');
9
9
  require('./config-DR826Ki2.js');
@@ -4,8 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var config = require('./config-DR826Ki2.js');
6
6
  var helpers = require('./helpers.js');
7
- require('vue');
7
+ var vue = require('vue');
8
8
 
9
+ const configInjectionKey = Symbol("Buefy Config Component");
10
+ function useConfigComponent() {
11
+ return vue.inject(configInjectionKey);
12
+ }
9
13
  var ConfigComponent = {
10
14
  getOptions() {
11
15
  return config.config;
@@ -15,4 +19,6 @@ var ConfigComponent = {
15
19
  }
16
20
  };
17
21
 
22
+ exports.configInjectionKey = configInjectionKey;
18
23
  exports.default = ConfigComponent;
24
+ exports.useConfigComponent = useConfigComponent;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Datepicker = require('./Datepicker-B-9ReBe6.js');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./CompatFallthroughMixin-hhK0Gkhr.js');
9
9
  require('./config-DR826Ki2.js');
@@ -10,7 +10,7 @@ var Input = require('./Input-BcloGeZ3.js');
10
10
  var Datepicker = require('./Datepicker-B-9ReBe6.js');
11
11
  var Timepicker = require('./Timepicker-CDZ3V-2J.js');
12
12
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
13
- var plugins = require('./plugins-DbyYGVpp.js');
13
+ var plugins = require('./plugins-BWKpXmCr.js');
14
14
  require('./Icon-lsDKE2wQ.js');
15
15
  require('./CompatFallthroughMixin-hhK0Gkhr.js');
16
16
  require('./Dropdown-DtpKU9qf.js');
@@ -10,7 +10,7 @@ var Button = require('./Button-Cq7yqI8p.js');
10
10
  var config = require('./config-DR826Ki2.js');
11
11
  var helpers = require('./helpers.js');
12
12
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
13
- var plugins = require('./plugins-DbyYGVpp.js');
13
+ var plugins = require('./plugins-BWKpXmCr.js');
14
14
 
15
15
  var __defProp$1 = Object.defineProperty;
16
16
  var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
@@ -39,6 +39,14 @@ const Dialog$1 = vue.defineComponent({
39
39
  },
40
40
  extends: Modal.Modal,
41
41
  props: {
42
+ customClass: {
43
+ type: String,
44
+ default: ""
45
+ },
46
+ customContentClass: {
47
+ type: String,
48
+ default: ""
49
+ },
42
50
  title: String,
43
51
  message: [String, Array],
44
52
  icon: String,
@@ -209,27 +217,26 @@ const Dialog$1 = vue.defineComponent({
209
217
  });
210
218
 
211
219
  const _hoisted_1 = ["role", "aria-modal"];
212
- const _hoisted_2 = { class: "modal-card animation-content" };
213
- const _hoisted_3 = {
220
+ const _hoisted_2 = {
214
221
  key: 0,
215
222
  class: "modal-card-head"
216
223
  };
217
- const _hoisted_4 = { class: "modal-card-title" };
218
- const _hoisted_5 = { class: "media" };
219
- const _hoisted_6 = {
224
+ const _hoisted_3 = { class: "modal-card-title" };
225
+ const _hoisted_4 = { class: "media" };
226
+ const _hoisted_5 = {
220
227
  key: 0,
221
228
  class: "media-left"
222
229
  };
223
- const _hoisted_7 = { class: "media-content" };
224
- const _hoisted_8 = ["innerHTML"];
225
- const _hoisted_9 = {
230
+ const _hoisted_6 = { class: "media-content" };
231
+ const _hoisted_7 = ["innerHTML"];
232
+ const _hoisted_8 = {
226
233
  key: 0,
227
234
  class: "field"
228
235
  };
229
- const _hoisted_10 = { class: "control" };
230
- const _hoisted_11 = { class: "help is-danger" };
231
- const _hoisted_12 = { class: "modal-card-foot" };
232
- const _hoisted_13 = { class: "buttons" };
236
+ const _hoisted_9 = { class: "control" };
237
+ const _hoisted_10 = { class: "help is-danger" };
238
+ const _hoisted_11 = { class: "modal-card-foot" };
239
+ const _hoisted_12 = { class: "buttons" };
233
240
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
234
241
  const _component_b_icon = vue.resolveComponent("b-icon");
235
242
  const _component_b_button = vue.resolveComponent("b-button");
@@ -238,7 +245,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
238
245
  default: vue.withCtx(() => [
239
246
  _ctx.isActive ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
240
247
  key: 0,
241
- class: vue.normalizeClass(["dialog modal is-active", _ctx.dialogClass]),
248
+ class: vue.normalizeClass(["dialog modal is-active", [_ctx.dialogClass, _ctx.customClass]]),
242
249
  role: _ctx.ariaRole,
243
250
  "aria-modal": _ctx.ariaModal
244
251
  }, [
@@ -246,116 +253,124 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
246
253
  class: "modal-background",
247
254
  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.cancel("outside"))
248
255
  }),
249
- vue.createElementVNode("div", _hoisted_2, [
250
- _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_3, [
256
+ vue.createElementVNode(
257
+ "div",
258
+ {
259
+ class: vue.normalizeClass(["modal-card animation-content", _ctx.customContentClass])
260
+ },
261
+ [
262
+ _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2, [
263
+ vue.createElementVNode(
264
+ "p",
265
+ _hoisted_3,
266
+ vue.toDisplayString(_ctx.title),
267
+ 1
268
+ /* TEXT */
269
+ )
270
+ ])) : vue.createCommentVNode("v-if", true),
251
271
  vue.createElementVNode(
252
- "p",
253
- _hoisted_4,
254
- vue.toDisplayString(_ctx.title),
255
- 1
256
- /* TEXT */
257
- )
258
- ])) : vue.createCommentVNode("v-if", true),
259
- vue.createElementVNode(
260
- "section",
261
- {
262
- class: vue.normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
263
- },
264
- [
265
- vue.createElementVNode("div", _hoisted_5, [
266
- _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
267
- vue.createVNode(_component_b_icon, {
268
- icon: _ctx.icon ? _ctx.icon : _ctx.iconByType,
269
- pack: _ctx.iconPack,
270
- type: _ctx.type,
271
- both: !_ctx.icon,
272
- size: "is-large"
273
- }, null, 8, ["icon", "pack", "type", "both"])
274
- ])) : vue.createCommentVNode("v-if", true),
275
- vue.createElementVNode("div", _hoisted_7, [
276
- vue.createElementVNode("p", null, [
277
- _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
278
- vue.Fragment,
279
- { key: 1 },
280
- [
281
- vue.createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
282
- vue.createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_8)
283
- ],
284
- 64
285
- /* STABLE_FRAGMENT */
286
- ))
287
- ]),
288
- _ctx.hasInput ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
289
- vue.createElementVNode("div", _hoisted_10, [
290
- vue.withDirectives(vue.createElementVNode(
291
- "input",
292
- vue.mergeProps({
293
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.prompt = $event),
294
- class: ["input", { "is-danger": _ctx.validationMessage }],
295
- ref: "input"
296
- }, _ctx.safeInputAttrs, {
297
- onCompositionstart: _cache[2] || (_cache[2] = ($event) => _ctx.isCompositing = true),
298
- onCompositionend: _cache[3] || (_cache[3] = ($event) => _ctx.isCompositing = false),
299
- onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
300
- }),
301
- null,
302
- 16
303
- /* FULL_PROPS */
304
- ), [
305
- [vue.vModelDynamic, _ctx.prompt]
306
- ])
272
+ "section",
273
+ {
274
+ class: vue.normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
275
+ },
276
+ [
277
+ vue.createElementVNode("div", _hoisted_4, [
278
+ _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
279
+ vue.createVNode(_component_b_icon, {
280
+ icon: _ctx.icon ? _ctx.icon : _ctx.iconByType,
281
+ pack: _ctx.iconPack,
282
+ type: _ctx.type,
283
+ both: !_ctx.icon,
284
+ size: "is-large"
285
+ }, null, 8, ["icon", "pack", "type", "both"])
286
+ ])) : vue.createCommentVNode("v-if", true),
287
+ vue.createElementVNode("div", _hoisted_6, [
288
+ vue.createElementVNode("p", null, [
289
+ _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
290
+ vue.Fragment,
291
+ { key: 1 },
292
+ [
293
+ vue.createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
294
+ vue.createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_7)
295
+ ],
296
+ 64
297
+ /* STABLE_FRAGMENT */
298
+ ))
307
299
  ]),
308
- vue.createElementVNode(
309
- "p",
310
- _hoisted_11,
311
- vue.toDisplayString(_ctx.validationMessage),
300
+ _ctx.hasInput ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
301
+ vue.createElementVNode("div", _hoisted_9, [
302
+ vue.withDirectives(vue.createElementVNode(
303
+ "input",
304
+ vue.mergeProps({
305
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.prompt = $event),
306
+ class: ["input", { "is-danger": _ctx.validationMessage }],
307
+ ref: "input"
308
+ }, _ctx.safeInputAttrs, {
309
+ onCompositionstart: _cache[2] || (_cache[2] = ($event) => _ctx.isCompositing = true),
310
+ onCompositionend: _cache[3] || (_cache[3] = ($event) => _ctx.isCompositing = false),
311
+ onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
312
+ }),
313
+ null,
314
+ 16
315
+ /* FULL_PROPS */
316
+ ), [
317
+ [vue.vModelDynamic, _ctx.prompt]
318
+ ])
319
+ ]),
320
+ vue.createElementVNode(
321
+ "p",
322
+ _hoisted_10,
323
+ vue.toDisplayString(_ctx.validationMessage),
324
+ 1
325
+ /* TEXT */
326
+ )
327
+ ])) : vue.createCommentVNode("v-if", true)
328
+ ])
329
+ ])
330
+ ],
331
+ 2
332
+ /* CLASS */
333
+ ),
334
+ vue.createElementVNode("footer", _hoisted_11, [
335
+ vue.createElementVNode("div", _hoisted_12, [
336
+ _ctx.showCancel ? (vue.openBlock(), vue.createBlock(_component_b_button, {
337
+ key: 0,
338
+ ref: "cancelButton",
339
+ disabled: _ctx.isLoading,
340
+ onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
341
+ }, {
342
+ default: vue.withCtx(() => [
343
+ vue.createTextVNode(
344
+ vue.toDisplayString(_ctx.cancelText),
312
345
  1
313
346
  /* TEXT */
314
347
  )
315
- ])) : vue.createCommentVNode("v-if", true)
316
- ])
348
+ ]),
349
+ _: 1
350
+ /* STABLE */
351
+ }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
352
+ vue.createVNode(_component_b_button, {
353
+ type: _ctx.type,
354
+ ref: "confirmButton",
355
+ loading: _ctx.isLoading,
356
+ onClick: _ctx.confirm
357
+ }, {
358
+ default: vue.withCtx(() => [
359
+ vue.createTextVNode(
360
+ vue.toDisplayString(_ctx.confirmText),
361
+ 1
362
+ /* TEXT */
363
+ )
364
+ ]),
365
+ _: 1
366
+ /* STABLE */
367
+ }, 8, ["type", "loading", "onClick"])
317
368
  ])
318
- ],
319
- 2
320
- /* CLASS */
321
- ),
322
- vue.createElementVNode("footer", _hoisted_12, [
323
- vue.createElementVNode("div", _hoisted_13, [
324
- _ctx.showCancel ? (vue.openBlock(), vue.createBlock(_component_b_button, {
325
- key: 0,
326
- ref: "cancelButton",
327
- disabled: _ctx.isLoading,
328
- onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
329
- }, {
330
- default: vue.withCtx(() => [
331
- vue.createTextVNode(
332
- vue.toDisplayString(_ctx.cancelText),
333
- 1
334
- /* TEXT */
335
- )
336
- ]),
337
- _: 1
338
- /* STABLE */
339
- }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
340
- vue.createVNode(_component_b_button, {
341
- type: _ctx.type,
342
- ref: "confirmButton",
343
- loading: _ctx.isLoading,
344
- onClick: _ctx.confirm
345
- }, {
346
- default: vue.withCtx(() => [
347
- vue.createTextVNode(
348
- vue.toDisplayString(_ctx.confirmText),
349
- 1
350
- /* TEXT */
351
- )
352
- ]),
353
- _: 1
354
- /* STABLE */
355
- }, 8, ["type", "loading", "onClick"])
356
369
  ])
357
- ])
358
- ])
370
+ ],
371
+ 2
372
+ /* CLASS */
373
+ )
359
374
  ], 10, _hoisted_1)), [
360
375
  [_directive_trap_focus, _ctx.trapFocus]
361
376
  ]) : vue.createCommentVNode("v-if", true)
@@ -497,13 +512,18 @@ class DialogProgrammatic {
497
512
  return open(__spreadValues({ hasInput: true }, params), this.app);
498
513
  }
499
514
  }
515
+ const dialogInjectionKey = Symbol("Buefy Dialog");
516
+ function useDialog() {
517
+ return vue.inject(dialogInjectionKey);
518
+ }
500
519
  const Plugin = {
501
520
  install(Vue) {
502
521
  plugins.registerComponent(Vue, Dialog);
503
- plugins.registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue));
522
+ plugins.registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue), dialogInjectionKey);
504
523
  }
505
524
  };
506
525
 
507
526
  exports.BDialog = Dialog;
508
527
  exports.DialogProgrammatic = DialogProgrammatic;
509
528
  exports.default = Plugin;
529
+ exports.useDialog = useDialog;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Dropdown = require('./Dropdown-DtpKU9qf.js');
6
6
  var DropdownItem = require('./DropdownItem-IMOKyRGV.js');
7
- var plugins = require('./plugins-DbyYGVpp.js');
7
+ var plugins = require('./plugins-BWKpXmCr.js');
8
8
  require('vue');
9
9
  require('./trapFocus-BlX6xykt.js');
10
10
  require('./config-DR826Ki2.js');
package/dist/cjs/field.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Field = require('./Field-19ZCJFF8.js');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./config-DR826Ki2.js');
9
9
  require('./helpers.js');
package/dist/cjs/icon.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Icon = require('./Icon-lsDKE2wQ.js');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./config-DR826Ki2.js');
9
9
  require('./helpers.js');
package/dist/cjs/image.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Image = require('./Image-CocPwU3n.js');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./config-DR826Ki2.js');
9
9
  require('./helpers.js');
@@ -11,7 +11,7 @@ var Input = require('./Input-BcloGeZ3.js');
11
11
  var Field = require('./Field-19ZCJFF8.js');
12
12
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
13
13
  var Tooltip = require('./Tooltip-Cgighv0j.js');
14
- var plugins = require('./plugins-DbyYGVpp.js');
14
+ var plugins = require('./plugins-BWKpXmCr.js');
15
15
 
16
16
  var __defProp = Object.defineProperty;
17
17
  var __pow = Math.pow;
package/dist/cjs/index.js CHANGED
@@ -11,7 +11,7 @@ var carousel = require('./carousel.js');
11
11
  var checkbox = require('./checkbox.js');
12
12
  var collapse = require('./collapse.js');
13
13
  var clockpicker = require('./clockpicker.js');
14
- var colorpicker = require('./index-DiQy3SCb.js');
14
+ var colorpicker = require('./index-SLOXD6k3.js');
15
15
  var datepicker = require('./datepicker.js');
16
16
  var datetimepicker = require('./datetimepicker.js');
17
17
  var dialog = require('./dialog.js');
@@ -48,7 +48,7 @@ var tooltip = require('./tooltip.js');
48
48
  var upload = require('./upload.js');
49
49
  var helpers = require('./helpers.js');
50
50
  var config$1 = require('./config-DR826Ki2.js');
51
- var plugins = require('./plugins-DbyYGVpp.js');
51
+ var plugins = require('./plugins-BWKpXmCr.js');
52
52
  var Autocomplete = require('./Autocomplete-DEUs3z7g.js');
53
53
  var Button = require('./Button-Cq7yqI8p.js');
54
54
  var Checkbox = require('./Checkbox-GPzAMQqM.js');
@@ -129,12 +129,13 @@ const Buefy = {
129
129
  install(Vue, options = {}) {
130
130
  config$1.setOptions(helpers.merge(config$1.config, options, true));
131
131
  allComponents.forEach((component) => Vue.use(component));
132
- plugins.registerComponentProgrammatic(Vue, "config", config.default);
132
+ plugins.registerComponentProgrammatic(Vue, "config", config.default, config.configInjectionKey);
133
133
  Vue.config.globalProperties.$buefy.globalNoticeInterval = void 0;
134
134
  }
135
135
  };
136
136
 
137
137
  exports.ConfigProgrammatic = config.default;
138
+ exports.useConfigComponent = config.useConfigComponent;
138
139
  exports.Autocomplete = autocomplete.default;
139
140
  exports.BBreadcrumb = breadcrumb.BBreadcrumb;
140
141
  exports.BBreadcrumbItem = breadcrumb.BBreadcrumbItem;
@@ -159,6 +160,7 @@ exports.Datetimepicker = datetimepicker.default;
159
160
  exports.BDialog = dialog.BDialog;
160
161
  exports.Dialog = dialog.default;
161
162
  exports.DialogProgrammatic = dialog.DialogProgrammatic;
163
+ exports.useDialog = dialog.useDialog;
162
164
  exports.Dropdown = dropdown.default;
163
165
  exports.Field = field.default;
164
166
  exports.Icon = icon.default;
@@ -166,6 +168,7 @@ exports.Image = image.default;
166
168
  exports.Input = input.default;
167
169
  exports.Loading = loading.default;
168
170
  exports.LoadingProgrammatic = loading.LoadingProgrammatic;
171
+ exports.useLoading = loading.useLoading;
169
172
  exports.BMenu = menu.BMenu;
170
173
  exports.BMenuItem = menu.BMenuItem;
171
174
  exports.BMenuList = menu.BMenuList;
@@ -174,9 +177,11 @@ exports.BMessage = message.BMessage;
174
177
  exports.Message = message.default;
175
178
  exports.Modal = modal.default;
176
179
  exports.ModalProgrammatic = modal.ModalProgrammatic;
180
+ exports.useModal = modal.useModal;
177
181
  exports.BNotification = notification.BNotification;
178
182
  exports.Notification = notification.default;
179
183
  exports.NotificationProgrammatic = notification.NotificationProgrammatic;
184
+ exports.useNotification = notification.useNotification;
180
185
  exports.BNavbar = navbar.BNavbar;
181
186
  exports.BNavbarDropdown = navbar.BNavbarDropdown;
182
187
  exports.BNavbarItem = navbar.BNavbarItem;
@@ -202,6 +207,7 @@ exports.Slider = slider.default;
202
207
  exports.BSnackbar = snackbar.BSnackbar;
203
208
  exports.Snackbar = snackbar.default;
204
209
  exports.SnackbarProgrammatic = snackbar.SnackbarProgrammatic;
210
+ exports.useSnackbar = snackbar.useSnackbar;
205
211
  exports.BStepItem = steps.BStepItem;
206
212
  exports.BSteps = steps.BSteps;
207
213
  exports.Steps = steps.default;
@@ -221,6 +227,7 @@ exports.Timepicker = timepicker.default;
221
227
  exports.BToast = toast.BToast;
222
228
  exports.Toast = toast.default;
223
229
  exports.ToastProgrammatic = toast.ToastProgrammatic;
230
+ exports.useToast = toast.useToast;
224
231
  exports.Tooltip = tooltip.default;
225
232
  exports.BUpload = upload.BUpload;
226
233
  exports.Upload = upload.default;
package/dist/cjs/input.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Input = require('./Input-BcloGeZ3.js');
6
- var plugins = require('./plugins-DbyYGVpp.js');
6
+ var plugins = require('./plugins-BWKpXmCr.js');
7
7
  require('vue');
8
8
  require('./Icon-lsDKE2wQ.js');
9
9
  require('./config-DR826Ki2.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var vue = require('vue');
6
6
  var Loading = require('./Loading-GqqqjipO.js');
7
7
  var helpers = require('./helpers.js');
8
- var plugins = require('./plugins-DbyYGVpp.js');
8
+ var plugins = require('./plugins-BWKpXmCr.js');
9
9
  require('./ssr-DVRFTu_P.js');
10
10
  require('./_plugin-vue_export-helper-Die8u8yB.js');
11
11
 
@@ -75,13 +75,18 @@ class LoadingProgrammatic {
75
75
  return vueInstance.mount(container);
76
76
  }
77
77
  }
78
+ const loadingInjectionKey = Symbol("Buefy Loading");
79
+ function useLoading() {
80
+ return vue.inject(loadingInjectionKey);
81
+ }
78
82
  const Plugin = {
79
83
  install(Vue) {
80
84
  plugins.registerComponent(Vue, Loading.BLoading);
81
- plugins.registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue));
85
+ plugins.registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue), loadingInjectionKey);
82
86
  }
83
87
  };
84
88
 
85
89
  exports.BLoading = Loading.BLoading;
86
90
  exports.LoadingProgrammatic = LoadingProgrammatic;
87
91
  exports.default = Plugin;
92
+ exports.useLoading = useLoading;
package/dist/cjs/menu.js CHANGED
@@ -7,7 +7,7 @@ var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js')
7
7
  var Icon = require('./Icon-lsDKE2wQ.js');
8
8
  var config = require('./config-DR826Ki2.js');
9
9
  var CompatFallthroughMixin = require('./CompatFallthroughMixin-hhK0Gkhr.js');
10
- var plugins = require('./plugins-DbyYGVpp.js');
10
+ var plugins = require('./plugins-BWKpXmCr.js');
11
11
  require('./helpers.js');
12
12
 
13
13
  var MenuItemContainerMixin = vue.defineComponent({
@@ -7,7 +7,7 @@ var MessageMixin = require('./MessageMixin-bGuuzfev.js');
7
7
  var Icon = require('./Icon-lsDKE2wQ.js');
8
8
  var Progress = require('./Progress-DT9Qc8Id.js');
9
9
  var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
10
- var plugins = require('./plugins-DbyYGVpp.js');
10
+ var plugins = require('./plugins-BWKpXmCr.js');
11
11
  require('./config-DR826Ki2.js');
12
12
  require('./helpers.js');
13
13