@frollo/frollo-web-ui 5.0.1 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/cjs/index.js +50 -24
  2. package/esm/fw-checkbox.js +34 -13
  3. package/esm/fw-table.js +15 -10
  4. package/frollo-web-ui.esm.js +50 -24
  5. package/index.d.ts +20 -0
  6. package/package.json +1 -1
  7. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +19 -0
  8. package/types/components/fw-checkbox/index.types.d.ts +1 -0
  9. package/web-components/index.js +50 -24
package/cjs/index.js CHANGED
@@ -5745,7 +5745,7 @@ var _hoisted_7$6 = {
5745
5745
  "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
5746
5746
  };
5747
5747
  var _hoisted_8$6 = ["id", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
5748
- var _hoisted_9$5 = {
5748
+ var _hoisted_9$6 = {
5749
5749
  key: 2,
5750
5750
  "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
5751
5751
  };
@@ -5809,7 +5809,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
5809
5809
  })], 2)) : vue.createCommentVNode("", true)];
5810
5810
  }),
5811
5811
  _: 2
5812
- }, 1024)) : vue.createCommentVNode("", true), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$5, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$4, [vue.createVNode(vue.Transition, {
5812
+ }, 1024)) : vue.createCommentVNode("", true), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$6, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$4, [vue.createVNode(vue.Transition, {
5813
5813
  name: "fwFadeIn",
5814
5814
  mode: "out-in"
5815
5815
  }, {
@@ -5893,6 +5893,15 @@ styleInject(css_248z$f);script$l.render = render$q;var script$k = vue.defineComp
5893
5893
  enableErrors: {
5894
5894
  type: Boolean,
5895
5895
  "default": true
5896
+ },
5897
+ /**
5898
+ * Progmatically set the checked state of the input.
5899
+ * Used outside a FwForm element
5900
+ */
5901
+ isChecked: {
5902
+ type: Boolean,
5903
+ required: false,
5904
+ "default": undefined
5896
5905
  }
5897
5906
  },
5898
5907
  setup: function setup() {
@@ -5902,7 +5911,7 @@ styleInject(css_248z$f);script$l.render = render$q;var script$k = vue.defineComp
5902
5911
  };
5903
5912
  }
5904
5913
  });var _withScopeId$5 = function _withScopeId(n) {
5905
- return vue.pushScopeId("data-v-9ac45436"), n = n(), vue.popScopeId(), n;
5914
+ return vue.pushScopeId("data-v-790aae1b"), n = n(), vue.popScopeId(), n;
5906
5915
  };
5907
5916
  var _hoisted_1$n = {
5908
5917
  "class": "fw-checkbox w-full"
@@ -5912,16 +5921,17 @@ var _hoisted_2$j = {
5912
5921
  };
5913
5922
  var _hoisted_3$g = ["for"];
5914
5923
  var _hoisted_4$b = ["value", "name", "id"];
5915
- var _hoisted_5$7 = ["innerHTML"];
5916
- var _hoisted_6$6 = {
5924
+ var _hoisted_5$7 = ["value", "name", "id", "checked"];
5925
+ var _hoisted_6$6 = ["innerHTML"];
5926
+ var _hoisted_7$5 = {
5917
5927
  key: 0,
5918
5928
  "class": "italic text-sm font-medium min-h-[21px]"
5919
5929
  };
5920
- var _hoisted_7$5 = {
5930
+ var _hoisted_8$5 = {
5921
5931
  key: 0,
5922
5932
  "class": "text-error"
5923
5933
  };
5924
- var _hoisted_8$5 = {
5934
+ var _hoisted_9$5 = {
5925
5935
  key: 1
5926
5936
  };
5927
5937
  function render$p(_ctx, _cache, $props, $setup, $data, $options) {
@@ -5940,32 +5950,43 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
5940
5950
  return [vue.createElementVNode("div", _hoisted_2$j, [vue.createElementVNode("label", {
5941
5951
  "for": "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
5942
5952
  "class": "inline-flex items-center mb-3"
5943
- }, [vue.createElementVNode("input", vue.mergeProps(field, {
5953
+ }, [_ctx.isChecked === undefined ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
5954
+ key: 0
5955
+ }, field, {
5944
5956
  value: _ctx.value ? _ctx.value : _ctx.name,
5945
5957
  name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
5946
5958
  id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
5947
5959
  type: "checkbox",
5948
5960
  "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
5949
- }), null, 16, _hoisted_4$b), _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
5950
- key: 0,
5961
+ }), null, 16, _hoisted_4$b)) : (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
5962
+ key: 1
5963
+ }, field, {
5964
+ value: _ctx.value ? _ctx.value : _ctx.name,
5965
+ name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
5966
+ id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
5967
+ type: "checkbox",
5968
+ checked: _ctx.isChecked,
5969
+ "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
5970
+ }), null, 16, _hoisted_5$7)), _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
5971
+ key: 2,
5951
5972
  "class": "ml-2",
5952
5973
  innerHTML: _ctx.label
5953
- }, null, 8, _hoisted_5$7)) : vue.createCommentVNode("", true)], 8, _hoisted_3$g), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [vue.createVNode(vue.Transition, {
5974
+ }, null, 8, _hoisted_6$6)) : vue.createCommentVNode("", true)], 8, _hoisted_3$g), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, [vue.createVNode(vue.Transition, {
5954
5975
  name: "fwFadeIn",
5955
5976
  mode: "out-in"
5956
5977
  }, {
5957
5978
  "default": vue.withCtx(function () {
5958
- return [(errorMessage || errors[0]) && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, vue.toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$5, vue.toDisplayString(_ctx.hint), 1)) : vue.createCommentVNode("", true)];
5979
+ return [(errorMessage || errors[0]) && meta.touched ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$5, vue.toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$5, vue.toDisplayString(_ctx.hint), 1)) : vue.createCommentVNode("", true)];
5959
5980
  }),
