@frollo/frollo-web-ui 7.0.1 → 8.0.1

package/esm/fw-table.js

@@ -1,17 +1,7 @@
-export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-23f78218.js';
-import './es.number.constructor-fb16fe05.js';
-import './is-forced-7cb3ee8f.js';
-import './classof-d44bf093.js';
-import './regexp-flags-c09864e5.js';
-import './export-10c4adbc.js';
-import './object-create-51bf02dc.js';
-import './create-property-eb329361.js';
-import './array-method-is-strict-d313436f.js';
-import './es.date.to-string-15eb9936.js';
-import './es.object.to-string-4b07c4d1.js';
-import './index-bced3b35.js';
+export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-DkZaaMmE.js';
+import './index-CUPvK0Aa.js';
 import 'vue';
-import './check-94a5917a.js';
-import './get-root-colours-865a52ba.js';
-import './fw-loading-bar-f5ca605c.js';
-import './style-inject.es-1f59c1d0.js';
+import './check--YD4Ts6g.js';
+import './get-root-colours-DYEoJPEb.js';
+import './fw-loading-bar-DThRjdw1.js';
+import './style-inject.es-tgCJW-Cu.js';

package/esm/fw-tabs.js

@@ -1,20 +1,11 @@
-import './es.number.constructor-fb16fe05.js';
-import { defineComponent, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect, withDirectives, vShow } from 'vue';
-import { e as toObject$1, l as lengthOfArrayLike$1, h as fails$1 } from './is-forced-7cb3ee8f.js';
-import { _ as _export } from './export-10c4adbc.js';
-import { a as arrayIteration } from './array-iteration-8267bf22.js';
-import { a as addToUnscopables$1 } from './add-to-unscopables-ee05b58f.js';
-import { d as doesNotExceedSafeInteger$1 } from './does-not-exceed-safe-integer-de37ce28.js';
-import './classof-d44bf093.js';
-import './array-species-create-1c67e297.js';
-import './object-create-51bf02dc.js';
+import { defineComponent, reactive, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect, withDirectives, vShow } from 'vue';
 
 var script$1 = defineComponent({
   name: 'FwTabs',
   emits: ['update:modelValue'],
   props: {
-    /**
-     * The active tab v-model
+    /**
+     * The active tab v-model
      */
     modelValue: {
       type: Number,
@@ -22,21 +13,18 @@ var script$1 = defineComponent({
     }
   },
   setup: function setup(props, ctx) {
-    var active = computed(function () {
-      return props.modelValue;
+    var state = reactive({
+      active: computed(function () {
+        return props.modelValue;
+      }),
+      tabs: ref([])
     });
-    var tabs = ref();
-    tabs.value = [];
     var selectTab = function selectTab(tab) {
       ctx.emit('update:modelValue', tab);
     };
-    provide('tabsState', {
-      active: active,
-      tabs: tabs
-    });
+    provide('tabsState', state);
     return {
-      active: active,
-      tabs: tabs,
+      state: state,
       selectTab: selectTab
     };
   }
@@ -51,7 +39,7 @@ var _hoisted_2 = {
 };
 var _hoisted_3 = ["onClick"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [_ctx.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [_ctx.state.tabs ? (openBlock(), createElementBlock("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.tabs, function (tab, i) {
     return openBlock(), createElementBlock("li", {
       "class": "mr-2",
       key: i
@@ -60,84 +48,18 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: function onClick($event) {
         return _ctx.selectTab(i);
       },
-      "class": normalizeClass(["inline-block p-4 outline-primary border-b-2 border-transparent transition ease-in", _ctx.active === i ? 'font-semibold border-body' : 'hover:bg-grey-lightest'])
+      "class": normalizeClass(["inline-block p-4 outline-primary border-b-2 border-transparent transition ease-in", _ctx.state.active === i ? '!font-semibold !border-body' : 'hover:bg-grey-lightest'])
     }, toDisplayString(tab.props.label), 11, _hoisted_3)]);
   }), 128))])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]);
 }
 
 script$1.render = render$1;
 
