@frollo/frollo-web-ui 7.0.0 → 8.0.0

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 (172) hide show
  1. package/cjs/index.js +34084 -33914
  2. package/esm/_rollupPluginBabelHelpers-DpC_oIQV.js +2566 -0
  3. package/esm/{check-94a5917a.js → check--YD4Ts6g.js} +4 -4
  4. package/esm/fw-accordion.js +27 -26
  5. package/esm/fw-animations.js +23 -26
  6. package/esm/fw-bar-chart.js +15289 -19
  7. package/esm/{fw-button-c8502414.js → fw-button-4QLZlu0U.js} +44 -44
  8. package/esm/fw-button.js +5 -10
  9. package/esm/{fw-card-1b6a67fe.js → fw-card-bsYbpPmW.js} +12 -12
  10. package/esm/fw-card.js +1 -1
  11. package/esm/fw-checkbox.js +23 -32
  12. package/esm/fw-date-picker.js +143 -80
  13. package/esm/fw-drawer.js +33 -36
  14. package/esm/fw-dropdown-nLtzu2fS.js +277 -0
  15. package/esm/fw-dropdown.js +7 -15
  16. package/esm/fw-form.js +1 -1
  17. package/esm/fw-image-DOgM8i8X.js +200 -0
  18. package/esm/fw-image.js +5 -21
  19. package/esm/{fw-input-8969b226.js → fw-input-Qiy53nRk.js} +61 -53
  20. package/esm/fw-input.js +6 -19
  21. package/esm/fw-loading-bar-DThRjdw1.js +22 -0
  22. package/esm/{fw-loading-spinner-72d70258.js → fw-loading-spinner-Dn52RI5h.js} +1 -1
  23. package/esm/fw-loading.js +3 -7
  24. package/esm/fw-modal.js +79 -53
  25. package/esm/fw-navigation-menu.js +15 -20
  26. package/esm/fw-popover.js +39 -375
  27. package/esm/fw-progress-bar.js +8 -11
  28. package/esm/fw-provider-list.js +41 -84
  29. package/esm/fw-sidebar-menu.js +33 -24
  30. package/esm/{fw-table-row-23f78218.js → fw-table-row-DkZaaMmE.js} +15 -301
  31. package/esm/fw-table.js +6 -16
  32. package/esm/fw-tabs.js +21 -103
  33. package/esm/{fw-tag-ac28200a.js → fw-tag-CPp1P480.js} +29 -20
  34. package/esm/fw-tag.js +7 -12
  35. package/esm/fw-toast.js +22 -37
  36. package/esm/fw-transactions-card.js +14 -30
  37. package/esm/index-CUPvK0Aa.js +586 -0
  38. package/esm/index.js +66 -228
  39. package/esm/vee-validate.esm-3ptvCDR1.js +4071 -0
  40. package/frollo-web-ui.esm.js +34091 -34339
  41. package/icons/chart-line-up.svg +3 -0
  42. package/icons/icons.stories.ts +24 -29
  43. package/icons/index.ts +5 -1
  44. package/icons/sack-dollar.svg +3 -0
  45. package/icons/xmark.svg +2 -2
  46. package/index.d.ts +2789 -2573
  47. package/package.json +75 -73
  48. package/styles/tailwind.scss +6 -0
  49. package/types/components/fw-accordion/fw-accordion.vue.d.ts +128 -128
  50. package/types/components/fw-accordion/index.d.ts +2 -2
  51. package/types/components/fw-accordion/index.types.d.ts +10 -10
  52. package/types/components/fw-animations/fw-email-pulse.vue.d.ts +24 -24
  53. package/types/components/fw-animations/fw-loading-spinner.vue.d.ts +2 -2
  54. package/types/components/fw-animations/fw-success-pulse.vue.d.ts +24 -24
  55. package/types/components/fw-animations/index.d.ts +4 -4
  56. package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +83 -83
  57. package/types/components/fw-bar-chart/index.d.ts +2 -2
  58. package/types/components/fw-bar-chart/index.types.d.ts +11 -11
  59. package/types/components/fw-button/fw-button.vue.d.ts +190 -176
  60. package/types/components/fw-button/index.d.ts +2 -2
  61. package/types/components/fw-button/index.types.d.ts +27 -26
  62. package/types/components/fw-card/fw-card.vue.d.ts +82 -82
  63. package/types/components/fw-card/index.d.ts +2 -2
  64. package/types/components/fw-card/index.types.d.ts +8 -8
  65. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +108 -108
  66. package/types/components/fw-checkbox/index.d.ts +2 -2
  67. package/types/components/fw-checkbox/index.types.d.ts +9 -9
  68. package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +249 -177
  69. package/types/components/fw-date-picker/index.d.ts +2 -2
  70. package/types/components/fw-date-picker/index.types.d.ts +21 -16
  71. package/types/components/fw-drawer/fw-drawer.vue.d.ts +165 -165
  72. package/types/components/fw-drawer/index.d.ts +2 -2
  73. package/types/components/fw-drawer/index.types.d.ts +13 -13
  74. package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +154 -130
  75. package/types/components/fw-dropdown/index.d.ts +2 -2
  76. package/types/components/fw-dropdown/index.types.d.ts +16 -13
  77. package/types/components/fw-form/index.d.ts +2 -2
  78. package/types/components/fw-image/fw-image.vue.d.ts +103 -84
  79. package/types/components/fw-image/index.d.ts +2 -2
  80. package/types/components/fw-image/index.types.d.ts +9 -8
  81. package/types/components/fw-input/fw-input.vue.d.ts +214 -197
  82. package/types/components/fw-input/index.d.ts +2 -2
  83. package/types/components/fw-input/index.types.d.ts +18 -16
  84. package/types/components/fw-loading/fw-loading-bar.vue.d.ts +2 -2
  85. package/types/components/fw-loading/fw-loading-card.vue.d.ts +2 -2
  86. package/types/components/fw-loading/fw-loading-table.vue.d.ts +25 -25
  87. package/types/components/fw-loading/index.d.ts +4 -4
  88. package/types/components/fw-modal/fw-modal.vue.d.ts +205 -175
  89. package/types/components/fw-modal/index.d.ts +2 -2
  90. package/types/components/fw-modal/index.types.d.ts +16 -14
  91. package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +57 -57
  92. package/types/components/fw-navigation-menu/index.d.ts +2 -2
  93. package/types/components/fw-navigation-menu/index.types.d.ts +7 -7
  94. package/types/components/fw-popover/fw-popover.vue.d.ts +157 -157
  95. package/types/components/fw-popover/index.d.ts +2 -2
  96. package/types/components/fw-popover/index.types.d.ts +11 -11
  97. package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts +52 -52
  98. package/types/components/fw-progress-bar/index.d.ts +2 -2
  99. package/types/components/fw-progress-bar/index.types.d.ts +5 -5
  100. package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +100 -100
  101. package/types/components/fw-provider-list/index.d.ts +2 -2
  102. package/types/components/fw-provider-list/index.types.d.ts +11 -11
  103. package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +88 -72
  104. package/types/components/fw-sidebar-menu/index.d.ts +2 -2
  105. package/types/components/fw-sidebar-menu/index.types.d.ts +9 -8
  106. package/types/components/fw-table/fw-table-head.vue.d.ts +2 -2
  107. package/types/components/fw-table/fw-table-row.vue.d.ts +2 -2
  108. package/types/components/fw-table/fw-table.vue.d.ts +71 -71
  109. package/types/components/fw-table/index.d.ts +4 -4
  110. package/types/components/fw-table/index.types.d.ts +16 -16
  111. package/types/components/fw-tabs/fw-tab.vue.d.ts +24 -32
  112. package/types/components/fw-tabs/fw-tabs.vue.d.ts +24 -24
  113. package/types/components/fw-tabs/index.d.ts +3 -3
  114. package/types/components/fw-tabs/index.types.d.ts +8 -0
  115. package/types/components/fw-tag/fw-tag.vue.d.ts +80 -70
  116. package/types/components/fw-tag/index.d.ts +2 -2
  117. package/types/components/fw-tag/index.types.d.ts +18 -18
  118. package/types/components/fw-toast/fw-toast.vue.d.ts +121 -121
  119. package/types/components/fw-toast/index.d.ts +2 -2
  120. package/types/components/fw-toast/index.types.d.ts +13 -13
  121. package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +58 -58
  122. package/types/components/fw-transactions-card/index.d.ts +2 -2
  123. package/types/components/fw-transactions-card/index.types.d.ts +6 -6
  124. package/types/components/index.d.ts +24 -24
  125. package/types/components/index.types.d.ts +21 -20
  126. package/types/directives/index.d.ts +2 -2
  127. package/types/directives/lazy-loader.d.ts +3 -3
  128. package/types/helpers/get-root-colours.d.ts +17 -17
  129. package/types/icons/index.d.ts +43 -41
  130. package/types/index-types.esm.d.ts +6 -6
  131. package/types/index.browser-umd.d.ts +2 -1
  132. package/types/index.d.ts +3 -3
  133. package/types/index.esm.d.ts +5 -5
  134. package/types/services/index.d.ts +2 -2
  135. package/types/services/modal.d.ts +9 -9
  136. package/types/services/toast.d.ts +9 -9
  137. package/web-components/index.js +19670 -19722
  138. package/esm/add-to-unscopables-ee05b58f.js +0 -25
  139. package/esm/array-iteration-8267bf22.js +0 -92
  140. package/esm/array-method-has-species-support-6c675094.js +0 -23
  141. package/esm/array-method-is-strict-d313436f.js +0 -14
  142. package/esm/array-species-create-1c67e297.js +0 -97
  143. package/esm/classof-d44bf093.js +0 -42
  144. package/esm/create-property-eb329361.js +0 -14
  145. package/esm/defineProperty-b85f2e0f.js +0 -42
  146. package/esm/does-not-exceed-safe-integer-de37ce28.js +0 -11
  147. package/esm/es.array.concat-99b85557.js +0 -69
  148. package/esm/es.array.find-1ded15d5.js +0 -28
  149. package/esm/es.array.includes-08e25019.js +0 -27
  150. package/esm/es.array.map-c56ebffd.js +0 -22
  151. package/esm/es.date.to-string-15eb9936.js +0 -23
  152. package/esm/es.function.name-6cafd747.js +0 -29
  153. package/esm/es.number.constructor-fb16fe05.js +0 -204
  154. package/esm/es.object.to-string-4b07c4d1.js +0 -24
  155. package/esm/es.string.includes-061e8272.js +0 -66
  156. package/esm/es.string.iterator-25db8cd2.js +0 -469
  157. package/esm/export-10c4adbc.js +0 -95
  158. package/esm/function-apply-e17cf65b.js +0 -14
  159. package/esm/fw-dropdown-6856e66e.js +0 -224
  160. package/esm/fw-image-aca2c61d.js +0 -296
  161. package/esm/fw-loading-bar-f5ca605c.js +0 -22
  162. package/esm/index-6758f755.js +0 -15797
  163. package/esm/index-bced3b35.js +0 -560
  164. package/esm/is-forced-7cb3ee8f.js +0 -927
  165. package/esm/object-create-51bf02dc.js +0 -125
  166. package/esm/regexp-flags-c09864e5.js +0 -50
  167. package/esm/vee-validate.esm-a17a23c3.js +0 -3192
  168. package/esm/web.timers-e406c8e6.js +0 -72
  169. /package/esm/{get-root-colours-865a52ba.js → get-root-colours-DYEoJPEb.js} +0 -0
  170. /package/esm/{index-0c5cae4f.js → index-BVcOAKar.js} +0 -0
  171. /package/esm/{style-inject.es-1f59c1d0.js → style-inject.es-tgCJW-Cu.js} +0 -0
  172. /package/esm/{uniqueId-fe08534a.js → uniqueId-DK6xzFd8.js} +0 -0