5960
5981
  _: 2
5961
5982
  }, 1024)])) : vue.createCommentVNode("", true)])];
5962
5983
  }),
5963
5984
  _: 1
5964
5985
  }, 8, ["name", "value", "rules"])]);
5965
- }var css_248z$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5966
- var stylesheet$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5986
+ }var css_248z$e = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5987
+ var stylesheet$e = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
5967
5988
  styleInject(css_248z$e);script$k.render = render$p;
5968
- script$k.__scopeId = "data-v-9ac45436";var es_array_find = {};'use strict';
5989
+ script$k.__scopeId = "data-v-790aae1b";var es_array_find = {};'use strict';
5969
5990
  var $$c = _export;
5970
5991
  var $find = arrayIteration.find;
5971
5992
  var addToUnscopables$1 = addToUnscopables$3;
@@ -7614,7 +7635,7 @@ styleInject(css_248z$8);script$a.render = render$e;var __default__$3 = vue.defin
7614
7635
  var __injectCSSVars__$3 = function __injectCSSVars__() {
7615
7636
  vue.useCssVars(function (_ctx) {
7616
7637
  return {
7617
- "14adfc52": _ctx.bgHoverColor
7638
+ "642aa671": _ctx.bgHoverColor
7618
7639
  };
7619
7640
  });
7620
7641
  };
@@ -7623,7 +7644,7 @@ __default__$3.setup = __setup__$3 ? function (props, ctx) {
7623
7644
  __injectCSSVars__$3();
7624
7645
  return __setup__$3(props, ctx);
7625
7646
  } : __injectCSSVars__$3;var _withScopeId$3 = function _withScopeId(n) {
7626
- return vue.pushScopeId("data-v-7670383f"), n = n(), vue.popScopeId(), n;
7647
+ return vue.pushScopeId("data-v-d2effa38"), n = n(), vue.popScopeId(), n;
7627
7648
  };
7628
7649
  var _hoisted_1$d = ["aria-busy"];
7629
7650
  var _hoisted_2$c = {
@@ -7658,7 +7679,9 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
7658
7679
  "class": vue.normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card", _ctx.loading ? 'cursor-wait' : '']),
7659
7680
  "aria-live": "polite",
7660
7681
  "aria-busy": _ctx.loading
7661
- }, [vue.createElementVNode("thead", _hoisted_2$c, [vue.createElementVNode("tr", null, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, thKey) {
7682
+ }, [vue.createElementVNode("thead", _hoisted_2$c, [vue.createElementVNode("tr", null, [_ctx.$slots.preHead ? vue.renderSlot(_ctx.$slots, "preHead", {
7683
+ key: 0
7684
+ }) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, thKey) {
7662
7685
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
7663
7686
  key: thKey
7664
7687
  }, [!_ctx.isDisabled(column) ? (vue.openBlock(), vue.createElementBlock("th", {
@@ -7684,7 +7707,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
7684
7707
  "class": "inline-block w-4 text-primary"
7685
7708
  })) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)])], 42, _hoisted_3$9)) : vue.createCommentVNode("", true)], 64);
7686
7709
  }), 128)), _ctx.$slots.head ? vue.renderSlot(_ctx.$slots, "head", {
7687
- key: 0
7710
+ key: 1
7688
7711
  }) : vue.createCommentVNode("", true)])]), vue.createElementVNode("tbody", _hoisted_6$2, [_ctx.loading ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
7689
7712
  key: 0
7690
7713
  }, vue.renderList(_ctx.sortedData, function (row, trKey) {
@@ -7712,7 +7735,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
7712
7735
  return _ctx.rowClicked(row);
7713
7736
  }, ["enter", "space"]),
7714
7737
  key: trKey
7715
- }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, colKey) {
7738
+ }, [_ctx.$slots.preRow ? vue.renderSlot(_ctx.$slots, "preRow", {
7739
+ key: 0,
7740
+ row: row
7741
+ }) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, colKey) {
7716
7742
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
7717
7743
  key: colKey
7718
7744
  }, [!_ctx.isDisabled(column) ? (vue.openBlock(), vue.createElementBlock("td", {
@@ -7721,14 +7747,14 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
7721
7747
  innerHTML: _ctx.formattedText(row, column)
7722
7748
  }, null, 8, _hoisted_10)) : vue.createCommentVNode("", true)], 64);
7723
7749
  }), 128)), _ctx.$slots.row ? vue.renderSlot(_ctx.$slots, "row", {
7724
- key: 0,
7750
+ key: 1,
7725
7751
  row: row
7726
7752
  }) : vue.createCommentVNode("", true)], 42, _hoisted_9$1);
7727
7753
  }), 128))])], 10, _hoisted_1$d);
7728
- }var css_248z$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
7729
- var stylesheet$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
7754
+ }var css_248z$7 = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
7755
+ var stylesheet$7 = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
7730
7756
  styleInject(css_248z$7);__default__$3.render = render$d;
