@frollo/frollo-web-ui 2.0.0 → 3.0.1

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 (84) hide show
  1. package/cjs/index.js +17802 -1708
  2. package/esm/add-to-unscopables-2400f45b.js +25 -0
  3. package/esm/array-iteration-107f927f.js +92 -0
  4. package/esm/array-method-has-species-support-3d413468.js +23 -0
  5. package/esm/array-method-is-strict-055b1830.js +14 -0
  6. package/esm/array-species-create-a5f5503b.js +97 -0
  7. package/esm/{classof-088c9833.js → classof-39c30bd5.js} +1 -2
  8. package/esm/create-property-534611fd.js +14 -0
  9. package/esm/delete-property-or-throw-8032646c.js +31 -0
  10. package/esm/does-not-exceed-safe-integer-31d08811.js +11 -0
  11. package/esm/es.array.concat-987938be.js +69 -0
  12. package/esm/{es.array.find-54b8f84b.js → es.array.find-dfa1f42f.js} +5 -6
  13. package/esm/{es.array.includes-9a6e4066.js → es.array.includes-91be7771.js} +3 -4
  14. package/esm/{es.function.name-2fa3a718.js → es.function.name-557cb1f9.js} +1 -1
  15. package/esm/{es.number.constructor-b7faae1f.js → es.number.constructor-1249bd78.js} +2 -3
  16. package/esm/es.string.iterator-284b31d4.js +470 -0
  17. package/esm/{object-keys-3c73c404.js → export-a37ba078.js} +2 -13
  18. package/esm/function-apply-ce251590.js +14 -0
  19. package/esm/fw-accordion.js +2 -8
  20. package/esm/fw-animations.js +6 -20
  21. package/esm/fw-bar-chart.js +19 -0
  22. package/esm/{fw-button-765b9d52.js → fw-button-1486e2d9.js} +6 -24
  23. package/esm/fw-button.js +9 -8
  24. package/esm/fw-card-1b6a67fe.js +90 -0
  25. package/esm/fw-card.js +2 -95
  26. package/esm/fw-checkbox.js +27 -17
  27. package/esm/fw-dropdown.js +17 -33
  28. package/esm/fw-image-4727ac61.js +289 -0
  29. package/esm/fw-image.js +22 -847
  30. package/esm/fw-input.js +24 -25
  31. package/esm/fw-loading-bar-f5ca605c.js +22 -0
  32. package/esm/{fw-loading-spinner-01b9a040.js → fw-loading-spinner-df1627c0.js} +1 -2
  33. package/esm/fw-loading.js +6 -9
  34. package/esm/fw-modal.js +218 -11
  35. package/esm/fw-navigation-menu.js +11 -19
  36. package/esm/fw-progress-bar.js +4 -11
  37. package/esm/fw-table.js +12 -56
  38. package/esm/fw-tabs.js +60 -20
  39. package/esm/fw-tag.js +8 -8
  40. package/esm/fw-toast.js +276 -0
  41. package/esm/fw-transactions-card.js +115 -0
  42. package/esm/index-1a41e7bf.js +15838 -0
  43. package/esm/{index-7833cf39.js → index-4605e00e.js} +114 -86
  44. package/esm/index.js +87 -73
  45. package/esm/is-forced-752b5893.js +927 -0
  46. package/esm/{add-to-unscopables-a5032b1d.js → object-create-f6f3a673.js} +3 -25
  47. package/esm/object-keys-4f5bf4e7.js +13 -0
  48. package/esm/{to-string-c2bd1f4d.js → to-string-12728fd2.js} +2 -2
  49. package/esm/uniqueId-fe08534a.js +279 -0
  50. package/esm/web.timers-0f117224.js +72 -0
  51. package/frollo-web-ui.esm.js +18020 -1824
  52. package/icons/index.ts +5 -1
  53. package/icons/solid-check.svg +3 -0
  54. package/icons/solid-xmark.svg +3 -0
  55. package/index.d.ts +344 -22
  56. package/package.json +5 -1
  57. package/styles/web-components.scss +8 -0
  58. package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +83 -0
  59. package/types/components/fw-bar-chart/index.d.ts +2 -0
  60. package/types/components/fw-bar-chart/index.types.d.ts +11 -0
  61. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +3 -1
  62. package/types/components/fw-input/fw-input.vue.d.ts +1 -0
  63. package/types/components/fw-modal/fw-modal.vue.d.ts +16 -0
  64. package/types/components/fw-modal/index.types.d.ts +1 -0
  65. package/types/components/fw-toast/fw-toast.vue.d.ts +121 -0
  66. package/types/components/fw-toast/index.d.ts +2 -0
  67. package/types/components/fw-toast/index.types.d.ts +13 -0
  68. package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +58 -0
  69. package/types/components/fw-transactions-card/index.d.ts +2 -0
  70. package/types/components/fw-transactions-card/index.types.d.ts +6 -0
  71. package/types/components/index.d.ts +3 -0
  72. package/types/components/index.types.d.ts +3 -0
  73. package/types/icons/index.d.ts +3 -1
  74. package/types/index.browser-umd.d.ts +1 -0
  75. package/types/services/index.d.ts +1 -0
  76. package/types/services/modal.d.ts +1 -1
  77. package/types/services/toast.d.ts +9 -0
  78. package/web-components/index.js +36612 -0
  79. package/esm/array-iteration-4f83e223.js +0 -186
  80. package/esm/create-property-da6d232b.js +0 -26
  81. package/esm/function-name-c49146fc.js +0 -492
  82. package/esm/fw-loading-bar-da7d53fb.js +0 -22
  83. package/esm/index-06f4e5f1.js +0 -482
  84. package/esm/is-forced-fd46b5f2.js +0 -438