-var es_array_findIndex = {};
-
-'use strict';
-var $$1 = _export;
-var $findIndex = arrayIteration.findIndex;
-var addToUnscopables = addToUnscopables$1;
-
-var FIND_INDEX = 'findIndex';
-var SKIPS_HOLES = true;
-
-// Shouldn't skip holes
-if (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });
-
-// `Array.prototype.findIndex` method
-// https://tc39.es/ecma262/#sec-array.prototype.findindex
-$$1({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
-  findIndex: function findIndex(callbackfn /* , that = undefined */) {
-    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables(FIND_INDEX);
-
-var es_array_push = {};
-
-'use strict';
-var $ = _export;
-var toObject = toObject$1;
-var lengthOfArrayLike = lengthOfArrayLike$1;
-var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
-var fails = fails$1;
-
-var INCORRECT_TO_LENGTH = fails(function () {
-  return [].push.call({ length: 0x100000000 }, 1) !== 4294967297;
-});
-
-// V8 and Safari <= 15.4, FF < 23 throws InternalError
-// https://bugs.chromium.org/p/v8/issues/detail?id=12681
-var SILENT_ON_NON_WRITABLE_LENGTH = !function () {
-  try {
-    // eslint-disable-next-line es-x/no-object-defineproperty -- safe
-    Object.defineProperty([], 'length', { writable: false }).push();
-  } catch (error) {
-    return error instanceof TypeError;
-  }
-}();
-
-// `Array.prototype.push` method
-// https://tc39.es/ecma262/#sec-array.prototype.push
-$({ target: 'Array', proto: true, arity: 1, forced: INCORRECT_TO_LENGTH || SILENT_ON_NON_WRITABLE_LENGTH }, {
-  // eslint-disable-next-line no-unused-vars -- required for `.length`
-  push: function push(item) {
-    var O = toObject(this);
-    var len = lengthOfArrayLike(O);
-    var argCount = arguments.length;
-    doesNotExceedSafeInteger(len + argCount);
-    for (var i = 0; i < argCount; i++) {
-      O[len] = arguments[i];
-      len++;
-    }
-    O.length = len;
-    return len;
-  }
-});
-
 var script = defineComponent({
   name: 'FwTab',
   props: {
-    /**
-     * The label of the tab component used as the button panel label
+    /**
+     * The label of the tab component used as the button panel label
      */
     label: {
       type: String,
@@ -146,24 +68,20 @@ var script = defineComponent({
   },
   setup: function setup(props) {
     var instance = getCurrentInstance();
-    var _ref = inject('tabsState') || {
-        tabs: [],
-        active: 0
-      },
-      tabs = _ref.tabs,
-      active = _ref.active;
+    var state = inject('tabsState');
     var index = computed(function () {
-      var _tabs$value;
-      return (_tabs$value = tabs.value) === null || _tabs$value === void 0 ? void 0 : _tabs$value.findIndex(function (target) {
+      var _state$tabs;
+      return state === null || state === void 0 || (_state$tabs = state.tabs) === null || _state$tabs === void 0 ? void 0 : _state$tabs.findIndex(function (target) {
         return target.uid === (instance === null || instance === void 0 ? void 0 : instance.uid);
       });
     });
     var isActive = computed(function () {
-      return index.value === active.value;
+      return index.value === (state === null || state === void 0 ? void 0 : state.active);
     });
     watchEffect(function () {
-      if (index.value === -1) {
-        tabs.value.push(instance);
+      if (instance && index.value === -1) {
+        var _state$tabs2;
+        state === null || state === void 0 || (_state$tabs2 = state.tabs) === null || _state$tabs2 === void 0 || _state$tabs2.push(instance);
       }
     });
     return {

package/esm/{fw-tag-ac28200a.js → fw-tag-CPp1P480.js}

@@ -1,10 +1,9 @@
-import './es.array.includes-08e25019.js';
-import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createBlock, withCtx, createVNode } from 'vue';
 import './fw-button.js';
-import { c as render$1 } from './index-bced3b35.js';
-import { u as useColours } from './get-root-colours-865a52ba.js';
-import { s as script } from './fw-button-c8502414.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import { b as render$1 } from './index-CUPvK0Aa.js';
+import { u as useColours } from './get-root-colours-DYEoJPEb.js';
+import { s as script } from './fw-button-4QLZlu0U.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({
   name: 'FwTag',
@@ -12,10 +11,18 @@ var __default__ = defineComponent({
     FwButton: script,
     XMarkSvg: render$1
   },
-  emits: ['dismissed'],
+  emits: [/** Fires when the tag is dismissed. */
+  'dismissed'],
   props: {
-    /**
-     * The size of the tag. Accepts: 'xs', 'sm' & 'md'
+    /**
+     * The label text of the tag.
+     * Overrides the default slot content.
+     */
+    label: {
+      type: String
+    },
+    /**
+     * The size of the tag. Accepts: 'xs', 'sm' & 'md'
      */
     size: {
       type: String,
@@ -24,9 +31,8 @@ var __default__ = defineComponent({
         return ['xs', 'sm', 'md'].includes(value);
       }
     },
-    /**
-     * The colour variant of the tag.
-     * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
+    /**
+     * The colour variant of the tag. Accepts 'primary', 'secondary', 'alert', 'error', 'success'
      */
     variant: {
       type: String,
@@ -35,9 +41,8 @@ var __default__ = defineComponent({
         return ['primary', 'secondary', 'alert', 'error', 'success'].includes(value);
       }
     },
-    /**
-     * Whether the tag can be dismissed or closed.
-     * Emits the @dismissed event
+    /**
+     * Whether the tag can be dismissed or closed.
      */
     dismissable: {
       type: Boolean,
@@ -114,7 +119,7 @@ var __default__ = defineComponent({
 var __injectCSSVars__ = function __injectCSSVars__() {
   useCssVars(function (_ctx) {
     return {
-      "f1e3ea3e": _ctx.primaryFade5
+      "8d62bc46": _ctx.primaryFade5
     };
   });
 };
@@ -129,8 +134,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_FwButton = resolveComponent("FwButton");
   return openBlock(), createElementBlock("span", {
     "class": normalizeClass(["fw-tag", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass]])
-  }, [renderSlot(_ctx.$slots, "default"), _ctx.dismissable ? (openBlock(), createBlock(_component_FwButton, {
-    key: 0,
+  }, [_ctx.label ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [createTextVNode(toDisplayString(_ctx.label), 1)], 64)) : _ctx.$slots["default"] ? renderSlot(_ctx.$slots, "default", {
+    key: 1
+  }) : createCommentVNode("", true), _ctx.dismissable ? (openBlock(), createBlock(_component_FwButton, {
+    key: 2,
     variant: _ctx.iconButtonType,
     tabindex: "",
     title: "Dismiss filter",
@@ -148,8 +157,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["variant", "class"])) : createCommentVNode("", true)], 2);
 }
 
-var css_248z = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
-var stylesheet = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
+var css_248z = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--8d62bc46)}";
+var stylesheet = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--8d62bc46)}";
 styleInject(css_248z);
 
 __default__.render = render;

package/esm/fw-tag.js

@@ -1,14 +1,9 @@
-export { _ as FwTag } from './fw-tag-ac28200a.js';
-import './es.array.includes-08e25019.js';
-import './is-forced-7cb3ee8f.js';
-import './export-10c4adbc.js';
-import './add-to-unscopables-ee05b58f.js';
-import './object-create-51bf02dc.js';
+export { _ as FwTag } from './fw-tag-CPp1P480.js';
 import 'vue';
 import './fw-button.js';
-import './fw-button-c8502414.js';
-import './fw-loading-spinner-72d70258.js';
-import './index-bced3b35.js';
-import './check-94a5917a.js';
-import './style-inject.es-1f59c1d0.js';
-import './get-root-colours-865a52ba.js';
+import './fw-button-4QLZlu0U.js';
+import './fw-loading-spinner-Dn52RI5h.js';
+import './index-CUPvK0Aa.js';
+import './check--YD4Ts6g.js';
+import './style-inject.es-tgCJW-Cu.js';
+import './get-root-colours-DYEoJPEb.js';

package/esm/fw-toast.js

@@ -1,23 +1,8 @@
-import './es.array.includes-08e25019.js';
-import './es.number.constructor-fb16fe05.js';
-import './es.string.includes-061e8272.js';
-import './es.array.concat-99b85557.js';
-import './web.timers-e406c8e6.js';
 import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, renderSlot } from 'vue';
-import { u as uniqueId } from './uniqueId-fe08534a.js';
-import { f as render$1, g as render$2, a as render$3 } from './index-bced3b35.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './is-forced-7cb3ee8f.js';
-import './export-10c4adbc.js';
-import './add-to-unscopables-ee05b58f.js';
-import './object-create-51bf02dc.js';
-import './classof-d44bf093.js';
-import './array-species-create-1c67e297.js';
-import './does-not-exceed-safe-integer-de37ce28.js';
-import './create-property-eb329361.js';
-import './array-method-has-species-support-6c675094.js';
-import './function-apply-e17cf65b.js';
-import './check-94a5917a.js';
+import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
+import { c as render$1, d as render$2, f as render$3 } from './index-CUPvK0Aa.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+import './check--YD4Ts6g.js';
 
 var script = defineComponent({
   name: 'FwToast',
@@ -28,15 +13,15 @@ var script = defineComponent({
   },
   emits: ['update:modelValue', 'dismissed'],
   props: {
-    /**
-     * The toast's v-model. Controls the visibility of the toast.
+    /**
+     * The toast's v-model. Controls the visibility of the toast.
      */
     modelValue: {
       type: Boolean
     },
-    /**
-     * The type of the toast.
-     * Accepts: 'success', 'error', 'warning'
+    /**
+     * The type of the toast.
+     * Accepts: 'success', 'error', 'warning'
      */
     type: {
       type: String,
@@ -45,9 +30,9 @@ var script = defineComponent({
         return ['success', 'error', 'warning'].includes(value);
       }
     },
-    /**
-     * The position of the toast on the screen.
-     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
+    /**
+     * The position of the toast on the screen.
+     * Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
      */
     position: {
       type: String,
@@ -56,21 +41,21 @@ var script = defineComponent({
         return ['top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'].includes(value);
       }
     },
-    /**
-     * The content of the toast.
+    /**
+     * The content of the toast.
      */
     content: {
       type: String
     },
-    /**
-     * The base container to attach to. Defaults to `#app` element.
+    /**
+     * The base container to attach to. Defaults to `#app` element.
      */
     element: {
       type: String,
       "default": '#app'
     },
-    /**
-     * The duration timeout before the toast is dismissed.
+    /**
+     * The duration timeout before the toast is dismissed.
      */
     timeout: {
       type: Number,
@@ -125,10 +110,10 @@ var script = defineComponent({
       } else if (positionContainer.children.length) {
         var _positionContainer$ch;
         var first = positionContainer === null || positionContainer === void 0 ? void 0 : positionContainer.clientHeight;
-        var toastHeight = (positionContainer === null || positionContainer === void 0 ? void 0 : (_positionContainer$ch = positionContainer.children[0]) === null || _positionContainer$ch === void 0 ? void 0 : _positionContainer$ch.clientHeight) || 52;
+        var toastHeight = (positionContainer === null || positionContainer === void 0 || (_positionContainer$ch = positionContainer.children[0]) === null || _positionContainer$ch === void 0 ? void 0 : _positionContainer$ch.clientHeight) || 52;
         var last = first + toastHeight;
         var invert = last - first;
-        positionContainer === null || positionContainer === void 0 ? void 0 : positionContainer.animate([{
+        positionContainer === null || positionContainer === void 0 || positionContainer.animate([{
           transform: "translateY(".concat(negativePush.value).concat(invert, "px)")
         }, {
           transform: 'translateY(0)'
@@ -204,8 +189,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["name"])], 8, ["to"])) : createCommentVNode("", true)], 64);
 }
 
-var css_248z = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
-var stylesheet = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;align-items:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s;-webkit-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse;-webkit-transition:all .4s ease;transition:all .4s ease}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
+var css_248z = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-enter-active,.toastSlideInRight-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-enter-active,.toastSlideInLeft-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-enter-active,.toastSlideInCenter-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
+var stylesheet = ".fw-toast{will-change:transform}.fw-toast--container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px;pointer-events:none;position:fixed;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}#fw-toast--container-bottom-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;bottom:50px;margin-left:20px;right:50px}#fw-toast--container-bottom-left{bottom:50px;left:50px;margin-right:20px}#fw-toast--container-bottom{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:50px;width:100%}#fw-toast--container-top-right{-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;margin-left:20px;right:50px}#fw-toast--container-top-left,#fw-toast--container-top-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px}#fw-toast--container-top-left{left:50px;margin-right:20px}#fw-toast--container-top{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:50px;width:100%}.toastSlideInRight-enter-active{-webkit-animation:toastSlideInRight .4s;-moz-animation:toastSlideInRight .4s;animation:toastSlideInRight .4s}.toastSlideInRight-enter-active,.toastSlideInRight-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInRight-leave-active{animation:toastSlideInRight .4s reverse}.toastSlideInLeft-enter-active{-webkit-animation:toastSlideInLeft .4s;-moz-animation:toastSlideInLeft .4s;animation:toastSlideInLeft .4s}.toastSlideInLeft-enter-active,.toastSlideInLeft-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInLeft-leave-active{animation:toastSlideInLeft .4s reverse}.toastSlideInCenter-enter-active{-webkit-animation:toastSlideInCenter .4s;-moz-animation:toastSlideInCenter .4s;animation:toastSlideInCenter .4s}.toastSlideInCenter-enter-active,.toastSlideInCenter-leave-active{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.toastSlideInCenter-leave-active{animation:toastSlideInCenter .4s reverse}@-webkit-keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInRight{0%{opacity:0;-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-moz-transform:translateX(1%);transform:translateX(1%)}90%{-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInRight{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}40%{opacity:1;-webkit-transform:translateX(-3%);-moz-transform:translateX(-3%);transform:translateX(-3%)}70%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}90%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes toastSlideInLeft{0%{opacity:0;-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-moz-transform:translateX(3%);transform:translateX(3%)}70%{-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-moz-transform:translateX(1%);transform:translateX(1%)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes toastSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}40%{opacity:1;-webkit-transform:translateX(3%);-moz-transform:translateX(3%);transform:translateX(3%)}70%{-webkit-transform:translateX(-1%);-moz-transform:translateX(-1%);transform:translateX(-1%)}90%{-webkit-transform:translateX(1%);-moz-transform:translateX(1%);transform:translateX(1%)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@-moz-keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toastSlideInCenter{0%{opacity:0;scale:0}to{opacity:1;scale:1}}";
 styleInject(css_248z);
 
 script.render = render;

package/esm/fw-transactions-card.js

@@ -1,26 +1,10 @@
 import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
-import { s as script$1 } from './fw-card-1b6a67fe.js';
-import { s as script$2 } from './fw-image-aca2c61d.js';
-import './es.array.includes-08e25019.js';
-import './is-forced-7cb3ee8f.js';
-import './export-10c4adbc.js';
-import './add-to-unscopables-ee05b58f.js';
-import './object-create-51bf02dc.js';
-import './es.number.constructor-fb16fe05.js';
-import './classof-d44bf093.js';
-import './array-iteration-8267bf22.js';
-import './array-species-create-1c67e297.js';
-import './array-method-is-strict-d313436f.js';
-import './es.object.to-string-4b07c4d1.js';
-import './es.array.find-1ded15d5.js';
-import './es.string.iterator-25db8cd2.js';
-import './create-property-eb329361.js';
-import './web.timers-e406c8e6.js';
-import './function-apply-e17cf65b.js';
-import './fw-loading-bar-f5ca605c.js';
-import './style-inject.es-1f59c1d0.js';
-import './index-bced3b35.js';
-import './check-94a5917a.js';
+import { s as script$1 } from './fw-card-bsYbpPmW.js';
+import { s as script$2 } from './fw-image-DOgM8i8X.js';
+import './fw-loading-bar-DThRjdw1.js';
+import './style-inject.es-tgCJW-Cu.js';
+import './index-CUPvK0Aa.js';
+import './check--YD4Ts6g.js';
 
 var script = defineComponent({
   name: 'FwTransactionsCard',
@@ -29,28 +13,28 @@ var script = defineComponent({
     FwImage: script$2
   },
   props: {
-    /**
-     * The transaction title of the card
+    /**
+     * The transaction title of the card
      */
     title: {
       type: String
     },
-    /**
-     * The transaction sub-title of the card
+    /**
+     * The transaction sub-title of the card
      */
     subTitle: {
       type: String,
       required: false
     },
-    /**
-     * The transaction amount.
+    /**
+     * The transaction amount.
      */
     amount: {
       type: String,
       required: false
     },
-    /**
-     * The src url for the image.
+    /**
+     * The src url for the image.
      */
     imageUrl: {
       type: String,