buefy 3.0.5 → 3.0.7

package/dist/buefy.js

@@ -1,14 +1,14 @@
-/*! Buefy v3.0.5 | MIT License | github.com/buefy/buefy */
+/*! Buefy v3.0.7 | MIT License | github.com/buefy/buefy */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
     typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Buefy = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
-    var __defProp$d = Object.defineProperty;
+    var __defProp$e = Object.defineProperty;
     var __pow = Math.pow;
-    var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$6 = (obj, key, value) => __defNormalProp$d(obj, key + "" , value);
+    var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __publicField$6 = (obj, key, value) => __defNormalProp$e(obj, key + "" , value);
     const colorChannels = ["red", "green", "blue", "alpha"];
     const colorsNammed = {
       transparent: "#00000000",
@@ -506,25 +506,26 @@
       defaultBreadcrumbAlign: "is-left",
       defaultBreadcrumbSeparator: "",
       defaultBreadcrumbSize: "is-medium",
-      customIconPacks: null
+      customIconPacks: null,
+      iconAliases: null
     };
     const setOptions = (options) => {
       config = options;
     };
 
-    var __defProp$c = Object.defineProperty;
-    var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-    var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-    var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-    var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __spreadValues$c = (a, b) => {
+    var __defProp$d = Object.defineProperty;
+    var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+    var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+    var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+    var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __spreadValues$d = (a, b) => {
       for (var prop in b || (b = {}))
-        if (__hasOwnProp$d.call(b, prop))
-          __defNormalProp$c(a, prop, b[prop]);
-      if (__getOwnPropSymbols$d)
-        for (var prop of __getOwnPropSymbols$d(b)) {
-          if (__propIsEnum$d.call(b, prop))
-            __defNormalProp$c(a, prop, b[prop]);
+        if (__hasOwnProp$e.call(b, prop))
+          __defNormalProp$d(a, prop, b[prop]);
+      if (__getOwnPropSymbols$e)
+        for (var prop of __getOwnPropSymbols$e(b)) {
+          if (__propIsEnum$e.call(b, prop))
+            __defNormalProp$d(a, prop, b[prop]);
         }
       return a;
     };
@@ -562,11 +563,11 @@
         const replaced = Object.getOwnPropertyNames(source).map((prop) => ({
           [prop]: isDeep(prop) ? mergeFn(target[prop], source[prop] || {}, deep) : source[prop]
         })).reduce(
-          (a, b) => __spreadValues$c(__spreadValues$c({}, a), b),
+          (a, b) => __spreadValues$d(__spreadValues$d({}, a), b),
           // eslint-disable-next-line no-use-before-define
           {}
         );
-        return __spreadValues$c(__spreadValues$c({}, target), replaced);
+        return __spreadValues$d(__spreadValues$d({}, target), replaced);
       } else {
         return Object.assign(target, source);
       }
@@ -769,17 +770,17 @@
       }
     };
 
-    var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-    var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-    var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+    var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+    var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+    var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
     var __objRest$3 = (source, exclude) => {
       var target = {};
       for (var prop in source)
-        if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
+        if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
           target[prop] = source[prop];
-      if (source != null && __getOwnPropSymbols$c)
-        for (var prop of __getOwnPropSymbols$c(source)) {
-          if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
+      if (source != null && __getOwnPropSymbols$d)
+        for (var prop of __getOwnPropSymbols$d(source)) {
+          if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
             target[prop] = source[prop];
         }
       return target;
@@ -1079,8 +1080,8 @@
       return target;
     };
 
-    const _hoisted_1$T = ["for"];
-    const _hoisted_2$J = ["for"];
+    const _hoisted_1$U = ["for"];
+    const _hoisted_2$K = ["for"];
     const _hoisted_3$u = {
       key: 3,
       class: "field-body"
@@ -1119,7 +1120,7 @@
                   64
                   /* STABLE_FRAGMENT */
                 ))
