buefy 3.0.4 → 3.0.6

package/dist/components/datepicker/index.js

@@ -1,4 +1,4 @@
-/*! Buefy v3.0.4 | MIT License | github.com/buefy/buefy */
+/*! Buefy v3.0.6 | 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) :
@@ -427,8 +427,8 @@
       return target;
     };
 
-    const _hoisted_1$8 = ["for"];
-    const _hoisted_2$8 = ["for"];
+    const _hoisted_1$9 = ["for"];
+    const _hoisted_2$9 = ["for"];
     const _hoisted_3$6 = {
       key: 3,
       class: "field-body"
@@ -467,7 +467,7 @@
                   64
                   /* STABLE_FRAGMENT */
                 ))
-              ], 10, _hoisted_1$8)) : vue.createCommentVNode("v-if", true)
+              ], 10, _hoisted_1$9)) : vue.createCommentVNode("v-if", true)
             ],
             2
             /* CLASS */
@@ -493,7 +493,7 @@
                   64
                   /* STABLE_FRAGMENT */
                 ))
-              ], 10, _hoisted_2$8)) : vue.createCommentVNode("v-if", true)
+              ], 10, _hoisted_2$9)) : vue.createCommentVNode("v-if", true)
             ],
             64
             /* STABLE_FRAGMENT */
@@ -1152,6 +1152,7 @@
         if (typeof window !== "undefined") {
           document.removeEventListener("click", this.clickedOutside);
           document.removeEventListener("keyup", this.keyPress);
+          document.documentElement.classList.remove("is-clipped-touch");
         }
         if (this.appendToBody) {
           removeElement(this.$data._bodyEl);
@@ -1161,8 +1162,8 @@
       }
     });
 
-    const _hoisted_1$7 = ["tabindex"];
-    const _hoisted_2$7 = ["aria-hidden"];
+    const _hoisted_1$8 = ["tabindex"];
+    const _hoisted_2$8 = ["aria-hidden"];
     const _hoisted_3$5 = ["aria-hidden"];
     const _hoisted_4$4 = ["role", "aria-modal"];
     function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1190,14 +1191,14 @@
             "aria-haspopup": "true"
           }, [
             vue.renderSlot(_ctx.$slots, "trigger", { active: _ctx.isActive })
-          ], 40, _hoisted_1$7)) : vue.createCommentVNode("v-if", true),
+          ], 40, _hoisted_1$8)) : vue.createCommentVNode("v-if", true),
           vue.createVNode(vue.Transition, { name: _ctx.animation }, {
             default: vue.withCtx(() => [
               _ctx.isMobileModal ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: "background",
                 "aria-hidden": !_ctx.isActive
-              }, null, 8, _hoisted_2$7)), [
+              }, null, 8, _hoisted_2$8)), [
                 [vue.vShow, _ctx.isActive]
               ]) : vue.createCommentVNode("v-if", true)
             ]),
@@ -1314,14 +1315,14 @@
       }
     });
 
-    const _hoisted_1$6 = {
+    const _hoisted_1$7 = {
       key: 0,
       class: "dropdown-divider"
     };
-    const _hoisted_2$6 = ["role", "tabindex"];
+    const _hoisted_2$7 = ["role", "tabindex"];
     const _hoisted_3$4 = ["role", "tabindex"];
     function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-      return _ctx.separator ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_1$6)) : !_ctx.custom && !_ctx.hasLink ? (vue.openBlock(), vue.createElementBlock("a", {
+      return _ctx.separator ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_1$7)) : !_ctx.custom && !_ctx.hasLink ? (vue.openBlock(), vue.createElementBlock("a", {
         key: 1,
         class: vue.normalizeClass(["dropdown-item", _ctx.anchorClasses]),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.selectItem && _ctx.selectItem(...args)),
@@ -1329,7 +1330,7 @@
         tabindex: _ctx.isFocusable ? 0 : void 0
       }, [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_2$6)) : (vue.openBlock(), vue.createElementBlock("div", {
+      ], 10, _hoisted_2$7)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 2,
         class: vue.normalizeClass(_ctx.itemClasses),
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.selectItem && _ctx.selectItem(...args)),
@@ -1393,6 +1394,81 @@
       return icons;
     };
 
+    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() {
+      return defaultIconAliases;
+    }
+    function resolveAlias(name) {
+      return getIconAliases()[name];
+    }
+
     var _sfc_main$6 = vue.defineComponent({
       name: "BIcon",
       props: {
@@ -1401,8 +1477,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,
@@ -1410,6 +1489,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];
@@ -1426,7 +1525,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;
@@ -1485,6 +1585,8 @@
       }
     });
 
+    const _hoisted_1$6 = ["viewBox"];
+    const _hoisted_2$6 = ["d"];
     function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock(
         "span",
@@ -1492,17 +1594,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$6)
+          ], 10, _hoisted_1$6)) : _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])