@frollo/frollo-web-ui 5.0.2 → 5.0.3

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 (65) hide show
  1. package/cjs/index.js +1137 -778
  2. package/esm/{add-to-unscopables-2400f45b.js → add-to-unscopables-31609885.js} +2 -2
  3. package/esm/{array-iteration-107f927f.js → array-iteration-ec356eb3.js} +2 -2
  4. package/esm/{array-method-has-species-support-3d413468.js → array-method-has-species-support-8a4b1310.js} +1 -1
  5. package/esm/{array-method-is-strict-055b1830.js → array-method-is-strict-fc2e0d8d.js} +1 -1
  6. package/esm/{array-species-create-a5f5503b.js → array-species-create-b125f4a4.js} +2 -2
  7. package/esm/{classof-39c30bd5.js → classof-ee4b3b5b.js} +1 -1
  8. package/esm/{create-property-534611fd.js → create-property-c70ecc08.js} +1 -1
  9. package/esm/{delete-property-or-throw-8032646c.js → delete-property-or-throw-cd4c57d6.js} +3 -3
  10. package/esm/{does-not-exceed-safe-integer-31d08811.js → does-not-exceed-safe-integer-8e0042ec.js} +1 -1
  11. package/esm/{es.array.concat-987938be.js → es.array.concat-fe990345.js} +6 -6
  12. package/esm/{es.array.find-dfa1f42f.js → es.array.find-67b3b514.js} +5 -5
  13. package/esm/{es.array.includes-91be7771.js → es.array.includes-a06445a5.js} +3 -3
  14. package/esm/es.array.map-ae6c9437.js +43 -0
  15. package/esm/{es.function.name-557cb1f9.js → es.function.name-6daefaeb.js} +1 -1
  16. package/esm/{es.number.constructor-d6ff8874.js → es.number.constructor-98bae04f.js} +2 -2
  17. package/esm/es.string.includes-ade04f96.js +66 -0
  18. package/esm/{es.string.iterator-590198a8.js → es.string.iterator-0992bb28.js} +8 -8
  19. package/esm/{export-a37ba078.js → export-8a363004.js} +1 -1
  20. package/esm/{function-apply-ce251590.js → function-apply-b908d7e6.js} +1 -1
  21. package/esm/fw-animations.js +5 -5
  22. package/esm/fw-bar-chart.js +17 -16
  23. package/esm/{fw-button-8d131219.js → fw-button-b7a12ae1.js} +2 -2
  24. package/esm/fw-button.js +9 -9
  25. package/esm/fw-checkbox.js +9 -9
  26. package/esm/fw-drawer.js +9 -9
  27. package/esm/fw-dropdown-765dbbba.js +223 -0
  28. package/esm/fw-dropdown.js +15 -222
  29. package/esm/{fw-image-4787a8bd.js → fw-image-660d3e75.js} +10 -10
  30. package/esm/fw-image.js +18 -18
  31. package/esm/fw-input-7d25de48.js +235 -0
  32. package/esm/fw-input.js +20 -245
  33. package/esm/{fw-loading-spinner-c394fafc.js → fw-loading-spinner-3fda633e.js} +1 -1
  34. package/esm/fw-loading.js +3 -3
  35. package/esm/fw-modal.js +9 -9
  36. package/esm/fw-navigation-menu.js +9 -9
  37. package/esm/fw-progress-bar.js +3 -3
  38. package/esm/fw-provider-list.js +36 -0
  39. package/esm/fw-sidebar-menu.js +9 -9
  40. package/esm/fw-table-row-d390fe77.js +492 -0
  41. package/esm/fw-table.js +14 -494
  42. package/esm/fw-tabs.js +10 -10
  43. package/esm/fw-tag-9ef5331a.js +157 -0
  44. package/esm/fw-tag.js +13 -162
  45. package/esm/fw-toast.js +24 -85
  46. package/esm/fw-transactions-card.js +18 -18
  47. package/esm/{index-e4a2f8b0.js → index-04d3cb23.js} +1 -1
  48. package/esm/index-8c78a422.js +417 -0
  49. package/esm/{index-2766bfe4.js → index-c15f5641.js} +18 -55
  50. package/esm/index.js +48 -54
  51. package/esm/{is-forced-752b5893.js → is-forced-fc680e39.js} +1 -1
  52. package/esm/{object-create-f6f3a673.js → object-create-bc771493.js} +2 -2
  53. package/esm/{object-keys-4f5bf4e7.js → object-keys-17f3b440.js} +1 -1
  54. package/esm/{web.timers-0f117224.js → web.timers-c5316125.js} +3 -3
  55. package/frollo-web-ui.esm.js +1222 -832
  56. package/index.d.ts +118 -22
  57. package/package.json +1 -1
  58. package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +17 -0
  59. package/types/components/fw-dropdown/index.types.d.ts +1 -0
  60. package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +68 -0
  61. package/types/components/fw-provider-list/index.d.ts +2 -0
  62. package/types/components/fw-provider-list/index.types.d.ts +11 -0
  63. package/types/components/index.d.ts +1 -0
  64. package/types/components/index.types.d.ts +1 -0
  65. package/web-components/index.js +1267 -862
