@frollo/frollo-web-ui 9.0.5 → 9.0.7

package/esm/fw-modal.js

@@ -1,11 +1,11 @@
-import { defineComponent, ref, computed, onMounted, useCssVars, resolveComponent, createBlock, createCommentVNode, openBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, createTextVNode, renderSlot, toDisplayString, vShow } from 'vue';
-import { s as script } from './fw-button-Cj5UEwCt.js';
-import { _ as __default__$1 } from './fw-image-MQo9Gq8s.js';
+import { defineComponent, ref, computed, onMounted, useCssVars, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, createTextVNode, renderSlot, toDisplayString, vShow } from 'vue';
+import { s as script } from './fw-button-ChYejNWD.js';
+import { _ as __default__$1 } from './fw-image-fzUvzmLv.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { d as render$1 } from './index-BxwEcRoY.js';
+import { d as render$1 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import './fw-loading-bar-3x4tkF1B.js';
+import './fw-loading-bar-CPzE92BH.js';
 
 var __default__ = defineComponent({
   name: 'FwModal',
@@ -164,7 +164,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "v893df9b6": _ctx.modalBgColour
+      "e9189174": _ctx.modalBgColour
     };
   });
 };
@@ -300,8 +300,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, ["to"])) : createCommentVNode("", true);
 }
 
-var css_248z = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--v893df9b6);will-change:opacity}@media (prefers-reduced-motion:reduce){.modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.modalFadeIn-enter-from,.modalFadeIn-leave-to{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important}}";
-var stylesheet = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--v893df9b6);will-change:opacity}@media (prefers-reduced-motion:reduce){.modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.modalFadeIn-enter-from,.modalFadeIn-leave-to{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important}}";
+var css_248z = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--e9189174);will-change:opacity}";
+var stylesheet = ".modalFadeIn-enter-active,.modalFadeIn-leave-active{-webkit-transition:opacity .25s cubic-bezier(.16,1,.3,1);-moz-transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modalFadeIn-enter-from,.modalFadeIn-leave-to{opacity:0}.modalFadeIn-enter-to,.modalFadeIn-leave-from{opacity:1}.fw-modal--mask{background-color:var(--e9189174);will-change:opacity}";
 styleInject(css_248z);
 
 __default__.render = render;

package/esm/fw-navigation-menu.js

