@frollo/frollo-web-ui 8.2.1 → 8.4.0

package/esm/fw-period-selector.js

@@ -1,19 +1,22 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
 import './fw-button.js';
-import { s as script$1 } from './fw-button-DdxvSBFa.js';
+import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-BEzZf1xe.js';
-import './index-svDiDkSU.js';
+import './fw-loading-spinner-CfcmqMwb.js';
+import './index-CUeOOfIp.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({
   name: 'FwPeriodSelector',
   emits: [/** Fired on Click */
-  'periodSelected'],
+  'update:modelValue'],
   components: {
     FwButton: script$1
   },
   props: {
+    modelValue: {
+      type: Number
+    },
     /**
      * The available periods to be chosen in months.
      */
@@ -31,18 +34,20 @@ var script = defineComponent({
       }
     }
   },
-  setup: function setup(_props, ctx) {
-    var selectedPeriod = ref();
+  setup: function setup(props, ctx) {
     var generateButtonLabel = function generateButtonLabel(month) {
       return month === 1 ? month.toString() + ' month' : month.toString() + ' months';
     };
-    var onClick = function onClick(period) {
-      selectedPeriod.value = period;
-      ctx.emit('periodSelected', period);
-    };
+    var selectedPeriod = computed({
+      get: function get() {
+        return props.modelValue;
+      },
+      set: function set(period) {
+        ctx.emit('update:modelValue', period);
+      }
+    });
     return {
       generateButtonLabel: generateButtonLabel,
-      onClick: onClick,
       selectedPeriod: selectedPeriod
     };
   }
@@ -60,7 +65,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "class": "hover:!border-button-primary-bg -m-[2px] flex-1",
       size: _ctx.size,
       onClick: function onClick($event) {
-        return _ctx.onClick(period);
+        return _ctx.selectedPeriod = period;
       }
     }, {
       "default": withCtx(function () {

package/esm/fw-provider-list.js

@@ -1,19 +1,19 @@
 import { e as _defineProperty } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
-import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-CBQBV4yq.js';
+import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-suFSeIN3.js';
 import { s as script$1 } from './fw-input-BPFFMpc2.js';
-import { _ as __default__$1 } from './fw-tag-508OLlZR.js';
-import { s as script$3 } from './fw-button-DdxvSBFa.js';
-import { s as script$2 } from './fw-dropdown-BcnKbaW1.js';
-import { c as render$1, d as render$2, e as render$3 } from './index-svDiDkSU.js';
+import { _ as __default__$1 } from './fw-tag-CziUTbtg.js';
+import { s as script$3 } from './fw-button-LhSQ6Fx_.js';
+import { s as script$2 } from './fw-dropdown-b1b7d7BF.js';
+import { i as render$1, j as render$2, k as render$3 } from './index-CUeOOfIp.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './get-root-colours-DYEoJPEb.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './vee-validate.esm-3ptvCDR1.js';
 import './uniqueId-DK6xzFd8.js';
 import './fw-button.js';
-import './fw-loading-spinner-BEzZf1xe.js';
-import './fw-image-DedhILQL.js';
+import './fw-loading-spinner-CfcmqMwb.js';
+import './fw-image-Dlb_dFZf.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/fw-sidebar-menu.js

@@ -1,8 +1,8 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, withDirectives, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
-import { s as script$1 } from './fw-button-DdxvSBFa.js';
-import { f as render$1 } from './index-svDiDkSU.js';
+import { s as script$1 } from './fw-button-LhSQ6Fx_.js';
+import { l as render$1 } from './index-CUeOOfIp.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import './fw-loading-spinner-BEzZf1xe.js';
+import './fw-loading-spinner-CfcmqMwb.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({

package/esm/{fw-table-row-CBQBV4yq.js → fw-table-row-suFSeIN3.js}

@@ -1,8 +1,8 @@
-import { g as render$3, h as render$4, i as render$5, f as render$6 } from './index-svDiDkSU.js';
+import { m as render$3, n as render$4, o as render$5, l as render$6 } from './index-CUeOOfIp.js';
 import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, renderSlot, createCommentVNode, Fragment, renderList, normalizeClass, withKeys, toDisplayString, createBlock, createVNode, withCtx } from 'vue';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
 import { s as script$2 } from './fw-loading-bar-DThRjdw1.js';
-import { s as script$3 } from './fw-button-DdxvSBFa.js';
+import { s as script$3 } from './fw-button-LhSQ6Fx_.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-CBQBV4yq.js';
-import './index-svDiDkSU.js';
+export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-suFSeIN3.js';
+import './index-CUeOOfIp.js';
 import 'vue';
 import './check--YD4Ts6g.js';
 import './get-root-colours-DYEoJPEb.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './fw-button-DdxvSBFa.js';
-import './fw-loading-spinner-BEzZf1xe.js';
+import './fw-button-LhSQ6Fx_.js';
+import './fw-loading-spinner-CfcmqMwb.js';

package/esm/{fw-tag-508OLlZR.js → fw-tag-CziUTbtg.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createBlock, withCtx, createVNode } from 'vue';
 import './fw-button.js';
-import { b as render$1 } from './index-svDiDkSU.js';
+import { b as render$1 } from './index-CUeOOfIp.js';
 import { u as useColours } from './get-root-colours-DYEoJPEb.js';
-import { s as script } from './fw-button-DdxvSBFa.js';
+import { s as script } from './fw-button-LhSQ6Fx_.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var __default__ = defineComponent({

package/esm/fw-tag.js

@@ -1,9 +1,9 @@
-export { _ as FwTag } from './fw-tag-508OLlZR.js';
+export { _ as FwTag } from './fw-tag-CziUTbtg.js';
 import 'vue';
 import './fw-button.js';
-import './fw-button-DdxvSBFa.js';
-import './fw-loading-spinner-BEzZf1xe.js';
-import './index-svDiDkSU.js';
+import './fw-button-LhSQ6Fx_.js';
+import './fw-loading-spinner-CfcmqMwb.js';
+import './index-CUeOOfIp.js';
 import './check--YD4Ts6g.js';
 import './style-inject.es-tgCJW-Cu.js';
 import './get-root-colours-DYEoJPEb.js';

package/esm/fw-toast.js

@@ -1,6 +1,6 @@
 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-DK6xzFd8.js';
-import { c as render$1, d as render$2, k as render$3 } from './index-svDiDkSU.js';
+import { i as render$1, j as render$2, p as render$3 } from './index-CUeOOfIp.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 import './check--YD4Ts6g.js';
 

package/esm/fw-transactions-card.js

@@ -1,9 +1,9 @@
 import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
 import { s as script$1 } from './fw-card-bsYbpPmW.js';
-import { s as script$2 } from './fw-image-DedhILQL.js';
+import { s as script$2 } from './fw-image-Dlb_dFZf.js';
 import './fw-loading-bar-DThRjdw1.js';
 import './style-inject.es-tgCJW-Cu.js';
-import './index-svDiDkSU.js';
+import './index-CUeOOfIp.js';
 import './check--YD4Ts6g.js';
 
 var script = defineComponent({