package/esm/index.js CHANGED
@@ -1,9 +1,11 @@
1
- import { FwImage as script$f } from './fw-image.js';
2
- export { FwImage } from './fw-image.js';
3
- import './es.array.find-54b8f84b.js';
4
- import { d as descriptors, f as functionUncurryThis } from './function-name-c49146fc.js';
5
- import { o as objectKeys$1, _ as _export } from './object-keys-3c73c404.js';
6
- import { t as toIndexedObject$1, o as objectPropertyIsEnumerable } from './is-forced-fd46b5f2.js';
1
+ import { _ as _unsupportedIterableToArray, s as script$l } from './index-1a41e7bf.js';
2
+ export { s as FwBarChart } from './index-1a41e7bf.js';
3
+ import { s as script$f } from './fw-image-4727ac61.js';
4
+ export { s as FwImage } from './fw-image-4727ac61.js';
5
+ import './es.array.find-dfa1f42f.js';
6
+ import { d as descriptors, f as functionUncurryThis, t as toIndexedObject$1, o as objectPropertyIsEnumerable } from './is-forced-752b5893.js';
7
+ import { _ as _export } from './export-a37ba078.js';
8
+ import { o as objectKeys$1 } from './object-keys-4f5bf4e7.js';
7
9
  import './fw-form.js';
8
10
  import { FwInput as script } from './fw-input.js';
9
11
  export { FwInput } from './fw-input.js';
@@ -11,15 +13,14 @@ import { FwCheckbox as script$1 } from './fw-checkbox.js';
11
13
  export { FwCheckbox } from './fw-checkbox.js';
12
14
  import { FwDropdown as script$2 } from './fw-dropdown.js';
13
15
  export { FwDropdown } from './fw-dropdown.js';
14
- import { FwCard as script$3 } from './fw-card.js';
15
- export { FwCard } from './fw-card.js';
16
+ import './fw-card.js';
16
17
  import './fw-button.js';
17
18
  import { FwNavigationMenu as script$5 } from './fw-navigation-menu.js';
18
19
  export { FwNavigationMenu } from './fw-navigation-menu.js';
19
20
  import { FwTabs as script$6, FwTab as script$7 } from './fw-tabs.js';
20
21
  export { FwTab, FwTabs } from './fw-tabs.js';
21
- import { s as script$8, u as uniqueId } from './index-06f4e5f1.js';
22
- export { s as FwModal } from './index-06f4e5f1.js';
22
+ import { FwModal as script$8 } from './fw-modal.js';
23
+ export { FwModal } from './fw-modal.js';
23
24
  import { FwProgressBar as script$9 } from './fw-progress-bar.js';
24
25
  export { FwProgressBar } from './fw-progress-bar.js';
25
26
  import { FwTag as script$a } from './fw-tag.js';
@@ -28,30 +29,48 @@ import { FwTable as script$b, FwTableHead as script$c, FwTableRow as script$d }
28
29
  export { FwTable, FwTableHead, FwTableRow } from './fw-table.js';