-              ], 10, _hoisted_1$T)) : vue.createCommentVNode("v-if", true)
+              ], 10, _hoisted_1$U)) : vue.createCommentVNode("v-if", true)
             ],
             2
             /* CLASS */
@@ -1145,7 +1146,7 @@
                   64
                   /* STABLE_FRAGMENT */
                 ))
-              ], 10, _hoisted_2$J)) : vue.createCommentVNode("v-if", true)
+              ], 10, _hoisted_2$K)) : vue.createCommentVNode("v-if", true)
             ],
             64
             /* STABLE_FRAGMENT */
@@ -1435,6 +1436,100 @@
       return icons;
     };
 
+    var __defProp$c = Object.defineProperty;
+    var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+    var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+    var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+    var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+    var __spreadValues$c = (a, b) => {
+      for (var prop in b || (b = {}))
+        if (__hasOwnProp$c.call(b, prop))
+          __defNormalProp$c(a, prop, b[prop]);
+      if (__getOwnPropSymbols$c)
+        for (var prop of __getOwnPropSymbols$c(b)) {
+          if (__propIsEnum$c.call(b, prop))
+            __defNormalProp$c(a, prop, b[prop]);
+        }
+      return a;
+    };
+    const defaultIconAliases = {
+      checkboxOn: {
+        type: "svg",
+        viewBox: "0 0 1 1",
+        path: "M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z"
+      },
+      checkboxIndeterminate: {
+        type: "svg",
+        viewBox: "0 0 1 1",
+        path: "M 0.15,0.4 L 0.85,0.4 L 0.85,0.6 L 0.15,0.6 Z"
+      },
+      chevronLeft: {
+        type: "svg",
+        path: "M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
+      },
+      chevronRight: {
+        type: "svg",
+        path: "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
+      },
+      chevronDown: {
+        type: "svg",
+        path: "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"
+      },
+      chevronUp: {
+        type: "svg",
+        path: "M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"
+      },
+      menuDown: {
+        type: "svg",
+        path: "M7,10L12,15L17,10H7Z"
+      },
+      menuUp: {
+        type: "svg",
+        path: "M7,14L12,9L17,14H7Z"
+      },
+      check: {
+        type: "svg",
+        path: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+      },
+      alertCircle: {
+        type: "svg",
+        path: "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
+      },
+      alert: {
+        type: "svg",
+        path: "M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"
+      },
+      information: {
+        type: "svg",
+        path: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
+      },
+      close: {
+        type: "svg",
+        path: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
+      },
+      closeCircle: {
+        type: "svg",
+        path: "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"
+      },
+      eye: {
+        type: "svg",
+        path: "M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z"
+      },
+      eyeOff: {
+        type: "svg",
+        path: "M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.18 16.38,18.6L16.81,19L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z"
+      }
+    };
+    function getIconAliases() {
+      if (config.iconAliases) {
+        return __spreadValues$c(__spreadValues$c({}, defaultIconAliases), config.iconAliases);
+      }
+      return defaultIconAliases;
+    }
+    function resolveAlias(name) {
+      return getIconAliases()[name];
+    }
+
     var _sfc_main$R = vue.defineComponent({
       name: "BIcon",
       props: {
@@ -1443,8 +1538,11 @@
         pack: String,
         icon: {
           type: String,
-          required: true
+          required: false,
+          default: void 0
         },
+        /** Key into IconAliases (e.g. "chevronLeft"). Takes precedence over icon/pack. */
+        alias: String,
         size: String,
         customSize: String,
         customClass: String,
@@ -1452,6 +1550,26 @@
         // This is used internally to show both MDI and FA icon
       },
       computed: {
+        resolvedAlias() {
+          var _a;
+          if (!this.alias) return null;
+          return (_a = resolveAlias(this.alias)) != null ? _a : null;
+        },
+        isSvgAlias() {
+          var _a;
+          return ((_a = this.resolvedAlias) == null ? void 0 : _a.type) === "svg";
+        },
+        isComponentAlias() {
+          var _a;
+          return ((_a = this.resolvedAlias) == null ? void 0 : _a.type) === "component";
+        },
+        // Typed accessors used in the template
+        resolvedAliasSvg() {
+          return this.resolvedAlias;
+        },
+        resolvedAliasComponent() {
+          return this.resolvedAlias;
+        },
         iconConfig() {
           const allIcons = getIcons();
           return allIcons[this.newPack];
@@ -1468,7 +1586,8 @@
         * internal icons are always MDI.
         */
         newIcon() {
-          return `${this.iconPrefix}${this.getEquivalentIconOf(this.icon)}`;
+          var _a;
+          return `${this.iconPrefix}${this.getEquivalentIconOf((_a = this.icon) != null ? _a : "")}`;
         },
         newPack() {
           return this.pack || config.defaultIconPack;
@@ -1527,6 +1646,8 @@
       }
     });
 
+    const _hoisted_1$T = ["viewBox"];
+    const _hoisted_2$J = ["d"];
     function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock(
         "span",
@@ -1534,17 +1655,32 @@
           class: vue.normalizeClass(["icon", [_ctx.newType, _ctx.size]])
         },
         [
-          !_ctx.useIconComponent ? (vue.openBlock(), vue.createElementBlock(
+          _ctx.isSvgAlias ? (vue.openBlock(), vue.createElementBlock("svg", {
+            key: 0,
+            viewBox: _ctx.resolvedAliasSvg.viewBox || "0 0 24 24",
+            xmlns: "http://www.w3.org/2000/svg",
+            class: vue.normalizeClass(_ctx.customClass),
+            "aria-hidden": "true"
+          }, [
+            vue.createElementVNode("path", {
+              fill: "currentColor",
+              d: _ctx.resolvedAliasSvg.path
+            }, null, 8, _hoisted_2$J)
+          ], 10, _hoisted_1$T)) : _ctx.isComponentAlias ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.resolvedAliasComponent.component), {
+            key: 1,
+            icon: _ctx.resolvedAliasComponent.icon,
+            class: vue.normalizeClass(_ctx.customClass)
+          }, null, 8, ["icon", "class"])) : !_ctx.useIconComponent ? (vue.openBlock(), vue.createElementBlock(
             "i",
             {
-              key: 0,
+              key: 2,
               class: vue.normalizeClass([_ctx.newPack, _ctx.newIcon, _ctx.newCustomSize, _ctx.customClass])
             },
             null,
             2
             /* CLASS */
           )) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.useIconComponent), {
-            key: 1,
+            key: 3,
             icon: [_ctx.newPack, _ctx.newIcon],
             size: _ctx.newCustomSize,
             class: vue.normalizeClass([_ctx.customClass])
@@ -1769,7 +1905,7 @@
     const _hoisted_1$S = ["type", "autocomplete", "maxlength"];
     const _hoisted_2$I = ["maxlength"];
     const _hoisted_3$t = ["type", "autocomplete", "maxlength"];
-    const _hoisted_4$l = ["maxlength"];
+    const _hoisted_4$m = ["maxlength"];
     function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_b_icon = vue.resolveComponent("b-icon");
       return vue.openBlock(), vue.createElementBlock(
@@ -1854,7 +1990,7 @@
                 onChange: _cache[17] || (_cache[17] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
                 onBlur: _cache[18] || (_cache[18] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
                 onFocus: _cache[19] || (_cache[19] = (...args) => _ctx.onFocus && _ctx.onFocus(...args))
-              }), null, 16, _hoisted_4$l)), [
+              }), null, 16, _hoisted_4$m)), [
                 [vue.vModelText, _ctx.computedValue]
               ])
             ],