7731
- __default__$3.__scopeId = "data-v-7670383f";var script$9 = vue.defineComponent({
7757
+ __default__$3.__scopeId = "data-v-d2effa38";var script$9 = vue.defineComponent({
7732
7758
  name: 'FwTableHead'
7733
7759
  });var _hoisted_1$c = {
7734
7760
  "class": "py-6 px-5 text-left font-medium"
package/esm/fw-checkbox.js CHANGED
@@ -57,6 +57,15 @@ var script = defineComponent({
57
57
  enableErrors: {
58
58
  type: Boolean,
59
59
  "default": true
60
+ },
61
+ /**
62
+ * Progmatically set the checked state of the input.
63
+ * Used outside a FwForm element
64
+ */
65
+ isChecked: {
66
+ type: Boolean,
67
+ required: false,
68
+ "default": undefined
60
69
  }
61
70
  },
62
71
  setup: function setup() {
@@ -68,7 +77,7 @@ var script = defineComponent({
68
77
  });
69
78
 
70
79
  var _withScopeId = function _withScopeId(n) {
71
- return pushScopeId("data-v-9ac45436"), n = n(), popScopeId(), n;
80
+ return pushScopeId("data-v-790aae1b"), n = n(), popScopeId(), n;
72
81
  };
73
82
  var _hoisted_1 = {
74
83
  "class": "fw-checkbox w-full"
@@ -78,16 +87,17 @@ var _hoisted_2 = {
78
87
  };
79
88
  var _hoisted_3 = ["for"];
80
89
  var _hoisted_4 = ["value", "name", "id"];
81
- var _hoisted_5 = ["innerHTML"];
82
- var _hoisted_6 = {
90
+ var _hoisted_5 = ["value", "name", "id", "checked"];
91
+ var _hoisted_6 = ["innerHTML"];
92
+ var _hoisted_7 = {
83
93
  key: 0,
84
94
  "class": "italic text-sm font-medium min-h-[21px]"
85
95
  };
86
- var _hoisted_7 = {
96
+ var _hoisted_8 = {
87
97
  key: 0,
88
98
  "class": "text-error"
89
99
  };
90
- var _hoisted_8 = {
100
+ var _hoisted_9 = {
91
101
  key: 1
92
102
  };
93
103
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -106,22 +116,33 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
106
116
  return [createElementVNode("div", _hoisted_2, [createElementVNode("label", {
107
117
  "for": "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
108
118
  "class": "inline-flex items-center mb-3"
109
- }, [createElementVNode("input", mergeProps(field, {
119
+ }, [_ctx.isChecked === undefined ? (openBlock(), createElementBlock("input", mergeProps({
120
+ key: 0
121
+ }, field, {
122
+ value: _ctx.value ? _ctx.value : _ctx.name,
123
+ name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
124
+ id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
125
+ type: "checkbox",
126
+ "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
127
+ }), null, 16, _hoisted_4)) : (openBlock(), createElementBlock("input", mergeProps({
128
+ key: 1
129
+ }, field, {
110
130
  value: _ctx.value ? _ctx.value : _ctx.name,
111
131
  name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
112
132
  id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
113
133
  type: "checkbox",
134
+ checked: _ctx.isChecked,
114
135
  "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
115
- }), null, 16, _hoisted_4), _ctx.label ? (openBlock(), createElementBlock("span", {
116
- key: 0,
136
+ }), null, 16, _hoisted_5)), _ctx.label ? (openBlock(), createElementBlock("span", {
137
+ key: 2,
117
138
  "class": "ml-2",
118
139
  innerHTML: _ctx.label
119
- }, null, 8, _hoisted_5)) : createCommentVNode("", true)], 8, _hoisted_3), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(Transition, {
140
+ }, null, 8, _hoisted_6)) : createCommentVNode("", true)], 8, _hoisted_3), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(Transition, {
120
141
  name: "fwFadeIn",
121
142
  mode: "out-in"
122
143
  }, {
123
144
  "default": withCtx(function () {
124
- return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
145
+ return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
125
146
  }),
126
147
  _: 2
127
148
  }, 1024)])) : createCommentVNode("", true)])];
@@ -130,11 +151,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
130
151
  }, 8, ["name", "value", "rules"])]);
131
152
  }
132
153
 
133
- var css_248z = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
134
- var stylesheet = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
154
+ var css_248z = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
155
+ var stylesheet = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
135
156
  styleInject(css_248z);
136
157
 
137
158
  script.render = render;
138
- script.__scopeId = "data-v-9ac45436";
159
+ script.__scopeId = "data-v-790aae1b";
139
160
 
140
161
  export { script as FwCheckbox };
package/esm/fw-table.js CHANGED
@@ -5,7 +5,7 @@ import { _ as _export } from './export-a37ba078.js';
5
5
  import { c as createProperty$1 } from './create-property-534611fd.js';
6
6
  import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-055b1830.js';
7
7
  import { d as render$3, e as render$4 } from './index-e4a2f8b0.js';
8
- import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, withKeys, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode } from 'vue';
8
+ import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, withKeys, toDisplayString, createBlock, createVNode } from 'vue';
9
9
  import { u as useColours } from './get-root-colours-e2a1cb28.js';
10
10
  import { s as script$2 } from './fw-loading-bar-f5ca605c.js';