package/esm/fw-tag.js CHANGED
@@ -1,164 +1,15 @@
1
- import './es.array.includes-91be7771.js';
2
- import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createVNode, createCommentVNode } from 'vue';
1
+ export { _ as FwTag } from './fw-tag-9ef5331a.js';
2
+ import './es.array.includes-a06445a5.js';
3
+ import './is-forced-fc680e39.js';
4
+ import './export-8a363004.js';
5
+ import './add-to-unscopables-31609885.js';
6
+ import './object-create-bc771493.js';
7
+ import './object-keys-17f3b440.js';
8
+ import 'vue';
3
9
  import './fw-button.js';
4
- import { c as render$1 } from './index-e4a2f8b0.js';
5
- import { u as useColours } from './get-root-colours-e2a1cb28.js';
6
- import { s as script } from './fw-button-8d131219.js';
7
- import { s as styleInject } from './style-inject.es-1f59c1d0.js';
8
- import './is-forced-752b5893.js';
9
- import './export-a37ba078.js';
10
- import './add-to-unscopables-2400f45b.js';
11
- import './object-create-f6f3a673.js';
12
- import './object-keys-4f5bf4e7.js';
10
+ import './fw-button-b7a12ae1.js';
11
+ import './fw-loading-spinner-3fda633e.js';
12
+ import './index-04d3cb23.js';
13
13
  import './check-94a5917a.js';
