buefy 0.9.9 → 0.9.13
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.
- package/CHANGELOG.md +1639 -1609
- package/dist/buefy.css +20 -2
- package/dist/buefy.esm.js +2227 -1869
- package/dist/buefy.esm.min.js +2 -2
- package/dist/buefy.js +2266 -1907
- package/dist/buefy.min.css +1 -1
- package/dist/buefy.min.js +2 -2
- package/dist/cjs/autocomplete.js +6 -6
- package/dist/cjs/breadcrumb.js +127 -0
- package/dist/cjs/button.js +6 -107
- package/dist/cjs/carousel.js +9 -7
- package/dist/cjs/checkbox.js +5 -5
- package/dist/cjs/{chunk-d33a8a78.js → chunk-114191ae.js} +3 -3
- package/dist/cjs/{chunk-dafdb70c.js → chunk-2062216d.js} +39 -3
- package/dist/cjs/{chunk-64efc596.js → chunk-2911aa4b.js} +20 -16
- package/dist/cjs/{chunk-96ab31c1.js → chunk-2ae50815.js} +7 -7
- package/dist/cjs/{chunk-c3032504.js → chunk-2c7de785.js} +3 -3
- package/dist/cjs/{chunk-50ff3a78.js → chunk-30670fac.js} +96 -15
- package/dist/cjs/{chunk-e57b3891.js → chunk-34949503.js} +2 -2
- package/dist/cjs/{chunk-0abd2223.js → chunk-3b43d77a.js} +2 -2
- package/dist/cjs/{chunk-dcdbe2e8.js → chunk-3cc5d9a6.js} +1 -1
- package/dist/cjs/{chunk-0b57168e.js → chunk-61023b09.js} +3 -3
- package/dist/cjs/chunk-6cb902f8.js +314 -0
- package/dist/cjs/{chunk-adb01a93.js → chunk-7da0c017.js} +26 -24
- package/dist/cjs/{chunk-60255743.js → chunk-9103eeda.js} +4 -0
- package/dist/cjs/{chunk-14c82365.js → chunk-92621ff7.js} +37 -0
- package/dist/cjs/{chunk-816cba7a.js → chunk-9e4cf4c5.js} +1 -1
- package/dist/cjs/{chunk-33b9d1cf.js → chunk-a11294f9.js} +27 -26
- package/dist/cjs/{chunk-430b5370.js → chunk-bfcad370.js} +25 -2
- package/dist/cjs/{chunk-cc470e7c.js → chunk-c6fbc7b4.js} +7 -7
- package/dist/cjs/{chunk-993f89de.js → chunk-c7b2aa4b.js} +5 -4
- package/dist/cjs/{chunk-6474e963.js → chunk-d0f8ea39.js} +9 -9
- package/dist/cjs/{chunk-3acb500b.js → chunk-d120e215.js} +2 -2
- package/dist/cjs/{chunk-f5baaa70.js → chunk-d54e40f6.js} +2 -1
- package/dist/cjs/{chunk-916a2858.js → chunk-f5106717.js} +4 -4
- package/dist/cjs/chunk-fe2f57ee.js +110 -0
- package/dist/cjs/{chunk-2571dc7c.js → chunk-fefd7b77.js} +0 -0
- package/dist/cjs/clockpicker.js +11 -11
- package/dist/cjs/config.js +2 -2
- package/dist/cjs/datepicker.js +12 -12
- package/dist/cjs/datetimepicker.js +22 -15
- package/dist/cjs/dialog.js +13 -11
- package/dist/cjs/dropdown.js +8 -8
- package/dist/cjs/field.js +5 -5
- package/dist/cjs/helpers.js +2 -3
- package/dist/cjs/icon.js +3 -3
- package/dist/cjs/image.js +6 -311
- package/dist/cjs/index.js +29 -23
- package/dist/cjs/input.js +5 -5
- package/dist/cjs/loading.js +6 -6
- package/dist/cjs/menu.js +3 -3
- package/dist/cjs/message.js +6 -6
- package/dist/cjs/modal.js +6 -6
- package/dist/cjs/navbar.js +16 -4
- package/dist/cjs/notification.js +23 -11
- package/dist/cjs/numberinput.js +9 -7
- package/dist/cjs/pagination.js +8 -8
- package/dist/cjs/progress.js +10 -6
- package/dist/cjs/radio.js +3 -3
- package/dist/cjs/rate.js +3 -3
- package/dist/cjs/select.js +7 -7
- package/dist/cjs/sidebar.js +2 -2
- package/dist/cjs/slider.js +4 -4
- package/dist/cjs/snackbar.js +5 -5
- package/dist/cjs/steps.js +8 -8
- package/dist/cjs/switch.js +1 -1
- package/dist/cjs/table.js +13 -13
- package/dist/cjs/tabs.js +8 -8
- package/dist/cjs/tag.js +3 -3
- package/dist/cjs/taginput.js +34 -22
- package/dist/cjs/timepicker.js +13 -13
- package/dist/cjs/toast.js +5 -5
- package/dist/cjs/tooltip.js +5 -5
- package/dist/cjs/upload.js +5 -5
- package/dist/components/autocomplete/index.js +98 -13
- package/dist/components/autocomplete/index.min.js +2 -2
- package/dist/components/breadcrumb/index.js +293 -0
- package/dist/components/breadcrumb/index.min.js +2 -0
- package/dist/components/button/index.js +5 -1
- package/dist/components/button/index.min.js +2 -2
- package/dist/components/carousel/index.js +348 -15
- package/dist/components/carousel/index.min.js +2 -2
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox/index.min.js +1 -1
- package/dist/components/clockpicker/index.js +54 -47
- package/dist/components/clockpicker/index.min.js +2 -2
- package/dist/components/collapse/index.js +1 -1
- package/dist/components/collapse/index.min.js +1 -1
- package/dist/components/datepicker/index.js +41 -32
- package/dist/components/datepicker/index.min.js +2 -2
- package/dist/components/datetimepicker/index.js +75 -58
- package/dist/components/datetimepicker/index.min.js +2 -2
- package/dist/components/dialog/index.js +126 -18
- package/dist/components/dialog/index.min.js +2 -2
- package/dist/components/dropdown/index.js +5 -1
- package/dist/components/dropdown/index.min.js +1 -1
- package/dist/components/field/index.js +29 -23
- package/dist/components/field/index.min.js +2 -2
- package/dist/components/icon/index.js +5 -1
- package/dist/components/icon/index.min.js +2 -2
- package/dist/components/image/index.js +463 -444
- package/dist/components/image/index.min.js +2 -2
- package/dist/components/input/index.js +5 -1
- package/dist/components/input/index.min.js +2 -2
- package/dist/components/loading/index.js +2 -2
- package/dist/components/loading/index.min.js +2 -2
- package/dist/components/menu/index.js +5 -1
- package/dist/components/menu/index.min.js +2 -2
- package/dist/components/message/index.js +43 -3
- package/dist/components/message/index.min.js +2 -2
- package/dist/components/modal/index.js +7 -2
- package/dist/components/modal/index.min.js +2 -2
- package/dist/components/navbar/index.js +16 -4
- package/dist/components/navbar/index.min.js +2 -2
- package/dist/components/notification/index.js +59 -6
- package/dist/components/notification/index.min.js +2 -2
- package/dist/components/numberinput/index.js +9 -3
- package/dist/components/numberinput/index.min.js +2 -2
- package/dist/components/pagination/index.js +5 -1
- package/dist/components/pagination/index.min.js +2 -2
- package/dist/components/progress/index.js +10 -2
- package/dist/components/progress/index.min.js +2 -2
- package/dist/components/radio/index.js +1 -1
- package/dist/components/radio/index.min.js +1 -1
- package/dist/components/rate/index.js +5 -1
- package/dist/components/rate/index.min.js +2 -2
- package/dist/components/select/index.js +5 -1
- package/dist/components/select/index.min.js +2 -2
- package/dist/components/sidebar/index.js +5 -1
- package/dist/components/sidebar/index.min.js +1 -1
- package/dist/components/skeleton/index.js +1 -1
- package/dist/components/skeleton/index.min.js +1 -1
- package/dist/components/slider/index.js +5 -1
- package/dist/components/slider/index.min.js +2 -2
- package/dist/components/snackbar/index.js +7 -2
- package/dist/components/snackbar/index.min.js +2 -2
- package/dist/components/steps/index.js +5 -1
- package/dist/components/steps/index.min.js +2 -2
- package/dist/components/switch/index.js +5 -1
- package/dist/components/switch/index.min.js +1 -1
- package/dist/components/table/index.js +6 -2
- package/dist/components/table/index.min.js +2 -2
- package/dist/components/tabs/index.js +5 -1
- package/dist/components/tabs/index.min.js +2 -2
- package/dist/components/tag/index.js +26 -3
- package/dist/components/tag/index.min.js +2 -2
- package/dist/components/taginput/index.js +185 -29
- package/dist/components/taginput/index.min.js +2 -2
- package/dist/components/timepicker/index.js +54 -47
- package/dist/components/timepicker/index.min.js +2 -2
- package/dist/components/toast/index.js +7 -2
- package/dist/components/toast/index.min.js +2 -2
- package/dist/components/tooltip/index.js +5 -1
- package/dist/components/tooltip/index.min.js +1 -1
- package/dist/components/upload/index.js +5 -1
- package/dist/components/upload/index.min.js +2 -2
- package/dist/esm/autocomplete.js +7 -7
- package/dist/esm/breadcrumb.js +122 -0
- package/dist/esm/button.js +6 -107
- package/dist/esm/carousel.js +7 -5
- package/dist/esm/{chunk-56040896.js → chunk-18e8b067.js} +3 -3
- package/dist/esm/{chunk-fa404a2c.js → chunk-21fc0948.js} +7 -7
- package/dist/esm/{chunk-f9299099.js → chunk-22e9f916.js} +19 -15
- package/dist/esm/{chunk-1fafdf15.js → chunk-2452e3d3.js} +37 -1
- package/dist/esm/{chunk-1297c2c9.js → chunk-29ca0df8.js} +1 -1
- package/dist/esm/{chunk-3c2169d7.js → chunk-2f2f0a74.js} +25 -2
- package/dist/esm/{chunk-cf72ce36.js → chunk-3773c62d.js} +2 -2
- package/dist/esm/{chunk-2c957994.js → chunk-4b67a181.js} +3 -3
- package/dist/esm/{chunk-45740cdc.js → chunk-6019fd7a.js} +96 -15
- package/dist/esm/chunk-71a547bc.js +312 -0
- package/dist/esm/{chunk-516e4877.js → chunk-75a5af93.js} +1 -1
- package/dist/esm/{chunk-4e380ee2.js → chunk-799e084d.js} +2 -1
- package/dist/esm/{chunk-37678809.js → chunk-83eb0d37.js} +3 -3
- package/dist/esm/{chunk-34c74085.js → chunk-8d0f95b8.js} +4 -4
- package/dist/esm/{chunk-652f2dad.js → chunk-8ed29c41.js} +4 -0
- package/dist/esm/{chunk-742a9694.js → chunk-9f7f7441.js} +3 -2
- package/dist/esm/{chunk-f160efb9.js → chunk-ae8ab23a.js} +4 -4
- package/dist/esm/{chunk-c3b09672.js → chunk-b07e3182.js} +26 -24
- package/dist/esm/{chunk-e36a4f2c.js → chunk-b0c0c6b0.js} +0 -0
- package/dist/esm/{chunk-ee935ae6.js → chunk-c9c58d0c.js} +1 -1
- package/dist/esm/{chunk-1d62828e.js → chunk-d7f92d97.js} +39 -3
- package/dist/esm/{chunk-7fd02ffe.js → chunk-d92f0cd9.js} +2 -2
- package/dist/esm/chunk-e7c9b2cb.js +108 -0
- package/dist/esm/{chunk-0e22ae0a.js → chunk-ece062a7.js} +27 -26
- package/dist/esm/clockpicker.js +9 -9
- package/dist/esm/config.js +2 -2
- package/dist/esm/datepicker.js +11 -11
- package/dist/esm/datetimepicker.js +21 -14
- package/dist/esm/dialog.js +10 -8
- package/dist/esm/dropdown.js +5 -5
- package/dist/esm/field.js +4 -4
- package/dist/esm/helpers.js +2 -3
- package/dist/esm/icon.js +4 -4
- package/dist/esm/image.js +6 -311
- package/dist/esm/index.js +106 -100
- package/dist/esm/input.js +6 -6
- package/dist/esm/loading.js +4 -4
- package/dist/esm/menu.js +3 -3
- package/dist/esm/message.js +5 -5
- package/dist/esm/modal.js +4 -4
- package/dist/esm/navbar.js +16 -4
- package/dist/esm/notification.js +22 -10
- package/dist/esm/numberinput.js +9 -7
- package/dist/esm/pagination.js +5 -5
- package/dist/esm/progress.js +8 -4
- package/dist/esm/rate.js +3 -3
- package/dist/esm/select.js +6 -6
- package/dist/esm/sidebar.js +2 -2
- package/dist/esm/slider.js +3 -3
- package/dist/esm/snackbar.js +4 -4
- package/dist/esm/steps.js +6 -6
- package/dist/esm/switch.js +1 -1
- package/dist/esm/table.js +9 -9
- package/dist/esm/tabs.js +6 -6
- package/dist/esm/tag.js +2 -2
- package/dist/esm/taginput.js +33 -21
- package/dist/esm/timepicker.js +12 -12
- package/dist/esm/toast.js +4 -4
- package/dist/esm/tooltip.js +4 -4
- package/dist/esm/upload.js +3 -3
- package/dist/vetur/attributes.json +95 -19
- package/dist/vetur/tags.json +37 -4
- package/package.json +2 -2
- package/src/components/autocomplete/Autocomplete.spec.js +70 -0
- package/src/components/autocomplete/Autocomplete.vue +93 -18
- package/src/components/breadcrumb/Breadcrumb.spec.js +63 -0
- package/src/components/breadcrumb/Breadcrumb.vue +43 -0
- package/src/components/breadcrumb/BreadcrumbItem.spec.js +25 -0
- package/src/components/breadcrumb/BreadcrumbItem.vue +33 -0
- package/src/components/breadcrumb/__snapshots__/Breadcrumb.spec.js.snap +7 -0
- package/src/components/breadcrumb/__snapshots__/BreadcrumbItem.spec.js.snap +7 -0
- package/src/components/breadcrumb/index.js +20 -0
- package/src/components/carousel/CarouselList.vue +3 -1
- package/src/components/carousel/__snapshots__/CarouselList.spec.js.snap +128 -8
- package/src/components/clockpicker/Clockpicker.vue +259 -259
- package/src/components/datepicker/Datepicker.vue +10 -6
- package/src/components/datetimepicker/Datetimepicker.vue +8 -1
- package/src/components/dialog/Dialog.vue +10 -10
- package/src/components/field/Field.vue +271 -270
- package/src/components/image/Image.spec.js +197 -183
- package/src/components/image/Image.vue +4 -2
- package/src/components/index.js +2 -0
- package/src/components/loading/Loading.vue +1 -1
- package/src/components/loading/__snapshots__/Loading.spec.js.snap +1 -1
- package/src/components/message/Message.vue +7 -1
- package/src/components/message/__snapshots__/Message.spec.js.snap +1 -0
- package/src/components/modal/Modal.vue +2 -0
- package/src/components/navbar/Navbar.vue +5 -1
- package/src/components/navbar/NavbarBurger.vue +1 -0
- package/src/components/navbar/NavbarDropdown.vue +8 -2
- package/src/components/navbar/__snapshots__/NavBar.spec.js.snap +11 -11
- package/src/components/navbar/__snapshots__/NavBarBurger.spec.js.snap +3 -0
- package/src/components/navbar/__snapshots__/NavbarDropdown.spec.js.snap +1 -1
- package/src/components/notification/Notification.vue +6 -0
- package/src/components/notification/NotificationNotice.vue +16 -3
- package/src/components/notification/__snapshots__/Notification.spec.js.snap +1 -0
- package/src/components/numberinput/Numberinput.spec.js +10 -0
- package/src/components/numberinput/Numberinput.vue +4 -2
- package/src/components/progress/Progress.vue +6 -2
- package/src/components/snackbar/Snackbar.vue +2 -0
- package/src/components/tag/Tag.vue +25 -2
- package/src/components/tag/__snapshots__/Tag.spec.js.snap +1 -1
- package/src/components/taginput/Taginput.spec.js +57 -1
- package/src/components/taginput/Taginput.vue +373 -364
- package/src/components/toast/Toast.vue +1 -1
- package/src/index.js +2 -0
- package/src/scss/buefy.scss +1 -0
- package/src/scss/components/_loading.scss +2 -1
- package/src/scss/components/_message.scss +3 -0
- package/src/scss/components/_notification.scss +8 -0
- package/src/scss/components/_progress.scss +8 -0
- package/src/utils/MessageMixin.js +32 -1
- package/src/utils/NoticeMixin.js +1 -0
- package/src/utils/TimepickerMixin.js +718 -716
- package/src/utils/config.js +4 -0
- package/src/utils/helpers.js +1 -2
- package/types/components.d.ts +5 -0
- package/src/components/navbar/__snapshots__/NavbarBurger.spec.js.snap +0 -3
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var __chunk_1 = require('./chunk-
|
|
5
|
+
var __chunk_1 = require('./chunk-92621ff7.js');
|
|
6
6
|
var helpers = require('./helpers.js');
|
|
7
|
-
var __chunk_2 = require('./chunk-
|
|
8
|
-
var __chunk_3 = require('./chunk-
|
|
9
|
-
require('./chunk-
|
|
7
|
+
var __chunk_2 = require('./chunk-9103eeda.js');
|
|
8
|
+
var __chunk_3 = require('./chunk-9e4cf4c5.js');
|
|
9
|
+
require('./chunk-d120e215.js');
|
|
10
10
|
var __chunk_5 = require('./chunk-13e039f5.js');
|
|
11
|
-
require('./chunk-
|
|
12
|
-
require('./chunk-
|
|
13
|
-
require('./chunk-
|
|
11
|
+
require('./chunk-f5106717.js');
|
|
12
|
+
require('./chunk-3cc5d9a6.js');
|
|
13
|
+
require('./chunk-a11294f9.js');
|
|
14
14
|
require('./chunk-ae7e641a.js');
|
|
15
|
-
require('./chunk-
|
|
16
|
-
require('./chunk-
|
|
17
|
-
require('./chunk-
|
|
18
|
-
var
|
|
19
|
-
var
|
|
15
|
+
require('./chunk-c6fbc7b4.js');
|
|
16
|
+
require('./chunk-7da0c017.js');
|
|
17
|
+
require('./chunk-114191ae.js');
|
|
18
|
+
var __chunk_18 = require('./chunk-2911aa4b.js');
|
|
19
|
+
var __chunk_19 = require('./chunk-d0f8ea39.js');
|
|
20
20
|
|
|
21
21
|
var _components;
|
|
22
22
|
var AM = 'AM';
|
|
23
23
|
var PM = 'PM';
|
|
24
24
|
var script = {
|
|
25
25
|
name: 'BDatetimepicker',
|
|
26
|
-
components: (_components = {}, __chunk_1._defineProperty(_components,
|
|
26
|
+
components: (_components = {}, __chunk_1._defineProperty(_components, __chunk_18.Datepicker.name, __chunk_18.Datepicker), __chunk_1._defineProperty(_components, __chunk_19.Timepicker.name, __chunk_19.Timepicker), _components),
|
|
27
27
|
mixins: [__chunk_3.FormElementMixin],
|
|
28
28
|
inheritAttrs: false,
|
|
29
29
|
props: {
|
|
@@ -136,7 +136,7 @@ var script = {
|
|
|
136
136
|
hour: this.localeOptions.hour || 'numeric',
|
|
137
137
|
minute: this.localeOptions.minute || 'numeric',
|
|
138
138
|
second: this.enableSeconds() ? this.localeOptions.second || 'numeric' : undefined,
|
|
139
|
-
|
|
139
|
+
hourCycle: !this.isHourFormat24() ? 'h12' : 'h23'
|
|
140
140
|
});
|
|
141
141
|
},
|
|
142
142
|
isMobileNative: function isMobileNative() {
|
|
@@ -296,6 +296,13 @@ var script = {
|
|
|
296
296
|
this.computedValue = null;
|
|
297
297
|
}
|
|
298
298
|
},
|
|
299
|
+
|
|
300
|
+
/*
|
|
301
|
+
* Emit 'active-change' on datepicker active state change
|
|
302
|
+
*/
|
|
303
|
+
onActiveChange: function onActiveChange(value) {
|
|
304
|
+
this.$emit('active-change', value);
|
|
305
|
+
},
|
|
299
306
|
formatNative: function formatNative(value) {
|
|
300
307
|
var date = new Date(value);
|
|
301
308
|
|
|
@@ -329,7 +336,7 @@ var script = {
|
|
|
329
336
|
const __vue_script__ = script;
|
|
330
337
|
|
|
331
338
|
/* template */
|
|
332
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isMobile || _vm.inline)?_c('b-datepicker',_vm._b({ref:"datepicker",attrs:{"rounded":_vm.rounded,"open-on-focus":_vm.openOnFocus,"position":_vm.position,"loading":_vm.loading,"inline":_vm.inline,"editable":_vm.editable,"expanded":_vm.expanded,"close-on-click":false,"date-formatter":_vm.defaultDatetimeFormatter,"date-parser":_vm.defaultDatetimeParser,"min-date":_vm.minDate,"max-date":_vm.maxDate,"icon":_vm.icon,"icon-right":_vm.iconRight,"icon-right-clickable":_vm.iconRightClickable,"icon-pack":_vm.iconPack,"size":_vm.datepickerSize,"placeholder":_vm.placeholder,"horizontal-time-picker":_vm.horizontalTimePicker,"range":false,"disabled":_vm.disabled,"mobile-native":_vm.isMobileNative,"locale":_vm.locale,"focusable":_vm.focusable,"append-to-body":_vm.appendToBody},on:{"focus":_vm.onFocus,"blur":_vm.onBlur,"icon-right-click":function($event){return _vm.$emit('icon-right-click')},"change-month":function($event){return _vm.$emit('change-month', $event)},"change-year":function($event){return _vm.$emit('change-year', $event)}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-datepicker',_vm.datepicker,false),[_c('nav',{staticClass:"level is-mobile"},[(_vm.$slots.left !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("left")],2):_vm._e(),_c('div',{staticClass:"level-item has-text-centered"},[_c('b-timepicker',_vm._b({ref:"timepicker",attrs:{"inline":"","editable":_vm.editable,"min-time":_vm.minTime,"max-time":_vm.maxTime,"size":_vm.timepickerSize,"disabled":_vm.timepickerDisabled,"focusable":_vm.focusable,"mobile-native":_vm.isMobileNative,"locale":_vm.locale},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-timepicker',_vm.timepicker,false))],1),(_vm.$slots.right !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("right")],2):_vm._e()])]):_c('b-input',_vm._b({ref:"input",attrs:{"type":"datetime-local","autocomplete":"off","value":_vm.formatNative(_vm.computedValue),"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-pack":_vm.iconPack,"rounded":_vm.rounded,"loading":_vm.loading,"max":_vm.formatNative(_vm.maxDate),"min":_vm.formatNative(_vm.minDate),"disabled":_vm.disabled,"readonly":false,"use-html5-validation":_vm.useHtml5Validation},on:{"focus":_vm.onFocus,"blur":_vm.onBlur},nativeOn:{"change":function($event){return _vm.onChangeNativePicker($event)}}},'b-input',_vm.$attrs,false))};
|
|
339
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isMobile || _vm.inline)?_c('b-datepicker',_vm._b({ref:"datepicker",attrs:{"rounded":_vm.rounded,"open-on-focus":_vm.openOnFocus,"position":_vm.position,"loading":_vm.loading,"inline":_vm.inline,"editable":_vm.editable,"expanded":_vm.expanded,"close-on-click":false,"date-formatter":_vm.defaultDatetimeFormatter,"date-parser":_vm.defaultDatetimeParser,"min-date":_vm.minDate,"max-date":_vm.maxDate,"icon":_vm.icon,"icon-right":_vm.iconRight,"icon-right-clickable":_vm.iconRightClickable,"icon-pack":_vm.iconPack,"size":_vm.datepickerSize,"placeholder":_vm.placeholder,"horizontal-time-picker":_vm.horizontalTimePicker,"range":false,"disabled":_vm.disabled,"mobile-native":_vm.isMobileNative,"locale":_vm.locale,"focusable":_vm.focusable,"append-to-body":_vm.appendToBody},on:{"focus":_vm.onFocus,"blur":_vm.onBlur,"active-change":_vm.onActiveChange,"icon-right-click":function($event){return _vm.$emit('icon-right-click')},"change-month":function($event){return _vm.$emit('change-month', $event)},"change-year":function($event){return _vm.$emit('change-year', $event)}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-datepicker',_vm.datepicker,false),[_c('nav',{staticClass:"level is-mobile"},[(_vm.$slots.left !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("left")],2):_vm._e(),_c('div',{staticClass:"level-item has-text-centered"},[_c('b-timepicker',_vm._b({ref:"timepicker",attrs:{"inline":"","editable":_vm.editable,"min-time":_vm.minTime,"max-time":_vm.maxTime,"size":_vm.timepickerSize,"disabled":_vm.timepickerDisabled,"focusable":_vm.focusable,"mobile-native":_vm.isMobileNative,"locale":_vm.locale},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-timepicker',_vm.timepicker,false))],1),(_vm.$slots.right !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("right")],2):_vm._e()])]):_c('b-input',_vm._b({ref:"input",attrs:{"type":"datetime-local","autocomplete":"off","value":_vm.formatNative(_vm.computedValue),"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-pack":_vm.iconPack,"rounded":_vm.rounded,"loading":_vm.loading,"max":_vm.formatNative(_vm.maxDate),"min":_vm.formatNative(_vm.minDate),"disabled":_vm.disabled,"readonly":false,"use-html5-validation":_vm.useHtml5Validation},on:{"focus":_vm.onFocus,"blur":_vm.onBlur},nativeOn:{"change":function($event){return _vm.onChangeNativePicker($event)}}},'b-input',_vm.$attrs,false))};
|
|
333
340
|
var __vue_staticRenderFns__ = [];
|
|
334
341
|
|
|
335
342
|
/* style */
|
package/dist/cjs/dialog.js
CHANGED
|
@@ -2,21 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var __chunk_1 = require('./chunk-
|
|
5
|
+
var __chunk_1 = require('./chunk-92621ff7.js');
|
|
6
6
|
var helpers = require('./helpers.js');
|
|
7
|
-
var __chunk_2 = require('./chunk-
|
|
8
|
-
var __chunk_4 = require('./chunk-
|
|
7
|
+
var __chunk_2 = require('./chunk-9103eeda.js');
|
|
8
|
+
var __chunk_4 = require('./chunk-d120e215.js');
|
|
9
9
|
var __chunk_5 = require('./chunk-13e039f5.js');
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var __chunk_8 = require('./chunk-fe2f57ee.js');
|
|
11
|
+
var __chunk_14 = require('./chunk-ae7e641a.js');
|
|
12
|
+
var __chunk_20 = require('./chunk-c7b2aa4b.js');
|
|
12
13
|
|
|
14
|
+
var _components;
|
|
13
15
|
var script = {
|
|
14
16
|
name: 'BDialog',
|
|
15
|
-
components: __chunk_1._defineProperty(
|
|
17
|
+
components: (_components = {}, __chunk_1._defineProperty(_components, __chunk_4.Icon.name, __chunk_4.Icon), __chunk_1._defineProperty(_components, __chunk_8.Button.name, __chunk_8.Button), _components),
|
|
16
18
|
directives: {
|
|
17
|
-
trapFocus:
|
|
19
|
+
trapFocus: __chunk_14.trapFocus
|
|
18
20
|
},
|
|
19
|
-
extends:
|
|
21
|
+
extends: __chunk_20.Modal,
|
|
20
22
|
props: {
|
|
21
23
|
title: String,
|
|
22
24
|
message: [String, Array],
|
|
@@ -186,9 +188,9 @@ var script = {
|
|
|
186
188
|
if (_this4.hasInput) {
|
|
187
189
|
_this4.$refs.input.focus();
|
|
188
190
|
} else if (_this4.focusOn === 'cancel' && _this4.showCancel) {
|
|
189
|
-
_this4.$refs.cancelButton.focus();
|
|
191
|
+
_this4.$refs.cancelButton.$el.focus();
|
|
190
192
|
} else {
|
|
191
|
-
_this4.$refs.confirmButton.focus();
|
|
193
|
+
_this4.$refs.confirmButton.$el.focus();
|
|
192
194
|
}
|
|
193
195
|
});
|
|
194
196
|
}
|
|
@@ -198,7 +200,7 @@ var script = {
|
|
|
198
200
|
const __vue_script__ = script;
|
|
199
201
|
|
|
200
202
|
/* template */
|
|
201
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.animation}},[(_vm.isActive)?_c('div',{directives:[{name:"trap-focus",rawName:"v-trap-focus",value:(_vm.trapFocus),expression:"trapFocus"}],staticClass:"dialog modal is-active",class:_vm.dialogClass,attrs:{"role":_vm.ariaRole,"aria-modal":_vm.ariaModal}},[_c('div',{staticClass:"modal-background",on:{"click":function($event){return _vm.cancel('outside')}}}),_c('div',{staticClass:"modal-card animation-content"},[(_vm.title)?_c('header',{staticClass:"modal-card-head"},[_c('p',{staticClass:"modal-card-title"},[_vm._v(_vm._s(_vm.title))])]):_vm._e(),_c('section',{staticClass:"modal-card-body",class:{ 'is-titleless': !_vm.title, 'is-flex': _vm.hasIcon }},[_c('div',{staticClass:"media"},[(_vm.hasIcon && (_vm.icon || _vm.iconByType))?_c('div',{staticClass:"media-left"},[_c('b-icon',{attrs:{"icon":_vm.icon ? _vm.icon : _vm.iconByType,"pack":_vm.iconPack,"type":_vm.type,"both":!_vm.icon,"size":"is-large"}})],1):_vm._e(),_c('div',{staticClass:"media-content"},[_c('p',[(_vm.$slots.default)?[_vm._t("default")]:[_c('div',{domProps:{"innerHTML":_vm._s(_vm.message)}})]],2),(_vm.hasInput)?_c('div',{staticClass:"field"},[_c('div',{staticClass:"control"},[(((_vm.inputAttrs).type)==='checkbox')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.prompt)?_vm._i(_vm.prompt,null)>-1:(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){var $$a=_vm.prompt,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.prompt=$$a.concat([$$v]));}else{$$i>-1&&(_vm.prompt=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else{_vm.prompt=$$c;}}}},'input',_vm.inputAttrs,false)):(((_vm.inputAttrs).type)==='radio')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"radio"},domProps:{"checked":_vm._q(_vm.prompt,null)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){_vm.prompt=null;}}},'input',_vm.inputAttrs,false)):_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":(_vm.inputAttrs).type},domProps:{"value":(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"input":function($event){if($event.target.composing){ return; }_vm.prompt=$event.target.value;}}},'input',_vm.inputAttrs,false))]),_c('p',{staticClass:"help is-danger"},[_vm._v(_vm._s(_vm.validationMessage))])]):_vm._e()])])]),_c('footer',{staticClass:"modal-card-foot"},[(_vm.showCancel)?_c('button',{ref:"cancelButton",
|
|
203
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.animation}},[(_vm.isActive)?_c('div',{directives:[{name:"trap-focus",rawName:"v-trap-focus",value:(_vm.trapFocus),expression:"trapFocus"}],staticClass:"dialog modal is-active",class:_vm.dialogClass,attrs:{"role":_vm.ariaRole,"aria-modal":_vm.ariaModal}},[_c('div',{staticClass:"modal-background",on:{"click":function($event){return _vm.cancel('outside')}}}),_c('div',{staticClass:"modal-card animation-content"},[(_vm.title)?_c('header',{staticClass:"modal-card-head"},[_c('p',{staticClass:"modal-card-title"},[_vm._v(_vm._s(_vm.title))])]):_vm._e(),_c('section',{staticClass:"modal-card-body",class:{ 'is-titleless': !_vm.title, 'is-flex': _vm.hasIcon }},[_c('div',{staticClass:"media"},[(_vm.hasIcon && (_vm.icon || _vm.iconByType))?_c('div',{staticClass:"media-left"},[_c('b-icon',{attrs:{"icon":_vm.icon ? _vm.icon : _vm.iconByType,"pack":_vm.iconPack,"type":_vm.type,"both":!_vm.icon,"size":"is-large"}})],1):_vm._e(),_c('div',{staticClass:"media-content"},[_c('p',[(_vm.$slots.default)?[_vm._t("default")]:[_c('div',{domProps:{"innerHTML":_vm._s(_vm.message)}})]],2),(_vm.hasInput)?_c('div',{staticClass:"field"},[_c('div',{staticClass:"control"},[(((_vm.inputAttrs).type)==='checkbox')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.prompt)?_vm._i(_vm.prompt,null)>-1:(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){var $$a=_vm.prompt,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.prompt=$$a.concat([$$v]));}else{$$i>-1&&(_vm.prompt=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else{_vm.prompt=$$c;}}}},'input',_vm.inputAttrs,false)):(((_vm.inputAttrs).type)==='radio')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"radio"},domProps:{"checked":_vm._q(_vm.prompt,null)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){_vm.prompt=null;}}},'input',_vm.inputAttrs,false)):_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":(_vm.inputAttrs).type},domProps:{"value":(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"input":function($event){if($event.target.composing){ return; }_vm.prompt=$event.target.value;}}},'input',_vm.inputAttrs,false))]),_c('p',{staticClass:"help is-danger"},[_vm._v(_vm._s(_vm.validationMessage))])]):_vm._e()])])]),_c('footer',{staticClass:"modal-card-foot"},[(_vm.showCancel)?_c('b-button',{ref:"cancelButton",on:{"click":function($event){return _vm.cancel('button')}}},[_vm._v(_vm._s(_vm.cancelText))]):_vm._e(),_c('b-button',{ref:"confirmButton",attrs:{"type":_vm.type},on:{"click":_vm.confirm}},[_vm._v(_vm._s(_vm.confirmText))])],1)])]):_vm._e()])};
|
|
202
204
|
var __vue_staticRenderFns__ = [];
|
|
203
205
|
|
|
204
206
|
/* style */
|
package/dist/cjs/dropdown.js
CHANGED
|
@@ -2,22 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./chunk-
|
|
5
|
+
require('./chunk-92621ff7.js');
|
|
6
6
|
require('./helpers.js');
|
|
7
|
-
require('./chunk-
|
|
7
|
+
require('./chunk-9103eeda.js');
|
|
8
8
|
var __chunk_5 = require('./chunk-13e039f5.js');
|
|
9
|
-
require('./chunk-
|
|
9
|
+
require('./chunk-3cc5d9a6.js');
|
|
10
10
|
require('./chunk-ae7e641a.js');
|
|
11
|
-
var
|
|
11
|
+
var __chunk_15 = require('./chunk-c6fbc7b4.js');
|
|
12
12
|
|
|
13
13
|
var Plugin = {
|
|
14
14
|
install: function install(Vue) {
|
|
15
|
-
__chunk_5.registerComponent(Vue,
|
|
16
|
-
__chunk_5.registerComponent(Vue,
|
|
15
|
+
__chunk_5.registerComponent(Vue, __chunk_15.Dropdown);
|
|
16
|
+
__chunk_5.registerComponent(Vue, __chunk_15.DropdownItem);
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
__chunk_5.use(Plugin);
|
|
20
20
|
|
|
21
|
-
exports.BDropdown =
|
|
22
|
-
exports.BDropdownItem =
|
|
21
|
+
exports.BDropdown = __chunk_15.Dropdown;
|
|
22
|
+
exports.BDropdownItem = __chunk_15.DropdownItem;
|
|
23
23
|
exports.default = Plugin;
|
package/dist/cjs/field.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./chunk-
|
|
6
|
-
require('./chunk-
|
|
5
|
+
require('./chunk-92621ff7.js');
|
|
6
|
+
require('./chunk-9103eeda.js');
|
|
7
7
|
var __chunk_5 = require('./chunk-13e039f5.js');
|
|
8
|
-
var
|
|
8
|
+
var __chunk_16 = require('./chunk-7da0c017.js');
|
|
9
9
|
|
|
10
10
|
var Plugin = {
|
|
11
11
|
install: function install(Vue) {
|
|
12
|
-
__chunk_5.registerComponent(Vue,
|
|
12
|
+
__chunk_5.registerComponent(Vue, __chunk_16.Field);
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
__chunk_5.use(Plugin);
|
|
16
16
|
|
|
17
|
-
exports.BField =
|
|
17
|
+
exports.BField = __chunk_16.Field;
|
|
18
18
|
exports.default = Plugin;
|
package/dist/cjs/helpers.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var __chunk_1 = require('./chunk-
|
|
5
|
+
var __chunk_1 = require('./chunk-92621ff7.js');
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* +/- function to native math sign
|
|
@@ -213,8 +213,7 @@ function getMonthNames() {
|
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
var dtf = new Intl.DateTimeFormat(locale, {
|
|
216
|
-
month: format
|
|
217
|
-
timeZone: 'UTC'
|
|
216
|
+
month: format
|
|
218
217
|
});
|
|
219
218
|
return dates.map(function (d) {
|
|
220
219
|
return dtf.format(d);
|
package/dist/cjs/icon.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./chunk-
|
|
5
|
+
require('./chunk-92621ff7.js');
|
|
6
6
|
require('./helpers.js');
|
|
7
|
-
require('./chunk-
|
|
8
|
-
var __chunk_4 = require('./chunk-
|
|
7
|
+
require('./chunk-9103eeda.js');
|
|
8
|
+
var __chunk_4 = require('./chunk-d120e215.js');
|
|
9
9
|
var __chunk_5 = require('./chunk-13e039f5.js');
|
|
10
10
|
|
|
11
11
|
var Plugin = {
|
package/dist/cjs/image.js
CHANGED
|
@@ -2,323 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('./chunk-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
require('./chunk-92621ff7.js');
|
|
6
|
+
require('./helpers.js');
|
|
7
|
+
require('./chunk-9103eeda.js');
|
|
8
8
|
var __chunk_5 = require('./chunk-13e039f5.js');
|
|
9
|
-
|
|
10
|
-
//
|
|
11
|
-
var script = {
|
|
12
|
-
name: 'BImage',
|
|
13
|
-
props: {
|
|
14
|
-
src: String,
|
|
15
|
-
alt: String,
|
|
16
|
-
srcFallback: String,
|
|
17
|
-
webpFallback: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: function _default() {
|
|
20
|
-
return __chunk_2.config.defaultImageWebpFallback;
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
lazy: {
|
|
24
|
-
type: Boolean,
|
|
25
|
-
default: function _default() {
|
|
26
|
-
return __chunk_2.config.defaultImageLazy;
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
responsive: {
|
|
30
|
-
type: Boolean,
|
|
31
|
-
default: function _default() {
|
|
32
|
-
return __chunk_2.config.defaultImageResponsive;
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
ratio: {
|
|
36
|
-
type: String,
|
|
37
|
-
default: function _default() {
|
|
38
|
-
return __chunk_2.config.defaultImageRatio;
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
placeholder: String,
|
|
42
|
-
srcset: String,
|
|
43
|
-
srcsetSizes: Array,
|
|
44
|
-
srcsetFormatter: {
|
|
45
|
-
type: Function,
|
|
46
|
-
default: function _default(src, size, vm) {
|
|
47
|
-
if (typeof __chunk_2.config.defaultImageSrcsetFormatter === 'function') {
|
|
48
|
-
return __chunk_2.config.defaultImageSrcsetFormatter(src, size);
|
|
49
|
-
} else {
|
|
50
|
-
return vm.formatSrcset(src, size);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
rounded: {
|
|
55
|
-
type: Boolean,
|
|
56
|
-
default: false
|
|
57
|
-
},
|
|
58
|
-
captionFirst: {
|
|
59
|
-
type: Boolean,
|
|
60
|
-
default: false
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
data: function data() {
|
|
64
|
-
return {
|
|
65
|
-
clientWidth: 0,
|
|
66
|
-
webpSupportVerified: false,
|
|
67
|
-
webpSupported: false,
|
|
68
|
-
useNativeLazy: false,
|
|
69
|
-
observer: null,
|
|
70
|
-
inViewPort: false,
|
|
71
|
-
bulmaKnownRatio: ['square', '1by1', '5by4', '4by3', '3by2', '5by3', '16by9', 'b2y1', '3by1', '4by5', '3by4', '2by3', '3by5', '9by16', '1by2', '1by3'],
|
|
72
|
-
loaded: false,
|
|
73
|
-
failed: false
|
|
74
|
-
};
|
|
75
|
-
},
|
|
76
|
-
computed: {
|
|
77
|
-
ratioPattern: function ratioPattern() {
|
|
78
|
-
return new RegExp(/([0-9]+)by([0-9]+)/);
|
|
79
|
-
},
|
|
80
|
-
hasRatio: function hasRatio() {
|
|
81
|
-
return this.ratio && this.ratioPattern.test(this.ratio);
|
|
82
|
-
},
|
|
83
|
-
figureClasses: function figureClasses() {
|
|
84
|
-
var classes = {
|
|
85
|
-
image: this.responsive
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
if (this.hasRatio && this.bulmaKnownRatio.indexOf(this.ratio) >= 0) {
|
|
89
|
-
classes["is-".concat(this.ratio)] = true;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
return classes;
|
|
93
|
-
},
|
|
94
|
-
figureStyles: function figureStyles() {
|
|
95
|
-
if (this.hasRatio && this.bulmaKnownRatio.indexOf(this.ratio) < 0) {
|
|
96
|
-
var ratioValues = this.ratioPattern.exec(this.ratio);
|
|
97
|
-
return {
|
|
98
|
-
paddingTop: "".concat(ratioValues[2] / ratioValues[1] * 100, "%")
|
|
99
|
-
};
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
imgClasses: function imgClasses() {
|
|
103
|
-
return {
|
|
104
|
-
'is-rounded': this.rounded,
|
|
105
|
-
'has-ratio': this.hasRatio
|
|
106
|
-
};
|
|
107
|
-
},
|
|
108
|
-
srcExt: function srcExt() {
|
|
109
|
-
return this.getExt(this.src);
|
|
110
|
-
},
|
|
111
|
-
isWepb: function isWepb() {
|
|
112
|
-
return this.srcExt === 'webp';
|
|
113
|
-
},
|
|
114
|
-
computedSrc: function computedSrc() {
|
|
115
|
-
var src = this.src;
|
|
116
|
-
|
|
117
|
-
if (this.failed && this.srcFallback) {
|
|
118
|
-
src = this.srcFallback;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
if (!this.webpSupported && this.isWepb && this.webpFallback) {
|
|
122
|
-
if (this.webpFallback.startsWith('.')) {
|
|
123
|
-
return src.replace(/\.webp/gi, "".concat(this.webpFallback));
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
return this.webpFallback;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
return src;
|
|
130
|
-
},
|
|
131
|
-
computedWidth: function computedWidth() {
|
|
132
|
-
if (this.responsive && this.clientWidth > 0) {
|
|
133
|
-
return this.clientWidth;
|
|
134
|
-
}
|
|
135
|
-
},
|
|
136
|
-
computedNativeLazy: function computedNativeLazy() {
|
|
137
|
-
if (this.lazy && this.useNativeLazy) {
|
|
138
|
-
return 'lazy';
|
|
139
|
-
}
|
|
140
|
-
},
|
|
141
|
-
isDisplayed: function isDisplayed() {
|
|
142
|
-
return (this.webpSupportVerified || !this.isWepb) && (!this.lazy || this.useNativeLazy || this.inViewPort);
|
|
143
|
-
},
|
|
144
|
-
placeholderExt: function placeholderExt() {
|
|
145
|
-
if (this.placeholder) {
|
|
146
|
-
return this.getExt(this.placeholder);
|
|
147
|
-
}
|
|
148
|
-
},
|
|
149
|
-
isPlaceholderWepb: function isPlaceholderWepb() {
|
|
150
|
-
if (this.placeholder) {
|
|
151
|
-
return this.placeholderExt === 'webp';
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
computedPlaceholder: function computedPlaceholder() {
|
|
155
|
-
if (!this.webpSupported && this.isPlaceholderWepb && this.webpFallback && this.webpFallback.startsWith('.')) {
|
|
156
|
-
return this.placeholder.replace(/\.webp/gi, "".concat(this.webpFallback));
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
return this.placeholder;
|
|
160
|
-
},
|
|
161
|
-
isPlaceholderDisplayed: function isPlaceholderDisplayed() {
|
|
162
|
-
return !this.loaded && (this.$slots.placeholder || this.placeholder && (this.webpSupportVerified || !this.isPlaceholderWepb));
|
|
163
|
-
},
|
|
164
|
-
computedSrcset: function computedSrcset() {
|
|
165
|
-
var _this = this;
|
|
166
|
-
|
|
167
|
-
if (this.srcset) {
|
|
168
|
-
if (!this.webpSupported && this.isWepb && this.webpFallback && this.webpFallback.startsWith('.')) {
|
|
169
|
-
return this.srcset.replace(/\.webp/gi, "".concat(this.webpFallback));
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
return this.srcset;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
if (this.srcsetSizes && Array.isArray(this.srcsetSizes) && this.srcsetSizes.length > 0) {
|
|
176
|
-
return this.srcsetSizes.map(function (size) {
|
|
177
|
-
return "".concat(_this.srcsetFormatter(_this.computedSrc, size, _this), " ").concat(size, "w");
|
|
178
|
-
}).join(',');
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
computedSizes: function computedSizes() {
|
|
182
|
-
if (this.computedSrcset && this.computedWidth) {
|
|
183
|
-
return "".concat(this.computedWidth, "px");
|
|
184
|
-
}
|
|
185
|
-
},
|
|
186
|
-
isCaptionFirst: function isCaptionFirst() {
|
|
187
|
-
return this.$slots.caption && this.captionFirst;
|
|
188
|
-
},
|
|
189
|
-
isCaptionLast: function isCaptionLast() {
|
|
190
|
-
return this.$slots.caption && !this.captionFirst;
|
|
191
|
-
}
|
|
192
|
-
},
|
|
193
|
-
methods: {
|
|
194
|
-
getExt: function getExt(filename) {
|
|
195
|
-
var clean = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
196
|
-
|
|
197
|
-
if (filename) {
|
|
198
|
-
var noParam = clean ? filename.split('?')[0] : filename;
|
|
199
|
-
return noParam.split('.').pop();
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
return '';
|
|
203
|
-
},
|
|
204
|
-
setWidth: function setWidth() {
|
|
205
|
-
this.clientWidth = this.$el.clientWidth;
|
|
206
|
-
},
|
|
207
|
-
formatSrcset: function formatSrcset(src, size) {
|
|
208
|
-
var ext = this.getExt(src, false);
|
|
209
|
-
var name = src.split('.').slice(0, -1).join('.');
|
|
210
|
-
return "".concat(name, "-").concat(size, ".").concat(ext);
|
|
211
|
-
},
|
|
212
|
-
onLoad: function onLoad(event) {
|
|
213
|
-
this.loaded = true;
|
|
214
|
-
this.emit('load', event);
|
|
215
|
-
},
|
|
216
|
-
onError: function onError(event) {
|
|
217
|
-
this.emit('error', event);
|
|
218
|
-
|
|
219
|
-
if (!this.failed) {
|
|
220
|
-
this.failed = true;
|
|
221
|
-
}
|
|
222
|
-
},
|
|
223
|
-
emit: function emit(eventName, event) {
|
|
224
|
-
var target = event.target;
|
|
225
|
-
this.$emit(eventName, event, target.currentSrc || target.src || this.computedSrc);
|
|
226
|
-
}
|
|
227
|
-
},
|
|
228
|
-
created: function created() {
|
|
229
|
-
var _this2 = this;
|
|
230
|
-
|
|
231
|
-
if (this.isWepb) {
|
|
232
|
-
helpers.isWebpSupported().then(function (supported) {
|
|
233
|
-
_this2.webpSupportVerified = true;
|
|
234
|
-
_this2.webpSupported = supported;
|
|
235
|
-
});
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
if (this.lazy) {
|
|
239
|
-
// We use native lazy loading if supported
|
|
240
|
-
// We try to use Intersection Observer if native lazy loading is not supported
|
|
241
|
-
// We use the lazy attribute anyway if we cannot detect support (SSR for example).
|
|
242
|
-
var nativeLazySupported = typeof window !== 'undefined' && 'HTMLImageElement' in window && 'loading' in HTMLImageElement.prototype;
|
|
243
|
-
var intersectionObserverSupported = typeof window !== 'undefined' && 'IntersectionObserver' in window;
|
|
244
|
-
|
|
245
|
-
if (!nativeLazySupported && intersectionObserverSupported) {
|
|
246
|
-
this.observer = new IntersectionObserver(function (events) {
|
|
247
|
-
var _events$ = events[0],
|
|
248
|
-
target = _events$.target,
|
|
249
|
-
isIntersecting = _events$.isIntersecting;
|
|
250
|
-
|
|
251
|
-
if (isIntersecting && !_this2.inViewPort) {
|
|
252
|
-
_this2.inViewPort = true;
|
|
253
|
-
|
|
254
|
-
_this2.observer.unobserve(target);
|
|
255
|
-
}
|
|
256
|
-
});
|
|
257
|
-
} else {
|
|
258
|
-
this.useNativeLazy = true;
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
},
|
|
262
|
-
mounted: function mounted() {
|
|
263
|
-
if (this.lazy && this.observer) {
|
|
264
|
-
this.observer.observe(this.$el);
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
this.setWidth();
|
|
268
|
-
|
|
269
|
-
if (typeof window !== 'undefined') {
|
|
270
|
-
window.addEventListener('resize', this.setWidth);
|
|
271
|
-
}
|
|
272
|
-
},
|
|
273
|
-
beforeDestroy: function beforeDestroy() {
|
|
274
|
-
if (this.observer) {
|
|
275
|
-
this.observer.disconnect();
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
if (typeof window !== 'undefined') {
|
|
279
|
-
window.removeEventListener('resize', this.setWidth);
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
};
|
|
283
|
-
|
|
284
|
-
/* script */
|
|
285
|
-
const __vue_script__ = script;
|
|
286
|
-
|
|
287
|
-
/* template */
|
|
288
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',{staticClass:"b-image-wrapper",class:_vm.figureClasses,style:(_vm.figureStyles)},[(_vm.isCaptionFirst)?_c('figcaption',[_vm._t("caption")],2):_vm._e(),_c('transition',{attrs:{"name":"fade"}},[(_vm.isDisplayed)?_c('img',{class:_vm.imgClasses,attrs:{"srcset":_vm.computedSrcset,"src":_vm.computedSrc,"alt":_vm.alt,"width":_vm.computedWidth,"sizes":_vm.computedSizes,"loading":_vm.computedNativeLazy},on:{"load":_vm.onLoad,"error":_vm.onError}}):_vm._e()]),_c('transition',{attrs:{"name":"fade"}},[(_vm.isPlaceholderDisplayed)?_vm._t("placeholder",[_c('img',{staticClass:"placeholder",class:_vm.imgClasses,attrs:{"src":_vm.computedPlaceholder,"alt":_vm.alt}})]):_vm._e()],2),(_vm.isCaptionLast)?_c('figcaption',[_vm._t("caption")],2):_vm._e()],1)};
|
|
289
|
-
var __vue_staticRenderFns__ = [];
|
|
290
|
-
|
|
291
|
-
/* style */
|
|
292
|
-
const __vue_inject_styles__ = undefined;
|
|
293
|
-
/* scoped */
|
|
294
|
-
const __vue_scope_id__ = undefined;
|
|
295
|
-
/* module identifier */
|
|
296
|
-
const __vue_module_identifier__ = undefined;
|
|
297
|
-
/* functional template */
|
|
298
|
-
const __vue_is_functional_template__ = false;
|
|
299
|
-
/* style inject */
|
|
300
|
-
|
|
301
|
-
/* style inject SSR */
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
var Image = __chunk_5.__vue_normalize__(
|
|
306
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
307
|
-
__vue_inject_styles__,
|
|
308
|
-
__vue_script__,
|
|
309
|
-
__vue_scope_id__,
|
|
310
|
-
__vue_is_functional_template__,
|
|
311
|
-
__vue_module_identifier__,
|
|
312
|
-
undefined,
|
|
313
|
-
undefined
|
|
314
|
-
);
|
|
9
|
+
var __chunk_10 = require('./chunk-6cb902f8.js');
|
|
315
10
|
|
|
316
11
|
var Plugin = {
|
|
317
12
|
install: function install(Vue) {
|
|
318
|
-
__chunk_5.registerComponent(Vue, Image);
|
|
13
|
+
__chunk_5.registerComponent(Vue, __chunk_10.Image);
|
|
319
14
|
}
|
|
320
15
|
};
|
|
321
16
|
__chunk_5.use(Plugin);
|
|
322
17
|
|
|
323
|
-
exports.BImage = Image;
|
|
18
|
+
exports.BImage = __chunk_10.Image;
|
|
324
19
|
exports.default = Plugin;
|