@@ -1,64 +1,26 @@
1
- import { _ as _defineProperty } from './defineProperty-b85f2e0f.js';
2
- import './regexp-flags-c09864e5.js';
3
- import './is-forced-7cb3ee8f.js';
4
- import { _ as _export } from './export-10c4adbc.js';
5
- import { a as arrayIteration } from './array-iteration-8267bf22.js';
6
- import { a as arrayMethodHasSpeciesSupport$1 } from './array-method-has-species-support-6c675094.js';
7
- import './es.object.to-string-4b07c4d1.js';
8
- import './es.array.includes-08e25019.js';
9
- import './es.string.includes-061e8272.js';
10
- import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-23f78218.js';
11
- import './es.date.to-string-15eb9936.js';
12
- import './es.function.name-6cafd747.js';
13
- import './es.array.map-c56ebffd.js';
14
- import './es.array.concat-99b85557.js';
15
- import { defineComponent, ref, computed, createTextVNode, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
16
- import { s as script$1 } from './fw-input-8969b226.js';
17
- import { _ as __default__$1 } from './fw-tag-ac28200a.js';
18
- import { s as script$3 } from './fw-button-c8502414.js';
19
- import { s as script$2 } from './fw-dropdown-6856e66e.js';
20
- import { f as render$1, g as render$2, i as render$3 } from './index-bced3b35.js';
21
- import { s as styleInject } from './style-inject.es-1f59c1d0.js';
22
- import './object-create-51bf02dc.js';
23
- import './array-species-create-1c67e297.js';
24
- import './classof-d44bf093.js';
25
- import './add-to-unscopables-ee05b58f.js';
26
- import './es.number.constructor-fb16fe05.js';
27
- import './create-property-eb329361.js';
28
- import './array-method-is-strict-d313436f.js';
29
- import './get-root-colours-865a52ba.js';
30
- import './fw-loading-bar-f5ca605c.js';
31
- import './does-not-exceed-safe-integer-de37ce28.js';
32
- import './vee-validate.esm-a17a23c3.js';
33
- import './uniqueId-fe08534a.js';
1
+ import { e as _defineProperty } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
2
+ import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
3
+ import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-DkZaaMmE.js';
4
+ import { s as script$1 } from './fw-input-Qiy53nRk.js';
5
+ import { _ as __default__$1 } from './fw-tag-CPp1P480.js';
6
+ import { s as script$3 } from './fw-button-4QLZlu0U.js';
7
+ import { s as script$2 } from './fw-dropdown-nLtzu2fS.js';
8
+ import { c as render$1, d as render$2, e as render$3 } from './index-CUPvK0Aa.js';
9
+ import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
10
+ import './get-root-colours-DYEoJPEb.js';
11
+ import './fw-loading-bar-DThRjdw1.js';
12
+ import './vee-validate.esm-3ptvCDR1.js';
13
+ import './uniqueId-DK6xzFd8.js';
34
14
  import './fw-button.js';
35
- import './fw-loading-spinner-72d70258.js';
36
- import './es.array.find-1ded15d5.js';
37
- import './check-94a5917a.js';
38
-
39
- var es_array_filter = {};
40
-
41
- 'use strict';
42
- var $ = _export;
43
- var $filter = arrayIteration.filter;
44
- var arrayMethodHasSpeciesSupport = arrayMethodHasSpeciesSupport$1;
45
-
46
- var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');
47
-
48
- // `Array.prototype.filter` method
49
- // https://tc39.es/ecma262/#sec-array.prototype.filter
50
- // with adding support of @@species
51
- $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
52
- filter: function filter(callbackfn /* , thisArg */) {
53
- return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
54
- }
55
- });
15
+ import './fw-loading-spinner-Dn52RI5h.js';
16
+ import './fw-image-DOgM8i8X.js';
17
+ import './check--YD4Ts6g.js';
56
18
 
