@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.
- package/cjs/index.js +17802 -1708
- package/esm/add-to-unscopables-2400f45b.js +25 -0
- package/esm/array-iteration-107f927f.js +92 -0
- package/esm/array-method-has-species-support-3d413468.js +23 -0
- package/esm/array-method-is-strict-055b1830.js +14 -0
- package/esm/array-species-create-a5f5503b.js +97 -0
- package/esm/{classof-088c9833.js → classof-39c30bd5.js} +1 -2
- package/esm/create-property-534611fd.js +14 -0
- package/esm/delete-property-or-throw-8032646c.js +31 -0
- package/esm/does-not-exceed-safe-integer-31d08811.js +11 -0
- package/esm/es.array.concat-987938be.js +69 -0
- package/esm/{es.array.find-54b8f84b.js → es.array.find-dfa1f42f.js} +5 -6
- package/esm/{es.array.includes-9a6e4066.js → es.array.includes-91be7771.js} +3 -4
- package/esm/{es.function.name-2fa3a718.js → es.function.name-557cb1f9.js} +1 -1
- package/esm/{es.number.constructor-b7faae1f.js → es.number.constructor-1249bd78.js} +2 -3
- package/esm/es.string.iterator-284b31d4.js +470 -0
- package/esm/{object-keys-3c73c404.js → export-a37ba078.js} +2 -13
- package/esm/function-apply-ce251590.js +14 -0
- package/esm/fw-accordion.js +2 -8
- package/esm/fw-animations.js +6 -20
- package/esm/fw-bar-chart.js +19 -0
- package/esm/{fw-button-765b9d52.js → fw-button-1486e2d9.js} +6 -24
- package/esm/fw-button.js +9 -8
- package/esm/fw-card-1b6a67fe.js +90 -0
- package/esm/fw-card.js +2 -95
- package/esm/fw-checkbox.js +27 -17
- package/esm/fw-dropdown.js +17 -33
- package/esm/fw-image-4727ac61.js +289 -0
- package/esm/fw-image.js +22 -847
- package/esm/fw-input.js +24 -25
- package/esm/fw-loading-bar-f5ca605c.js +22 -0
- package/esm/{fw-loading-spinner-01b9a040.js → fw-loading-spinner-df1627c0.js} +1 -2
- package/esm/fw-loading.js +6 -9
- package/esm/fw-modal.js +218 -11
- package/esm/fw-navigation-menu.js +11 -19
- package/esm/fw-progress-bar.js +4 -11
- package/esm/fw-table.js +12 -56
- package/esm/fw-tabs.js +60 -20
- package/esm/fw-tag.js +8 -8
- package/esm/fw-toast.js +276 -0
- package/esm/fw-transactions-card.js +115 -0
- package/esm/index-1a41e7bf.js +15838 -0
- package/esm/{index-7833cf39.js → index-4605e00e.js} +114 -86
- package/esm/index.js +87 -73
- package/esm/is-forced-752b5893.js +927 -0
- package/esm/{add-to-unscopables-a5032b1d.js → object-create-f6f3a673.js} +3 -25
- package/esm/object-keys-4f5bf4e7.js +13 -0
- package/esm/{to-string-c2bd1f4d.js → to-string-12728fd2.js} +2 -2
- package/esm/uniqueId-fe08534a.js +279 -0
- package/esm/web.timers-0f117224.js +72 -0
- package/frollo-web-ui.esm.js +18020 -1824
- package/icons/index.ts +5 -1
- package/icons/solid-check.svg +3 -0
- package/icons/solid-xmark.svg +3 -0
- package/index.d.ts +344 -22
- package/package.json +5 -1
- package/styles/web-components.scss +8 -0
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +83 -0
- package/types/components/fw-bar-chart/index.d.ts +2 -0
- package/types/components/fw-bar-chart/index.types.d.ts +11 -0
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +3 -1
- package/types/components/fw-input/fw-input.vue.d.ts +1 -0
- package/types/components/fw-modal/fw-modal.vue.d.ts +16 -0
- package/types/components/fw-modal/index.types.d.ts +1 -0
- package/types/components/fw-toast/fw-toast.vue.d.ts +121 -0
- package/types/components/fw-toast/index.d.ts +2 -0
- package/types/components/fw-toast/index.types.d.ts +13 -0
- package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +58 -0
- package/types/components/fw-transactions-card/index.d.ts +2 -0
- package/types/components/fw-transactions-card/index.types.d.ts +6 -0
- package/types/components/index.d.ts +3 -0
- package/types/components/index.types.d.ts +3 -0
- package/types/icons/index.d.ts +3 -1
- package/types/index.browser-umd.d.ts +1 -0
- package/types/services/index.d.ts +1 -0
- package/types/services/modal.d.ts +1 -1
- package/types/services/toast.d.ts +9 -0
- package/web-components/index.js +36612 -0
- package/esm/array-iteration-4f83e223.js +0 -186
- package/esm/create-property-da6d232b.js +0 -26
- package/esm/function-name-c49146fc.js +0 -492
- package/esm/fw-loading-bar-da7d53fb.js +0 -22
- package/esm/index-06f4e5f1.js +0 -482
- package/esm/is-forced-fd46b5f2.js +0 -438
package/esm/index.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
3
|
-
import './
|
|
4
|
-
|
|
5
|
-
import
|
|
6
|
-
import { t as toIndexedObject$1, o as objectPropertyIsEnumerable } from './is-forced-
|
|
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
|
|
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 {
|
|
22
|
-
export {
|
|
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$
|
|
38
|
-
export { s as
|
|
39
|
-
import { s as script$
|
|
40
|
-
export { s as
|
|
41
|
-
import { s as script$
|
|
42
|
-
export { s as
|
|
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.
|
|
45
|
-
import './
|
|
46
|
-
import './
|
|
47
|
-
import './
|
|
48
|
-
import './
|
|
49
|
-
import './
|
|
50
|
-
import './
|
|
51
|
-
import './
|
|
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.
|
|
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$
|
|
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
|
|
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:
|
|
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
|
-
|
|
280
|
-
|
|
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 };
|