14
- import './fw-loading-spinner-c394fafc.js';
15
-
16
- var __default__ = defineComponent({
17
- name: 'FwTag',
18
- components: {
19
- FwButton: script,
20
- XMarkSvg: render$1
21
- },
22
- emits: ['dismissed'],
23
- props: {
24
- /**
25
- * The size of the tag. Accepts: 'xs', 'sm' & 'md'
26
- */
27
- size: {
28
- type: String,
29
- "default": 'xs',
30
- validator: function validator(value) {
31
- return ['xs', 'sm', 'md'].includes(value);
32
- }
33
- },
34
- /**
35
- * The colour variant of the tag.
36
- * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
37
- */
38
- variant: {
39
- type: String,
40
- "default": 'primary',
41
- validator: function validator(value) {
42
- return ['primary', 'secondary', 'alert', 'error', 'success'].includes(value);
43
- }
44
- },
45
- /**
46
- * Whether the tag can be dismissed or closed.
47
- * Emits the @dismissed event
48
- */
49
- dismissable: {
50
- type: Boolean,
51
- "default": false
52
- }
53
- },
54
- setup: function setup(props) {
55
- var baseClass = ref("\n inline-flex items-center justify-center font-semibold text-center whitespace-nowrap rounded-full shadow\n ");
56
- var _useColours = useColours(),
57
- primaryFade5 = _useColours.primaryFade5;
58
- var tagClasses = ref({
59
- primary: {
60
- text: 'text-button-primary-text',
61
- background: 'bg-button-primary-bg',
62
- iconType: 'primary'
63
- },
64
- secondary: {
65
- text: 'text-primary',
66
- background: 'fw-tag--secondary-bg',
67
- iconType: 'tertiary'
68
- },
69
- alert: {
70
- text: 'text-white',
71
- background: 'bg-alert',
72
- iconType: 'error'
73
- },
74
- success: {
75
- text: 'text-white',
76
- background: 'bg-success',
77
- iconType: 'success'
78
- },
79
- error: {
80
- text: 'text-white',
81
- background: 'bg-error',
82
- iconType: 'error'
83
- }
84
- });
85
- var sizes = ref({
86
- xs: 'px-2 py-px text-xs',
87
- sm: 'px-4 py-1 text-xs',
88
- md: 'px-3 py-[4.75px] text-xs'
89
- });
90
- var iconSizes = ref({
91
- xs: 'w-4 h-4',
92
- sm: 'w-5 h-5',
93
- md: 'w-6 h-6'
94
- });
95
- var textColorClass = computed(function () {
96
- return tagClasses.value[props.variant].text;
97
- });
98
- var bgColorClass = computed(function () {
99
- return tagClasses.value[props.variant].background;
100
- });
101
- var iconButtonType = computed(function () {
102
- return tagClasses.value[props.variant].iconType;
103
- });
104
- var sizeClass = computed(function () {
105
- return sizes.value[props.size];
106
- });
107
- var iconSizeClass = computed(function () {
108
- return iconSizes.value[props.size];
109
- });
110
- return {
111
- baseClass: baseClass,
112
- textColorClass: textColorClass,
113
- bgColorClass: bgColorClass,
114
- sizeClass: sizeClass,
115
- iconSizeClass: iconSizeClass,
116
- iconButtonType: iconButtonType,
117
- primaryFade5: primaryFade5
118
- };
119
- }
120
- });
121
- var __injectCSSVars__ = function __injectCSSVars__() {
122
- useCssVars(function (_ctx) {
123
- return {
124
- "f1e3ea3e": _ctx.primaryFade5
125
- };
126
- });
127
- };
128
- var __setup__ = __default__.setup;
129
- __default__.setup = __setup__ ? function (props, ctx) {
130
- __injectCSSVars__();
131
- return __setup__(props, ctx);
132
- } : __injectCSSVars__;
133
-
134
- function render(_ctx, _cache, $props, $setup, $data, $options) {
135
- var _component_XMarkSvg = resolveComponent("XMarkSvg");
136
- var _component_FwButton = resolveComponent("FwButton");
137
- return openBlock(), createElementBlock("span", {
138
- "class": normalizeClass(["fw-tag", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass]])
139
- }, [renderSlot(_ctx.$slots, "default"), _ctx.dismissable ? (openBlock(), createBlock(_component_FwButton, {
140
- key: 0,
141
- variant: _ctx.iconButtonType,
142
- tabindex: "",
143
- title: "Dismiss filter",
144
- onClick: _cache[0] || (_cache[0] = function ($event) {
145
- return _ctx.$emit('dismissed');
146
- }),
147
- "class": normalizeClass([_ctx.iconSizeClass, "ml-1 !p-0 flex items-center justify-center border-none rounded-full"])
148
- }, {
149
- "default": withCtx(function () {
150
- return [createVNode(_component_XMarkSvg, {
151
- "class": "w-full h-full font-semibold m-0"
152
- })];
153
- }),
154
- _: 1
155
- }, 8, ["variant", "class"])) : createCommentVNode("", true)], 2);
156
- }
157
-
158
- var css_248z = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
159
- var stylesheet = ".fw-tag{line-height:normal;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.fw-tag--secondary-bg{background:var(--f1e3ea3e)}";
160
- styleInject(css_248z);
161
-
162
- __default__.render = render;
163
-
164
- export { __default__ as FwTag };
14
+ import './style-inject.es-1f59c1d0.js';
15
+ import './get-root-colours-e2a1cb28.js';
package/esm/fw-toast.js CHANGED
@@ -1,87 +1,25 @@
1
- import './es.array.includes-91be7771.js';
2
- import { t as toString$1 } from './es.number.constructor-d6ff8874.js';
3
- import { n as isObject$1, p as classofRaw, w as wellKnownSymbol$2, f as functionUncurryThis, r as requireObjectCoercible$1 } from './is-forced-752b5893.js';
4
- import { _ as _export } from './export-a37ba078.js';
5
- import './es.array.concat-987938be.js';
6
- import './web.timers-0f117224.js';
7
- import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, toDisplayString, renderSlot } from 'vue';
1
+ import './es.array.includes-a06445a5.js';
2
+ import './es.number.constructor-98bae04f.js';
3
+ import './es.string.includes-ade04f96.js';
4
+ import './es.array.concat-fe990345.js';
5
+ import './web.timers-c5316125.js';
6
+ import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, renderSlot } from 'vue';
8
7
  import { u as uniqueId } from './uniqueId-fe08534a.js';