11
11
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
@@ -330,7 +330,7 @@ var __default__ = defineComponent({
330
330
  var __injectCSSVars__ = function __injectCSSVars__() {
331
331
  useCssVars(function (_ctx) {
332
332
  return {
333
- "14adfc52": _ctx.bgHoverColor
333
+ "642aa671": _ctx.bgHoverColor
334
334
  };
335
335
  });
336
336
  };
@@ -341,7 +341,7 @@ __default__.setup = __setup__ ? function (props, ctx) {
341
341
  } : __injectCSSVars__;
342
342
 
343
343
  var _withScopeId = function _withScopeId(n) {
344
- return pushScopeId("data-v-7670383f"), n = n(), popScopeId(), n;
344
+ return pushScopeId("data-v-d2effa38"), n = n(), popScopeId(), n;
345
345
  };
346
346
  var _hoisted_1$2 = ["aria-busy"];
347
347
  var _hoisted_2$1 = {
@@ -376,7 +376,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
376
376
  "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card", _ctx.loading ? 'cursor-wait' : '']),
377
377
  "aria-live": "polite",
378
378
  "aria-busy": _ctx.loading
379
- }, [createElementVNode("thead", _hoisted_2$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
379
+ }, [createElementVNode("thead", _hoisted_2$1, [createElementVNode("tr", null, [_ctx.$slots.preHead ? renderSlot(_ctx.$slots, "preHead", {
380
+ key: 0
381
+ }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
380
382
  return openBlock(), createElementBlock(Fragment, {
381
383
  key: thKey
382
384
  }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("th", {
@@ -402,7 +404,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
402
404
  "class": "inline-block w-4 text-primary"
403
405
  })) : createCommentVNode("", true)])) : createCommentVNode("", true)])], 42, _hoisted_3$1)) : createCommentVNode("", true)], 64);
404
406
  }), 128)), _ctx.$slots.head ? renderSlot(_ctx.$slots, "head", {
405
- key: 0
407
+ key: 1
406
408
  }) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_6, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
407
409
  key: 0
408
410
  }, renderList(_ctx.sortedData, function (row, trKey) {
@@ -430,7 +432,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
430
432
  return _ctx.rowClicked(row);
431
433
  }, ["enter", "space"]),
432
434
  key: trKey
433
- }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
435
+ }, [_ctx.$slots.preRow ? renderSlot(_ctx.$slots, "preRow", {
436
+ key: 0,
437
+ row: row
438
+ }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
434
439
  return openBlock(), createElementBlock(Fragment, {
435
440
  key: colKey
436
441
  }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", {
@@ -439,18 +444,18 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
439
444
  innerHTML: _ctx.formattedText(row, column)
440
445
  }, null, 8, _hoisted_10)) : createCommentVNode("", true)], 64);
441
446
  }), 128)), _ctx.$slots.row ? renderSlot(_ctx.$slots, "row", {
442
- key: 0,
447
+ key: 1,
443
448
  row: row
444
449
  }) : createCommentVNode("", true)], 42, _hoisted_9);
445
450
  }), 128))])], 10, _hoisted_1$2);
446
451
  }
447
452
 
448
- var css_248z = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
449
- var stylesheet = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
453
+ var css_248z = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
454
+ var stylesheet = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
450
455
  styleInject(css_248z);
451
456
 
452
457
  __default__.render = render$2;
453
- __default__.__scopeId = "data-v-7670383f";
458
+ __default__.__scopeId = "data-v-d2effa38";
454
459
 
455
460
  var script$1 = defineComponent({
456
461
  name: 'FwTableHead'
package/frollo-web-ui.esm.js CHANGED
@@ -6109,7 +6109,7 @@ var _hoisted_7$6 = {
6109
6109
  "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
6110
6110
  };
6111
6111
  var _hoisted_8$6 = ["id", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
6112
- var _hoisted_9$5 = {
6112
+ var _hoisted_9$6 = {
6113
6113
  key: 2,
6114
6114
  "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
6115
6115
  };
@@ -6173,7 +6173,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
6173
6173
  })], 2)) : createCommentVNode("", true)];
6174
6174
  }),
6175
6175
  _: 2