57
19
  var script = defineComponent({
58
20
  name: 'FwProviderList',
59
21
  emits: [
60
- /**
61
- * Emits the number of filtered items the user sees.
22
+ /**
23
+ * Emits the number of filtered items the user sees.
62
24
  */
63
25
  'changed'],
64
26
  components: {
@@ -74,42 +36,42 @@ var script = defineComponent({
74
36
  SearchSvg: render$3
75
37
  },
76
38
  props: {
77
- /**
78
- * The header heading of the list.
39
+ /**
40
+ * The header heading of the list.
79
41
  */
80
42
  heading: {
81
43
  type: String
82
44
  },
83
- /**
84
- * The list items of the table items.
45
+ /**
46
+ * The list items of the table items.
85
47
  */
86
48
  items: {
87
49
  type: Array,
88
50
  required: true
89
51
  },
90
- /**
91
- * The table header title.
52
+ /**
53
+ * The table header title.
92
54
  */
93
55
  tableHeaderName: {
94
56
  type: String,
95
57
  "default": 'Name'
96
58
  },
97
- /**
98
- * The placeholder text for the search input.
59
+ /**
60
+ * The placeholder text for the search input.
99
61
  */
100
62
  searchPlaceholder: {
101
63
  type: String,
102
64
  "default": 'Search'
103
65
  },
104
- /**
105
- * The label text for the search input.
66
+ /**
67
+ * The label text for the search input.
106
68
  */
107
69
  searchLabel: {
108
70
  type: String,
109
71
  "default": 'Search by provider name'
110
72
  },
111
- /**
112
- * The label text for the status filter dropdown.
73
+ /**
74
+ * The label text for the status filter dropdown.
113
75
  */
114
76
  statusFilterLabel: {
115
77
  type: String,
@@ -117,7 +79,6 @@ var script = defineComponent({
117
79
  }
118
80
  },
119
81
  setup: function setup(props, ctx) {
120
- var _options;
121
82
  var searchFilterModel = ref('');
122
83
  var statusFilterModel = ref('all');
123
84
  var parsedItems = computed(function () {
@@ -140,17 +101,16 @@ var script = defineComponent({
140
101
  }
141
102
  return tempFilteredItems;
142
103
  });
143
- var options = (_options = {}, _defineProperty(_options, 'status', {
104
+ var options = _defineProperty(_defineProperty({}, 'status', {
144
105
  disabled: true
145
- }), _defineProperty(_options, props.tableHeaderName, {
106
+ }), props.tableHeaderName, {
146
107
  isSortable: true,
147
108
  initSortOrder: 'asc'
148
- }), _options);
109
+ });
149
110
  var tableItems = computed(function () {
150
111
  var _filteredTableItems$v;
151
112
  return (_filteredTableItems$v = filteredTableItems.value) === null || _filteredTableItems$v === void 0 ? void 0 : _filteredTableItems$v.map(function (item) {
152
- var _ref;
153
- return _ref = {}, _defineProperty(_ref, 'status', item.status), _defineProperty(_ref, props.tableHeaderName, "\n <div class=\"flex flex-row-reverse justify-end items-center\">\n <p class=\"mb-0 font-medium\">".concat(item.name, "</p>\n <img class=\"mr-2 w-[48px]\" alt=\"").concat(item.name, " logo\" src=\"").concat(item.image_url, "\" />\n </div>\n ")), _ref;
113
+ return _defineProperty(_defineProperty({}, 'status', item.status), props.tableHeaderName, "\n <div class=\"flex flex-row-reverse justify-end items-center\">\n <p class=\"mb-0 font-medium\">".concat(item.name, "</p>\n <img class=\"mr-2 w-[48px]\" alt=\"").concat(item.name, " logo\" src=\"").concat(item.image_url, "\" />\n </div>\n "));
154
114
  });
155
115
  });
156
116
  var sortedTableItems = computed(function () {
@@ -190,16 +150,13 @@ var _hoisted_5 = {
190
150
  key: 0,
191
151
  "class": "fw-provider-list--table w-full shadow-card"
192
152
  };
193
- var _hoisted_6 = /*#__PURE__*/createTextVNode("Status");
194
- var _hoisted_7 = /*#__PURE__*/createTextVNode("Outage ");
195
- var _hoisted_8 = /*#__PURE__*/createTextVNode(" Available");
196
- var _hoisted_9 = {
153
+ var _hoisted_6 = {
197
154
  key: 1
198
155
  };
199
- var _hoisted_10 = /*#__PURE__*/createElementVNode("h4", {
156
+ var _hoisted_7 = /*#__PURE__*/createElementVNode("h4", {
200
157
  "class": "w-full font-medium text-center my-6"
201
158
  }, "Sorry, we could not find any results.", -1);
202
- var _hoisted_11 = [_hoisted_10];
159
+ var _hoisted_8 = [_hoisted_7];
203
160
  function render(_ctx, _cache, $props, $setup, $data, $options) {
204
161
  var _component_SearchSvg = resolveComponent("SearchSvg");
205
162
  var _component_SolidXMarkSvg = resolveComponent("SolidXMarkSvg");
@@ -277,7 +234,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
277
234
  "class": "w-[150px] md:w-[200px]"
278
235
  }, {
279
236
  "default": withCtx(function () {
280
- return [_hoisted_6];
237
+ return [createTextVNode(" Status ")];
281
238
  }),
282
239
  _: 1
283
240
  })];
@@ -296,7 +253,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
296
253
  "default": withCtx(function () {
297
254
  return [createVNode(_component_SolidXMarkSvg, {
298
255
  "class": "w-4 h-4 mr-1"
299
- }), _hoisted_7];
256
+ }), createTextVNode("Outage ")];
300
257
  }),
301
258
  _: 1
302
259
  })) : (openBlock(), createBlock(_component_FwTag, {
@@ -307,7 +264,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
307
264
  "default": withCtx(function () {
308
265
  return [createVNode(_component_SolidCheckSvg, {
309
266
  "class": "w-4 h-4 mr-1"
310
- }), _hoisted_8];
267
+ }), createTextVNode(" Available ")];
311
268
  }),
312
269
  _: 1
313
270
  }))];
@@ -316,7 +273,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
316
273
  }, 1024)];