9
- import { f as render$1, g as render$2, a as render$3 } from './index-e4a2f8b0.js';
8
+ import { f as render$1, g as render$2, a as render$3 } from './index-04d3cb23.js';
10
9
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
11
- import './add-to-unscopables-2400f45b.js';
12
- import './object-create-f6f3a673.js';
13
- import './object-keys-4f5bf4e7.js';
14
- import './classof-39c30bd5.js';
15
- import './array-species-create-a5f5503b.js';
16
- import './does-not-exceed-safe-integer-31d08811.js';
17
- import './create-property-534611fd.js';
18
- import './array-method-has-species-support-3d413468.js';
19
- import './function-apply-ce251590.js';
10
+ import './is-forced-fc680e39.js';
11
+ import './export-8a363004.js';
12
+ import './add-to-unscopables-31609885.js';
13
+ import './object-create-bc771493.js';
14
+ import './object-keys-17f3b440.js';
15
+ import './classof-ee4b3b5b.js';
16
+ import './array-species-create-b125f4a4.js';
17
+ import './does-not-exceed-safe-integer-8e0042ec.js';
18
+ import './create-property-c70ecc08.js';
19
+ import './array-method-has-species-support-8a4b1310.js';
20
+ import './function-apply-b908d7e6.js';
20
21
  import './check-94a5917a.js';
21
22
 
22
- var es_string_includes = {};
23
-
24
- var isObject = isObject$1;
25
- var classof = classofRaw;
26
- var wellKnownSymbol$1 = wellKnownSymbol$2;
27
-
28
- var MATCH$1 = wellKnownSymbol$1('match');
29
-
30
- // `IsRegExp` abstract operation
31
- // https://tc39.es/ecma262/#sec-isregexp
32
- var isRegexp = function (it) {
33
- var isRegExp;
34
- return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
35
- };
36
-
37
- var isRegExp = isRegexp;
38
-
39
- var $TypeError = TypeError;
40
-
41
- var notARegexp = function (it) {
42
- if (isRegExp(it)) {
43
- throw $TypeError("The method doesn't accept regular expressions");
44
- } return it;
45
- };
46
-
47
- var wellKnownSymbol = wellKnownSymbol$2;
48
-
49
- var MATCH = wellKnownSymbol('match');
50
-
51
- var correctIsRegexpLogic = function (METHOD_NAME) {
52
- var regexp = /./;
53
- try {
54
- '/./'[METHOD_NAME](regexp);
55
- } catch (error1) {
56
- try {
57
- regexp[MATCH] = false;
58
- return '/./'[METHOD_NAME](regexp);
59
- } catch (error2) { /* empty */ }
60
- } return false;
61
- };
62
-
63
- 'use strict';
64
- var $ = _export;
65
- var uncurryThis = functionUncurryThis;
66
- var notARegExp = notARegexp;
67
- var requireObjectCoercible = requireObjectCoercible$1;
68
- var toString = toString$1;
69
- var correctIsRegExpLogic = correctIsRegexpLogic;
70
-
71
- var stringIndexOf = uncurryThis(''.indexOf);
72
-
73
- // `String.prototype.includes` method
74
- // https://tc39.es/ecma262/#sec-string.prototype.includes
75
- $({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
76
- includes: function includes(searchString /* , position = 0 */) {
77
- return !!~stringIndexOf(
78
- toString(requireObjectCoercible(this)),
79
- toString(notARegExp(searchString)),
80
- arguments.length > 1 ? arguments[1] : undefined
81
- );
82
- }
83
- });
84
-
85
23
  var script = defineComponent({
86
24
  name: 'FwToast',
87
25
  components: {
@@ -228,10 +166,7 @@ var _hoisted_1 = ["id"];
228
166
  var _hoisted_2 = {
229
167
  "class": "inline-flex items-center gap-x-4"
230
168
  };
231
- var _hoisted_3 = {
232
- key: 0,
233
- "class": "text-base mb-0"
234
- };
169
+ var _hoisted_3 = ["innerHTML"];
235
170
  function render(_ctx, _cache, $props, $setup, $data, $options) {
236
171
  return openBlock(), createElementBlock(Fragment, null, [_ctx.mountContainer ? (openBlock(), createBlock(Teleport, {
237
172
  key: 0,
@@ -258,7 +193,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
258
193
  }, [createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(_ctx.svgComponent[_ctx.type]), {
259
194
  "aria-hidden": "true",
260
195
  "class": "text-white min-w-[24px] min-h-[24px] w-[24px] h-[24px]"
261
- })), _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", {
196
+ })), _ctx.content ? (openBlock(), createElementBlock("p", {
197
+ key: 0,
198
+ "class": "text-base mb-0",
199
+ innerHTML: _ctx.content
200
+ }, null, 8, _hoisted_3)) : renderSlot(_ctx.$slots, "default", {
262
201
  key: 1
263
202
  })])], 10, _hoisted_1)) : createCommentVNode("", true)];