29
30
  import { FwAccordion as script$e } from './fw-accordion.js';
30
31
  export { FwAccordion } from './fw-accordion.js';
32
+ import './fw-image.js';
31
33
  import { FwLoadingCard as script$h, FwLoadingTable as script$i } from './fw-loading.js';
32
34
  export { FwLoadingCard, FwLoadingTable } from './fw-loading.js';
35
+ import { FwToast as script$j } from './fw-toast.js';
36
+ export { FwToast } from './fw-toast.js';
37
+ import { FwTransactionsCard as script$k } from './fw-transactions-card.js';
38
+ export { FwTransactionsCard } from './fw-transactions-card.js';
33
39
  import { FwEmailPulse as __default__, FwSuccessPulse as __default__$1 } from './fw-animations.js';
34
40
  export { FwEmailPulse, FwSuccessPulse } from './fw-animations.js';
35
41
  import { F as Form } from './vee-validate.esm-a17a23c3.js';
36
42
  export { F as FwForm } from './vee-validate.esm-a17a23c3.js';
37
- import { s as script$4 } from './fw-button-765b9d52.js';
38
- export { s as FwButton } from './fw-button-765b9d52.js';
39
- import { s as script$g } from './fw-loading-bar-da7d53fb.js';
40
- export { s as FwLoadingBar } from './fw-loading-bar-da7d53fb.js';
41
- import { s as script$j } from './fw-loading-spinner-01b9a040.js';
42
- export { s as FwLoadingSpinner } from './fw-loading-spinner-01b9a040.js';
43
+ import { s as script$3 } from './fw-card-1b6a67fe.js';
44
+ export { s as FwCard } from './fw-card-1b6a67fe.js';
45
+ import { s as script$4 } from './fw-button-1486e2d9.js';
46
+ export { s as FwButton } from './fw-button-1486e2d9.js';
47
+ import { s as script$g } from './fw-loading-bar-f5ca605c.js';
48
+ export { s as FwLoadingBar } from './fw-loading-bar-f5ca605c.js';
49
+ import { s as script$m } from './fw-loading-spinner-df1627c0.js';
50
+ export { s as FwLoadingSpinner } from './fw-loading-spinner-df1627c0.js';
43
51
  import { reactive, createApp, h } from 'vue';
44
- import './es.array.includes-9a6e4066.js';
45
- import './add-to-unscopables-a5032b1d.js';
46
- import './es.number.constructor-b7faae1f.js';
47
- import './to-string-c2bd1f4d.js';
48
- import './classof-088c9833.js';
49
- import './array-iteration-4f83e223.js';
50
- import './create-property-da6d232b.js';
51
- import './index-7833cf39.js';
52
+ import './es.number.constructor-1249bd78.js';
53
+ import './to-string-12728fd2.js';
54
+ import './classof-39c30bd5.js';
55
+ import './object-create-f6f3a673.js';
56
+ import './function-apply-ce251590.js';
57
+ import './es.string.iterator-284b31d4.js';
58
+ import './array-iteration-107f927f.js';
59
+ import './array-species-create-a5f5503b.js';
60
+ import './create-property-534611fd.js';
61
+ import './delete-property-or-throw-8032646c.js';
62
+ import './array-method-has-species-support-3d413468.js';
63
+ import './es.function.name-557cb1f9.js';
64
+ import './does-not-exceed-safe-integer-31d08811.js';
65
+ import './uniqueId-fe08534a.js';
66
+ import './es.array.includes-91be7771.js';
67
+ import './add-to-unscopables-2400f45b.js';
68
+ import './web.timers-0f117224.js';
69
+ import './array-method-is-strict-055b1830.js';
70
+ import './index-4605e00e.js';
52
71
  import './check-94a5917a.js';
53
72
  import './style-inject.es-1f59c1d0.js';
54
- import './es.function.name-2fa3a718.js';
73
+ import './es.array.concat-987938be.js';
55
74
 