6176
- }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9$5, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10$4, [createVNode(Transition, {
6176
+ }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9$6, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10$4, [createVNode(Transition, {
6177
6177
  name: "fwFadeIn",
6178
6178
  mode: "out-in"
6179
6179
  }, {
@@ -6265,6 +6265,15 @@ var script$k = defineComponent({
6265
6265
  enableErrors: {
6266
6266
  type: Boolean,
6267
6267
  "default": true
6268
+ },
6269
+ /**
6270
+ * Progmatically set the checked state of the input.
6271
+ * Used outside a FwForm element
6272
+ */
6273
+ isChecked: {
6274
+ type: Boolean,
6275
+ required: false,
6276
+ "default": undefined
6268
6277
  }
6269
6278
  },
6270
6279
  setup: function setup() {
@@ -6276,7 +6285,7 @@ var script$k = defineComponent({
6276
6285
  });
6277
6286
 
6278
6287
  var _withScopeId$5 = function _withScopeId(n) {
6279
- return pushScopeId("data-v-9ac45436"), n = n(), popScopeId(), n;
6288
+ return pushScopeId("data-v-790aae1b"), n = n(), popScopeId(), n;
6280
6289
  };
6281
6290
  var _hoisted_1$n = {
6282
6291
  "class": "fw-checkbox w-full"
@@ -6286,16 +6295,17 @@ var _hoisted_2$j = {
6286
6295
  };
6287
6296
  var _hoisted_3$g = ["for"];
6288
6297
  var _hoisted_4$b = ["value", "name", "id"];
6289
- var _hoisted_5$7 = ["innerHTML"];
6290
- var _hoisted_6$6 = {
6298
+ var _hoisted_5$7 = ["value", "name", "id", "checked"];
6299
+ var _hoisted_6$6 = ["innerHTML"];
6300
+ var _hoisted_7$5 = {
6291
6301
  key: 0,
6292
6302
  "class": "italic text-sm font-medium min-h-[21px]"
6293
6303
  };
6294
- var _hoisted_7$5 = {
6304
+ var _hoisted_8$5 = {
6295
6305
  key: 0,
6296
6306
  "class": "text-error"
6297
6307
  };
6298
- var _hoisted_8$5 = {
6308
+ var _hoisted_9$5 = {
6299
6309
  key: 1
6300
6310
  };
6301
6311
  function render$p(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6314,22 +6324,33 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
6314
6324
  return [createElementVNode("div", _hoisted_2$j, [createElementVNode("label", {
6315
6325
  "for": "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
6316
6326
  "class": "inline-flex items-center mb-3"
6317
- }, [createElementVNode("input", mergeProps(field, {
6327
+ }, [_ctx.isChecked === undefined ? (openBlock(), createElementBlock("input", mergeProps({
6328
+ key: 0
6329
+ }, field, {
6318
6330
  value: _ctx.value ? _ctx.value : _ctx.name,
6319
6331
  name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
6320
6332
  id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
6321
6333
  type: "checkbox",
6322
6334
  "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
6323
- }), null, 16, _hoisted_4$b), _ctx.label ? (openBlock(), createElementBlock("span", {
6324
- key: 0,
6335
+ }), null, 16, _hoisted_4$b)) : (openBlock(), createElementBlock("input", mergeProps({
6336
+ key: 1
6337
+ }, field, {
6338
+ value: _ctx.value ? _ctx.value : _ctx.name,
6339
+ name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
6340
+ id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
6341
+ type: "checkbox",
6342
+ checked: _ctx.isChecked,
6343
+ "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
6344
+ }), null, 16, _hoisted_5$7)), _ctx.label ? (openBlock(), createElementBlock("span", {
6345
+ key: 2,
6325
6346
  "class": "ml-2",
6326
6347
  innerHTML: _ctx.label
6327
- }, null, 8, _hoisted_5$7)) : createCommentVNode("", true)], 8, _hoisted_3$g), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_6$6, [createVNode(Transition, {
6348
+ }, null, 8, _hoisted_6$6)) : createCommentVNode("", true)], 8, _hoisted_3$g), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_7$5, [createVNode(Transition, {
6328
6349
  name: "fwFadeIn",
6329
6350
  mode: "out-in"
6330
6351
  }, {
6331
6352
  "default": withCtx(function () {
6332
- return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8$5, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
6353
+ return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_8$5, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_9$5, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
6333
6354
  }),
6334
6355
  _: 2
6335
6356
  }, 1024)])) : createCommentVNode("", true)])];
@@ -6338,12 +6359,12 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
6338
6359
  }, 8, ["name", "value", "rules"])]);
6339
6360
  }
6340
6361
 
6341
- var css_248z$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
6342
- var stylesheet$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
6362
+ var css_248z$e = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
6363
+ var stylesheet$e = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
6343
6364
  styleInject(css_248z$e);
6344
6365
 
6345
6366
  script$k.render = render$p;
6346
- script$k.__scopeId = "data-v-9ac45436";
6367
+ script$k.__scopeId = "data-v-790aae1b";
6347
6368
 
6348
6369
  var es_array_find = {};
6349
6370
 
@@ -8106,7 +8127,7 @@ var __default__$3 = defineComponent({
8106
8127
  var __injectCSSVars__$3 = function __injectCSSVars__() {
8107
8128
  useCssVars(function (_ctx) {
8108
8129
  return {
8109
- "14adfc52": _ctx.bgHoverColor
8130
+ "642aa671": _ctx.bgHoverColor
8110
8131
  };
8111
8132
  });
8112
8133
  };
@@ -8117,7 +8138,7 @@ __default__$3.setup = __setup__$3 ? function (props, ctx) {
8117
8138
  } : __injectCSSVars__$3;
8118
8139
 
8119
8140
  var _withScopeId$3 = function _withScopeId(n) {
8120
- return pushScopeId("data-v-7670383f"), n = n(), popScopeId(), n;
8141
+ return pushScopeId("data-v-d2effa38"), n = n(), popScopeId(), n;
8121
8142
  };
8122
8143
  var _hoisted_1$d = ["aria-busy"];
8123
8144
  var _hoisted_2$c = {
@@ -8152,7 +8173,9 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
8152
8173
  "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card", _ctx.loading ? 'cursor-wait' : '']),
8153
8174
  "aria-live": "polite",
8154
8175
  "aria-busy": _ctx.loading
8155
- }, [createElementVNode("thead", _hoisted_2$c, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
8176
+ }, [createElementVNode("thead", _hoisted_2$c, [createElementVNode("tr", null, [_ctx.$slots.preHead ? renderSlot(_ctx.$slots, "preHead", {
8177
+ key: 0
8178
+ }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
8156
8179
  return openBlock(), createElementBlock(Fragment, {
8157
8180
  key: thKey
8158
8181
  }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("th", {
@@ -8178,7 +8201,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
8178
8201
  "class": "inline-block w-4 text-primary"
8179
8202
  })) : createCommentVNode("", true)])) : createCommentVNode("", true)])], 42, _hoisted_3$9)) : createCommentVNode("", true)], 64);
8180
8203
  }), 128)), _ctx.$slots.head ? renderSlot(_ctx.$slots, "head", {
8181
- key: 0
8204
+ key: 1
8182
8205
  }) : createCommentVNode("", true)])]), createElementVNode("tbody", _hoisted_6$2, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
8183
8206
  key: 0
8184
8207
  }, renderList(_ctx.sortedData, function (row, trKey) {
@@ -8206,7 +8229,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
8206
8229
  return _ctx.rowClicked(row);
8207
8230
  }, ["enter", "space"]),
