@frollo/frollo-web-ui 1.2.3 → 1.2.5

package/esm/fw-input.js

@@ -1,12 +1,12 @@
-import './es.array.includes-b402df81.js';
+import './es.array.includes-9a6e4066.js';
 import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass } from 'vue';
 import { a as Field } from './vee-validate.esm-a17a23c3.js';
-import './es.function.name-383fcdbc.js';
+import './es.function.name-2fa3a718.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './function-name-0d296891.js';
-import './object-keys-f9d76c12.js';
-import './is-forced-2369382d.js';
-import './add-to-unscopables-44076600.js';
+import './function-name-c49146fc.js';
+import './object-keys-3c73c404.js';
+import './is-forced-fd46b5f2.js';
+import './add-to-unscopables-a5032b1d.js';
 
 var script = defineComponent({
   name: 'FwInput',

package/esm/fw-loading-bar-da7d53fb.js

@@ -0,0 +1,22 @@
+import { defineComponent, openBlock, createElementBlock } from 'vue';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+var script = defineComponent({
+  name: 'FwLoadingBar'
+});
+
+var _hoisted_1 = {
+  "class": "fw-loading-bar rounded",
+  "aria-hidden": "true"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1);
+}
+
+var css_248z = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:-o-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+var stylesheet = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:-o-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
+styleInject(css_248z);
+
+script.render = render;
+
+export { script as s };

package/esm/fw-loading.js

@@ -0,0 +1,96 @@
+import { s as script$2 } from './fw-loading-bar-da7d53fb.js';
+export { s as FwLoadingBar } from './fw-loading-bar-da7d53fb.js';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList } from 'vue';
+import './es.number.constructor-b7faae1f.js';
+import './style-inject.es-1f59c1d0.js';
+import './function-name-c49146fc.js';
+import './is-forced-fd46b5f2.js';
+import './to-string-c2bd1f4d.js';
+import './classof-088c9833.js';
+
+var script$1 = defineComponent({
+  name: 'FwLoadingCard',
+  components: {
+    FwLoadingBar: script$2
+  }
+});
+
+var _hoisted_1$1 = {
+  "class": "fw-loading-card rounded shadow-card relative"
+};
+var _hoisted_2$1 = {
+  "class": "w-full bg-white h-12 p-3 pr-12 absolute top-0 left-0 rounded-t"
+};
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
+
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [createVNode(_component_FwLoadingBar, {
+    "class": "w-2/4 h-5"
+  })]), createVNode(_component_FwLoadingBar, {
+    "class": "w-full h-full rounded-t-none"
+  })]);
+}
+
+script$1.render = render$1;
+
+var script = defineComponent({
+  name: 'FwLoadingTable',
+  components: {
+    FwLoadingBar: script$2
+  },
+  props: {
+    columns: {
+      type: Number,
+      "default": 5
+    },
+    rows: {
+      type: Number,
+      "default": 5
+    }
+  },
+  setup: function setup() {
+    var tableClass = "fw-loading-table table-auto cursor-wait table-responsive rounded border border-grey-40\n      border-spacing-px border-separate bg-grey-40";
+    return {
+      tableClass: tableClass
+    };
+  }
+});
+
+var _hoisted_1 = {
+  "class": "text-p-small bg-white"
+};
+var _hoisted_2 = {
+  "class": "flex flex-row items-center space-x-1"
+};
+var _hoisted_3 = {
+  "class": "text-p-small bg-white font-light"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FwLoadingBar = resolveComponent("FwLoadingBar");
+
+  return openBlock(), createElementBlock("table", {
+    "class": normalizeClass(_ctx.tableClass)
+  }, [createElementVNode("thead", _hoisted_1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
+    return openBlock(), createElementBlock("th", {
+      key: thKey,
+      "class": "py-3 px-4 text-center border-b border-b-grey-light"
+    }, [createElementVNode("div", _hoisted_2, [createVNode(_component_FwLoadingBar, {
+      "class": "w-full h-8"
+    })])]);
+  }), 128))])]), createElementVNode("tbody", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, function (row, trKey) {
+    return openBlock(), createElementBlock("tr", {
+      key: trKey
+    }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
+      return openBlock(), createElementBlock("td", {
+        key: colKey,
+        "class": "py-3 px-4 text-left whitespace-nowrap"
+      }, [createVNode(_component_FwLoadingBar, {
+        "class": "w-full h-6"
+      })]);
+    }), 128))]);
+  }), 128))])], 2);
+}
+
+script.render = render;
+
+export { script$1 as FwLoadingCard, script as FwLoadingTable };

