@frollo/frollo-web-ui 3.0.2 → 4.0.0

package/esm/fw-animations.js

@@ -1,11 +1,11 @@
 import './es.number.constructor-1249bd78.js';
 import { defineComponent, useCssVars, pushScopeId, popScopeId, createElementVNode, openBlock, createElementBlock, createStaticVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-export { s as FwLoadingSpinner } from './fw-loading-spinner-164d8df0.js';
+export { s as FwLoadingSpinner } from './fw-loading-spinner-304e2f95.js';
 import './is-forced-752b5893.js';
 import './to-string-12728fd2.js';
 import './classof-39c30bd5.js';
-import './index-692e4d19.js';
+import './index-c6458115.js';
 import './check-94a5917a.js';
 
 var __default__$1 = defineComponent({

package/esm/{fw-button-0401f207.js → fw-button-e8b1bd62.js}

@@ -1,6 +1,6 @@
 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-164d8df0.js';
+import { s as script$1 } from './fw-loading-spinner-304e2f95.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var script = defineComponent({

package/esm/fw-button.js

@@ -1,4 +1,4 @@
-export { s as FwButton } from './fw-button-0401f207.js';
+export { s as FwButton } from './fw-button-e8b1bd62.js';
 import './es.array.includes-91be7771.js';
 import './is-forced-752b5893.js';
 import './export-a37ba078.js';
@@ -6,7 +6,7 @@ import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
 import 'vue';
-import './fw-loading-spinner-164d8df0.js';
-import './index-692e4d19.js';
+import './fw-loading-spinner-304e2f95.js';
+import './index-c6458115.js';
 import './check-94a5917a.js';
 import './style-inject.es-1f59c1d0.js';

package/esm/fw-dropdown.js

@@ -1,7 +1,7 @@
 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-692e4d19.js';
+import { a as render$1 } from './index-c6458115.js';
 import './es.function.name-557cb1f9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './is-forced-752b5893.js';

package/esm/{fw-image-03f85465.js → fw-image-3fa960e1.js}

@@ -9,7 +9,7 @@ import { _ as _export } from './export-a37ba078.js';
 import { a as arrayIteration } from './array-iteration-107f927f.js';
 import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-055b1830.js';
 import { s as script$1 } from './fw-loading-bar-f5ca605c.js';
-import { r as render$1 } from './index-692e4d19.js';
+import { r as render$1 } from './index-c6458115.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var es_array_forEach = {};

package/esm/fw-image.js

@@ -1,4 +1,4 @@
-export { s as FwImage } from './fw-image-03f85465.js';
+export { s as FwImage } from './fw-image-3fa960e1.js';
 import './es.array.includes-91be7771.js';
 import './is-forced-752b5893.js';
 import './export-a37ba078.js';
@@ -19,5 +19,5 @@ import './function-apply-ce251590.js';
 import './array-method-is-strict-055b1830.js';
 import './fw-loading-bar-f5ca605c.js';
 import './style-inject.es-1f59c1d0.js';
-import './index-692e4d19.js';
+import './index-c6458115.js';
 import './check-94a5917a.js';

package/esm/{fw-loading-spinner-164d8df0.js → fw-loading-spinner-304e2f95.js}

@@ -1,4 +1,4 @@
-import { g as render$1 } from './index-692e4d19.js';
+import { h as render$1 } from './index-c6458115.js';
 import { defineComponent, resolveComponent, openBlock, createBlock } from 'vue';
 
 var script = defineComponent({

package/esm/fw-modal.js

@@ -1,6 +1,6 @@
 import './es.array.includes-91be7771.js';
 import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as script$1 } from './fw-button-0401f207.js';
+import { s as script$1 } from './fw-button-e8b1bd62.js';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './is-forced-752b5893.js';
@@ -8,8 +8,8 @@ import './export-a37ba078.js';
 import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
-import './fw-loading-spinner-164d8df0.js';
-import './index-692e4d19.js';
+import './fw-loading-spinner-304e2f95.js';
+import './index-c6458115.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/fw-navigation-menu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
-import { s as script$1 } from './fw-button-0401f207.js';
+import { s as script$1 } from './fw-button-e8b1bd62.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './es.array.includes-91be7771.js';
 import './is-forced-752b5893.js';
@@ -7,8 +7,8 @@ import './export-a37ba078.js';
 import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
-import './fw-loading-spinner-164d8df0.js';
-import './index-692e4d19.js';
+import './fw-loading-spinner-304e2f95.js';
+import './index-c6458115.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/fw-sidebar-menu.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from 'vue';
-import { s as script$1 } from './fw-button-0401f207.js';
-import { f as render$1 } from './index-692e4d19.js';
+import { s as script$1 } from './fw-button-e8b1bd62.js';
+import { g as render$1 } from './index-c6458115.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './es.array.includes-91be7771.js';
 import './is-forced-752b5893.js';
@@ -8,7 +8,7 @@ import './export-a37ba078.js';
 import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';
 import './object-keys-4f5bf4e7.js';
-import './fw-loading-spinner-164d8df0.js';
+import './fw-loading-spinner-304e2f95.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({

package/esm/fw-table.js

@@ -4,13 +4,13 @@ import { _ as _export } from './export-a37ba078.js';
 import { t as toString$1 } from './to-string-12728fd2.js';
 import { c as createProperty$1 } from './create-property-534611fd.js';
 import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-055b1830.js';
-import { b as render$3 } from './index-692e4d19.js';
-import { defineComponent, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, withKeys, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
-import { s as script$3 } from './fw-loading-bar-f5ca605c.js';
+import { b as render$3, c as render$4 } from './index-c6458115.js';
+import { defineComponent, computed, ref, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, withKeys, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode } from 'vue';
+import { s as script$2 } from './fw-loading-bar-f5ca605c.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './object-keys-4f5bf4e7.js';
 import './classof-39c30bd5.js';
 import './check-94a5917a.js';
-import './style-inject.es-1f59c1d0.js';
 
 var es_array_sort = {};
 
@@ -199,12 +199,14 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
   }
 });
 
-var script$2 = defineComponent({
+var __default__ = defineComponent({
   name: 'FwTable',
   components: {
-    CaretDownSvg: render$3,
-    FwLoadingBar: script$3
+    ArrowSortSvg: render$3,
+    ArrowDownSvg: render$4,
+    FwLoadingBar: script$2
   },
+  emits: ['rowClicked'],
   props: {
     items: {
       type: Array,
@@ -217,15 +219,22 @@ var script$2 = defineComponent({
     loading: {
       type: Boolean,
       "default": false
+    },
+    clickableRows: {
+      type: Boolean,
+      "default": false
     }
   },
-  setup: function setup(props) {
+  setup: function setup(props, ctx) {
     var columns = computed(function () {
       return Object.keys(props.items[0]);
     });
     var sortBy = ref('');
     var sortDirection = ref('asc');
     var currentSortedColumn = ref('');
+    var style = getComputedStyle(document.body);
+    var colorPrimary = style.getPropertyValue('--colorPrimary');
+    var bgHoverColor = "".concat(colorPrimary, "0d"); // Adds 5% transparency
     var sortColumn = function sortColumn(column) {
       if (!isColumnSortable(column)) return;
       currentSortedColumn.value = column;
@@ -261,10 +270,10 @@ var script$2 = defineComponent({
     var sortedIcon = function sortedIcon(sortDir, column) {
       if (currentSortedColumn.value === column) {
         if (sortDirection.value === sortDir) {
-          return 'text-body';
+          return true;
         }
       }
-      return 'text-grey-light';
+      return false;
     };
     var isColumnSortable = function isColumnSortable(column) {
       if (props.options && props.options[column]) {
@@ -280,6 +289,9 @@ var script$2 = defineComponent({
       }
       return false;
     };
+    var rowClicked = function rowClicked(row) {
+      if (props.clickableRows) ctx.emit('rowClicked', row);
+    };
     return {
       columns: columns,
       sortBy: sortBy,
@@ -290,65 +302,86 @@ var script$2 = defineComponent({
       sortedIcon: sortedIcon,
       formattedText: formattedText,
       isColumnSortable: isColumnSortable,
-      isDisabled: isDisabled
+      isDisabled: isDisabled,
+      rowClicked: rowClicked,
+      bgHoverColor: bgHoverColor
     };
   }
 });
-
+var __injectCSSVars__ = function __injectCSSVars__() {
+  useCssVars(function (_ctx) {
+    return {
+      "1172a117": _ctx.bgHoverColor
+    };
+  });
+};
+var __setup__ = __default__.setup;
+__default__.setup = __setup__ ? function (props, ctx) {
+  __injectCSSVars__();
+  return __setup__(props, ctx);
+} : __injectCSSVars__;
+
+var _withScopeId = function _withScopeId(n) {
+  return pushScopeId("data-v-1f477224"), n = n(), popScopeId(), n;
+};
 var _hoisted_1$2 = {
-  "class": "text-p-small bg-grey-20"
+  "class": "text-p2 border-b border-grey-40"
 };
 var _hoisted_2$1 = ["tabindex", "onKeydown", "onClick"];
 var _hoisted_3$1 = {
-  "class": "flex flex-row items-center space-x-1"
+  "class": "flex flex-row items-center"
 };
 var _hoisted_4 = {
-  "class": "w-full"
+  key: 0,
+  "class": "ml-1 flex items-center justify-center w-5"
 };
 var _hoisted_5 = {
-  key: 0
+  "class": "text-p2 bg-white font-light"
 };
 var _hoisted_6 = {
-  "class": "flex flex-col"
-};
-var _hoisted_7 = {
-  "class": "text-p-small bg-white font-light"
-};
-var _hoisted_8 = {
   key: 0,
-  "class": "py-3 px-4 text-left whitespace-nowrap"
+  "class": "py-4 px-5 text-left whitespace-nowrap"
 };
-var _hoisted_9 = {
+var _hoisted_7 = {
   key: 0,
-  "class": "py-3 px-4 text-left whitespace-nowrap"
+  "class": "py-4 px-5 text-left whitespace-nowrap"
 };
-var _hoisted_10 = ["innerHTML"];
+var _hoisted_8 = ["onClick", "tabindex", "onKeydown"];
+var _hoisted_9 = ["innerHTML"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_CaretDownSvg = resolveComponent("CaretDownSvg");
+  var _component_ArrowSortSvg = resolveComponent("ArrowSortSvg");
+  var _component_ArrowDownSvg = resolveComponent("ArrowDownSvg");
   var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
   return openBlock(), createElementBlock("table", {
-    "class": normalizeClass(["table-auto table-responsive rounded border border-grey-40 border-spacing-px border-separate bg-grey-40", _ctx.loading ? 'cursor-wait' : ''])
+    "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card", _ctx.loading ? 'cursor-wait' : ''])
   }, [createElementVNode("thead", _hoisted_1$2, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
     return openBlock(), createElementBlock(Fragment, {
       key: thKey
     }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("th", {
       key: 0,
-      "class": normalizeClass(["py-3 px-4 text-center", _ctx.isColumnSortable(column) ? 'cursor-pointer hover:bg-grey-40' : '']),
-      tabindex: _ctx.isColumnSortable(column) ? 1 : -1,
+      "class": normalizeClass(["fw-table-head py-6 px-5 text-left font-medium", _ctx.isColumnSortable(column) ? 'cursor-pointer fw-table-head--sortable' : '']),
+      tabindex: _ctx.isColumnSortable(column) ? 0 : -1,
       onKeydown: withKeys(function ($event) {
         return _ctx.sortColumn(column);
       }, ["enter", "space"]),
       onClick: function onClick($event) {
         return _ctx.sortColumn(column);
       }
-    }, [createElementVNode("div", _hoisted_3$1, [createElementVNode("span", _hoisted_4, toDisplayString(column), 1), _ctx.isColumnSortable(column) ? (openBlock(), createElementBlock("span", _hoisted_5, [createElementVNode("span", _hoisted_6, [createVNode(_component_CaretDownSvg, {
-      "class": normalizeClass(["inline-block w-[12px] rotate-180", _ctx.sortedIcon('asc', column)])
-    }, null, 8, ["class"]), createVNode(_component_CaretDownSvg, {
-      "class": normalizeClass(["inline-block w-[12px] mt-[2px]", _ctx.sortedIcon('desc', column)])
-    }, null, 8, ["class"])])])) : createCommentVNode("", true)])], 42, _hoisted_2$1)) : createCommentVNode("", true)], 64);
+    }, [createElementVNode("div", _hoisted_3$1, [createElementVNode("span", {
+      "class": normalizeClass(_ctx.sortedIcon('asc', column) || _ctx.sortedIcon('desc', column) ? 'text-primary' : '')
+    }, toDisplayString(column), 3), _ctx.isColumnSortable(column) ? (openBlock(), createElementBlock("span", _hoisted_4, [!_ctx.sortedIcon('asc', column) && !_ctx.sortedIcon('desc', column) ? (openBlock(), createBlock(_component_ArrowSortSvg, {
+      key: 0,
+      "class": "inline-block w-full text-grey-base"
+    })) : createCommentVNode("", true), _ctx.sortedIcon('desc', column) ? (openBlock(), createBlock(_component_ArrowDownSvg, {
+      key: 1,
+      "class": "inline-block w-4 text-primary rotate-180"
+    })) : createCommentVNode("", true), _ctx.sortedIcon('asc', column) ? (openBlock(), createBlock(_component_ArrowDownSvg, {
+      key: 2,
+      "class": "inline-block w-4 text-primary"
+    })) : createCommentVNode("", true)])) : createCommentVNode("", true)])], 42, _hoisted_2$1)) : createCommentVNode("", true)], 64);
   }), 128)), _ctx.$slots.head ? renderSlot(_ctx.$slots, "head", {
     key: 0
-  }) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_7, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
+  }) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_5, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
     key: 0
   }, renderList(_ctx.sortedData, function (row, trKey) {
     return openBlock(), createElementBlock("tr", {
@@ -356,44 +389,56 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
       return openBlock(), createElementBlock(Fragment, {
         key: colKey
-      }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", _hoisted_8, [createVNode(_component_FwLoadingBar, {
+      }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", _hoisted_6, [createVNode(_component_FwLoadingBar, {
         "class": "w-full h-7"
       })])) : createCommentVNode("", true)], 64);
-    }), 128)), _ctx.$slots.row ? (openBlock(), createElementBlock("td", _hoisted_9, [createVNode(_component_FwLoadingBar, {
+    }), 128)), _ctx.$slots.row ? (openBlock(), createElementBlock("td", _hoisted_7, [createVNode(_component_FwLoadingBar, {
       "class": "w-full h-7"
     })])) : createCommentVNode("", true)]);
   }), 128)) : (openBlock(true), createElementBlock(Fragment, {
     key: 1
   }, renderList(_ctx.sortedData, function (row, trKey) {
     return openBlock(), createElementBlock("tr", {
-      "class": "border-b border-grey-40 hover:bg-grey-lightest",
+      "class": normalizeClass(["fw-table-row border-b border-grey-40", _ctx.clickableRows ? 'cursor-pointer' : '']),
+      onClick: function onClick($event) {
+        return _ctx.rowClicked(row);
+      },
+      tabindex: _ctx.clickableRows ? 0 : -1,
+      onKeydown: withKeys(function ($event) {
+        return _ctx.rowClicked(row);
+      }, ["enter", "space"]),
       key: trKey
     }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
       return openBlock(), createElementBlock(Fragment, {
         key: colKey
       }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", {
         key: 0,
-        "class": "py-3 px-4 text-left whitespace-nowrap",
+        "class": "py-4 px-5 text-left whitespace-nowrap",
         innerHTML: _ctx.formattedText(row, column)
-      }, null, 8, _hoisted_10)) : createCommentVNode("", true)], 64);
+      }, null, 8, _hoisted_9)) : createCommentVNode("", true)], 64);
     }), 128)), _ctx.$slots.row ? renderSlot(_ctx.$slots, "row", {
       key: 0,
       row: row
-    }) : createCommentVNode("", true)]);
+    }) : createCommentVNode("", true)], 42, _hoisted_8);
   }), 128))])], 2);
 }
 