8208
8231
  key: trKey
8209
- }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
8232
+ }, [_ctx.$slots.preRow ? renderSlot(_ctx.$slots, "preRow", {
8233
+ key: 0,
8234
+ row: row
8235
+ }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
8210
8236
  return openBlock(), createElementBlock(Fragment, {
8211
8237
  key: colKey
8212
8238
  }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", {
@@ -8215,18 +8241,18 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
8215
8241
  innerHTML: _ctx.formattedText(row, column)
8216
8242
  }, null, 8, _hoisted_10)) : createCommentVNode("", true)], 64);
8217
8243
  }), 128)), _ctx.$slots.row ? renderSlot(_ctx.$slots, "row", {
8218
- key: 0,
8244
+ key: 1,
8219
8245
  row: row
8220
8246
  }) : createCommentVNode("", true)], 42, _hoisted_9$1);
8221
8247
  }), 128))])], 10, _hoisted_1$d);
8222
8248
  }
8223
8249
 
8224
- var css_248z$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
8225
- var stylesheet$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
8250
+ var css_248z$7 = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
8251
+ var stylesheet$7 = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
8226
8252
  styleInject(css_248z$7);
8227
8253
 
8228
8254
  __default__$3.render = render$d;
8229
- __default__$3.__scopeId = "data-v-7670383f";
8255
+ __default__$3.__scopeId = "data-v-d2effa38";
8230
8256
 
8231
8257
  var script$9 = defineComponent({
8232
8258
  name: 'FwTableHead'
package/index.d.ts CHANGED
@@ -259,6 +259,15 @@ declare const _default$k: vue.DefineComponent<{
259
259
  type: BooleanConstructor;
260
260
  default: boolean;
261
261
  };
262
+ /**
263
+ * Progmatically set the checked state of the input.
264
+ * Used outside a FwForm element
265
+ */
266
+ isChecked: {
267
+ type: BooleanConstructor;
268
+ required: false;
269
+ default: undefined;
270
+ };
262
271
  }, {
263
272
  uuid: string;
264
273
  }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -302,8 +311,18 @@ declare const _default$k: vue.DefineComponent<{
302
311
  type: BooleanConstructor;
303
312
  default: boolean;
304
313
  };
314
+ /**
315
+ * Progmatically set the checked state of the input.
316
+ * Used outside a FwForm element
317
+ */
318
+ isChecked: {
319
+ type: BooleanConstructor;
320
+ required: false;
321
+ default: undefined;
322
+ };
305
323
  }>>, {
306
324
  enableErrors: boolean;
325
+ isChecked: boolean;
307
326
  }>;
308
327
 
309
328
  declare interface FwDropdownOption {
@@ -1076,6 +1095,7 @@ declare interface FwCheckboxProps {
1076
1095
  rules?: string | Record<string, unknown> | (() => boolean);
1077
1096
  hint?: string;
1078
1097
  enableErrors?: boolean;
1098
+ isChecked?: boolean;
1079
1099
  }
1080
1100
 
1081
1101
  declare interface FwModalProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frollo/frollo-web-ui",
3
- "version": "5.0.1",
3
+ "version": "5.0.2",
4
4
  "description": "Frollo's UI library for components, utilities and configs",
5
5
  "exports": {
6
6
  "./icons": "./icons/index.ts",
package/types/components/fw-checkbox/fw-checkbox.vue.d.ts CHANGED
@@ -40,6 +40,15 @@ declare const _default: import("vue").DefineComponent<{
40
40
  type: BooleanConstructor;
41
41
  default: boolean;
42
42
  };
43
+ /**
44
+ * Progmatically set the checked state of the input.
45
+ * Used outside a FwForm element
46
+ */
47
+ isChecked: {
48
+ type: BooleanConstructor;
49
+ required: false;
50
+ default: undefined;
51
+ };
43
52
  }, {
44
53
  uuid: string;
45
54
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -83,7 +92,17 @@ declare const _default: import("vue").DefineComponent<{
83
92
  type: BooleanConstructor;
84
93
  default: boolean;
85
94
  };
95
+ /**
96
+ * Progmatically set the checked state of the input.
97
+ * Used outside a FwForm element
98
+ */
99
+ isChecked: {
100
+ type: BooleanConstructor;
101
+ required: false;
102
+ default: undefined;
103
+ };
86
104
  }>>, {
87
105
  enableErrors: boolean;
106
+ isChecked: boolean;
88
107
  }>;
89
108
  export default _default;
package/types/components/fw-checkbox/index.types.d.ts CHANGED
@@ -5,4 +5,5 @@ export declare interface FwCheckboxProps {
5
5
  rules?: string | Record<string, unknown> | (() => boolean);
6
6
  hint?: string;
7
7
  enableErrors?: boolean;
8
+ isChecked?: boolean;
8
9
  }
package/web-components/index.js CHANGED
@@ -17586,7 +17586,7 @@
17586
17586
  "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
17587
17587
  };
17588
17588
  var _hoisted_8$6 = ["id", "placeholder", "type", "readonly", "tabindex", "disabled", "autocomplete", "maxlength"];