317
274
  }),
318
275
  _: 1
319
- }, 8, ["items", "options"])])) : (openBlock(), createElementBlock("div", _hoisted_9, _hoisted_11))]);
276
+ }, 8, ["items", "options"])])) : (openBlock(), createElementBlock("div", _hoisted_6, _hoisted_8))]);
320
277
  }
321
278
 
322
279
  var css_248z = ".fw-provider-list--table{overflow-x:auto}.fw-provider-list--table::-webkit-scrollbar{-webkit-appearance:none;height:8px}.fw-provider-list--table::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(228 228 228/var(--tw-bg-opacity));border-radius:12px}.fw-provider-list--table::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 75 75/var(--tw-bg-opacity));border-radius:12px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fw-provider-list--table::-webkit-scrollbar-thumb:hover{background-color:var(--colorBody);cursor:pointer}";
@@ -1,46 +1,48 @@
1
- import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, withDirectives, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
2
- import { s as script$1 } from './fw-button-c8502414.js';
3
- import { h as render$1 } from './index-bced3b35.js';
4
- import { s as styleInject } from './style-inject.es-1f59c1d0.js';
5
- import './es.array.includes-08e25019.js';
6
- import './is-forced-7cb3ee8f.js';
7
- import './export-10c4adbc.js';
8
- import './add-to-unscopables-ee05b58f.js';
9
- import './object-create-51bf02dc.js';
10
- import './fw-loading-spinner-72d70258.js';
11
- import './check-94a5917a.js';
1
+ import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, withDirectives, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
2
+ import { s as script$1 } from './fw-button-4QLZlu0U.js';
3
+ import { g as render$1 } from './index-CUPvK0Aa.js';
4
+ import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
5
+ import './fw-loading-spinner-Dn52RI5h.js';
6
+ import './check--YD4Ts6g.js';
12
7
 
