@frollo/frollo-web-ui 2.0.0 → 3.0.1

package/esm/{fw-button-765b9d52.js → fw-button-1486e2d9.js}

@@ -1,6 +1,6 @@
-import './es.array.includes-9a6e4066.js';
+import './es.array.includes-91be7771.js';
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
-import { s as script$1 } from './fw-loading-spinner-01b9a040.js';
+import { s as script$1 } from './fw-loading-spinner-df1627c0.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var script = defineComponent({
@@ -16,12 +16,10 @@ var script = defineComponent({
     to: {
       type: [String, Object]
     },
-
     /**
      * A URL to link to using a native anchor element
      */
     href: String,
-
     /**
      * The size of the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
      */
@@ -32,7 +30,6 @@ var script = defineComponent({
         return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
       }
     },
-
     /**
      * The colour variant of the button.
      * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success'
@@ -44,7 +41,6 @@ var script = defineComponent({
         return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
       }
     },
-
     /**
      * The type attribute of the button
      */
@@ -55,7 +51,6 @@ var script = defineComponent({
         return ['button', 'submit', 'reset'].includes(value);
       }
     },
-
     /**
      * The animation type of the hover & focus states.
      * Accepts 'alternate' and 'fade'
@@ -67,7 +62,6 @@ var script = defineComponent({
         return ['alternate', 'fade'].includes(value);
       }
     },
-
     /**
      * Whether the button is rounded or not
      */
@@ -75,7 +69,6 @@ var script = defineComponent({
       type: Boolean,
       "default": true
     },
-
     /**
      * Whether the loading animation is shown or not
      */
@@ -83,7 +76,6 @@ var script = defineComponent({
       type: Boolean,
       "default": false
     },
-
     /**
      * Whether the link should open in a new tab
      */
@@ -92,7 +84,8 @@ var script = defineComponent({
     }
   },
   setup: function setup(props, ctx) {
-    var baseClass = ref( // eslint-disable-next-line max-len
+    var baseClass = ref(
+    // eslint-disable-next-line max-len
     'inline-block text-center whitespace-nowrap transition-colors ease-in-out duration-300 focus:outline-0 border-2 focus-visible:outline-0 focus:ring-none ring-offset-2 focus-visible:ring');
     var buttonClasses = ref({
       primary: {
@@ -178,43 +171,33 @@ var script = defineComponent({
     /**
      * @event Click - Native click
      */
-
     var onClick = function onClick(e) {
       return ctx.emit('click', e);
     };
     /**
      * @event mouseover - Native hover
      */
-
-
     var onMouseover = function onMouseover(e) {
       return ctx.emit('mouseover', e);
     };
     /**
      * @event mouseout - Native hover out
      */
-
-
     var onMouseout = function onMouseout(e) {
       return ctx.emit('mouseout', e);
     };
     /**
      * @event focusin - Native focusin
      */
-
-
     var onFocusin = function onFocusin(e) {
       return ctx.emit('focusin', e);
     };
     /**
      * @event focusout - Native focusout
      */
-
-
     var onFocusout = function onFocusout(e) {
       return ctx.emit('focusout', e);
     };
-
     var tagName = computed(function () {
       if (props.to) return 'router-link';
       if (props.href) return 'a';
@@ -243,7 +226,6 @@ var _hoisted_1 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwLoadingSpinner = resolveComponent("FwLoadingSpinner");
-
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
     "class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
     type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
@@ -272,8 +254,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
 }
 
-var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
-var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-o-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
+var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
+var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-button.js

@@ -1,11 +1,12 @@
-export { s as FwButton } from './fw-button-765b9d52.js';
-import './es.array.includes-9a6e4066.js';
-import './function-name-c49146fc.js';
-import './object-keys-3c73c404.js';
-import './is-forced-fd46b5f2.js';
-import './add-to-unscopables-a5032b1d.js';
+export { s as FwButton } from './fw-button-1486e2d9.js';
+import './es.array.includes-91be7771.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
 import 'vue';
-import './fw-loading-spinner-01b9a040.js';
-import './index-7833cf39.js';
+import './fw-loading-spinner-df1627c0.js';
+import './index-4605e00e.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';

package/esm/fw-card-1b6a67fe.js

@@ -0,0 +1,90 @@
+import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+
+var script = defineComponent({
+  name: 'FwCard',
+  props: {
+    /**
+     * The header title of the card
+     */
+    title: {
+      type: String
+    },
+    /**
+     * Title prefix with primary color
+     */
+    prefixTitle: {
+      type: String
+    },
+    /**
+     * A `router-link` path or object
+     */
+    to: {
+      type: [String, Object]
+    },
+    /**
+     * A URL to link to using a native anchor element
+     */
+    href: String,
+    /**
+     * Whether padding should be applied around the default slot
+     */
+    slotPadding: {
+      type: Boolean,
+      "default": true
+    },
+    /**
+     * Whether the card has a border or shadow by default
+     */
+    isBordered: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  setup: function setup(props) {
+    var linkClass = ref( // eslint-disable-next-line max-len
+    "block cursor-pointer focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1");
+    var componentName = computed(function () {
+      if (props.to) return 'router-link';
+      if (props.href) return 'a';
+      return 'div';
+    });
+    return {
+      componentName: componentName,
+      linkClass: linkClass
+    };
+  }
+});
+
+var _hoisted_1 = {
+  key: 0,
+  "class": "fw-card--header px-8 py-4 bg-grey-lightest rounded-t border-opacity-0"
+};
+var _hoisted_2 = {
+  key: 0,
+  "class": "fw-card--prefix-title text-primary"
+};
+var _hoisted_3 = ["innerHTML"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
+    to: _ctx.to ? _ctx.to : null,
+    href: _ctx.href ? _ctx.href : null,
+    tabindex: _ctx.to ? 0 : null,
+    "class": normalizeClass(["fw-card rounded", [_ctx.to || _ctx.href || !!_ctx.$attrs.onClick ? _ctx.linkClass : '', _ctx.isBordered ? 'border border-grey-40' : 'shadow-card']])
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        "class": "inline",
+        innerHTML: _ctx.title
+      }, null, 8, _hoisted_3)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        "class": normalizeClass(_ctx.slotPadding ? 'p-8' : '')
+      }, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 8, ["to", "href", "tabindex", "class"]);
+}
+
+script.render = render;
+
+export { script as s };

package/esm/fw-card.js

@@ -1,95 +1,2 @@
-import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
-
-var script = defineComponent({
-  name: 'FwCard',
-  props: {
-    /**
-     * The header title of the card
-     */
-    title: {
-      type: String
-    },
-
-    /**
-     * Title prefix with primary color
-     */
-    prefixTitle: {
-      type: String
-    },
-
-    /**
-     * A `router-link` path or object
-     */
-    to: {
-      type: [String, Object]
-    },
-
-    /**
-     * A URL to link to using a native anchor element
-     */
-    href: String,
-
-    /**
-     * Whether padding should be applied around the default slot
-     */
-    slotPadding: {
-      type: Boolean,
-      "default": true
-    },
-
-    /**
-     * Whether the card has a border or shadow by default
-     */
-    isBordered: {
-      type: Boolean,
-      "default": false
-    }
-  },
-  setup: function setup(props) {
-    var linkClass = ref( // eslint-disable-next-line max-len
-    "block cursor-pointer focus:outline-none ring-offset-3 focus:ring focus:ring-primary transform-none transition-transform hover:-translate-y-1");
-    var componentName = computed(function () {
-      if (props.to) return 'router-link';
-      if (props.href) return 'a';
-      return 'div';
-    });
-    return {
-      componentName: componentName,
-      linkClass: linkClass
-    };
-  }
-});
-
-var _hoisted_1 = {
-  key: 0,
-  "class": "fw-card--header px-8 py-4 bg-grey-lightest rounded-t border-opacity-0"
-};
-var _hoisted_2 = {
-  key: 0,
-  "class": "fw-card--prefix-title text-primary"
-};
-var _hoisted_3 = ["innerHTML"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent(_ctx.componentName), {
-    to: _ctx.to ? _ctx.to : null,
-    href: _ctx.href ? _ctx.href : null,
-    tabindex: _ctx.to ? 0 : null,
-    "class": normalizeClass(["fw-card rounded", [_ctx.to || _ctx.href || !!_ctx.$attrs.onClick ? _ctx.linkClass : '', _ctx.isBordered ? 'border border-grey-40' : 'shadow-card']])
-  }, {
-    "default": withCtx(function () {
-      return [_ctx.title || _ctx.prefixTitle ? (openBlock(), createElementBlock("h4", _hoisted_1, [_ctx.prefixTitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prefixTitle), 1)) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("div", {
-        key: 1,
-        "class": "inline",
-        innerHTML: _ctx.title
-      }, null, 8, _hoisted_3)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", {
-        key: 1,
-        "class": normalizeClass(_ctx.slotPadding ? 'p-8' : '')
-      }, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)];
-    }),
-    _: 3
-  }, 8, ["to", "href", "tabindex", "class"]);
-}
-
-script.render = render;
-
-export { script as FwCard };
+export { s as FwCard } from './fw-card-1b6a67fe.js';
+import 'vue';

package/esm/fw-checkbox.js

@@ -1,8 +1,16 @@
 import { defineComponent, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Transition, toDisplayString } from 'vue';
 import { a as Field } from './vee-validate.esm-a17a23c3.js';
-import './es.function.name-2fa3a718.js';
+import { u as uniqueId } from './uniqueId-fe08534a.js';
+import './es.function.name-557cb1f9.js';
+import './es.array.concat-987938be.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-c49146fc.js';
+import './is-forced-752b5893.js';
+import './export-a37ba078.js';
+import './array-species-create-a5f5503b.js';
+import './classof-39c30bd5.js';
+import './does-not-exceed-safe-integer-31d08811.js';
+import './create-property-534611fd.js';
+import './array-method-has-species-support-3d413468.js';
 
 var script = defineComponent({
   name: 'FwCheckbox',
@@ -17,34 +25,36 @@ var script = defineComponent({
       type: String,
       required: true
     },
-
     /**
      * Label for the input. Also renders to an aria-label attribute
      */
     label: {
       type: String
     },
-
     /**
      * Validation rules. Accepts an object, stringm schema or validation function.
      */
     rules: {
       type: [Object, String, Function]
     },
-
     /**
      * The hint text shown below the input
      */
     hint: {
       type: String
     }
+  },
+  setup: function setup() {
+    var uuid = uniqueId();
+    return {
+      uuid: uuid
+    };
   }
 });
 
 var _withScopeId = function _withScopeId(n) {
-  return pushScopeId("data-v-063af6ec"), n = n(), popScopeId(), n;
+  return pushScopeId("data-v-3370ec5a"), n = n(), popScopeId(), n;
 };
-
 var _hoisted_1 = {
   "class": "fw-checkbox w-full"
 };
@@ -52,7 +62,7 @@ var _hoisted_2 = {
   "class": "flex flex-col"
 };
 var _hoisted_3 = ["for"];
-var _hoisted_4 = ["value", "name"];
+var _hoisted_4 = ["value", "name", "id"];
 var _hoisted_5 = ["innerHTML"];
 var _hoisted_6 = {
   "class": "italic text-sm font-medium min-h-[21px]"
@@ -66,7 +76,6 @@ var _hoisted_8 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputField = resolveComponent("InputField");
-
   return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
     name: _ctx.name,
     value: _ctx.name,
@@ -75,15 +84,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     "default": withCtx(function (_ref) {
       var field = _ref.field,
-          errors = _ref.errors,
-          errorMessage = _ref.errorMessage,
-          meta = _ref.meta;
+        errors = _ref.errors,
+        errorMessage = _ref.errorMessage,
+        meta = _ref.meta;
       return [createElementVNode("div", _hoisted_2, [createElementVNode("label", {
-        "for": _ctx.name,
+        "for": "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         "class": "inline-flex items-center mb-3"
       }, [createElementVNode("input", mergeProps(field, {
         value: _ctx.name,
-        name: _ctx.name,
+        name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
+        id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
         type: "checkbox",
         "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
       }), null, 16, _hoisted_4), _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -104,11 +114,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name", "value", "rules"])]);
 }
 
-var css_248z = ".fwFadeIn-enter-active[data-v-063af6ec]{-webkit-animation:fwFadeIn-063af6ec .35s;animation:fwFadeIn-063af6ec .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-063af6ec]{animation:fwFadeIn-063af6ec .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-063af6ec]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-063af6ec]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
-var stylesheet = ".fwFadeIn-enter-active[data-v-063af6ec]{-webkit-animation:fwFadeIn-063af6ec .35s;animation:fwFadeIn-063af6ec .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-063af6ec]{animation:fwFadeIn-063af6ec .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-063af6ec{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-063af6ec]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-063af6ec]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+var css_248z = ".fwFadeIn-enter-active[data-v-3370ec5a]{-webkit-animation:fwFadeIn-3370ec5a .35s;animation:fwFadeIn-3370ec5a .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-3370ec5a]{animation:fwFadeIn-3370ec5a .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-3370ec5a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3370ec5a]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
+var stylesheet = ".fwFadeIn-enter-active[data-v-3370ec5a]{-webkit-animation:fwFadeIn-3370ec5a .35s;animation:fwFadeIn-3370ec5a .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-3370ec5a]{animation:fwFadeIn-3370ec5a .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-3370ec5a{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-3370ec5a]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-3370ec5a]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-063af6ec";
+script.__scopeId = "data-v-3370ec5a";
 
 export { script as FwCheckbox };

package/esm/fw-dropdown.js

@@ -1,15 +1,17 @@
-import './es.array.find-54b8f84b.js';
+import './es.array.find-dfa1f42f.js';
 import { defineComponent, toRef, ref, computed, onMounted, onBeforeUnmount, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createVNode, Transition, withCtx, Fragment, renderList } from 'vue';
 import { u as useField } from './vee-validate.esm-a17a23c3.js';
-import { a as render$1 } from './index-7833cf39.js';
-import './es.function.name-2fa3a718.js';
+import { a as render$1 } from './index-4605e00e.js';
+import './es.function.name-557cb1f9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-c49146fc.js';
-import './classof-088c9833.js';
-import './is-forced-fd46b5f2.js';
-import './object-keys-3c73c404.js';
-import './array-iteration-4f83e223.js';
-import './add-to-unscopables-a5032b1d.js';
+import './is-forced-752b5893.js';
+import './classof-39c30bd5.js';
+import './export-a37ba078.js';
+import './array-iteration-107f927f.js';
+import './array-species-create-a5f5503b.js';
+import './add-to-unscopables-2400f45b.js';
+import './object-create-f6f3a673.js';
+import './object-keys-4f5bf4e7.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({
@@ -24,7 +26,6 @@ var script = defineComponent({
     modelValue: {
       type: String
     },
-
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -32,21 +33,18 @@ var script = defineComponent({
       type: String,
       required: true
     },
-
     /**
      * Label for the input. Also renders to an aria-label attribute
      */
     label: {
       type: String
     },
-
     /**
      * Validation rules. Accepts an object, string schema or validation function.
      */
     rules: {
       type: [Object, String, Function]
     },
-
     /**
      * An array of options for the dropdown menu.
      */
@@ -54,14 +52,12 @@ var script = defineComponent({
       type: Array,
       required: true
     },
-
     /**
      * The hint text shown below the input
      */
     hint: {
       type: String
     },
-
     /**
      * Custom placeholder text
      */
@@ -76,13 +72,11 @@ var script = defineComponent({
     var menuClass = "absolute left-0 mt-1 w-full text-left z-10 origin-top-left rounded-md bg-grey-20 drop-shadow-lg\n      ring-1 ring-black ring-opacity-5 focus:outline-none";
     var menuItemClass = "block px-4 py-3 my-1 cursor-pointer hover:bg-white first:rounded-t-md last:rounded-b-md\n      first:mt-0 last:mb-0";
     var nameRef = toRef(props, 'name');
-
     var _useField = useField(nameRef, props.rules),
-        errors = _useField.errors,
-        errorMessage = _useField.errorMessage,
-        meta = _useField.meta,
-        fieldVal = _useField.value;
-
+      errors = _useField.errors,
+      errorMessage = _useField.errorMessage,
+      meta = _useField.meta,
+      fieldVal = _useField.value;
     var selectedOption = ref();
     var selectValue = computed({
       get: function get() {
@@ -94,29 +88,23 @@ var script = defineComponent({
       }
     });
     var isOpen = ref(false);
-
     var selectOption = function selectOption(option) {
       selectValue.value = option.value;
       selectedOption.value = option;
       isOpen.value = false;
     };
-
     var onEscape = function onEscape(e) {
       if (e.key === 'Esc' || e.key === 'Escape') {
         isOpen.value = false;
       }
     };
-
     var menuItemActiveClass = function menuItemActiveClass(option) {
       var _selectedOption$value;
-
       if (((_selectedOption$value = selectedOption.value) === null || _selectedOption$value === void 0 ? void 0 : _selectedOption$value.value) === option.value) {
         return 'bg-white';
       }
-
       return 'bg-none';
     };
-
     onMounted(function () {
       if (selectValue.value) {
         selectedOption.value = props.options.find(function (option) {
@@ -124,7 +112,6 @@ var script = defineComponent({
         });
         if (selectedOption.value) selectOption(selectedOption.value);
       }
-
       document.addEventListener('keydown', onEscape);
     });
     onBeforeUnmount(function () {
@@ -150,7 +137,6 @@ var script = defineComponent({
 var _withScopeId = function _withScopeId(n) {
   return pushScopeId("data-v-1467a810"), n = n(), popScopeId(), n;
 };
-
 var _hoisted_1 = {
   "class": "fw-dropdown relative"
 };
@@ -180,9 +166,7 @@ var _hoisted_10 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$selectedOption, _ctx$selectedOption2;
-
   var _component_ChevronDownSvg = resolveComponent("ChevronDownSvg");
-
   return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true), createElementVNode("button", {
     type: "button",
     "class": normalizeClass([_ctx.menuButtonClass, _ctx.isOpen ? 'border-primary' : 'border-grey-40 hover:border-grey-60']),
@@ -229,8 +213,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })])]);
 }
 
-var css_248z = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
-var stylesheet = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
+var css_248z = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
+var stylesheet = ".slideUpDown-enter-active[data-v-1467a810]{-webkit-animation:slideUpDown-1467a810 .3s;animation:slideUpDown-1467a810 .3s;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.slideUpDown-leave-active[data-v-1467a810]{animation:slideUpDown-1467a810 .3s reverse;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@-webkit-keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideUpDown-1467a810{0%{opacity:0;-webkit-transform:translate3d(0,-3%,0);transform:translate3d(0,-3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}";
 styleInject(css_248z);
 
 script.render = render;