@@ -2575,7 +2711,7 @@
     };
     const _hoisted_2$H = ["onClick"];
     const _hoisted_3$s = { key: 1 };
-    const _hoisted_4$k = {
+    const _hoisted_4$l = {
       key: 1,
       class: "dropdown-item is-disabled"
     };
@@ -2709,7 +2845,7 @@
                         256
                         /* UNKEYED_FRAGMENT */
                       )),
-                      _ctx.isEmpty && _ctx.hasEmptySlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
+                      _ctx.isEmpty && _ctx.hasEmptySlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
                         vue.renderSlot(_ctx.$slots, "empty")
                       ])) : vue.createCommentVNode("v-if", true),
                       _ctx.hasFooterSlot ? (vue.openBlock(), vue.createElementBlock(
@@ -3861,7 +3997,7 @@
     const _hoisted_1$N = { key: 0 };
     const _hoisted_2$E = ["srcset", "src", "alt", "width", "sizes", "loading"];
     const _hoisted_3$q = ["src", "alt"];
-    const _hoisted_4$j = { key: 1 };
+    const _hoisted_4$k = { key: 1 };
     function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock(
         "figure",
@@ -3904,7 +4040,7 @@
             _: 3
             /* FORWARDED */
           }),
-          _ctx.isCaptionLast ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_4$j, [
+          _ctx.isCaptionLast ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_4$k, [
             vue.renderSlot(_ctx.$slots, "caption")
           ])) : vue.createCommentVNode("v-if", true)
         ],