17589
- var _hoisted_9$5 = {
17589
+ var _hoisted_9$6 = {
17590
17590
  key: 2,
17591
17591
  "class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
17592
17592
  };
@@ -17650,7 +17650,7 @@
17650
17650
  })], 2)) : createCommentVNode("", true)];
17651
17651
  }),
17652
17652
  _: 2
17653
- }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9$5, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10$4, [createVNode(Transition, {
17653
+ }, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9$6, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10$4, [createVNode(Transition, {
17654
17654
  name: "fwFadeIn",
17655
17655
  mode: "out-in"
17656
17656
  }, {
@@ -17715,6 +17715,15 @@
17715
17715
  enableErrors: {
17716
17716
  type: Boolean,
17717
17717
  "default": true
17718
+ },
17719
+ /**
17720
+ * Progmatically set the checked state of the input.
17721
+ * Used outside a FwForm element
17722
+ */
17723
+ isChecked: {
17724
+ type: Boolean,
17725
+ required: false,
17726
+ "default": undefined
17718
17727
  }
17719
17728
  },
17720
17729
  setup: function setup() {
@@ -17726,7 +17735,7 @@
17726
17735
  });
17727
17736
 
17728
17737
  var _withScopeId$5 = function _withScopeId(n) {
17729
- return pushScopeId("data-v-9ac45436"), n = n(), popScopeId(), n;
17738
+ return pushScopeId("data-v-790aae1b"), n = n(), popScopeId(), n;
17730
17739
  };
17731
17740
  var _hoisted_1$n = {
17732
17741
  "class": "fw-checkbox w-full"
@@ -17736,16 +17745,17 @@
17736
17745
  };
17737
17746
  var _hoisted_3$g = ["for"];
17738
17747
  var _hoisted_4$b = ["value", "name", "id"];
17739
- var _hoisted_5$7 = ["innerHTML"];
17740
- var _hoisted_6$6 = {
17748
+ var _hoisted_5$7 = ["value", "name", "id", "checked"];
17749
+ var _hoisted_6$6 = ["innerHTML"];
17750
+ var _hoisted_7$5 = {
17741
17751
  key: 0,
17742
17752
  "class": "italic text-sm font-medium min-h-[21px]"
17743
17753
  };
17744
- var _hoisted_7$5 = {
17754
+ var _hoisted_8$5 = {
17745
17755
  key: 0,
17746
17756
  "class": "text-error"
17747
17757
  };
17748
- var _hoisted_8$5 = {
17758
+ var _hoisted_9$5 = {
17749
17759
  key: 1
17750
17760
  };
17751
17761
  function render$p(_ctx, _cache, $props, $setup, $data, $options) {
@@ -17764,22 +17774,33 @@
17764
17774
  return [createBaseVNode("div", _hoisted_2$j, [createBaseVNode("label", {
17765
17775
  "for": "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
17766
17776
  "class": "inline-flex items-center mb-3"
17767
- }, [createBaseVNode("input", mergeProps(field, {
17777
+ }, [_ctx.isChecked === undefined ? (openBlock(), createElementBlock("input", mergeProps({
17778
+ key: 0
17779
+ }, field, {
17768
17780
  value: _ctx.value ? _ctx.value : _ctx.name,
17769
17781
  name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
17770
17782
  id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
17771
17783
  type: "checkbox",
17772
17784
  "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
17773
- }), null, 16, _hoisted_4$b), _ctx.label ? (openBlock(), createElementBlock("span", {
17774
- key: 0,
17785
+ }), null, 16, _hoisted_4$b)) : (openBlock(), createElementBlock("input", mergeProps({
17786
+ key: 1
17787
+ }, field, {
17788
+ value: _ctx.value ? _ctx.value : _ctx.name,
17789
+ name: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
17790
+ id: "fw-checkbox-".concat(_ctx.name, "-").concat(_ctx.uuid),
17791
+ type: "checkbox",
17792
+ checked: _ctx.isChecked,
17793
+ "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
17794
+ }), null, 16, _hoisted_5$7)), _ctx.label ? (openBlock(), createElementBlock("span", {
17795
+ key: 2,
17775
17796
  "class": "ml-2",
17776
17797
  innerHTML: _ctx.label
17777
- }, null, 8, _hoisted_5$7)) : createCommentVNode("", true)], 8, _hoisted_3$g), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_6$6, [createVNode(Transition, {
17798
+ }, null, 8, _hoisted_6$6)) : createCommentVNode("", true)], 8, _hoisted_3$g), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_7$5, [createVNode(Transition, {
17778
17799
  name: "fwFadeIn",
17779
17800
  mode: "out-in"
17780
17801
  }, {
17781
17802
  "default": withCtx(function () {
17782
- return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8$5, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
17803
+ return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_8$5, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_9$5, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
17783
17804
  }),
17784
17805
  _: 2
17785
17806
  }, 1024)])) : createCommentVNode("", true)])];
@@ -17788,12 +17809,12 @@
17788
17809
  }, 8, ["name", "value", "rules"])]);
17789
17810
  }
17790
17811
 
17791
- var css_248z$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
17792
- var stylesheet$e = ".fwFadeIn-enter-active[data-v-9ac45436]{-webkit-animation:fwFadeIn-9ac45436 .35s;animation:fwFadeIn-9ac45436 .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-9ac45436]{animation:fwFadeIn-9ac45436 .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-9ac45436{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-9ac45436]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-9ac45436]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
17812
+ var css_248z$e = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
17813
+ var stylesheet$e = ".fwFadeIn-enter-active[data-v-790aae1b]{-webkit-animation:fwFadeIn-790aae1b .35s;animation:fwFadeIn-790aae1b .35s;-webkit-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active[data-v-790aae1b]{animation:fwFadeIn-790aae1b .35s reverse;-webkit-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn-790aae1b{0%{opacity:0}to{opacity:1}}.fw-checkbox input[data-v-790aae1b]{-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input[data-v-790aae1b]:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
17793
17814
  styleInject(css_248z$e);
17794
17815
 
17795
17816
  script$k.render = render$p;
17796
- script$k.__scopeId = "data-v-9ac45436";
17817
+ script$k.__scopeId = "data-v-790aae1b";
17797
17818
 
17798
17819
  var es_array_find = {};
17799
17820
 
@@ -19556,7 +19577,7 @@
19556
19577
  var __injectCSSVars__$3 = function __injectCSSVars__() {
19557
19578
  useCssVars(function (_ctx) {
19558
19579
  return {
19559
- "14adfc52": _ctx.bgHoverColor
19580
+ "642aa671": _ctx.bgHoverColor
19560
19581
  };
19561
19582
  });
19562
19583
  };
@@ -19567,7 +19588,7 @@
19567
19588
  } : __injectCSSVars__$3;