13
8
  var script = defineComponent({
14
9
  name: 'FwSidebarMenu',
15
- emits: ['toggled'],
10
+ emits: ['toggled', 'update:modelValue'],
16
11
  components: {
17
12
  FwButton: script$1,
18
13
  ChevronRightSvg: render$1
19
14
  },
20
15
  props: {
21
- /**
22
- * An array of menu items
23
- * `{ to?: string | object; href?: string; label: string; }`
16
+ /**
17
+ * Controls the sidebar menu open/close state
18
+ */
19
+ modelValue: {
20
+ type: Boolean,
21
+ "default": false
22
+ },
23
+ /**
24
+ * An array of menu items
25
+ * `{ to?: string | object; href?: string; label: string; }`
24
26
  */
25
27
  menuItems: {
26
28
  type: Array
27
29
  },
28
- /**
29
- * The class for the open/close toggle button
30
+ /**
31
+ * The class for the open/close toggle button
30
32
  */
31
33
  toggleButtonClass: {
32
34
  type: String,
33
35
  "default": ''
34
36
  },
35
- /**
36
- * The width class for the sidebar when opened
37
+ /**
38
+ * The width class for the sidebar when opened
37
39
  */
38
40
  openWidth: {
39
41
  type: String,
40
42
  "default": 'w-96'
41
43
  },
42
- /**
43
- * The width class for the sidebar when opened
44
+ /**
45
+ * The width class for the sidebar when opened
44
46
  */
45
47
  closedWidth: {
46
48
  type: String,
@@ -49,7 +51,14 @@ var script = defineComponent({
49
51
  },
50
52
  setup: function setup(props, ctx) {
51
53
  var baseClass = "h-full shadow-md bg-grey-lightest border-r border-grey-20 \n fixed top-0 left-0 transition-all duration-300";
52
- var isMenuOpen = ref(true);
54
+ var isMenuOpen = computed({
55
+ get: function get() {
56
+ return props.modelValue;
57
+ },
58
+ set: function set(state) {
59
+ return ctx.emit('update:modelValue', state);
60
+ }
61
+ });
53
62
  var toggleMenu = function toggleMenu() {
54
63
  isMenuOpen.value = !isMenuOpen.value;
55
64
  ctx.emit('toggled', isMenuOpen.value ? props.openWidth : props.closedWidth);
@@ -125,8 +134,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
125
134
  })], 2)) : createCommentVNode("", true);
126
135
  }
127
136
 
128
- var css_248z = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
129
- var stylesheet = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
137
+ var css_248z = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;-moz-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;-moz-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
138
+ var stylesheet = ".sidebarMenuSlide-enter-active{-webkit-transition:all .6s ease-in;-moz-transition:all .6s ease-in;transition:all .6s ease-in}.sidebarMenuSlide-leave-active{-webkit-transition:opacity 10ms ease-in;-moz-transition:opacity 10ms ease-in;transition:opacity 10ms ease-in}.sidebarMenuSlide-enter-from,.sidebarMenuSlide-leave-to{opacity:0}.sidebarMenuSlide-enter-to,.sidebarMenuSlide-leave-from{opacity:1}";
130
139
  styleInject(css_248z);
131
140
 
132
141
  script.render = render;
@@ -1,296 +1,8 @@
1
- import { t as toString$2 } from './es.number.constructor-fb16fe05.js';
2
- import { d as deletePropertyOrThrow$1, r as regexpFlags } from './regexp-flags-c09864e5.js';
3
- import { i as toAbsoluteIndex$1, l as lengthOfArrayLike$2, j as engineUserAgent, f as functionUncurryThis, k as aCallable$1, e as toObject$1, h as fails$3, m as engineV8Version, d as descriptors, n as anObject$2, b as defineBuiltIn$2, p as functionCall, q as hasOwnProperty_1, r as objectIsPrototypeOf, s as functionName } from './is-forced-7cb3ee8f.js';
4
- import { _ as _export } from './export-10c4adbc.js';
5
- import { c as createProperty$1 } from './create-property-eb329361.js';
6
- import { a as arrayMethodIsStrict$1 } from './array-method-is-strict-d313436f.js';
7
- import { a as objectCreate } from './object-create-51bf02dc.js';
8
- import './es.date.to-string-15eb9936.js';
9
- import './es.object.to-string-4b07c4d1.js';
10
- import { d as render$3, e as render$4 } from './index-bced3b35.js';
1
+ import { h as render$3, i as render$4 } from './index-CUPvK0Aa.js';
11
2
  import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, withKeys, toDisplayString, createBlock, createVNode } from 'vue';