package/esm/fw-modal.js

@@ -1,9 +1,9 @@
-export { s as FwModal } from './index-26d82b11.js';
-import './es.array.includes-b402df81.js';
-import './function-name-0d296891.js';
-import './object-keys-f9d76c12.js';
-import './is-forced-2369382d.js';
-import './add-to-unscopables-44076600.js';
+export { s as FwModal } from './index-7d8c95be.js';
+import './es.array.includes-9a6e4066.js';
+import './function-name-c49146fc.js';
+import './object-keys-3c73c404.js';
+import './is-forced-fd46b5f2.js';
+import './add-to-unscopables-a5032b1d.js';
 import 'vue';
-import './fw-button-fb8e3fe2.js';
+import './fw-button-d5d2cf19.js';
 import './style-inject.es-1f59c1d0.js';

package/esm/fw-navigation-menu.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition, normalizeClass } from 'vue';
-import { s as script$1 } from './fw-button-fb8e3fe2.js';
+import { s as script$1 } from './fw-button-d5d2cf19.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './es.array.includes-b402df81.js';
-import './function-name-0d296891.js';
-import './object-keys-f9d76c12.js';
-import './is-forced-2369382d.js';
-import './add-to-unscopables-44076600.js';
+import './es.array.includes-9a6e4066.js';
+import './function-name-c49146fc.js';
+import './object-keys-3c73c404.js';
+import './is-forced-fd46b5f2.js';
+import './add-to-unscopables-a5032b1d.js';
 
 var script = defineComponent({
   name: 'FwNavigationMenu',

package/esm/fw-progress-bar.js

@@ -1,10 +1,10 @@
-import './es.number.constructor-6def8fd9.js';
+import './es.number.constructor-b7faae1f.js';
 import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, createBlock, toDisplayString, normalizeStyle, createCommentVNode } from 'vue';
 import { r as render$1 } from './check-94a5917a.js';
-import './function-name-0d296891.js';
-import './is-forced-2369382d.js';
-import './to-string-2588bbbe.js';
-import './classof-b2d09c70.js';
+import './function-name-c49146fc.js';
+import './is-forced-fd46b5f2.js';
+import './to-string-c2bd1f4d.js';
+import './classof-088c9833.js';
 
 var script = defineComponent({
   name: 'FwProgressBar',

package/esm/fw-table.js

@@ -1,9 +1,467 @@
-export { s as FwTable, b as FwTableHead, c as FwTableRow } from './index-2ee67707.js';
-import './function-name-0d296891.js';
-import './object-keys-f9d76c12.js';
-import './is-forced-2369382d.js';
-import './to-string-2588bbbe.js';
-import './classof-b2d09c70.js';
-import './index-ed9adbea.js';
-import 'vue';
+import { i as toObject$2, j as fails$2, t as tryToString$1, q as engineUserAgent, f as functionUncurryThis, h as aCallable$1, s as engineV8Version } from './function-name-c49146fc.js';
+import { _ as _export, o as objectKeys } from './object-keys-3c73c404.js';
+import { e as toAbsoluteIndex$1, l as lengthOfArrayLike$2 } from './is-forced-fd46b5f2.js';
+import { t as toString$1 } from './to-string-c2bd1f4d.js';
+import { c as createProperty$1, a as arrayMethodIsStrict$1 } from './create-property-da6d232b.js';
+import { b as render$3 } from './index-b3aa1664.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-da7d53fb.js';
+import './classof-088c9833.js';
 import './check-94a5917a.js';
+import './style-inject.es-1f59c1d0.js';
+
+var es_object_keys = {};
+
+var $$1 = _export;
+var toObject$1 = toObject$2;
+var nativeKeys = objectKeys;
+var fails$1 = fails$2;
+
+var FAILS_ON_PRIMITIVES = fails$1(function () { nativeKeys(1); });
+
+// `Object.keys` method
+// https://tc39.es/ecma262/#sec-object.keys
+$$1({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
+  keys: function keys(it) {
+    return nativeKeys(toObject$1(it));
+  }
+});
+
+var es_array_sort = {};
+
+'use strict';
+var tryToString = tryToString$1;
+
+var $TypeError = TypeError;
+
+var deletePropertyOrThrow$1 = function (O, P) {
+  if (!delete O[P]) throw $TypeError('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
+};
+
+var toAbsoluteIndex = toAbsoluteIndex$1;
+var lengthOfArrayLike$1 = lengthOfArrayLike$2;
+var createProperty = createProperty$1;
+
+var $Array = Array;
+var max = Math.max;
+
+var arraySliceSimple = function (O, start, end) {
+  var length = lengthOfArrayLike$1(O);
+  var k = toAbsoluteIndex(start, length);
+  var fin = toAbsoluteIndex(end === undefined ? length : end, length);
+  var result = $Array(max(fin - k, 0));
+  for (var n = 0; k < fin; k++, n++) createProperty(result, n, O[k]);
+  result.length = n;
+  return result;
+};
+
+var arraySlice = arraySliceSimple;
+
+var floor = Math.floor;
+
+var mergeSort = function (array, comparefn) {
+  var length = array.length;
+  var middle = floor(length / 2);
+  return length < 8 ? insertionSort(array, comparefn) : merge(
+    array,
+    mergeSort(arraySlice(array, 0, middle), comparefn),
+    mergeSort(arraySlice(array, middle), comparefn),
+    comparefn
+  );
+};
+
+var insertionSort = function (array, comparefn) {
+  var length = array.length;
+  var i = 1;
+  var element, j;
+
+  while (i < length) {
+    j = i;
+    element = array[i];
+    while (j && comparefn(array[j - 1], element) > 0) {
+      array[j] = array[--j];
+    }
+    if (j !== i++) array[j] = element;
+  } return array;
+};
+
+var merge = function (array, left, right, comparefn) {
+  var llength = left.length;
+  var rlength = right.length;
+  var lindex = 0;
+  var rindex = 0;
+
+  while (lindex < llength || rindex < rlength) {
+    array[lindex + rindex] = (lindex < llength && rindex < rlength)
+      ? comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]
+      : lindex < llength ? left[lindex++] : right[rindex++];
+  } return array;
+};
+
+var arraySort = mergeSort;
+
+var userAgent$1 = engineUserAgent;
+
+var firefox = userAgent$1.match(/firefox\/(\d+)/i);
+
+var engineFfVersion = !!firefox && +firefox[1];
+
+var UA = engineUserAgent;
+
+var engineIsIeOrEdge = /MSIE|Trident/.test(UA);
+
+var userAgent = engineUserAgent;
+
+var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
+
+var engineWebkitVersion = !!webkit && +webkit[1];
+
+'use strict';
+var $ = _export;
+var uncurryThis = functionUncurryThis;
+var aCallable = aCallable$1;
+var toObject = toObject$2;
+var lengthOfArrayLike = lengthOfArrayLike$2;
+var deletePropertyOrThrow = deletePropertyOrThrow$1;
+var toString = toString$1;
+var fails = fails$2;
+var internalSort = arraySort;
+var arrayMethodIsStrict = arrayMethodIsStrict$1;
+var FF = engineFfVersion;
+var IE_OR_EDGE = engineIsIeOrEdge;
+var V8 = engineV8Version;
+var WEBKIT = engineWebkitVersion;
+
+var test = [];
+var un$Sort = uncurryThis(test.sort);
+var push = uncurryThis(test.push);
+
+// IE8-
+var FAILS_ON_UNDEFINED = fails(function () {
+  test.sort(undefined);
+});
+// V8 bug
+var FAILS_ON_NULL = fails(function () {
+  test.sort(null);
+});
+// Old WebKit
+var STRICT_METHOD = arrayMethodIsStrict('sort');
+
+var STABLE_SORT = !fails(function () {
+  // feature detection can be too slow, so check engines versions
+  if (V8) return V8 < 70;
+  if (FF && FF > 3) return;
+  if (IE_OR_EDGE) return true;
+  if (WEBKIT) return WEBKIT < 603;
+
+  var result = '';
+  var code, chr, value, index;
+
+  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
+  for (code = 65; code < 76; code++) {
+    chr = String.fromCharCode(code);
+
+    switch (code) {
+      case 66: case 69: case 70: case 72: value = 3; break;
+      case 68: case 71: value = 4; break;
+      default: value = 2;
+    }
+
+    for (index = 0; index < 47; index++) {
+      test.push({ k: chr + index, v: value });
+    }
+  }
+
+  test.sort(function (a, b) { return b.v - a.v; });
+
+  for (index = 0; index < test.length; index++) {
+    chr = test[index].k.charAt(0);
+    if (result.charAt(result.length - 1) !== chr) result += chr;
+  }
+
+  return result !== 'DGBEFHACIJK';
+});
+
+var FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
+
+var getSortCompare = function (comparefn) {
+  return function (x, y) {
+    if (y === undefined) return -1;
+    if (x === undefined) return 1;
+    if (comparefn !== undefined) return +comparefn(x, y) || 0;
+    return toString(x) > toString(y) ? 1 : -1;
+  };
+};
+
+// `Array.prototype.sort` method
+// https://tc39.es/ecma262/#sec-array.prototype.sort
+$({ target: 'Array', proto: true, forced: FORCED }, {
+  sort: function sort(comparefn) {
+    if (comparefn !== undefined) aCallable(comparefn);
+
+    var array = toObject(this);
+
+    if (STABLE_SORT) return comparefn === undefined ? un$Sort(array) : un$Sort(array, comparefn);
+
+    var items = [];
+    var arrayLength = lengthOfArrayLike(array);
+    var itemsLength, index;
+
+    for (index = 0; index < arrayLength; index++) {
+      if (index in array) push(items, array[index]);
+    }
+
+    internalSort(items, getSortCompare(comparefn));
+
+    itemsLength = items.length;
+    index = 0;
+
+    while (index < itemsLength) array[index] = items[index++];
+    while (index < arrayLength) deletePropertyOrThrow(array, index++);
+
+    return array;
+  }
+});
+
+var script$2 = defineComponent({
+  name: 'FwTable',
+  components: {
+    CaretDownSvg: render$3,
+    FwLoadingBar: script$3
+  },
+  props: {
+    items: {
+      type: Array,
+      required: true
+    },
+    options: {
+      type: Object,
+      required: false
+    },
+    loading: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  setup: function setup(props) {
+    var columns = computed(function () {
+      return Object.keys(props.items[0]);
+    });
+    var sortBy = ref('');
+    var sortDirection = ref('asc');
+    var currentSortedColumn = ref('');
+
+    var sortColumn = function sortColumn(column) {
+      if (!isColumnSortable(column)) return;
+      currentSortedColumn.value = column;
+
+      if (sortBy.value === column) {
+        sortDirection.value = sortDirection.value === 'asc' ? 'desc' : 'asc';
+      } else {
+        sortBy.value = column;
+        sortDirection.value = 'asc';
+      }
+    };
+
+    var sortedData = computed(function () {
+      if (!sortBy.value) {
+        return props.items;
+      }
+
+      var data = props.items;
+      data.sort(function (a, b) {
+        var sortVal = a[sortBy.value] > b[sortBy.value] ? 1 : -1;
+        return sortDirection.value === 'asc' ? sortVal : -sortVal;
+      });
+      return data;
+    });
+
+    var formattedText = function formattedText(row, column) {
+      var _props$options$column;
+
+      if (props.options && props.options[column] && (_props$options$column = props.options[column]) !== null && _props$options$column !== void 0 && _props$options$column.formatter) {
+        var _props$options$column2;
+
+        var colFormatter = (_props$options$column2 = props.options[column]) === null || _props$options$column2 === void 0 ? void 0 : _props$options$column2.formatter;
+
+        if (colFormatter) {
+          return colFormatter(row[column]);
+        }
+      }
+
+      return row[column];
+    };
+
+    var sortedIcon = function sortedIcon(sortDir, column) {
+      if (currentSortedColumn.value === column) {
+        if (sortDirection.value === sortDir) {
+          return 'text-body';
+        }
+      }
+
+      return 'text-grey-light';
+    };
+
+    var isColumnSortable = function isColumnSortable(column) {
+      if (props.options && props.options[column]) {
+        var _props$options$column3;
+
+        return (_props$options$column3 = props.options[column]) === null || _props$options$column3 === void 0 ? void 0 : _props$options$column3.isSortable;
+      }
+
+      return false;
+    };
+
+    var isDisabled = function isDisabled(column) {
+      var _props$options$column4;
+
+      if (props.options && (_props$options$column4 = props.options[column]) !== null && _props$options$column4 !== void 0 && _props$options$column4.disabled) {
+        return true;
+      }
+
+      return false;
+    };
+
+    return {
+      columns: columns,
+      sortBy: sortBy,
+      sortDirection: sortDirection,
+      sortColumn: sortColumn,
+      sortedData: sortedData,
+      currentSortedColumn: currentSortedColumn,
+      sortedIcon: sortedIcon,
+      formattedText: formattedText,
+      isColumnSortable: isColumnSortable,
+      isDisabled: isDisabled
+    };
+  }
+});
+
+var _hoisted_1$2 = {
+  "class": "text-p-small bg-grey-20"
+};
+var _hoisted_2$1 = ["tabindex", "onKeydown", "onClick"];
+var _hoisted_3$1 = {
+  "class": "flex flex-row items-center space-x-1"
+};
+var _hoisted_4 = {
+  "class": "w-full"
+};
+var _hoisted_5 = {
+  key: 0
+};
+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"
+};
+var _hoisted_9 = {
+  key: 0,
+  "class": "py-3 px-4 text-left whitespace-nowrap"
+};
+var _hoisted_10 = ["innerHTML"];
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_CaretDownSvg = resolveComponent("CaretDownSvg");
+
+  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' : ''])
+  }, [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,
+      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);
+  }), 128)), _ctx.$slots.head ? renderSlot(_ctx.$slots, "head", {
+    key: 0
+  }) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_7, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.sortedData, function (row, trKey) {
+    return openBlock(), createElementBlock("tr", {
+      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", _hoisted_8, [createVNode(_component_FwLoadingBar, {
+        "class": "w-full h-7"
+      })])) : createCommentVNode("", true)], 64);
+    }), 128)), _ctx.$slots.row ? (openBlock(), createElementBlock("td", _hoisted_9, [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",
+      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",
+        innerHTML: _ctx.formattedText(row, column)
+      }, null, 8, _hoisted_10)) : createCommentVNode("", true)], 64);
+    }), 128)), _ctx.$slots.row ? renderSlot(_ctx.$slots, "row", {
+      key: 0,
+      row: row
+    }) : createCommentVNode("", true)]);
+  }), 128))])], 2);
+}
+
+script$2.render = render$2;
+
+var script$1 = defineComponent({
+  name: 'FwTableHead'
+});
+
+var _hoisted_1$1 = {
+  "class": "py-3 px-4 text-center"
+};
+var _hoisted_2 = {
+  "class": "flex flex-row items-center space-x-1"
+};
+var _hoisted_3 = {
+  key: 0,
+  "class": "w-full"
+};
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("th", _hoisted_1$1, [createElementVNode("div", _hoisted_2, [_ctx.$slots["default"] ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)])]);
+}
+
+script$1.render = render$1;
+
+var script = defineComponent({
+  name: 'FwTableRow'
+});
+
+var _hoisted_1 = {
+  "class": "py-3 px-4 text-left whitespace-nowrap"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("td", _hoisted_1, [_ctx.$slots["default"] ? renderSlot(_ctx.$slots, "default", {
+    key: 0
+  }) : createCommentVNode("", true)]);
+}
+
+script.render = render;
+
+export { script$2 as FwTable, script$1 as FwTableHead, script as FwTableRow };