@@ -4352,12 +4488,27 @@
           type: String,
           default: ""
         }
+      },
+      computed: {
+        isChecked() {
+          const val = this.computedValue;
+          if (Array.isArray(val)) {
+            return val.includes(this.nativeValue);
+          }
+          return val === this.trueValue;
+        },
+        checkmarkAlias() {
+          const key = this.indeterminate ? "checkboxIndeterminate" : "checkboxOn";
+          return resolveAlias(key);
+        }
       }
     });
 
     const _hoisted_1$L = ["disabled"];
     const _hoisted_2$D = ["id", ".indeterminate", "autocomplete", "disabled", "required", "name", "value", "true-value", "false-value", "aria-labelledby"];
-    const _hoisted_3$p = ["id"];
+    const _hoisted_3$p = ["viewBox"];
+    const _hoisted_4$j = ["d"];
+    const _hoisted_5$c = ["id"];
     function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("label", {
         class: vue.normalizeClass(["b-checkbox checkbox", [_ctx.size, { "is-disabled": _ctx.disabled }]]),
@@ -4394,7 +4545,19 @@
           {
             class: vue.normalizeClass(["check", _ctx.type])
           },
-          null,
+          [
+            _ctx.isChecked || _ctx.indeterminate ? (vue.openBlock(), vue.createElementBlock("svg", {
+              key: 0,
+              viewBox: _ctx.checkmarkAlias.viewBox || "0 0 1 1",
+              xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true"
+            }, [
+              vue.createElementVNode("path", {
+                fill: "currentColor",
+                d: _ctx.checkmarkAlias.path
+              }, null, 8, _hoisted_4$j)
+            ], 8, _hoisted_3$p)) : vue.createCommentVNode("v-if", true)
+          ],
           2
           /* CLASS */
         ),
@@ -4403,7 +4566,7 @@
           class: "control-label"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_3$p)
+        ], 8, _hoisted_5$c)
       ], 42, _hoisted_1$L);
     }
     var BCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$R]]);
@@ -21260,6 +21423,7 @@
     exports.default = Buefy;
     exports.escapeRegExpChars = escapeRegExpChars;
     exports.getComponentFromVNode = getComponentFromVNode;
+    exports.getIconAliases = getIconAliases;
     exports.getMonthNames = getMonthNames;
     exports.getValueByPath = getValueByPath;
     exports.getWeekdayNames = getWeekdayNames;
@@ -21279,6 +21443,7 @@
     exports.multiColumnSort = multiColumnSort;
     exports.removeDiacriticsFromString = removeDiacriticsFromString;
     exports.removeElement = removeElement;
+    exports.resolveAlias = resolveAlias;
     exports.sign = sign;
     exports.toCssWidth = toCssWidth;
     exports.translateTouchAsDragEvent = translateTouchAsDragEvent;