12
- import { u as useColours } from './get-root-colours-865a52ba.js';
13
- import { s as script$2 } from './fw-loading-bar-f5ca605c.js';
14
- import { s as styleInject } from './style-inject.es-1f59c1d0.js';
15
-
16
- var es_array_sort = {};
17
-
18
- var toAbsoluteIndex = toAbsoluteIndex$1;
19
- var lengthOfArrayLike$1 = lengthOfArrayLike$2;
20
- var createProperty = createProperty$1;
21
-
22
- var $Array = Array;
23
- var max = Math.max;
24
-
25
- var arraySliceSimple = function (O, start, end) {
26
- var length = lengthOfArrayLike$1(O);
27
- var k = toAbsoluteIndex(start, length);
28
- var fin = toAbsoluteIndex(end === undefined ? length : end, length);
29
- var result = $Array(max(fin - k, 0));
30
- for (var n = 0; k < fin; k++, n++) createProperty(result, n, O[k]);
31
- result.length = n;
32
- return result;
33
- };
34
-
35
- var arraySlice = arraySliceSimple;
36
-
37
- var floor = Math.floor;
38
-
39
- var mergeSort = function (array, comparefn) {
40
- var length = array.length;
41
- var middle = floor(length / 2);
42
- return length < 8 ? insertionSort(array, comparefn) : merge(
43
- array,
44
- mergeSort(arraySlice(array, 0, middle), comparefn),
45
- mergeSort(arraySlice(array, middle), comparefn),
46
- comparefn
47
- );
48
- };
49
-
50
- var insertionSort = function (array, comparefn) {
51
- var length = array.length;
52
- var i = 1;
53
- var element, j;
54
-
55
- while (i < length) {
56
- j = i;
57
- element = array[i];
58
- while (j && comparefn(array[j - 1], element) > 0) {
59
- array[j] = array[--j];
60
- }
61
- if (j !== i++) array[j] = element;
62
- } return array;
63
- };
64
-
65
- var merge = function (array, left, right, comparefn) {
66
- var llength = left.length;
67
- var rlength = right.length;
68
- var lindex = 0;
69
- var rindex = 0;
70
-
71
- while (lindex < llength || rindex < rlength) {
72
- array[lindex + rindex] = (lindex < llength && rindex < rlength)
73
- ? comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]
74
- : lindex < llength ? left[lindex++] : right[rindex++];
75
- } return array;
76
- };
77
-
78
- var arraySort = mergeSort;
79
-
80
- var userAgent$1 = engineUserAgent;
81
-
82
- var firefox = userAgent$1.match(/firefox\/(\d+)/i);
83
-
84
- var engineFfVersion = !!firefox && +firefox[1];
85
-
86
- var UA = engineUserAgent;
87
-
88
- var engineIsIeOrEdge = /MSIE|Trident/.test(UA);
89
-
90
- var userAgent = engineUserAgent;
91
-
92
- var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
93
-
94
- var engineWebkitVersion = !!webkit && +webkit[1];
95
-
96
- 'use strict';
97
- var $ = _export;
98
- var uncurryThis = functionUncurryThis;
99
- var aCallable = aCallable$1;
100
- var toObject = toObject$1;
101
- var lengthOfArrayLike = lengthOfArrayLike$2;
102
- var deletePropertyOrThrow = deletePropertyOrThrow$1;
103
- var toString$1 = toString$2;
104
- var fails$2 = fails$3;
105
- var internalSort = arraySort;
106
- var arrayMethodIsStrict = arrayMethodIsStrict$1;
107
- var FF = engineFfVersion;
108
- var IE_OR_EDGE = engineIsIeOrEdge;
109
- var V8 = engineV8Version;
110
- var WEBKIT = engineWebkitVersion;
111
-
112
- var test = [];
113
- var un$Sort = uncurryThis(test.sort);
114
- var push = uncurryThis(test.push);
115
-
116
- // IE8-
117
- var FAILS_ON_UNDEFINED = fails$2(function () {
118
- test.sort(undefined);
119
- });
120
- // V8 bug
121
- var FAILS_ON_NULL = fails$2(function () {
122
- test.sort(null);
123
- });
124
- // Old WebKit
125
- var STRICT_METHOD = arrayMethodIsStrict('sort');
126
-
127
- var STABLE_SORT = !fails$2(function () {
128
- // feature detection can be too slow, so check engines versions
129
- if (V8) return V8 < 70;
130
- if (FF && FF > 3) return;
131
- if (IE_OR_EDGE) return true;
132
- if (WEBKIT) return WEBKIT < 603;
133
-
134
- var result = '';
135
- var code, chr, value, index;
136
-
137
- // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
138
- for (code = 65; code < 76; code++) {
139
- chr = String.fromCharCode(code);
140
-
141
- switch (code) {
142
- case 66: case 69: case 70: case 72: value = 3; break;
143
- case 68: case 71: value = 4; break;
144
- default: value = 2;
145
- }
146
-
147
- for (index = 0; index < 47; index++) {
148
- test.push({ k: chr + index, v: value });
149
- }
150
- }
151
-
152
- test.sort(function (a, b) { return b.v - a.v; });
153
-
154
- for (index = 0; index < test.length; index++) {
155
- chr = test[index].k.charAt(0);
156
- if (result.charAt(result.length - 1) !== chr) result += chr;
157
- }
158
-
159
- return result !== 'DGBEFHACIJK';
160
- });
161
-
162
- var FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
163
-
164
- var getSortCompare = function (comparefn) {
165
- return function (x, y) {
166
- if (y === undefined) return -1;
167
- if (x === undefined) return 1;
168
- if (comparefn !== undefined) return +comparefn(x, y) || 0;
169
- return toString$1(x) > toString$1(y) ? 1 : -1;
170
- };
171
- };
172
-
173
- // `Array.prototype.sort` method
174
- // https://tc39.es/ecma262/#sec-array.prototype.sort
175
- $({ target: 'Array', proto: true, forced: FORCED }, {
176
- sort: function sort(comparefn) {
177
- if (comparefn !== undefined) aCallable(comparefn);
178
-
179
- var array = toObject(this);
180
-
181
- if (STABLE_SORT) return comparefn === undefined ? un$Sort(array) : un$Sort(array, comparefn);
182
-
183
- var items = [];
184
- var arrayLength = lengthOfArrayLike(array);
185
- var itemsLength, index;
186
-
187
- for (index = 0; index < arrayLength; index++) {
188
- if (index in array) push(items, array[index]);
189
- }
190
-
191
- internalSort(items, getSortCompare(comparefn));
192
-
193
- itemsLength = items.length;
194
- index = 0;
195
-
196
- while (index < itemsLength) array[index] = items[index++];
197
- while (index < arrayLength) deletePropertyOrThrow(array, index++);
198
-
199
- return array;
200
- }
201
- });
202
-
203
- var es_error_toString = {};
204
-
205
- var toString = toString$2;
206
-
207
- var normalizeStringArgument$1 = function (argument, $default) {
208
- return argument === undefined ? arguments.length < 2 ? '' : $default : toString(argument);
209
- };
210
-
211
- 'use strict';
212
- var DESCRIPTORS = descriptors;
213
- var fails$1 = fails$3;
214
- var anObject$1 = anObject$2;
215
- var create = objectCreate;
216
- var normalizeStringArgument = normalizeStringArgument$1;
217
-
218
- var nativeErrorToString = Error.prototype.toString;
219
-
220
- var INCORRECT_TO_STRING = fails$1(function () {
221
- if (DESCRIPTORS) {
222
- // Chrome 32- incorrectly call accessor
223
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
224
- var object = create(Object.defineProperty({}, 'name', { get: function () {
225
- return this === object;
226
- } }));
227
- if (nativeErrorToString.call(object) !== 'true') return true;
228
- }
229
- // FF10- does not properly handle non-strings
230
- return nativeErrorToString.call({ message: 1, name: 2 }) !== '2: 1'
231
- // IE8 does not properly handle defaults
232
- || nativeErrorToString.call({}) !== 'Error';
233
- });
234
-
235
- var errorToString$1 = INCORRECT_TO_STRING ? function toString() {
236
- var O = anObject$1(this);
237
- var name = normalizeStringArgument(O.name, 'Error');
238
- var message = normalizeStringArgument(O.message);
239
- return !name ? message : !message ? name : name + ': ' + message;
240
- } : nativeErrorToString;
241
-
242
- var defineBuiltIn$1 = defineBuiltIn$2;
243
- var errorToString = errorToString$1;
244
-
245
- var ErrorPrototype = Error.prototype;
246
-
247
- // `Error.prototype.toString` method fix
248
- // https://tc39.es/ecma262/#sec-error.prototype.tostring
249
- if (ErrorPrototype.toString !== errorToString) {
250
- defineBuiltIn$1(ErrorPrototype, 'toString', errorToString);
251
- }
252
-
253
- var es_regexp_toString = {};
254
-
255
- var call = functionCall;
256
- var hasOwn = hasOwnProperty_1;
257
- var isPrototypeOf = objectIsPrototypeOf;
258
- var regExpFlags = regexpFlags;
259
-
260
- var RegExpPrototype$1 = RegExp.prototype;
261
-
262
- var regexpGetFlags = function (R) {
263
- var flags = R.flags;
264
- return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
265
- ? call(regExpFlags, R) : flags;
266
- };
267
-
268
- 'use strict';
269
- var PROPER_FUNCTION_NAME = functionName.PROPER;
270
- var defineBuiltIn = defineBuiltIn$2;
271
- var anObject = anObject$2;
272
- var $toString = toString$2;
273
- var fails = fails$3;
274
- var getRegExpFlags = regexpGetFlags;
275
-
276
- var TO_STRING = 'toString';
277
- var RegExpPrototype = RegExp.prototype;
278
- var n$ToString = RegExpPrototype[TO_STRING];
279
-
280
- var NOT_GENERIC = fails(function () { return n$ToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
281
- // FF44- RegExp#toString has a wrong name
282
- var INCORRECT_NAME = PROPER_FUNCTION_NAME && n$ToString.name != TO_STRING;
283
-
284
- // `RegExp.prototype.toString` method
285
- // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
286
- if (NOT_GENERIC || INCORRECT_NAME) {
287
- defineBuiltIn(RegExp.prototype, TO_STRING, function toString() {
288
- var R = anObject(this);
289
- var pattern = $toString(R.source);
290
- var flags = $toString(getRegExpFlags(R));
291
- return '/' + pattern + '/' + flags;
292
- }, { unsafe: true });
293
- }
3
+ import { u as useColours } from './get-root-colours-DYEoJPEb.js';
4
+ import { s as script$2 } from './fw-loading-bar-DThRjdw1.js';
5
+ import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
294
6
 
295
7
  var __default__ = defineComponent({
296
8
  name: 'FwTable',
@@ -299,7 +11,9 @@ var __default__ = defineComponent({
299
11
  ArrowDownSvg: render$4,
300
12
  FwLoadingBar: script$2
301
13
  },
302
- emits: ['rowClicked', 'columnSorted'],
14
+ emits: [/** Fired when a row is clicked with row data */
15
+ 'rowClicked', /** Fired when a column is sorted */
16
+ 'columnSorted'],
303
17
  props: {
304
18
  items: {
305
19
  type: Array,
@@ -313,9 +27,9 @@ var __default__ = defineComponent({
313
27
  type: Boolean,
314
28
  "default": false
315
29
  },
316
- /**
317
- * Enable click events on rows.
318
- * Emits row data when clicked
30
+ /**
31
+ * Enable click events on rows.
32
+ * Emits row data when clicked
319
33
  */
320
34
  clickableRows: {
321
35
  type: Boolean,
@@ -424,7 +138,7 @@ var __default__ = defineComponent({
424
138
  var __injectCSSVars__ = function __injectCSSVars__() {
425
139
  useCssVars(function (_ctx) {
426
140
  return {
427
- "1f1e2224": _ctx.bgHoverColor
141
+ "d606643a": _ctx.bgHoverColor
428
142
  };
429
143
  });
430
144
  };
@@ -435,7 +149,7 @@ __default__.setup = __setup__ ? function (props, ctx) {
435
149
  } : __injectCSSVars__;
436
150
 
437
151
  var _withScopeId = function _withScopeId(n) {
438
- return pushScopeId("data-v-2b5e0ff2"), n = n(), popScopeId(), n;
152
+ return pushScopeId("data-v-46577d1a"), n = n(), popScopeId(), n;
439
153
  };
440
154
  var _hoisted_1$2 = ["aria-busy"];
441
155
  var _hoisted_2$1 = {
@@ -544,12 +258,12 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
544
258
  }), 128))])], 10, _hoisted_1$2);
545
259
  }
546
260
 
547
- var css_248z = ".fw-table-head--sortable[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}.fw-table-row[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}";
548
- var stylesheet = ".fw-table-head--sortable[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}.fw-table-row[data-v-2b5e0ff2]:hover{background-color:var(--1f1e2224)}";
261
+ var css_248z = ".fw-table-head--sortable[data-v-46577d1a]:hover{background-color:var(--d606643a)}.fw-table-row[data-v-46577d1a]:hover{background-color:var(--d606643a)}";
262
+ var stylesheet = ".fw-table-head--sortable[data-v-46577d1a]:hover{background-color:var(--d606643a)}.fw-table-row[data-v-46577d1a]:hover{background-color:var(--d606643a)}";
549
263
  styleInject(css_248z);
550
264
 
551
265
  __default__.render = render$2;
552
- __default__.__scopeId = "data-v-2b5e0ff2";
266
+ __default__.__scopeId = "data-v-46577d1a";
553
267
 
554
268
  var script$1 = defineComponent({
555
269
  name: 'FwTableHead'