264
203
  }),
@@ -1,25 +1,25 @@
1
1
  import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
2
2
  import { s as script$1 } from './fw-card-1b6a67fe.js';
3
- import { s as script$2 } from './fw-image-4787a8bd.js';
4
- import './es.array.includes-91be7771.js';
5
- import './is-forced-752b5893.js';
6
- import './export-a37ba078.js';
7
- import './add-to-unscopables-2400f45b.js';
8
- import './object-create-f6f3a673.js';
9
- import './object-keys-4f5bf4e7.js';
10
- import './es.number.constructor-d6ff8874.js';
11
- import './classof-39c30bd5.js';
12
- import './array-iteration-107f927f.js';
13
- import './array-species-create-a5f5503b.js';
14
- import './array-method-is-strict-055b1830.js';
15
- import './es.array.find-dfa1f42f.js';
16
- import './es.string.iterator-590198a8.js';
17
- import './create-property-534611fd.js';
18
- import './web.timers-0f117224.js';
19
- import './function-apply-ce251590.js';
3
+ import { s as script$2 } from './fw-image-660d3e75.js';
4
+ import './es.array.includes-a06445a5.js';
5
+ import './is-forced-fc680e39.js';
6
+ import './export-8a363004.js';
7
+ import './add-to-unscopables-31609885.js';
8
+ import './object-create-bc771493.js';
9
+ import './object-keys-17f3b440.js';
10
+ import './es.number.constructor-98bae04f.js';
11
+ import './classof-ee4b3b5b.js';
12
+ import './array-iteration-ec356eb3.js';
13
+ import './array-species-create-b125f4a4.js';
14
+ import './array-method-is-strict-fc2e0d8d.js';
15
+ import './es.array.find-67b3b514.js';
16
+ import './es.string.iterator-0992bb28.js';
17
+ import './create-property-c70ecc08.js';
18
+ import './web.timers-c5316125.js';
19
+ import './function-apply-b908d7e6.js';
20
20
  import './fw-loading-bar-f5ca605c.js';
21
21
  import './style-inject.es-1f59c1d0.js';
22
- import './index-e4a2f8b0.js';
22
+ import './index-04d3cb23.js';
23
23
  import './check-94a5917a.js';
24
24
 
25
25
  var script = defineComponent({
@@ -515,4 +515,4 @@ function render(_ctx, _cache) {
515
515
  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
516
516
  }
517
517
 
518
- export { render$g as a, render$j as b, render$1 as c, render$4 as d, render$3 as e, render$6 as f, render$5 as g, render$i as h, render$8 as i, render$n as r };
518
+ export { render$g as a, render$j as b, render$1 as c, render$4 as d, render$3 as e, render$6 as f, render$5 as g, render$i as h, render$2 as i, render$8 as j, render$n as r };