-script$2.render = render$2;
+var css_248z = ".fw-table-head--sortable[data-v-1f477224]:hover{background-color:var(--1172a117)}.fw-table-row[data-v-1f477224]:hover{background-color:var(--1172a117)}";
+var stylesheet = ".fw-table-head--sortable[data-v-1f477224]:hover{background-color:var(--1172a117)}.fw-table-row[data-v-1f477224]:hover{background-color:var(--1172a117)}";
+styleInject(css_248z);
+
+__default__.render = render$2;
+__default__.__scopeId = "data-v-1f477224";
 
 var script$1 = defineComponent({
   name: 'FwTableHead'
 });
 
 var _hoisted_1$1 = {
-  "class": "py-3 px-4 text-center"
+  "class": "py-6 px-5 text-left font-medium"
 };
 var _hoisted_2 = {
-  "class": "flex flex-row items-center space-x-1"
+  "class": "flex flex-row"
 };
 var _hoisted_3 = {
   key: 0,
@@ -420,4 +465,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export { script$2 as FwTable, script$1 as FwTableHead, script as FwTableRow };
+export { __default__ as FwTable, script$1 as FwTableHead, script as FwTableRow };

package/esm/fw-toast.js

@@ -7,7 +7,7 @@ import './es.array.concat-987938be.js';
 import './web.timers-0f117224.js';
 import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, toDisplayString, renderSlot } from 'vue';
 import { u as uniqueId } from './uniqueId-fe08534a.js';
-import { c as render$1, d as render$2, e as render$3 } from './index-692e4d19.js';
+import { d as render$1, e as render$2, f as render$3 } from './index-c6458115.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './add-to-unscopables-2400f45b.js';
 import './object-create-f6f3a673.js';

package/esm/fw-transactions-card.js

@@ -1,6 +1,6 @@
 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-03f85465.js';
+import { s as script$2 } from './fw-image-3fa960e1.js';
 import './es.array.includes-91be7771.js';
 import './is-forced-752b5893.js';
 import './export-a37ba078.js';
@@ -20,7 +20,7 @@ import './function-apply-ce251590.js';
 import './array-method-is-strict-055b1830.js';
 import './fw-loading-bar-f5ca605c.js';
 import './style-inject.es-1f59c1d0.js';
-import './index-692e4d19.js';
+import './index-c6458115.js';
 import './check-94a5917a.js';
 
 var script = defineComponent({