56
75
  function _arrayWithHoles(arr) {
57
76
  if (Array.isArray(arr)) return arr;
@@ -87,25 +106,6 @@ function _iterableToArrayLimit(arr, i) {
87
106
  return _arr;
88
107
  }
89
108
 
90
- function _arrayLikeToArray(arr, len) {
91
- if (len == null || len > arr.length) len = arr.length;
92
-
93
- for (var i = 0, arr2 = new Array(len); i < len; i++) {
94
- arr2[i] = arr[i];
95
- }
96
-
97
- return arr2;
98
- }
99
-
100
- function _unsupportedIterableToArray(o, minLen) {
101
- if (!o) return;
102
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
103
- var n = Object.prototype.toString.call(o).slice(8, -1);
104
- if (n === "Object" && o.constructor) n = o.constructor.name;
105
- if (n === "Map" || n === "Set") return Array.from(o);
106
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
107
- }
108
-
109
109
  function _nonIterableRest() {
110
110
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
111
111
  }
@@ -188,9 +188,12 @@ var components = /*#__PURE__*/Object.freeze({
188
188
  FwLoadingBar: script$g,
189
189
  FwLoadingCard: script$h,
190
190
  FwLoadingTable: script$i,
191
+ FwToast: script$j,
192
+ FwTransactionsCard: script$k,
193
+ FwBarChart: script$l,
191
194
  FwEmailPulse: __default__,
192
195
  FwSuccessPulse: __default__$1,
193
- FwLoadingSpinner: script$j
196
+ FwLoadingSpinner: script$m
194
197
  });
195
198
 
196
199
  function _defineProperty(obj, key, value) {
@@ -234,53 +237,64 @@ function _objectSpread2(target) {
234
237
  return target;
235
238
  }
236
239
 
237
- var modalService = function modalService(options, element) {
240
+ var modalService = function modalService(options) {
238
241
  var elementToMount = document.createElement('div');
239
- elementToMount.id = uniqueId('fw-modal-app-');
240
- var elAppend = element || document.querySelector('#app');
241
- var modalVNode = undefined;
242
242
  var props = reactive(_objectSpread2(_objectSpread2({}, options), {}, {
243
- modelValue: true
243
+ modelValue: false
244
244
  }));
245
-
245
+ createApp({
246
+ render: function render() {
247
+ return h(script$8, props);
248
+ }
249
+ }).mount(elementToMount);
246
250
  var open = function open() {
247
- var _modalVNode;
248
-
249
251
  props.modelValue = true;
250
- modalVNode = createApp({
251
- render: function render() {
252
- return h(script$8, props);
253
- }
254
- });
255
- elAppend === null || elAppend === void 0 ? void 0 : elAppend.appendChild(elementToMount);
256
- (_modalVNode = modalVNode) === null || _modalVNode === void 0 ? void 0 : _modalVNode.mount(elementToMount);
257
252
  };
258
-
259
253
  var close = function close() {
260
254
  props.modelValue = false;
261
- setTimeout(function () {
262
- var _modalVNode2;
263
-
264
- (_modalVNode2 = modalVNode) === null || _modalVNode2 === void 0 ? void 0 : _modalVNode2.unmount();
265
- modalVNode = undefined;
266
- elementToMount.remove();
267
- }, 1000);
268
255
  };
269
-
270
256
  return {
271
257
  open: open,
272
258
  close: close
273
259
  };
274
260
  };
275
261
 
262
+ var toastService = function toastService() {
263
+ var createToastApp = function createToastApp(type, options) {
264
+ var elementToMount = document.createElement('div');
265
+ var props = reactive(_objectSpread2(_objectSpread2({}, options), {}, {
266
+ modelValue: true,
267
+ type: type
268
+ }));
269
+ createApp({
270
+ render: function render() {
271
+ return h(script$j, props);
272
+ }
273
+ }).mount(elementToMount);
274
+ };
275
+ var success = function success(options) {
276
+ createToastApp('success', options);
277
+ };
278
+ var error = function error(options) {
279
+ createToastApp('error', options);
280
+ };
281
+ var warning = function warning(options) {
282
+ createToastApp('warning', options);
283
+ };
284
+ return {
285
+ success: success,
286
+ error: error,
287
+ warning: warning
288
+ };
289
+ };
290
+
276
291
  var install = function install(app) {
277
292
  Object.entries(components).forEach(function (_ref) {
278
293
  var _ref2 = _slicedToArray(_ref, 2),
279
- componentName = _ref2[0],
280
- component = _ref2[1];
281
-
294
+ componentName = _ref2[0],
295
+ component = _ref2[1];
282
296
  app.component(componentName, component);
283
297
  });
284
298
  };
285
299
 
286
- export { install as default, modalService };
300
+ export { install as default, modalService, toastService };