19568
19589
 
19569
19590
  var _withScopeId$3 = function _withScopeId(n) {
19570
- return pushScopeId("data-v-7670383f"), n = n(), popScopeId(), n;
19591
+ return pushScopeId("data-v-d2effa38"), n = n(), popScopeId(), n;
19571
19592
  };
19572
19593
  var _hoisted_1$d = ["aria-busy"];
19573
19594
  var _hoisted_2$c = {
@@ -19602,7 +19623,9 @@
19602
19623
  "class": normalizeClass(["fw-table table-auto table-responsive rounded-md shadow-card", _ctx.loading ? 'cursor-wait' : '']),
19603
19624
  "aria-live": "polite",
19604
19625
  "aria-busy": _ctx.loading
19605
- }, [createBaseVNode("thead", _hoisted_2$c, [createBaseVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
19626
+ }, [createBaseVNode("thead", _hoisted_2$c, [createBaseVNode("tr", null, [_ctx.$slots.preHead ? renderSlot(_ctx.$slots, "preHead", {
19627
+ key: 0
19628
+ }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, thKey) {
19606
19629
  return openBlock(), createElementBlock(Fragment, {
19607
19630
  key: thKey
19608
19631
  }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("th", {
@@ -19628,7 +19651,7 @@
19628
19651
  "class": "inline-block w-4 text-primary"
19629
19652
  })) : createCommentVNode("", true)])) : createCommentVNode("", true)])], 42, _hoisted_3$9)) : createCommentVNode("", true)], 64);
19630
19653
  }), 128)), _ctx.$slots.head ? renderSlot(_ctx.$slots, "head", {
19631
- key: 0
19654
+ key: 1
19632
19655
  }) : createCommentVNode("", true)])]), createBaseVNode("tbody", _hoisted_6$2, [_ctx.loading ? (openBlock(true), createElementBlock(Fragment, {
19633
19656
  key: 0
19634
19657
  }, renderList(_ctx.sortedData, function (row, trKey) {
@@ -19656,7 +19679,10 @@
19656
19679
  return _ctx.rowClicked(row);
19657
19680
  }, ["enter", "space"]),
19658
19681
  key: trKey
19659
- }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
19682
+ }, [_ctx.$slots.preRow ? renderSlot(_ctx.$slots, "preRow", {
19683
+ key: 0,
19684
+ row: row
19685
+ }) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, function (column, colKey) {
19660
19686
  return openBlock(), createElementBlock(Fragment, {
19661
19687
  key: colKey
19662
19688
  }, [!_ctx.isDisabled(column) ? (openBlock(), createElementBlock("td", {
@@ -19665,18 +19691,18 @@
19665
19691
  innerHTML: _ctx.formattedText(row, column)
19666
19692
  }, null, 8, _hoisted_10)) : createCommentVNode("", true)], 64);
19667
19693
  }), 128)), _ctx.$slots.row ? renderSlot(_ctx.$slots, "row", {
19668
- key: 0,
19694
+ key: 1,
19669
19695
  row: row
19670
19696
  }) : createCommentVNode("", true)], 42, _hoisted_9$1);
19671
19697
  }), 128))])], 10, _hoisted_1$d);
19672
19698
  }
19673
19699
 
19674
- var css_248z$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
19675
- var stylesheet$7 = ".fw-table-head--sortable[data-v-7670383f]:hover{background-color:var(--14adfc52)}.fw-table-row[data-v-7670383f]:hover{background-color:var(--14adfc52)}";
19700
+ var css_248z$7 = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
19701
+ var stylesheet$7 = ".fw-table-head--sortable[data-v-d2effa38]:hover{background-color:var(--642aa671)}.fw-table-row[data-v-d2effa38]:hover{background-color:var(--642aa671)}";
19676
19702
  styleInject(css_248z$7);
19677
19703
 
19678
19704
  __default__$3.render = render$d;
19679
- __default__$3.__scopeId = "data-v-7670383f";
19705
+ __default__$3.__scopeId = "data-v-d2effa38";
19680
19706
 
19681
19707
  var script$9 = defineComponent({
19682
19708
  name: 'FwTableHead'