@@ -1,7 +1,7 @@
-import { defineComponent, ref, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, Fragment, renderList, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-Cj5UEwCt.js';
-import { _ as __default__ } from './fw-popover-BZ-zqUme.js';
-import { k as render$1 } from './index-BxwEcRoY.js';
+import { defineComponent, ref, shallowRef, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
+import { s as script$1 } from './fw-button-ChYejNWD.js';
+import { _ as __default__ } from './fw-popover-BFiv7Ich.js';
+import { k as render$1 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
 import './index-BVcOAKar.js';
@@ -68,11 +68,47 @@ var script = defineComponent({
     transparent: {
       type: Boolean,
       "default": false
+    },
+    /**
+     * The logo image source url for the desktop menu.
+     */
+    logoSrc: {
+      type: String
+    },
+    /**
+     * The logo image source url for the mobile menu.
+     */
+    mobileLogoSrc: {
+      type: String
+    },
+    /**
+     * Whether to reverse the colours of the desktop navigation menu items.
+     */
+    reversedDesktopNavButton: {
+      type: Boolean,
+      "default": false
     }
   },
   emits: ['action'],
-  setup: function setup(_props, ctx) {
+  setup: function setup(props, ctx) {
     var mobileMenuClass = ref("min-h-screen top-0 right-0 pt-20 absolute w-full px-2 bg-primary pb-3 space-y-1 z-[51]");
+    // Parse once per items change (avoid parsing on every reactive tick)
+    var parsedMenuItems = shallowRef([]);
+    watch(function () {
+      return props.menuItems;
+    }, function (items) {
+      parsedMenuItems.value = typeof items === 'string' ? JSON.parse(items) : items;
+    }, {
+      immediate: true
+    });
+    var parsedAdditionalMenuItems = shallowRef([]);
+    watch(function () {
+      return props.additionalMenuItems;
+    }, function (items) {
+      parsedAdditionalMenuItems.value = typeof items === 'string' ? JSON.parse(items) : items;
+    }, {
+      immediate: true
+    });
     var isMobileMenuOpen = ref(false);
     var toggleMobileMenu = function toggleMobileMenu() {
       return isMobileMenuOpen.value = !isMobileMenuOpen.value;
@@ -88,6 +124,8 @@ var script = defineComponent({
       return ctx.emit('action');
     };
     return {
+      parsedMenuItems: parsedMenuItems,
+      parsedAdditionalMenuItems: parsedAdditionalMenuItems,
       mobileMenuClass: mobileMenuClass,
       isMobileMenuOpen: isMobileMenuOpen,
       toggleMobileMenu: toggleMobileMenu,
@@ -98,23 +136,24 @@ var script = defineComponent({
 
 var _hoisted_1 = {
   key: 0,
-  "class": "hidden lg:flex flex-shrink-0 items-center"
+  "class": "hidden lg:!flex flex-shrink-0 items-center"
 };
-var _hoisted_2 = {
+var _hoisted_2 = ["src"];
+var _hoisted_3 = {
   "class": "flex space-x-1"
 };
-var _hoisted_3 = {
+var _hoisted_4 = {
   key: 2,
   "class": "hidden lg:flex items-center justify-center lg:ml-2"
 };
-var _hoisted_4 = {
+var _hoisted_5 = {
   "class": "flex flex-col min-w-[180px] text-left"
 };
-var _hoisted_5 = {
+var _hoisted_6 = {
   key: 3,
   "class": "flex items-center lg:hidden z-[53]"
 };
-var _hoisted_6 = {
+var _hoisted_7 = {
   "class": "block h-6 w-6",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -122,24 +161,25 @@ var _hoisted_6 = {
   stroke: "currentColor",
   "aria-hidden": "true"
 };
-var _hoisted_7 = ["d"];
-var _hoisted_8 = {
+var _hoisted_8 = ["d"];
+var _hoisted_9 = {
   key: 0,
   "class": "flex-none lg:hidden items-start flex-shrink-0 pl-4"
 };
-var _hoisted_9 = {
+var _hoisted_10 = ["src"];
+var _hoisted_11 = {
   key: 1,
   "class": "w-full flex flex-col space-y-1 pt-6"
 };
-var _hoisted_10 = {
+var _hoisted_12 = {
   "class": "flex flex-col justify-between pt-6 h-full"
 };
-var _hoisted_11 = {
+var _hoisted_13 = {
   key: 0,
   "class": "w-full flex flex-col space-y-1"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _ctx$menuItems;
+  var _ctx$parsedMenuItems;
   var _component_FwButton = resolveComponent("FwButton");
   var _component_UserSvg = resolveComponent("UserSvg");
   var _component_FwPopover = resolveComponent("FwPopover");
@@ -147,16 +187,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": normalizeClass(["fw-nav-menu z-50 h-[72px] bg-white shadow-bottom", [_ctx.transparent ? 'lg:bg-transparent lg:shadow-none' : 'lg:bg-brand-appBg lg:shadow-bottom', _ctx.isMobileMenuOpen ? 'bg-transparent' : '']])
   }, [createElementVNode("div", {
     "class": normalizeClass(["px-6 lg:py-3 flex-1 h-full flex items-stretch justify-between mx-auto", [_ctx.containerClass, !_ctx.menuEnabled ? 'hidden lg:flex' : '']])
-  }, [_ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.menuItems && ((_ctx$menuItems = _ctx.menuItems) === null || _ctx$menuItems === void 0 ? void 0 : _ctx$menuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
+  }, [_ctx.$slots.logo || _ctx.logoSrc ? (openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", {
+    key: 0
+  }) : _ctx.logoSrc ? (openBlock(), createElementBlock("img", {
+    key: 1,
+    src: _ctx.logoSrc,
+    "class": "w-[42px]"
+  }, null, 8, _hoisted_2)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.parsedMenuItems && ((_ctx$parsedMenuItems = _ctx.parsedMenuItems) === null || _ctx$parsedMenuItems === void 0 ? void 0 : _ctx$parsedMenuItems.length) > 0 ? (openBlock(), createElementBlock("div", {
     key: 1,
     "class": normalizeClass(["container hidden lg:flex items-center justify-between", _ctx.paddingClasses])
   }, [_cache[1] || (_cache[1] = createElementVNode("div", {
     id: "menu-teleport",
     "class": "hidden lg:flex items-center gap-x-2"
-  }, null, -1)), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+  }, null, -1)), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedMenuItems, function (item, i) {
     return openBlock(), createBlock(_component_FwButton, {
       key: i,
       variant: "transparent",
+      "class": normalizeClass(_ctx.reversedDesktopNavButton ? '!text-white hover:!text-[inherit] focus:!text-[inherit]' : ''),
       href: item.href,
       to: item.to,
       external: item.external,
@@ -169,14 +216,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return [createTextVNode(toDisplayString(item.label), 1)];
       }),
       _: 2
-    }, 1032, ["href", "to", "external", "onClick"]);
-  }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_FwPopover, {
+    }, 1032, ["class", "href", "to", "external", "onClick"]);
+  }), 128))])], 2)) : createCommentVNode("", true), _ctx.menuEnabled && _ctx.actionLabel && _ctx.authenticated ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(_component_FwPopover, {
     placement: "bottom-start",
     "show-on-top": "",
     trigger: "click"
   }, {
     content: withCtx(function () {
-      return [createElementVNode("div", _hoisted_4, [createVNode(_component_FwButton, {
+      return [createElementVNode("div", _hoisted_5, [createVNode(_component_FwButton, {
         size: "lg",
         variant: "text",
         rounded: false,
@@ -206,7 +253,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 1
-  })])) : createCommentVNode("", true), _ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(_component_FwButton, {
+  })])) : createCommentVNode("", true), _ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(_component_FwButton, {
     variant: _ctx.isMobileMenuOpen ? 'primary' : 'tertiary',
     size: "sm",
     rounded: false,
@@ -216,12 +263,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "default": withCtx(function () {
       return [_cache[2] || (_cache[2] = createElementVNode("span", {
         "class": "sr-only"
-      }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_6, [createElementVNode("path", {
+      }, "Open main menu", -1)), (openBlock(), createElementBlock("svg", _hoisted_7, [createElementVNode("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "stroke-width": "2",
         d: _ctx.isMobileMenuOpen ? 'M6 18L18 6M6 6l12 12' : 'M4 6h16M4 12h16M4 18h16'
-      }, null, 8, _hoisted_7)]))];
+      }, null, 8, _hoisted_8)]))];
     }),
     _: 1
   }, 8, ["variant", "class", "onClick"])])) : createCommentVNode("", true)], 2), _cache[4] || (_cache[4] = createElementVNode("div", {
@@ -232,10 +279,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "slideInRight"
   }, {
     "default": withCtx(function () {
-      return [_ctx.menuItems && _ctx.menuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
+      return [_ctx.parsedMenuItems && _ctx.parsedMenuItems.length > 0 && _ctx.isMobileMenuOpen ? (openBlock(), createElementBlock("div", {
         key: 0,
         "class": normalizeClass(["fw-nav-menu--mobile pl-6 pb-12", _ctx.mobileMenuClass])
-      }, [_ctx.$slots.mobileLogo ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "mobileLogo")])) : createCommentVNode("", true), _ctx.additionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.additionalMenuItems, function (item, i) {
+      }, [_ctx.$slots.mobileLogo || _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("div", _hoisted_9, [_ctx.$slots.mobileLogo ? renderSlot(_ctx.$slots, "mobileLogo", {
+        key: 0
+      }) : _ctx.mobileLogoSrc ? (openBlock(), createElementBlock("img", {
+        key: 1,
+        src: _ctx.mobileLogoSrc,
+        "class": "w-[42px]"
+      }, null, 8, _hoisted_10)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.parsedAdditionalMenuItems ? (openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedAdditionalMenuItems, function (item, i) {
         return openBlock(), createElementBlock(Fragment, {
           key: i
         }, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
@@ -258,7 +311,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 1032, ["href", "to", "external", "onClick"])) : createCommentVNode("", true)], 64);
       }), 128)), _cache[3] || (_cache[3] = createElementVNode("div", {
         "class": "w-[50px] relative bg-brand-border3 h-px !mt-6 ml-2"
-      }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_10, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
+      }, null, -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_12, [_ctx.menuEnabled ? (openBlock(), createElementBlock("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.parsedMenuItems, function (item, i) {
         return openBlock(), createBlock(_component_FwButton, {
           key: i,
           "class": "w-full rounded-md !text-left !pl-2",
@@ -296,8 +349,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })) : createCommentVNode("", true)], 2);
 }
 
-var css_248z = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
-var stylesheet = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:.01ms!important;-moz-transition-duration:.01ms!important;transition-duration:.01ms!important}}";
+var css_248z = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
+var stylesheet = ".fw-nav-menu--mobile{-webkit-transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);transition:opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1);-moz-transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),-webkit-transform .24s cubic-bezier(.22,.61,.36,1),-moz-transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:52}.slideInRight-enter-from,.slideInRight-leave-to{opacity:.98;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.slideInRight-enter-to,.slideInRight-leave-from{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (prefers-reduced-motion:reduce){.slideInRight-enter-active,.slideInRight-leave-active{-webkit-transition-duration:1ms!important;-moz-transition-duration:1ms!important;transition-duration:1ms!important}}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/{fw-popover-BZ-zqUme.js → fw-popover-BFiv7Ich.js}

@@ -1,5 +1,5 @@
 import { c as _asyncToGenerator, d as _regeneratorRuntime, e as _defineProperty } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import { defineComponent, ref, computed, nextTick, watch, onBeforeUnmount, onMounted, useCssVars, createElementBlock, openBlock, normalizeClass, createElementVNode, withDirectives, renderSlot, createCommentVNode, createTextVNode, toDisplayString, vShow } from 'vue';
+import { defineComponent, ref, computed, nextTick, watch, onBeforeUnmount, onMounted, useCssVars, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, withDirectives, createTextVNode, toDisplayString, createCommentVNode, vShow } from 'vue';
 import { c as createPopper } from './index-BVcOAKar.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 

package/esm/fw-popover.js

@@ -1,4 +1,4 @@
-export { _ as FwPopover } from './fw-popover-BZ-zqUme.js';
+export { _ as FwPopover } from './fw-popover-BFiv7Ich.js';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
 import 'vue';
 import './index-BVcOAKar.js';

package/esm/fw-progress-bar.js

@@ -1,5 +1,5 @@
-import { defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, Fragment, renderList, normalizeClass, createCommentVNode, createBlock, toDisplayString, normalizeStyle } from 'vue';
-import { a as render$1 } from './index-BxwEcRoY.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, createBlock, toDisplayString, normalizeStyle, createCommentVNode } from 'vue';
+import { a as render$1 } from './index-v1DX6R2G.js';
 
 var script = defineComponent({
   name: 'FwProgressBar',

package/esm/fw-provider-list.js

@@ -1,18 +1,18 @@
 import { f as _createForOfIteratorHelper, e as _defineProperty, b as _toConsumableArray } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import { ref, watch, defineComponent, shallowRef, computed, useCssVars, resolveComponent, createElementBlock, openBlock, createElementVNode, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
-import { a as script, s as script$1, _ as __default__$4 } from './fw-table-row-PzizodKH.js';
-import { _ as __default__$3 } from './fw-input-BiPWWfK3.js';
-import { _ as __default__$1 } from './fw-tag-D07xz6yt.js';
-import { s as script$2 } from './fw-button-Cj5UEwCt.js';
-import { _ as __default__$2 } from './fw-dropdown-CnY-nWFa.js';
-import { l as render$1, m as render$2, n as render$3 } from './index-BxwEcRoY.js';
+import { ref, watch, defineComponent, shallowRef, computed, useCssVars, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
+import { a as script, s as script$1, _ as __default__$4 } from './fw-table-row-Be4_T3Ai.js';
+import { _ as __default__$3 } from './fw-input-Bo2gQcvM.js';
+import { _ as __default__$1 } from './fw-tag-B0fVslEZ.js';
+import { s as script$2 } from './fw-button-ChYejNWD.js';
+import { _ as __default__$2 } from './fw-dropdown-UJDWtWjF.js';
+import { l as render$1, m as render$2, n as render$3 } from './index-v1DX6R2G.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './fw-button.js';
 import './fw-loading.js';
-import './fw-loading-bar-3x4tkF1B.js';
+import './fw-loading-bar-CPzE92BH.js';
 import './vee-validate-0dtT5GSQ.js';
-import './fw-image-MQo9Gq8s.js';
+import './fw-image-fzUvzmLv.js';
 
 // tiny debounce helper (no deps)
 var useDebouncedRef = function useDebouncedRef(initial) {

package/esm/fw-sidebar-menu.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, withCtx, createCommentVNode, renderSlot, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-Cj5UEwCt.js';
-import { o as render$1 } from './index-BxwEcRoY.js';
+import { defineComponent, computed, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
+import { s as script$1 } from './fw-button-ChYejNWD.js';
+import { o as render$1 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var script = defineComponent({

package/esm/fw-slider.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, createElementBlock, openBlock, createElementVNode, withDirectives, normalizeStyle, toDisplayString, vModelText } from 'vue';
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, withDirectives, vModelText } from 'vue';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var clamp = function clamp(v, lo, hi) {

package/esm/fw-switch.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createElementBlock, createCommentVNode, mergeProps, normalizeClass, createVNode, Transition, toDisplayString } from 'vue';
+import { defineComponent, ref, watch, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, createElementBlock, createVNode, Transition, toDisplayString, createCommentVNode } from 'vue';
 import { a as Field } from './vee-validate-0dtT5GSQ.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
@@ -164,11 +164,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name", "value", "rules"]);
 }
 
-var css_248z = ".fw-switch[data-v-472a39bf]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-472a39bf]{-webkit-animation:fwFadeIn-472a39bf .35s;-moz-animation:fwFadeIn-472a39bf .35s;animation:fwFadeIn-472a39bf .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-472a39bf]{animation:fwFadeIn-472a39bf .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.thumb[data-v-472a39bf],.track[data-v-472a39bf]{-webkit-animation-duration:0ms!important;-moz-animation-duration:0ms!important;animation-duration:0ms!important;-webkit-transition-duration:0ms!important;-moz-transition-duration:0ms!important;transition-duration:0ms!important}}";
-var stylesheet = ".fw-switch[data-v-472a39bf]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-472a39bf]{-webkit-animation:fwFadeIn-472a39bf .35s;-moz-animation:fwFadeIn-472a39bf .35s;animation:fwFadeIn-472a39bf .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-472a39bf]{animation:fwFadeIn-472a39bf .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-472a39bf{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.thumb[data-v-472a39bf],.track[data-v-472a39bf]{-webkit-animation-duration:0ms!important;-moz-animation-duration:0ms!important;animation-duration:0ms!important;-webkit-transition-duration:0ms!important;-moz-transition-duration:0ms!important;transition-duration:0ms!important}}";
+var css_248z = ".fw-switch[data-v-979df7ec]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-979df7ec]{-webkit-animation:fwFadeIn-979df7ec .35s;-moz-animation:fwFadeIn-979df7ec .35s;animation:fwFadeIn-979df7ec .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-979df7ec]{animation:fwFadeIn-979df7ec .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}";
+var stylesheet = ".fw-switch[data-v-979df7ec]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fwFadeIn-enter-active[data-v-979df7ec]{-webkit-animation:fwFadeIn-979df7ec .35s;-moz-animation:fwFadeIn-979df7ec .35s;animation:fwFadeIn-979df7ec .35s;-webkit-transition:opacity .35s ease-in;-moz-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-979df7ec]{animation:fwFadeIn-979df7ec .35s reverse;-webkit-transition:opacity .35s ease-out;-moz-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@-moz-keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-979df7ec{0%{opacity:0}to{opacity:1}}";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-472a39bf";
+script.__scopeId = "data-v-979df7ec";
 
 export { script as FwSwitch };

package/esm/{fw-table-row-PzizodKH.js → fw-table-row-Be4_T3Ai.js}

@@ -1,10 +1,10 @@
-import { defineComponent, computed, ref, shallowRef, watch, onMounted, useCssVars, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, createVNode, renderSlot, Fragment, renderList, withDirectives, withKeys, toDisplayString, createBlock, vShow, TransitionGroup, withCtx, resolveDynamicComponent, mergeProps, toHandlers } from 'vue';
+import { defineComponent, computed, ref, shallowRef, watch, onMounted, useCssVars, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, withDirectives, withKeys, toDisplayString, createBlock, vShow, createVNode, TransitionGroup, withCtx, resolveDynamicComponent, mergeProps, toHandlers } from 'vue';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
 import './fw-button.js';
-import { o as render$3, p as render$4, q as render$5, s as render$6 } from './index-BxwEcRoY.js';
+import { o as render$3, p as render$4, q as render$5, s as render$6 } from './index-v1DX6R2G.js';
 import './fw-loading.js';
-import { s as script$2 } from './fw-button-Cj5UEwCt.js';
-import { s as script$3 } from './fw-loading-bar-3x4tkF1B.js';
+import { s as script$2 } from './fw-button-ChYejNWD.js';
+import { s as script$3 } from './fw-loading-bar-CPzE92BH.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/fw-table.js

@@ -1,9 +1,9 @@
-export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-PzizodKH.js';
+export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-Be4_T3Ai.js';
 import 'vue';
 import './get-root-colours-DCCAnRF4.js';
 import './fw-button.js';
-import './fw-button-Cj5UEwCt.js';
-import './index-BxwEcRoY.js';
+import './fw-button-ChYejNWD.js';
+import './index-v1DX6R2G.js';
 import './style-inject.es-tgCJW-Cu.js';
 import './fw-loading.js';
-import './fw-loading-bar-3x4tkF1B.js';
+import './fw-loading-bar-CPzE92BH.js';

package/esm/fw-tabs.js

@@ -1,7 +1,7 @@
-import { defineComponent, shallowReactive, shallowRef, computed, provide, resolveComponent, createElementBlock, openBlock, createCommentVNode, createElementVNode, Fragment, renderList, createVNode, normalizeClass, withCtx, createTextVNode, toDisplayString, renderSlot, inject, getCurrentInstance, ref, onMounted, onBeforeUnmount, createBlock, Transition, withDirectives, vShow } from 'vue';
-import { s as script$2 } from './fw-button-Cj5UEwCt.js';
+import { defineComponent, shallowReactive, shallowRef, computed, provide, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createVNode, normalizeClass, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, inject, getCurrentInstance, ref, onMounted, onBeforeUnmount, createBlock, Transition, withDirectives, vShow } from 'vue';
+import { s as script$2 } from './fw-button-ChYejNWD.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './index-BxwEcRoY.js';
+import './index-v1DX6R2G.js';
 
 var script$1 = defineComponent({
   name: 'FwTabs',

package/esm/{fw-tag-D07xz6yt.js → fw-tag-B0fVslEZ.js}

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, useCssVars, resolveComponent, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode, toDisplayString, createVNode, vShow } from 'vue';
+import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot, createVNode, createCommentVNode, vShow } from 'vue';
 import './fw-button.js';
-import { d as render$1 } from './index-BxwEcRoY.js';
+import { d as render$1 } from './index-v1DX6R2G.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { s as script } from './fw-button-Cj5UEwCt.js';
+import { s as script } from './fw-button-ChYejNWD.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var TAG_CLASSES = {

package/esm/fw-tag.js

@@ -1,7 +1,7 @@
-export { _ as FwTag } from './fw-tag-D07xz6yt.js';
+export { _ as FwTag } from './fw-tag-B0fVslEZ.js';
 import 'vue';
 import './fw-button.js';
-import './fw-button-Cj5UEwCt.js';
-import './index-BxwEcRoY.js';
+import './fw-button-ChYejNWD.js';
+import './index-v1DX6R2G.js';
 import './style-inject.es-tgCJW-Cu.js';
 import './get-root-colours-DCCAnRF4.js';

package/esm/fw-toast.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, createBlock, createCommentVNode, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent } from 'vue';
-import { t as render$1, l as render$2, m as render$3 } from './index-BxwEcRoY.js';
+import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, resolveDynamicComponent, renderSlot, createCommentVNode } from 'vue';
+import { t as render$1, l as render$2, m as render$3 } from './index-v1DX6R2G.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var script = defineComponent({

package/esm/fw-transactions-card.js

@@ -1,11 +1,11 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createCommentVNode, createElementBlock, toDisplayString } from 'vue';
-import { _ as __default__$1 } from './fw-card-XGtsK2bM.js';
-import { _ as __default__ } from './fw-image-MQo9Gq8s.js';
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
+import { _ as __default__$1 } from './fw-card-DJXjRPUR.js';
+import { _ as __default__ } from './fw-image-fzUvzmLv.js';
 import './get-root-colours-DCCAnRF4.js';
 import './style-inject.es-tgCJW-Cu.js';
 import './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import './fw-loading-bar-3x4tkF1B.js';
-import './index-BxwEcRoY.js';
+import './fw-loading-bar-CPzE92BH.js';
+import './index-v1DX6R2G.js';
 
 var script = defineComponent({
   name: 'FwTransactionsCard',

package/esm/{index-DnLeG0TM.js → index-Dg62eRFQ.js}

@@ -1,10 +1,10 @@
 import { c as _asyncToGenerator, d as _regeneratorRuntime, a as _slicedToArray, b as _toConsumableArray } from './_rollupPluginBabelHelpers-BKlDnZ7n.js';
-import { h, render as render$1, defineComponent, ref, shallowRef, onBeforeUnmount, computed, watch, nextTick, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, toDisplayString, withCtx, withModifiers, normalizeClass, createCommentVNode, createTextVNode } from 'vue';
-import { e as render$2, f as render$3, g as render$4, h as render$5, i as render$6, j as render$7 } from './index-BxwEcRoY.js';
+import { h, render as render$1, defineComponent, ref, shallowRef, onBeforeUnmount, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, toDisplayString, withCtx, withModifiers, normalizeClass, createTextVNode, createCommentVNode } from 'vue';
+import { e as render$2, f as render$3, g as render$4, h as render$5, i as render$6, j as render$7 } from './index-v1DX6R2G.js';
 import { FwModal as __default__ } from './fw-modal.js';
 import './fw-button.js';
 import { u as useColours } from './get-root-colours-DCCAnRF4.js';
-import { s as script$1 } from './fw-button-Cj5UEwCt.js';
+import { s as script$1 } from './fw-button-ChYejNWD.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var getVueComponentHtml = function getVueComponentHtml(component, props) {